From fda7358cc77736bc9c84ae0c07fedff6f0550d74 Mon Sep 17 00:00:00 2001
From: Index <xv.media.address@gmail.com>
Date: Sun, 21 Jan 2024 13:35:00 -0600
Subject: [PATCH] visually accessible homepage

---
 public/index.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index dbf2ce7..78abe54 100644
--- a/public/index.html
+++ b/public/index.html
@@ -36,23 +36,35 @@
             }
 
             html, body, main#page {
-                background: var(--background);
+                /*background: var(--background);*/
+
+                background: var(--polytoria-primary);
+                background: linear-gradient(180deg, var(--polytoria-primary) 0%, var(--background) 15%);
             }
 
             .page-title {
                 font-size: 3rem;
             }
+
+            .title-accent {
+                -webkit-text-stroke: 2px var(--polytoria-primary);
+                color: transparent;
+                font-family: sans-serif;
+                text-shadow: 0 0 16px red;
+            }
         </style>
         <main id="page">
             <div class="text-center">
                 <div style="height: 125px;"></div>
 
                 <div style="height: 250px; padding-top: 5rem;">
-                    <h1 class="page-title">Power-up your <span style="-webkit-text-stroke: 1px var(--polytoria-primary); color: transparent; font-family: sans-serif;">Polytoria</span> experience with <span style="text-shadow: 0 3px 0px var(--accent);">Poly+</span></h1>
+                    <h1 class="page-title">Power-up your <span class="title-accent">Polytoria</span> experience with <span style="text-shadow: 0 3px 0px var(--accent);">Poly+</span></h1>
                     <h4 class="fw-light">Poly+ is a quality-of-life extension to improve your experience on Polytoria!</h4>
                     <i class="text-muted">coming soon to <!--available now on--> Chromium-based browsers</i>
                     <br>
+                    <!--
                     <a href="#" class="btn btn-dark btn-lg mt-2">install now</a>
+                    -->
                 </div>
 
                 <div style="height: 125px;"></div>