fix order in resen0, add open call, add banner

oulipoh · Apr 17, 2024 · bf97c17 · bf97c17
1 parent e96f7a9
commit bf97c17
Show file tree

Hide file tree

Showing 5 changed files with 68 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -22,7 +22,7 @@ <h2 id="word">קבוצת מחקר ליצירה עברית </h2>
     </div>
     <h3>אנחנו בהקמה! רוצות להשתתף? להתעדכן? לדבר? <a href="https://forms.gle/ayPSSeHk3KL4ALGa9">בואו!</a></h3>
     <script>
-        words = ['מרוסנת' ,'פוטנציאלית', 'אלגוריתמית', 'חישובית', 'מתמטית', 'מיצויית', 'אכופה', 'מושגית', 'אילוצית', 'מאולצת', 'מתכונתית' ,'קונספטואלית', 'פרוצדורלית']
+        words = ['מרוסנת' ,'פוטנציאלית', 'אלגוריתמית', 'חישובית', 'מתמטית', 'מיצויית', 'אכופה', 'מושגית', 'אילוצית', 'מאולצת', 'מתכונתית' ,'קונספטואלית', 'פרוצדורלית', 'דיגיטלית']
         word.innerHTML += words[Math.random() * words.length | 0]
     </script>
 </body>

diff --git a/resen/index.html b/resen/index.html
@@ -15,6 +15,15 @@
     <noscript dir="ltr"><p>Please enable JavaScript to view contents.</p></noscript>
     <script>
         make_header()
+        const p = document.createElement('p')
+        let span = document.createElement('span')
+        span.appendChild(make_link('https://www.facebook.com/events/1191766252206270', 'אירוע השקה 30/4'))
+        p.appendChild(span)
+        span = document.createElement('span')
+        span.appendChild(make_link(page2url('open-call-kmeot'), 'קול קורא - קמעות'))
+        p.appendChild(span)
+        p.classList.add('preface_he', 'banner')
+        document.querySelector('.author').before(p)
         make_contents()
         make_footer()
     </script>

diff --git a/resen/open-call-kmeot.html b/resen/open-call-kmeot.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="he" dir="rtl">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="preload" href="fonts/MiriamLibre-Regular.woff2" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="fonts/DavidLibre-Medium.woff2" as="font" type="font/woff2" crossorigin>
+    <link rel="stylesheet" href="style.css">
+    <script src="pages.js"></script>
+    <link rel="icon" href="media/resen.svg">
+    <meta property="og:image" content="https://oulipoh.com/resen/cent/snippet">
+    <noscript><style>body {visibility: visible}</style></noscript>
+</head>
+<body onload="document.body.style.visibility = 'visible'">
+    <script>make_header()</script>
+    <p>קמעות אילוציים // קונקרטיים // אלגוריתמיים // דיגטליים // פוטנציאליים // מתמטיים // הכל הולך העיקר שזה קמע אמיתי שעובד!</p>
+    <p>עוד פרטים בהמשך.</p>
+    <p>דדליין: 1 ביוני 2024.</p>
+    <p>שאלות והגשות: <a href="mailto:[email protected]">[email protected]</a></p>
+    <script>make_footer()</script>
+</body>
+</html>
diff --git a/resen/pages.js b/resen/pages.js
@@ -5,19 +5,20 @@
 const pages = {
     "/": {title: "רֶסֶן", alt: "Resen", author: "resen", logo: "media/resen.svg", skip: true},
 
-    "0/": {title: "פתח דבר לגיליון אפס", alt: "Foreward to Issue 0", author: ["alexbenari", "eyalgruss"], kw: [0]},
-    "achshav/": {title: "אָח־שָׁב – עַכְ־שָׁו", alt: "Ach-Shav", author: "brunogrife", kw: [0, "sound"]},
-    "cent/": {title: "מתוך מאה תמונות מלחמה", alt: "From One hundred visions of war", author: "julienvocance", translator: "rotematar", kw: [0, "poem", "translation"]},
-    "disappearance/": {title: "היעלמות", alt: "Disappearance", author: "rotematar", kw: [0]},
-    "down/": {title: "רע", alt: "Down", author: "alexbenari", kw: [0, "interactive", "poem", "visual"]},
-    "exceeding/": {title: "מֵעֵבר לַשלם", alt: "Exceeding the entirety", author: ["mikamilgrom", "avimilgrom"], kw: [0, "live code", "visual"]},
+    "0/": {title: "פתח דבר לגיליון אפס", alt: "Foreward to Issue 0", author: "alexbenari", kw: [0]},
     "imagine/": {title: "דמיין", alt: "Imagine", author: "liorzalmanson", kw: [0, "poem"]},
+    "cent/": {title: "מתוך מאה תמונות מלחמה", alt: "From One hundred visions of war", author: "julienvocance", translator: "rotematar", kw: [0, "poem", "translation"]},
     "petri/": {title: "פואטיקת פטרי פטריוטית", alt: "Patriotic Petri Poetry", author: "eyalgruss", kw: [0, "live code", "poem", "software", "visual"]},
+    "exceeding/": {title: "מֵעֵבר לַשלם", alt: "Exceeding the entirety", author: ["mikamilgrom", "avimilgrom"], kw: [0, "live code", "visual"]},
     "things/": {title: "קורים עכשיו דברים עם השפה", alt: "Things are happening now with the language", author: "noashaham", kw: [0, "poem"]},
     "systems/": {title: "מערכות", alt: "Systems", author: "noashaham", kw: [0, "poem"]},
-    "tribe/": {title: "השבט הנושא את עיניו השמיימה", alt: "The tribe with its eyes on the sky", author: "italocalvino", translator: "jonathanfine", kw: [0, "story", "translation"]},
+    "disappearance/": {title: "היעלמות", alt: "Disappearance", author: "rotematar", kw: [0]},
+    "down/": {title: "רע", alt: "Down", author: "alexbenari", kw: [0, "interactive", "poem", "visual"]},
     "seasons/": {title: "כאילו המלחמה הייתה לחלק מעונות השנה", alt: "As if the war were part of the seasons", author: "adisorek", kw: [0, "interactive", "sound"]},
+    "tribe/": {title: "השבט הנושא את עיניו השמיימה", alt: "The tribe with its eyes on the sky", author: "italocalvino", translator: "jonathanfine", kw: [0, "story", "translation"]},
+    "achshav/": {title: "אָח־שָׁב – עַכְ־שָׁו", alt: "Ach-Shav", author: "brunogrife", kw: [0, "sound"]},
 
+    "open-call-kmeot": {title: "קול קורא - קמעות", alt: "Open call: Amulets", author: "resen"},
     "journal": {title: "אודות כתב העת", alt: "About this journal", author: "resen", kw: ["live code", "software"]}
 }
 

diff --git a/resen/style.css b/resen/style.css
@@ -109,6 +109,17 @@ body.todark, .todark ::backdrop {
     --invert: 0;
 }
 
+.banner {
+    display: flex;
+    gap: 1em;
+    justify-content: space-around;
+    overflow-x: clip;
+}
+
+.banner > * {
+    flex-shrink: 0;
+}
+
 button, .dim_ref, footer, nav, .preface_he, .sliders {
     font-size: initial;
 }
@@ -1033,6 +1044,23 @@ a.sponsors {
 
 
 /* stuff for https://oulipoh.com/resen/ */
+@keyframes banner_first {
+    50% { margin-inline-start: 100% }
+    100% { margin-inline-start: 0 }
+}
+
+@keyframes banner_last {
+    50% { margin-inline-end: 0 }
+    100% { margin-inline-end: 100% }
+}
+
+.banner > :first-child {
+    animation: 10s infinite alternate banner_first;
+}
+
+.banner > :last-child {
+    animation: 12s infinite alternate banner_last;
+}
 
 header ~ :not(h2, footer) {
     line-height: 1.5;