Added countdown to tomorrow's puzzles

2 files changed, 36 insertions, 0 deletions

@@ -255,3 +255,9 @@ input[type="range"]::-ms-thumb {
     text-decoration: underline;
   }
 }
+
+#new-puzzles {
+  text-align: center;
+  font-size: 1.25em;
+  margin-bottom: 1em;
+}
@@ -19,5 +19,35 @@
       %p.puzzle-status Solved!
     - elsif @expert_started
       %p.puzzle-status Started
+#new-puzzles
+  - if @normal_puzzle.created_at.localtime.to_date != DateTime.now.localtime.to_date
+    New puzzles are being generated...
+  - else
+    Time until new puzzles: <span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>
+    :javascript
+      function pad(val) {
+        var valString = val + ""
+        if (valString.length < 2)
+        {
+          return "0" + valString
+        } else {
+          return valString
+        }
+      }
+      function setTime() {
+        --totalSeconds
+        if (totalSeconds == 0)
+        {
+          $("#new-puzzles").text("Refresh the page for today's puzzles!")
+          clearInterval(timerInterval)
+        } else {
+          $("#seconds").text(pad(totalSeconds%60))
+          $("#minutes").text(pad(parseInt(totalSeconds/60)%60))
+          $("#hours").text(pad(parseInt(parseInt(totalSeconds/60)/60)))
+        }
+      }
+      var totalSeconds = #{(1.day.from_now.beginning_of_day - DateTime.now).to_i + 1}
+      setTime()
+      var timerInterval = setInterval(setTime, 1000);
 %p.summary Wittle was created by <a href="https://www.fourisland.com/">Hatkirby</a>, with major help from <a href="https://github.com/sigma144/">Sigma144</a> (who wrote the puzzle generation code) and <a href="https://github.com/jbzdarkid">jbzdarkid</a> (who wrote the puzzle solving web interface). If you encounter any bugs, or have feedback regarding puzzle difficulty level, feel free to contact me! I am <code>hatkirby</code> on Discord, and you can also find me in the <a href="https://discord.gg/0nJwyUyYIfTEgSz0">Witness Speedrunning server</a>.
 %p.summary There is an <a href="#{ archive_path }">archive of past puzzles</a> for those interested.