aya fullscreen; netta shins

resen/pages.js

@@ -6,6 +6,9 @@ const pages = {
     "/": {title: "רֶסֶן", alt: "Resen", author: "resen", logo: "media/resen.svg", skip: true},
     // "open-call-kmeot/": {title: "קול קורא: קמעות", alt: "Open call: Talismans", author: "resen"},
 
+    "fateful/": {title: "שהות הרת־גורל", alt: "Fateful stay", author: "shoeyraz", kw: [1], skip: true},
+    "psychosophy/": {title: "פסיכוסופיה", alt: "Psychsophy", author: ["avinoamsternheim", "menahemgoldenberg"], kw: [1, "visual"], skip: true},
+    "talismother/": {title: "אימא קמעית", alt: "Talis-Mother", author: "sandravalabregue", kw: [1, "visual"], skip: true},
     "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"]},
@@ -53,6 +56,10 @@ const authors = {
     "avimilgrom": {
         "name": {"": "אבי מילגרום", "en": "Avi Milgrom"},
     },
+    "avinoamsternheim": {
+        "name": {"": "אבינועם שטרנהיים", "en": "Avinoam Sternheim"},
+        "web": ".com",
+    },
     "ayaamikam": {
         "name": {"": "איה עמיקם", "en": "Aya Amikam"},
         "instagram": "aya_amikam",
@@ -85,31 +92,43 @@ const authors = {
     "liorzalmanson": {
         "name": {"": "ליאור זלמנסון", "en": "Lior Zalmanson"},
     },
+    "menahemgoldenberg": {
+        "name": {"": "מנחם גולדנברג", "en": "Menahem Goldenberg"},
+        "web": "www.menahem.net",
+    },
     "mikamilgrom": {
         "name": {"": "מיקה מילגרום", "en": "Mika Milgrom"},
     },
     "neorashem": {
         "name": {"": "נאורה שם", "en": "Neora Shem"},
-        "web": "neora.pro/",
+        "web": "neora.pro",
     },
     "nettalevtov": {
         "name": {"": "נטע לב טוב", "en": "Netta Lev Tov"},
-        "web": "netta-lev-tov.com/"
+        "web": "netta-lev-tov.com"
     },
     "nimrodkerrett": {
         "name": {"": "נמרוד קרת", "en": "Nimrod Kerrett"},
-        "web": "zzzen.com/#/",
+        "web": "zzzen.com",
     },
     "noashaham": {
         "name": {"": "נעה שחם", "en": "Noa Shaham"},
     },
     "omridanino": {
         "name": {"": "עומרי דנינו", "en": "Omri Danino"},
-        "instagram": 'daninomri',
+        "instagram": "daninomri",
     },
     "rotematar": {
         "name": {"": "רותם עטר", "en": "Rotem Atar"},
     },
+    "sandravalabregue": {
+        "name": {"": "סנדרה ואלאברג", "en": "Sandra Valabregue"},
+        "web": "sandra-valabregue.com",
+    },
+    "shoeyraz": {
+        "name": {"": "שועי רז", "en": "Shoey Raz"},
+        "web": ".wordpress.com",
+    },
 }
 
 const ui = {

resen/taase/style.css

@@ -10,11 +10,14 @@ div[oncontextmenu*="toggle_fullscreen"] {
 }
 
 .fullscreen > .gif {
+    background-attachment: fixed;
+    background-position: center;
     width: 100%;
 }
 
 .fullscreen > .sliders {
-    margin-block: auto 2% !important;
+    bottom: 1rem;
+    position: fixed;
 }
 
 @keyframes gif {

resen/umbilical/index.html

@@ -59,7 +59,7 @@ <h3>בסופי</h3>
 		<p>אֶלְחַשׁ</p>
 		<p>אחל.לחש</p>
 		<p>אלח.חלש</p>
-		<p id="shins">&ZeroWidthSpace;</p>
+		<p id="shins_container">&ZeroWidthSpace;<span id="shins"></span></p>
 	</div>
 	<div>
 		<div class="movings hidden">ל<span class="hidden">ח</span>לל<span class="hidden">א</span>ל</div>
@@ -73,7 +73,9 @@ <h3>בסופי</h3>
 		<div class="movings2 hidden">ק<span class="hidden">י</span>ק</div>
 		<div class="movings2 hidden">ק<span class="hidden">י</span>ק</div>
 	</div>
+	</article>
 
+	<article>
 	<p><b>עיצוב:</b> מאור פרידמן</p>
 	<p><b>תכנות:</b> ערן הדס</p>
 	<p dir="ltr"><b>Design</b>: Maor Freedman</p>

resen/umbilical/script.js

@@ -371,27 +371,44 @@ const minDelay = 90; // Set a minimum delay (fastest speed)
 const accelerationFactor = 0.9; // Factor by which delay decreases each time
 
 function addX() {
-    let currentText = shins.textContent;
+    let currentText = '';
     let delay = initialDelay;
 
     function addCharacter() {
         currentText += 'ש';
         shins.textContent = currentText;
+        delay = Math.max(minDelay, delay * accelerationFactor);
+        if (currentText.length < 120)
+            setTimeout(addCharacter, delay)
+        else
+            addX_right(delay)
+    }
+
+    addCharacter()
+    setTimeout(reset3, 36000)
+}
+
+function addX_right(delay) {
+    let currentText = '';
+
+    function addCharacter() {
+        currentText += 'ש';
+        shins_container.dataset.content = currentText;
 
-        if (currentText.length < 80) {
+        if (currentText.length < 100) {
             delay = Math.max(minDelay, delay * accelerationFactor);
             setTimeout(addCharacter, delay)
         }
     }
 
     addCharacter()
-    setTimeout(reset3, 26000)
 }
 
 function reset3() {
     movingLElements.forEach((element, index) => element.classList.remove("moving-" + (index + 1)))
     movingLElements2.forEach((element, index) => element.classList.remove("moving2-" + (index + 1)))
-    shins.textContent = shins.textContent[0]
+    shins.textContent = ''
+    shins_container.dataset.content = ''
     animateThirdPoem()
 }
 

resen/umbilical/style.css

@@ -3,11 +3,19 @@
     --fg_dim: --fg;
 }
 
+body {
+    overflow-x: clip;
+}
+
 article {
     letter-spacing: normal;
     --line_height: normal;
 }
 
+article:first-of-type {
+    --article_width: 20ch;
+}
+
 h3 {
     font-size: 32px;
     margin-block: .67em 37px; /* Adjust the value to the desired space */
@@ -178,7 +186,12 @@ h3 {
     visibility: visible;
 }
 
-#shins {
-  overflow: clip;      /* Hide any overflowing text */
+#shins_container {
   white-space: nowrap;   /* Prevent text from wrapping to the next line */
+}
+
+#shins_container::before {
+    content: attr(data-content);
+    margin-inline-start: -69.8em;
+    position: absolute;
 }