fix hadad fullscreen

oulipoh · Dec 30, 2024 · d88f3aa · d88f3aa
1 parent 3743360
commit d88f3aa
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/resen/yomyom/index.html b/resen/yomyom/index.html
@@ -16,7 +16,7 @@
 <body onload="document.body.style.visibility = 'visible'">
     <script>make_header()</script>
     <article>
-    <div class="images spin" oncontextmenu="toggle_fullscreen(event)" style="background-image: url('media/6.jpg')" role="img" aria-label="איור">
+    <div class="images spin" oncontextmenu="toggle_fullscreen(event)" style="background-image: url('media/6.jpg')" role="img" aria-label="רישום">
         <img src="media/6.png" style="transform-origin: 50.3% 49.4%" alt="עיגול מסתובב">
     </div>
     <p>
@@ -25,7 +25,7 @@
         אני מתחבר לכל מה שסובב אותנו פנימה והחוצה, ומרגיש מה המילה שרוצה להיכתב.
     </p>
     <div class="images">
-        <img src="media/8.jpg" alt="איור">
+        <img src="media/8.jpg" alt="רישום">
     </div>
     <p dir="ltr">
         I create talismans of protection, summoning, grounding, gratitude, prayer and whatever feels necessary.
@@ -38,7 +38,7 @@
         אצלי אין דבר כזה קמע שהוא סקיצה.
         היצירה של הקמעות הם בתודעה מאוד ברורה של זימון של הגנה ושמירה.
     </p>
-    <div class="images spin" oncontextmenu="toggle_fullscreen(event)" style="background-image: url('media/7.jpg')" role="img" aria-label="איור">
+    <div class="images spin" oncontextmenu="toggle_fullscreen(event)" style="background-image: url('media/7.jpg')" role="img" aria-label="רישום">
         <img src="media/7.png" style="transform-origin: 49.7% 50.4%" alt="עיגול מסתובב">
     </div>
     <p dir="ltr">

diff --git a/resen/yomyom/style.css b/resen/yomyom/style.css
@@ -13,6 +13,11 @@ article :is(.images, video) {
     width: fit-content;
 }
 
+.spin.fullscreen {
+    background-origin: content-box;
+    padding: 2%;
+}
+
 .spin > img {
     rotate: calc(var(--angle) * 1turn);
 }