From 34758d3561b3207efa5725b044d4a4f039c71d5f Mon Sep 17 00:00:00 2001
From: Eyal Gruss <eyalgruss@gmail.com>
Date: Sat, 16 Nov 2024 13:41:40 +0200
Subject: [PATCH] fix aya speed and fullscreen

---
 resen/taase/index.html | 4 ++--
 resen/taase/style.css  | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/resen/taase/index.html b/resen/taase/index.html
index c9df0be..cc3a3ca 100644
--- a/resen/taase/index.html
+++ b/resen/taase/index.html
@@ -17,10 +17,10 @@
     <script>make_header()</script>
     <div oncontextmenu="toggle_fullscreen(event)">
         <div id="gif1" class="gif" aria-label="אנימציית סטופ־מושן של קערה מסתובבת שיוצרת אשליה אופטית של המילה תעשה"></div>
-        <div class="sliders" onclick="gif1.style.setProperty('--dt', rate_slider.valueAsNumber + 's')">
+        <div class="sliders" onclick="gif1.style.setProperty('--dt', rate_slider.valueAsNumber)">
             <label for="rate_slider">
                 <button onclick="rate_slider.value = rate_slider.min">בזריזות</button>
-                <input type="range" id="rate_slider" min="0.01" max="1" step="0.01" value="0.05" autocomplete="off" oninput="gif1.style.setProperty('--dt', this.valueAsNumber + 's')">
+                <input type="range" id="rate_slider" min="1" max="500" value="16" autocomplete="off" oninput="gif1.style.setProperty('--dt', this.valueAsNumber)">
                 <button onclick="rate_slider.value = rate_slider.max">בעצלתיים</button>
             </label>
         </div>
diff --git a/resen/taase/style.css b/resen/taase/style.css
index 4b7ac50..04c4b59 100644
--- a/resen/taase/style.css
+++ b/resen/taase/style.css
@@ -13,7 +13,7 @@ div[oncontextmenu*="toggle_fullscreen"] {
 }
 
 .fullscreen > .gif {
-    width: 100%;
+    width: stretch;
 }
 
 .fullscreen > .sliders {
@@ -29,8 +29,8 @@ div[oncontextmenu*="toggle_fullscreen"] {
 }
 
 .gif {
-    --dt: 0.01s;
-    animation: var(--dt) infinite gif;
+    --dt: 16;
+    animation: calc(var(--dt) * 4ms) steps(1) infinite gif;
     aspect-ratio: 16 / 9;
     background-repeat: no-repeat;
     background-size: contain;