Merge pull request #130 from alangordon/issue-99

Comment Alan JS Scripting

Author: sudz123

src/alan.html

@@ -6,34 +6,36 @@
   <title>Alan</title>
   <script src="../js/jquery.js" type="text/javascript"></script>
   <script type="text/javascript">
+    // setup the hex colours to be used in five different scroll areas 
     var
       one = "#10e88a",
       two = "#7f3995",
       three = "#0d78e7",
       four = "#f88f18",
       five = "#bb6774";
 
+    // this function will fire on user scrolling or touching and dragging (for mobile)
     $(window).on("scroll touchmove", function () {
+
+      // these statements give the body a new CSS data-color if 
+      // the scrollbar is greater than the elements position on page
+      // we target each <article> using it's id - #one for example
       if ($(document).scrollTop() >= $("#one").position().top) {
         $('body').css('background', $("#one").attr("data-color"));
-
       };
       if ($(document).scrollTop() > $("#two").position().top) {
         $('body').css('background', $("#two").attr("data-color"))
       };
       if ($(document).scrollTop() > $("#three").position().top) {
-
         $('body').css('background', $("#three").attr("data-color"))
       };
       if ($(document).scrollTop() > $("#four").position().top) {
-
         $('body').css('background', $("#four").attr("data-color"))
       };
       if ($(document).scrollTop() >= $("#five").position().top) {
         $('body').css('background', $("#five").attr("data-color"))
       };
     });
-    jackHarnerSig("light")
   </script>
   <style>
     body {