diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..cdfda52 Binary files /dev/null and b/.DS_Store differ diff --git a/public/.DS_Store b/public/.DS_Store new file mode 100644 index 0000000..449c22d Binary files /dev/null and b/public/.DS_Store differ diff --git a/public/css/.DS_Store b/public/css/.DS_Store new file mode 100755 index 0000000..97d10b7 Binary files /dev/null and b/public/css/.DS_Store differ diff --git a/public/css/style.css b/public/css/style.css old mode 100644 new mode 100755 index 4c0e04d..bb8859e --- a/public/css/style.css +++ b/public/css/style.css @@ -1,3 +1,69 @@ -h1 { - color:red; +body { + background-color: lightgreen; +} + +@media (max-width: 1500px) { + body { + background-color: MediumSeaGreen; + } +} + +@media (max-width: 1250px) { + body { + background-color: SeaGreen; + } +} + +@media (max-width: 1000px) { + body { + background-color: ForestGreen; + } +} + +@media (max-width: 750px) { + body { + background-color: Green; + } +} + +@media (max-width: 500px) { + body { + background-color: DarkGreen; + } +} + +h2 { + font-size: 1.5em; /* 30px/16=1.875em */ +} + +h3 { + font-size: 1.5em; /* 30px/16=1.875em */ +} + +h4 { + font-size: 1.5em; /* 30px/16=1.875em */ +} + +ul li { + list-style:none; + } + input[type="checkbox"]{ + margin-right: 35px; + } + .finished-task{ + text-decoration: line-through; + color-#F00 + } + + #container{ + width:100%; + height:100%; +} + +.centered-panel{ + width:50%; + margin:0 auto; + border:5px solid black; + padding:40px; + background-color:white; } diff --git a/public/index.html b/public/index.html old mode 100644 new mode 100755 index c95bdad..2811852 --- a/public/index.html +++ b/public/index.html @@ -1,12 +1,38 @@ - - - - - Title - - - -

Hello World!

-

This is our home page

- - + + + + + + + My To Do List + + + +
+
+

Honey Do This, Do That List

+

+ Enter a task + + + +

+
+

+ Not Completed +

+ + +

Completed

+ +
+
+ + + diff --git a/public/js/.DS_Store b/public/js/.DS_Store new file mode 100755 index 0000000..5008ddf Binary files /dev/null and b/public/js/.DS_Store differ diff --git a/public/js/script.js b/public/js/script.js new file mode 100644 index 0000000..c4314e9 --- /dev/null +++ b/public/js/script.js @@ -0,0 +1,20 @@ +$( document ).ready(function() { + $("button").click(function(){ + console.log($('#taskInput').val() ); + $(".todo-list").append('
  • ' + $('#taskInput').val()+'
    • '); + }); + + $(document).on("click",".task",function(){ + $(this).fadeOut( "slow", function() { + if($(this).find("input").is(':checked')){ + $(this).appendTo(".finished-list").addClass("finished-task"); + }else{ + $(this).appendTo(".todo-list").removeClass("finished-task"); + } + + $(this).fadeIn("slow"); + }); + }); + + $(".finished-task input").prop( "disabled", true ); //Disable +});