From f82d69f16cf1095e3cd195b03d3bcc1cbb5d4118 Mon Sep 17 00:00:00 2001
From: Ruben <sneexy@disroot.org>
Date: Mon, 27 Oct 2025 08:44:18 -0500
Subject: [PATCH] minor css improvements

---
 _includes/layouts/about/about.njk |  4 ++--
 _includes/layouts/index.njk       |  2 +-
 _includes/styles/base.css         | 31 ++++++++++++++++---------------
 _includes/styles/windows.css      |  3 ++-
 4 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/_includes/layouts/about/about.njk b/_includes/layouts/about/about.njk
index 9a41e02..daff9e4 100644
--- a/_includes/layouts/about/about.njk
+++ b/_includes/layouts/about/about.njk
@@ -15,7 +15,7 @@
     </div>
     <window-contents>
         <h1><a href="#about">About</a></h1>
-        <hr solid style="margin-bottom: 1rem;">
+        <p>Synth.Download is a project managed by serveral synths <small><s>and protogens</s></small> to provide a collection of (some public, some private) privacy respecting frontends and web services. We strive to create a safe community for ourselves and for those who accept us.</p>
         <h2 id="history"><a href="#history">History</a></h2>
         <p><small>This section is written by <a href="https://sneexy.synth.download">Sneexy.</a></small></p>
         <p>Synth.Download is a project started in October of 2024 by <a href="https://sneexy.synth.download">Sneexy</a>, buying the domain <code>synth.download</code> as it was available, and as I am a Synth. Initially, the domain was used to only used to serve a <small>much, <i>much</i></small> older iteration of this site that was used to only provide information about myself, and ran about a handful of services only for personal usage.</p>
@@ -29,6 +29,6 @@
         <p>Backups are taken nightly and stored off-site.</p>
         <p>For those curious about our server configurations and setups, we publicly provide them <a href="https://forged.synth.download/sd/synth.download">at our Git repository</a>.</p>
         <h2 id="contact"><a href="#contact">Contact</a></h2>
-        <p>Synth.Download is overlooked by <a href="/admins">several administrators</a>, although <a href="https://sneexy.synth.download">Sneexy</a> is the one who mainly manages everything. Shoot an email to <span link-color>synth@synth.download</span> for reports or general contact</p>
+        <p>Synth.Download is maintained by <a href="/admins">several administrators</a>, although <a href="https://sneexy.synth.download">Sneexy</a> is the one who mainly manages everything. Contact <span link-color>synth@synth.download</span> for reports or suggestions.</p>
     </window-contents>
 </article>
\ No newline at end of file
diff --git a/_includes/layouts/index.njk b/_includes/layouts/index.njk
index 765a5be..0db59e4 100644
--- a/_includes/layouts/index.njk
+++ b/_includes/layouts/index.njk
@@ -20,7 +20,7 @@
         <p>Synth.Download is, obviously, themed around <a href="https://synthspecies.com">Synths</a>. In general, we're aimed towards furry, therian, otherkin and non-organic-like beings, but accepts all! As long as you're chill with us.</p>
         <p>Read our <a href="/about">About</a> for more information related to Synth.Download itself, or head over to our <a href="/services">Services</a> page to see what we provide. <small>By accessing and using this site and its services, you agree to our <a href="/privacy">Privacy Policy</a> and <a href="/tos">Terms of Service</a>.</small></p>
         <p t-center>Enjoy your stay! <i>Beep!~</i></p>
-        <imgbtn-grid style="margin-bottom: .8rem;">
+        <imgbtn-grid>
             <button style="cursor: pointer; background: unset; border-width: 0px; padding: 0px; display: inline-flex;" onclick="copyButtonSynthDownload()">
                 <img src="/assets/buttons/synth.download.svg" alt="Synth.Download!">
             </button>
diff --git a/_includes/styles/base.css b/_includes/styles/base.css
index 57fc5c4..fda6576 100644
--- a/_includes/styles/base.css
+++ b/_includes/styles/base.css
@@ -89,20 +89,21 @@ content-wrapper {
 /* text formatting and config stuff */
 
 /* headings */
-h1, h2, h3, h4, h5, h6,
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+h1, h2, h3, h4, h5, h6 {
+    border-bottom: .15rem solid var(--border);
     color: var(--foreground);
-    margin-bottom: 1rem;
-    margin-top: .5rem;
-    text-decoration-color: transparent;
+    margin-bottom: .8rem;
+    margin-top: 1.5rem;
+    padding-bottom: .2rem;
     transition: .2s;
-}
+    
+    & a {
+        text-decoration-color: transparent;
 
-h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
-    text-decoration-color: var(--accent);
-    text-decoration-thickness: .3rem !important;
-    text-decoration: underline;
-    transition: .2s;
+        &:hover {
+            text-decoration-color: var(--accent);
+        }
+    }
 }
 
 h1,
@@ -511,14 +512,14 @@ imgbtn-grid {
     align-items: normal;
     display: flex;
     flex-flow: row wrap;
-    font-size: 0px !important;
+    font-size: 0 !important;
     gap: 5px;
     justify-content: center;
+    line-height: 0;
     margin-inline: auto;
 
-    a, button {
-        height: 31px;
-        width: 88px;
+    &:last-child {
+        margin-bottom: .8rem;
     }
 
     img {
diff --git a/_includes/styles/windows.css b/_includes/styles/windows.css
index e7a7f1b..f173a11 100644
--- a/_includes/styles/windows.css
+++ b/_includes/styles/windows.css
@@ -82,7 +82,8 @@
     window-contents {
         display: block;
         padding: .8rem;
-        p:first-of-type { margin-top: 0; }
+        p:first-child { margin-top: 0; }
+        h1, h2, h3 { &:first-child { margin-top: 0; } }
     }
 
     @media screen and (max-width: 60rem) {