From 2dbd0a3f5c876b158d6e2152495934f7f7b9a56c Mon Sep 17 00:00:00 2001
From: Eyal Gruss <eyalgruss@gmail.com>
Date: Sun, 17 Mar 2024 13:08:42 +0200
Subject: [PATCH] season volume is dynamic + make mobile width larger and
 desktop width smaller

---
 resen/media/resen.svg        |  3 +--
 resen/seasons/index.html     |  6 +++++-
 resen/seasons/media/arim.svg |  5 ++---
 resen/seasons/media/veen.svg |  5 ++---
 resen/seasons/style.css      | 12 ++++++++++++
 resen/style.css              |  1 +
 6 files changed, 23 insertions(+), 9 deletions(-)
 create mode 100644 resen/seasons/style.css

diff --git a/resen/media/resen.svg b/resen/media/resen.svg
index 03264b6..d2d1860 100644
--- a/resen/media/resen.svg
+++ b/resen/media/resen.svg
@@ -1,5 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg data-name="Layer 2" version="1.1" viewBox="0 0 33.63 55.33" xmlns="http://www.w3.org/2000/svg">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.63 55.33">
  <defs>
   <style>.cls-1, .cls-2, .cls-3, .cls-4, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9, .cls-10, .cls-11, .cls-12, .cls-13, .cls-14, .cls-15, .cls-16 { fill: none; }
 .cls-2 { clip-path: url(#clippath-8); }
diff --git a/resen/seasons/index.html b/resen/seasons/index.html
index 74d10f6..4c00e61 100644
--- a/resen/seasons/index.html
+++ b/resen/seasons/index.html
@@ -6,6 +6,7 @@
     <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">
+    <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/seasons/snippet">
@@ -67,6 +68,9 @@
     <p dir="ltr">
         The author thanks Yosefa Raz for her help with the English translation of this passage, and Almog Behar for his help in choosing the liturgical hymn.
     </p>
-    <script>make_footer()</script>
+    <script>
+        make_footer()
+        document.addEventListener('scroll', () => audio.volume = 1 - (scrollY|0)/(document.body.scrollHeight-innerHeight))
+    </script>
 </body>
 </html>
\ No newline at end of file
diff --git a/resen/seasons/media/arim.svg b/resen/seasons/media/arim.svg
index cff45a8..e79c052 100644
--- a/resen/seasons/media/arim.svg
+++ b/resen/seasons/media/arim.svg
@@ -1,6 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 297.64 420.94" style="enable-background:new 0 0 297.64 420.94;" xml:space="preserve">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 297.64 420.94">
 <style type="text/css">
 	.st0{clip-path:url(#SVGID_00000098185230556466941910000004657350524845626257_);fill:#FFFFFF;}
 	.st1{clip-path:url(#SVGID_00000098185230556466941910000004657350524845626257_);}
diff --git a/resen/seasons/media/veen.svg b/resen/seasons/media/veen.svg
index 3b260c4..e3b380d 100644
--- a/resen/seasons/media/veen.svg
+++ b/resen/seasons/media/veen.svg
@@ -1,6 +1,5 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 297.64 420.94" style="enable-background:new 0 0 297.64 420.94;" xml:space="preserve">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 viewBox="0 0 297.64 420.94">
 <style type="text/css">
 	.st0{clip-path:url(#SVGID_00000142876012026583341070000013711655832121714062_);fill:#FFFFFF;}
 	.st1{clip-path:url(#SVGID_00000142876012026583341070000013711655832121714062_);}
diff --git a/resen/seasons/style.css b/resen/seasons/style.css
new file mode 100644
index 0000000..da0392b
--- /dev/null
+++ b/resen/seasons/style.css
@@ -0,0 +1,12 @@
+object {
+    display: block;
+    margin-inline: auto;
+    max-width: var(--media_width);
+}
+
+@media (max-width: 480px) {
+    object {
+        margin-inline: var(--anti_margin);
+        max-width: none;
+    }
+}
\ No newline at end of file
diff --git a/resen/style.css b/resen/style.css
index d865a4c..5bcb325 100644
--- a/resen/style.css
+++ b/resen/style.css
@@ -1017,6 +1017,7 @@ a.sponsors {
     }
 }
 
+
 /* stuff for https://oulipoh.com/resen/ */
 
 header ~ :not(h2, footer) {