From 5052207e0f5fd03e49fc51f1a5dbeb92dd79de59 Mon Sep 17 00:00:00 2001
From: Star Rauchenberger <fefferburbia@gmail.com>
Date: Tue, 31 Oct 2023 18:33:30 -0400
Subject: Added countdown to tomorrow's puzzles

---
 app/assets/stylesheets/wittle/general.css.scss |  6 ++++++
 app/views/wittle/puzzles/about.html.haml       | 30 ++++++++++++++++++++++++++
 2 files changed, 36 insertions(+)

(limited to 'app')

diff --git a/app/assets/stylesheets/wittle/general.css.scss b/app/assets/stylesheets/wittle/general.css.scss
index 984e9f7..12e5486 100644
--- a/app/assets/stylesheets/wittle/general.css.scss
+++ b/app/assets/stylesheets/wittle/general.css.scss
@@ -255,3 +255,9 @@ input[type="range"]::-ms-thumb {
     text-decoration: underline;
   }
 }
+
+#new-puzzles {
+  text-align: center;
+  font-size: 1.25em;
+  margin-bottom: 1em;
+}
diff --git a/app/views/wittle/puzzles/about.html.haml b/app/views/wittle/puzzles/about.html.haml
index dcc3132..8bdb11e 100644
--- a/app/views/wittle/puzzles/about.html.haml
+++ b/app/views/wittle/puzzles/about.html.haml
@@ -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.
-- 
cgit 1.4.1