fix fullscreen; decrease font size

oulipoh · Dec 30, 2024 · 18edbad · 18edbad
1 parent 1642361
commit 18edbad
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 6 deletions.
diff --git a/resen/mahdukh/snippet b/resen/mahdukh/snippet
diff --git a/resen/style.css b/resen/style.css
@@ -85,7 +85,7 @@
     --mono_font: 'Courier New', 'Alef Mono', monospace;
 
     --article_width: 80ch;
-    --font_size: 1.3rem;
+    --font_size: 1.2rem;
     --h1_size: clamp(1.5em, 5rem, 10vw);
     --hor_scrollbar_offset: 16px;
     --larger_font: clamp(1.3em, 2rem, 2vw);
@@ -576,6 +576,10 @@ nav[dir=rtl] ~ footer > div {
     padding-bottom: 0 !important;
 }
 
+.images.fullscreen {
+    --max_media_height: 100%;
+}
+
 img.fullscreen {
     --fullscreen_bg: black;
 }

diff --git a/resen/water/index.html b/resen/water/index.html
@@ -34,7 +34,7 @@
     <p>
         סיפור קוד "המים".
     </p>
-    <img src="media/kav.jpg" alt="תרשים המים כקו">
+    <img src="media/kav.jpg" oncontextmenu="toggle_fullscreen(event)" ondblclick="toggle_fullscreen(event)" alt="תרשים המים כקו">
     <p>
          "בְּרֵאשִׁית בָּרָא אֱלֹהִים אֵת הַשָּׁמַיִם וְאֵת הָאָרֶץ. וְהָאָרֶץ הָיְתָה תֹהוּ וָבֹהוּ וְחֹשֶׁךְ עַל־פְּנֵי תְהוֹם וְרוּחַ אֱלֹהִים מְרַחֶפֶת עַל־פְּנֵי הַמָּיִם" (בראשית א א)
     </p>
@@ -45,13 +45,13 @@
         כמים כן התשובות, זורמות לאין־סוף.
         אך אם ננסה להבין את כלי קיבולת המים נוכל ללמוד איך לאגור יותר ויותר מהם ולזכות בזרם של שפע אין־סופי.
     </p>
-    <img src="media/mr2.jpg" alt="תרשים המים כקובייה">
+    <img src="media/mr2.jpg" oncontextmenu="toggle_fullscreen(event)" ondblclick="toggle_fullscreen(event)" alt="תרשים המים כקובייה">
     <p>
         מים - אותיות המים מורכבות מ־ מ י מ - וקריאה מימין לשמאל או משמאל לימין תלמדנו שהם שלמים בעצמם מכל צד.
         גם ה־ים המוגדר בעולמנו כמכל הקיבול הגדול ביותר למים, נמצא בתוך המילה מימינה ומשמאלה,
         דבר שמחזק את ההבנה שהמים מכילים בתוכם גם את השפע וגם את הכלי המקבל אותם.
     </p>
-    <img src="media/mmm1.jpg" alt="תרשים המים כמילה">
+    <img src="media/mmm1.jpg" oncontextmenu="toggle_fullscreen(event)" ondblclick="toggle_fullscreen(event)" alt="תרשים המים כמילה">
     <p>
         אי אפשר שלא להתייחס לדמיון בין - מ י מ - לנוסחת המים -
         H<sub>2</sub>O
@@ -72,7 +72,7 @@
         ודרכו עוברת ה־י' למילוי הכלי.
         בתחילה "יקוו המים מתחת השמים אל מקום אחד", ככתוב, "ותֵראה היבשה" (היעדר מים), ולאחר מכן כאשר נוצרת היבשה ככלי, ניתן להזרים מחדש את המים אל המקום האפשרי שנוצר.
     </p>
-    <img src="media/www.jpg" alt="תרשים המים כפרצוף">
+    <img src="media/www.jpg" oncontextmenu="toggle_fullscreen(event)" ondblclick="toggle_fullscreen(event)" alt="תרשים המים כפרצוף">
     <p>
         בעולמנו דברים מוגדרים באותיות, במילים.
         באופן רוחני, בזמן שאדם נכנס וטובל במים פיזיים הוא נכנס וטובל במים רוחניים,

diff --git a/resen/water/style.css b/resen/water/style.css
@@ -3,6 +3,10 @@ article > :not(p + p) {
     width: 100%;
 }
 
+.fullscreen {
+    background-color: white;
+}
+
 .model_container {
     direction: ltr;  /* Fix for: https://github.com/google/model-viewer/issues/4930 */
     display: flex;

diff --git a/resen/yomyom/style.css b/resen/yomyom/style.css
@@ -4,6 +4,7 @@ article :is(.images, video) {
 
 .spin {
     --angle: 0;
+    background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
     cursor: var(--down_cursor, var(--cursor));
@@ -14,7 +15,6 @@ article :is(.images, video) {
 
 .spin > img {
     rotate: calc(var(--angle) * 1turn);
-    will-change: rotate;
 }
 
 video {