Publish 2024-07-01

darkreader · Jul 1, 2024 · 7337cec · 7337cec
1 parent 0c67fcc
commit 7337cec
Show file tree

Hide file tree

Showing 3 changed files with 58 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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;
+    }
+}