From 7337cece7db1316de1b4af645c182553c767dfde Mon Sep 17 00:00:00 2001
From: Alexander Shutau <shutovby@gmail.com>
Date: Mon, 1 Jul 2024 22:13:17 +0100
Subject: [PATCH] Publish 2024-07-01

---
 elements/pay-tiers.js |  2 +-
 index.html            |  4 ++++
 style.css             | 53 +++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 58 insertions(+), 1 deletion(-)

diff --git a/elements/pay-tiers.js b/elements/pay-tiers.js
index 0381bb6..46f0f87 100644
--- a/elements/pay-tiers.js
+++ b/elements/pay-tiers.js
@@ -27,7 +27,7 @@ const Links = {
         CORPORATE: 'https://buy.stripe.com/aEUcO29CueaS5k44gq',
     },
     PayPal: {
-    REGULAR: {
+        REGULAR: {
             USD: 'https://www.paypal.com/ncp/payment/6GUZKB3ZK3ZEE',
             GBP: 'https://www.paypal.com/ncp/payment/DRE2J7DSGZ3EC',
             EUR: 'https://www.paypal.com/ncp/payment/364NSETFEQ4W2',
diff --git a/index.html b/index.html
index f44706a..8389128 100644
--- a/index.html
+++ b/index.html
@@ -104,6 +104,10 @@ <h1>How to enable Dark Mode on Facebook, Amazon, YouTube, Google Search, Wikiped
         <darkreader-backers-side></darkreader-backers-side>
         <script type="module" src="/elements/sponsors-right.js"></script>
     </aside>
+    <aside class="page-grid-left">
+        <darkreader-ios-static></darkreader-ios-static>
+        <script type="module" src="/elements/ios-static.js"></script>
+    </aside>
     <aside class="page-grid-ios">
         <darkreader-ios-side></darkreader-ios-side>
         <script type="module" src="/elements/ios.js"></script>
diff --git a/style.css b/style.css
index f1286c9..6c01777 100644
--- a/style.css
+++ b/style.css
@@ -127,3 +127,56 @@ nav a:hover {
     margin-top: 1.5rem;
     text-align: center;
 }
+
+.page-grid-left {
+    display: none;
+    grid-area: left;
+    position: fixed;
+    width: 16rem;
+}
+
+.page-grid-left > darkreader-ios-static {
+    position: absolute;
+    transform: translateY(10rem);
+    transition: transform 500ms;
+}
+
+.page-grid-left > darkreader-ios-static.ios__show-up {
+    transform: translateY(1.5rem);
+}
+
+.page-grid-left > darkreader-ios-static.ios__scroll-down {
+    transform: translateY(0rem);
+}
+
+.page-grid-left > darkreader-ios-static.ios__scroll-up {
+    transform: translateY(3.5rem);
+}
+
+@media screen and (min-width: 74rem) {
+    .page-grid-body {
+        grid:
+            "left header side" auto
+            "left inside side" auto
+            "left content side" auto
+            "left footer side" auto
+            / 16rem auto 16rem;
+        max-width: 74rem;
+    }
+
+    .page-grid-side {
+        right: calc(50% - 37rem);
+    }
+
+    .page-grid-left {
+        display: unset;
+    }
+
+    .list-copied {
+        display: none;
+    }
+
+    .page-grid-ios {
+        display: none;
+    }
+}