fix aya speed and fullscreen; work on netta

oulipoh · Nov 15, 2024 · 69ade82 · 69ade82
1 parent 68264db
commit 69ade82
Show file tree

Hide file tree

Showing 6 changed files with 54 additions and 15 deletions.
diff --git a/resen/0/index.html b/resen/0/index.html
@@ -64,14 +64,25 @@
     <p>~ ~ ~</p>
     <br>
     <p>
-        עורך הגיליון: אלכס בן־ארי
+        <b>עורך הגיליון:</b> אלכס בן־ארי
     </p>
     <p>
-        יד המערכת: מיתר מורן
+        <b>יד המערכת:</b> מיתר מורן
     </p>
     <p>
-        מוציא לפועל: איל יהוה גרוּס
+        <b>מוציא לפועל:</b> איל יהוה גרוּס
     </p>
+    <div dir="ltr">
+    <p>
+        <b>Issue editor:</b> Alex Ben Ari
+    </p>
+    <p>
+        <b>Hand of the editorial board:</b> Meytar Moran
+    </p>
+    <p>
+        <b>Executor:</b> Eyal Yehowa Gruss
+    </p>
+    </div>
     </article>
     <script>make_footer()</script>
 </body>

diff --git a/resen/down/index.html b/resen/down/index.html
@@ -8,7 +8,6 @@
     <link rel="stylesheet" href="../style.css">
     <link rel="stylesheet" href="style.css">
     <script src="../pages.js"></script>
-    <script src="script.js"></script>
     <link rel="icon" href="../media/resen.svg">
     <meta property="og:description" content=".">  <!-- og:description is required for WhatsApp to show og:image -->
     <meta property="og:image" content="https://oulipoh.com/resen/down/snippet">
@@ -19,5 +18,6 @@
         make_header()
         make_footer()
     </script>
+    <script src="script.js"></script>
 </body>
 </html>
diff --git a/resen/kaddish/index.html b/resen/kaddish/index.html
@@ -409,7 +409,7 @@
             יחד עם הניקוד והפיסוק המקוריים שנשמרו, נוצרת תפילה חדשה הנקראת במצלול הקדיש.
         </p>
         <p>
-            בשביל להקליד תפילה חדשה יש להשתמש במקדלת. בשביל לשמוע אותה, וודאו שמתוקנת במכשירכם ערכת קול עברית או השתמשו בדפדפן מבוסס כרומיום.
+            בשביל להקליד תפילה חדשה יש להשתמש במכשיר עם מקדלת ולהעבירה לעברית. בשביל לשמוע את התפילה, יש לוודא שמתוקנת במכשירכם ערכת קול עברית או להשתמש בדפדפן Chrome או Edge.
         </p>
         <p>
             גופן כתב היד מכתב ידו של שגיא עידן ז"ל, מיזם

diff --git a/resen/pages.js b/resen/pages.js
@@ -6,6 +6,7 @@ const pages = {
     "/": {title: "רֶסֶן", alt: "Resen", author: "resen", logo: "media/resen.svg", skip: true},
     // "open-call-kmeot/": {title: "קול קורא: קמעות", alt: "Open call: Talismans", author: "resen"},
 
+    "umbilical/": {title: "טבוּר", alt: "Umbilical", author: "nettalevtov", kw: [1, "live code", "poem", "visual"], skip: true},
     "taase/": {title: "תעשה", alt: "Ta-a-se", author: "ayaamikam", kw: [1, "biblical", "cipher", "interactive", "visual"]},
     "kaddish/": {title: "קדיש (שלד)", alt: "Kaddish (skeleton)", author: "omridanino", kw: [1, "biblical", "interactive", "poem", "visual"]},
     "water/": {title: "קוד מים | תרשימי זרימה", alt: "Code of water | flow charts", author: "arikweiss", kw: [1, "2d 3d", "biblical", "interactive", "visual"]},
@@ -91,6 +92,10 @@ const authors = {
         "name": {"": "נאורה שם", "en": "Neora Shem"},
         "web": "neora.pro/",
     },
+    "nettalevtov": {
+        "name": {"": "נטע לב טוב", "en": "Netta Lev Tov"},
+        "web": "netta-lev-tov.com/"
+    },
     "nimrodkerrett": {
         "name": {"": "נמרוד קרת", "en": "Nimrod Kerrett"},
         "web": "zzzen.com/#/",

diff --git a/resen/taase/index.html b/resen/taase/index.html
@@ -15,29 +15,31 @@
 </head>
 <body onload="document.body.style.visibility = 'visible'">
     <script>make_header()</script>
-    <div id="gif1" class="gif" aria-label="אנימציית סטופ־מושן של קערה מסתובבת שיוצרת אשליה אופטית של המילה תעשה"></div>
-    <div class="sliders" onclick="gif1.style.setProperty('--dt', rate_slider.valueAsNumber + 's')">
-        <label for="rate_slider">
-        <button onclick="rate_slider.value = rate_slider.min">בזריזות</button>
-        <input type="range" id="rate_slider" min="0.01" max="1" value="0.01" step="0.01" autocomplete="off" oninput="gif1.style.setProperty('--dt', this.valueAsNumber + 's')">
-        <button onclick="rate_slider.value = rate_slider.max">בעצלתיים</button>
-        </label>
+    <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')">
+            <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')">
+                <button onclick="rate_slider.value = rate_slider.max">בעצלתיים</button>
+            </label>
+        </div>
     </div>
     <article>
         <p>
             קערת חרס פשוטה לכאורה המעוטרת במה שנראה כקווים וסימנים קטנים ומסתוריים.
             כאשר מסובבים אותה בקצב מהיר ביותר, מתחברים הסימנים לאותיות המרכיבות את המילה המתגלה: "תעשה".
             למעשה, המילה מוצפנת במרחב בפירוק לחלקים, וקיימת בשלמותה רק בממד הזמן.
             זו המילה הפותחת את הביטוי "תעשה בזריזות ותצליח" המופיע ב<a href="https://he.wikipedia.org/wiki/%D7%A1%D7%A4%D7%A8_%D7%94%D7%A8%D7%96%D7%99%D7%9D">ספר הרזים</a>.
-            במסורת קערות הלחש וה<a href="https://he.wikipedia.org/wiki/%D7%A7%D7%A2%D7%A8%D7%AA_%D7%94%D7%A9%D7%91%D7%A2%D7%94">השבעה</a>, צפונה בקערה סגולה מאגית המבטיחה לעושה תעצומות גדולות.
+            במסורת <a href="https://he.wikipedia.org/wiki/%D7%A7%D7%A2%D7%A8%D7%AA_%D7%94%D7%A9%D7%91%D7%A2%D7%94">קערות ההשבעה</a>, צפונה בקערה סגולה מאגית המבטיחה לעושה תעצומות גדולות.
             ואולם גם נדרש מעשה מיומן מלכתחילה, כדי לחשוף את הצפון בקערה ולהפעיל את כוחה.
         </p>
         <p dir="ltr">
             A seemingly simple clay bowl decorated with what appear to be lines and small mysterious marks.
             When you spin it at a very fast pace, the marks connect to form letters that make up the revealed word: "ta-a-se", meaning "do" or "perform".
             In fact, the word is encrypted in space as broken parts, and exists in its entirety only in the time dimension.
             This is the opening word of the phrase "Perform this rite zealously and you will succeed" that appears in
-            the book "<a href="https://en.wikipedia.org/wiki/Sefer_HaRazim">Sefer HaRazim</a>" (Book of Secrets).
+            the book <a href="https://en.wikipedia.org/wiki/Sefer_HaRazim">Sefer HaRazim</a> (The Book of Secrets).
             In the tradition of the <a href="https://en.wikipedia.org/wiki/Incantation_bowl">incantation bowls</a>, a magical virtue is hidden in the bowl, promising the doer great feats.
             However, a skillful act is also required in the first place, in order to reveal the bowl's secret and exercise its power.
         </p>

diff --git a/resen/taase/style.css b/resen/taase/style.css
@@ -2,18 +2,39 @@ article {
     margin-block: 4em;
 }
 
+div[oncontextmenu*="toggle_fullscreen"] {
+    align-content: center;
+    display: grid;
+}
+
+.fullscreen > * {
+    grid-column: 1;
+    grid-row: 1;
+}
+
+.fullscreen > .gif {
+    width: 100%;
+}
+
+.fullscreen > .sliders {
+    margin-block: auto 2% !important;
+}
+
 @keyframes gif {
     0% { background-image: url('media/01.jpg') }
     25% { background-image: url('media/02.jpg') }
     50% { background-image: url('media/03.jpg') }
     75% { background-image: url('media/04.jpg') }
+    100% { background-image: url('media/01.jpg') }
 }
 
 .gif {
     --dt: 0.01s;
-    animation: var(--dt) steps(1) infinite gif;
+    animation: var(--dt) infinite gif;
     aspect-ratio: 16 / 9;
+    background-repeat: no-repeat;
     background-size: contain;
+    height: 100%;
     margin-inline: auto;
     width: var(--media_width);
 }