3 files changed, 53 insertions, 2 deletions
diff --git a/public/face.css b/public/face.css
index db8016b..77f3000 100644
--- a/public/face.css
+++ b/public/face.css
@@ -4,6 +4,18 @@ body {
   font-family: arial, verdana, helvetica, sans-serif;
 }
 
+body.wednesday-mode {
+  background: darkred;
+}
+
+body .wednesday-mode {
+  display: none;
+}
+
+body.wednesday-mode .wednesday-mode {
+  display: block;
+}
+
 #help-toggle {
   color: #ddd;
 }
diff --git a/public/face.js b/public/face.js
index d565481..7d873ec 100644
--- a/public/face.js
+++ b/public/face.js
@@ -194,7 +194,7 @@ jQuery(function($) {
   function tick() {
     $('#face').css(get_frame(
       (new Date()).getTime(),
-      +$('#rate').val()
+      ($('#wednesday-mode').is(':checked') ? -20 : +$('#rate').val())
     ).css);
   }
 
@@ -226,6 +226,18 @@ jQuery(function($) {
     return false;
   });
 
+  $('#wednesday-mode').click(function() {
+    var me = $(this);
+    setTimeout(function() {
+      $('body').toggleClass('wednesday-mode', me.is(':checked'));
+    }, 10);
+  });
+
+  // toggle wednesday mode on wednesdays
+  if ((new Date()).getDay() == 3) {
+    $('#wednesday-mode').click();
+  }
+
   // fetch current price as percent and populate #rate
   fetch(DATA_URL).then(function(r) {
     return r.json();
diff --git a/public/index.html b/public/index.html
index 663b4d5..6987346 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,7 +9,10 @@
   </head>
 
   <body>
-    <h1>Alonzo Mood Calculator</h1>
+    <h1>
+      Alonzo Mood Calculator
+      <span class='wednesday-mode'>(WEDNESDAY MODE)</span>
+    </h1>
 
     <div id='text'>
       <p>
@@ -34,6 +37,15 @@
           The default value of the field is the current value according to
           Yahoo Finance.
         </p>
+
+        <p>
+          The new <b>Wendesday Mode</b> utilizes next-generation, state
+          of the art, real-time, gamification, snackable, hyper-local
+          heuristics to market-disrupt the mood calculation ideation
+          pipeline for the industry-leading, B2B, cloud-connected,
+          microservice-enabled, containerized, thought-leader-aware
+          office environment.
+        </p>
       </div>
 
       <p>
@@ -87,6 +99,21 @@
           Max
         </button>
       </p>
+
+      <p class='controls'>
+        <label
+          for='wednesday-mode'
+          title='Enable Wednesday Mode'
+          style='text-align: center'
+        >
+          <input
+            type='checkbox'
+            id='wednesday-mode'
+            title='Enable Wednesday mode.'
+          />
+          Wednesday Mode
+        </label>
+      </p>
     </div>
 
     <div id='face'></div>