Publish 2024-09-23

Author: alexanderby

plus/index.html

@@ -23,19 +23,11 @@
         <img class="banner__image" src="/images/darkreader-birthday.svg" />
     </a>
 
-    <h1 class="slogan">
-        <span class="slogan-1">Color</span> <span class="slogan-2">Your</span> <span class="slogan-3">World</span>
-    </h1>
-
-    <p>
-        <img class="screenshot" src="/images/plus-palette-shorter.png" alt="Dark Reader color palette">
-    </p>
-
-    <h3 class="title">
+    <h1 class="title">
         <span class="title-darkreader">Dark Reader</span> <span class="title-plus">Plus</span>
-    </h3>
+    </h1>
 
-    <p>
+    <p class="description">
         Premium themes & custom colors<br>
     </p>
 
@@ -44,17 +36,17 @@ <h3 class="title">
         <script type="module" src="/elements/plus-tiers.js"></script>
     </p>
 
-    <section>
-        <p>
-            For any questions please <a href="mailto:[email protected]?subject=[Plus]%20Key">contact us</a>.
-        </p>
-    </section>
+    <h3 class="slogan">
+        Color Your World
+    </h3>
+
+    <p>
+        <img class="screenshot" src="/images/plus-palette-shorter.png" alt="Dark Reader color palette">
+    </p>
 
     <section>
         <p>
-            <em>
-                Please note this payment does not give access to Dark Reader for Safari (iOS, macOS).
-            </em>
+            For any questions please <a href="mailto:[email protected]?subject=[Plus]%20Key">contact us</a>.
         </p>
     </section>
 

plus/style.css

@@ -91,7 +91,7 @@ p,
 a,
 a:visited {
     color: var(--color-text);
-    font-size: 1.08rem;
+    font-size: 1rem;
     line-height: 1;
     margin: 0;
     text-align: center;
@@ -101,18 +101,23 @@ a:visited {
     background-image: linear-gradient(to right, #e7573b, #af6ce9, #40a6e5);
     background-clip: text;
     color: transparent;
+    display: none;
     font-size: 2.5rem;
-    font-weight: 900;
+    font-weight: 100;
     margin: 0rem;
     text-align: center;
 }
 
 .title {
-    font-size: 2.2rem;
+    font-size: 2.15rem;
     margin: 0;
     text-align: center;
 }
 
+.description {
+    font-size: 1.4rem;
+}
+
 section {
     margin: 1rem 0;
 }