monomulder 0.1.7 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9fa598cf08a5752c2c6d05d86a8faae8338d8087e96ccf547ffcd21e42022da6
-  data.tar.gz: 8f0c2983f458457180641389364cd8aac8b03b476206494fc3ab72c29472c3cb
+  metadata.gz: f3fef0f2fa5dcb36c402e4efe8f9d82f8a4e4420441fe5d25e8563bc66bd19e2
+  data.tar.gz: aecd434da728c9001e8fcc38827bd46268e922094e8da34a05ccf44b47579181
 SHA512:
-  metadata.gz: 529cc9d78b10c4bbd1bcef620348264c1f7685ab8397683bdf325deb7da4968dfc9eb361cbd5cf3c13046fcb85e4cb665fee3c70dae4639a4a86707f41705d0b
-  data.tar.gz: ce821174afeabfa2f4ad00d3c51ae0f7f8f54c69b5f5221cd780722c5fc70a3268f4d61b64e0d9c521ef988d46c225fbcffa42bd8826539c205a7a8c866811a2
+  metadata.gz: cc693daea86dec60db9f9c8e3a76761ab615f64477b0cb89b15313ca769777a7c883ebb99224920577bbe31cdcea7ea17ec7ee361e60c7b40ef682e55ba77229
+  data.tar.gz: 5c42b1a057323e4725fbc6199b9e7fb10de2df402c5f4e993ab681a1173a095e321f51f01454dda6436d17127ebe83b805ec504b0461b941d2fe79a34ece33bb

data/_includes/footer.html

@@ -0,0 +1,2 @@
+<br>
+<div class="footer"></div>

data/_layouts/default.html

@@ -9,6 +9,62 @@
 
     {% include footer.html %}
 
+    <script>
+
+        const colors = ['green', 'amber'];
+
+        let randomColor = (colors) => {
+            return colors[Math.floor(Math.random()*colors.length)]
+        };
+
+        let saveColor = (color) => {
+            localStorage.setItem("monitor", color);
+        }
+
+        let savedColor = localStorage.getItem("monitor");
+        document.body.className = savedColor ? savedColor : randomColor(colors);
+
+        saveColor(document.body.className);
+
+        let toggleColor = (colors, currentColor) => {
+            return colors.find(color => color !== currentColor);
+        };
+        let colorChanger = () => {
+            let p = document.createElement('p');
+            let a = document.createElement('a');
+            let t = document.createTextNode('change color');
+            p.appendChild(a);
+            a.appendChild(t);
+            a.addEventListener("click", () => {
+                beep(100, 1000, 0.5);
+                let color = toggleColor(colors, localStorage.getItem("monitor"));
+                saveColor(color);
+                document.body.className = color;
+            });
+            return p;
+        };
+
+        document.querySelector('div.footer').appendChild(colorChanger());
+
+        var audioCtx = new (window.AudioContext || window.webkitAudioContext || window.audioContext);
+
+        function beep(duration, frequency, volume, type, callback) {
+            var oscillator = audioCtx.createOscillator();
+            var gainNode = audioCtx.createGain();
+
+            oscillator.connect(gainNode);
+            gainNode.connect(audioCtx.destination);
+
+            if (volume){gainNode.gain.value = volume;};
+            if (frequency){oscillator.frequency.value = frequency;}
+            if (type){oscillator.type = type;}
+            if (callback){oscillator.onended = callback;}
+
+            oscillator.start();
+            oscillator.stop(audioCtx.currentTime + duration/1000);
+        };
+
+    </script>
   </body>
 
 </html>

data/_sass/theme.scss

@@ -1,17 +1,57 @@
+$green: rgb(51,255,51);
+$amber: rgb(255,176,0);
+$black: rgb(15,15,15);
+$black: rgb(10,10,10);
+$white: rgb(255,255,255);
+
 body {
-  background: black;
+  background: $black;
+  //background: black;
   margin: 0;
   font-family: Consolas, Menlo, Monaco, Lucida Console, Courier New, Courier, monospaced;
 }
 
-body, a {
-  color: #0a0;
+body {
+    color: $white;
+
+    a {
+        color: $white;
+    }
+
+}
+
+.footer {
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    width: 100%;
+    height: 2em;
+    background-color: $black;
+    text-align: center;
+    p {
+        margin: 0;
+        padding: 0;
+    }
+}
+
+body.green {
+
+    color: $green;
+    a {
+        color: $green;
+    }
+}
+
+body.amber {
+    color: $amber;
+    a {
+        color: $amber;
+    }
 }
 
 h1 {
   font-size: 1.2em;
   margin-left: 1.6em;
-  color: white;
 }
 
 header a {
@@ -21,7 +61,6 @@ header a {
 p {
   margin: 2em;
   line-height: 1.2em;
-  color: #fff;
   &:last-child {
       margin-bottom:4em;
   }
@@ -39,10 +78,6 @@ ul {
   list-style-type: none;
 }
 
-ul li {
-  color: #fff;
-}
-
 /* Smartphones (portrait) ----------- */
 @media only screen and (max-width : 420px) {
 
@@ -84,7 +119,7 @@ ul li {
             top: 0;
             padding-top: 5px;
             padding-bottom: 5px;
-            background: black;
+            background: $black;
         }
     }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: monomulder
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.8
 platform: ruby
 authors:
 - Charles Mulder
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-08-19 00:00:00.000000000 Z
+date: 2018-09-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll