From 51ae6dedd2825373753c895138035c491e202498 Mon Sep 17 00:00:00 2001
From: Pixako <fulgurgithub@gmail.com>
Date: Tue, 25 Nov 2025 21:30:43 +0100
Subject: [PATCH] revamped website

---
 about.html                     | 20 ++++++++++----------
 assets/css/styles.css          | 30 ++++++++++++++++++++++++++++++
 index.html                     |  4 ++--
 projects.html => services.html | 23 +++++++++++++++++++++--
 4 files changed, 63 insertions(+), 14 deletions(-)
 rename projects.html => services.html (63%)

diff --git a/about.html b/about.html
index 0178c39..7c7cc54 100644
--- a/about.html
+++ b/about.html
@@ -20,22 +20,22 @@
 
     <div class="about-container">
         <h1>Saturn</h1>
-        <p>Four developers, one team since 2022.</p>
-        <p>Saturn is where we showcase the projects we’ve created.</p>
+        <p><b>Saturn</b> - it's just a hobby, We are not a company and we only provide services that benefits the needs of friends or ourselves.</p>
+        <p><b>Background</b> - Saturn started in 2022 and are proud to be a private non-company (lol) secure hosting solution for fun!</p>
+        <p><b>Related Services</b> - Saturn Services cover *.saturn.gay.</p>
         <br>
-        <div class="members">
-                <a href="https://wildy.saturn.gay" target="_blank">WILDY</a>
-                <a href="https://aze.saturn.gay" target="_blank">AZE</a>
-                <a href="https://fulgur.saturn.gay" target="_blank">FULGUR</a>
-                <a href="https://denial.saturn.gay" target="_blank">DENIAL</a>
-        </div>
+
+        <h2 style="font-size: 2em;"><i>So what makes Saturn so great?</i></h2>
+        <p>We provide our friends with custom solutions whether it's web hosting or VPSes, We do it all.</p>
+        <br>
+        <p>While it's just a hobby, We take things serious.<br>We run our services on serious hardware with reliable software and nice security options!</p>
     </div>
 
     <div class="navbar">
         <a href="index.html">HOME</a>
         <a href="about.html">ABOUT</a>
-        <a href="projects.html">PROJECTS</a>
-        <a href="https://host.saturn.gay/">HOSTING</a>
+        <a href="services.html">SERVICES</a>
+        <a href="https://hq.saturn.gay/">HQ</a>
     </div>
     <div class="rbottom">
         <div class="switches">
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 281f059..e83eebf 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -208,4 +208,34 @@ body.dark-mode .theme-switch {
 .switches {
     display: flex;
     gap: 15px;
+}
+
+/* projects.html */
+.services-grid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 15px;
+    margin-top: 20px;
+    width: 70%;
+    margin: 0 auto;
+}
+
+.service-item {
+    padding: 15px;
+    border-radius: 8px;
+}
+
+.service-item a {
+    text-decoration: none;
+}
+
+@media (max-width: 900px) {
+    .services-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media (max-width: 500px) {
+    .services-grid {
+        grid-template-columns: 1fr;
+    }
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 0105629..a76b2a3 100644
--- a/index.html
+++ b/index.html
@@ -38,8 +38,8 @@
     <div class="navbar">
         <a href="index.html">HOME</a>
         <a href="about.html">ABOUT</a>
-        <a href="projects.html">PROJECTS</a>
-        <a href="https://host.saturn.gay/">HOSTING</a>
+        <a href="services.html">SERVICES</a>
+        <a href="https://hq.saturn.gay/">HQ</a>
     </div>
 
     <div class="rbottom">
diff --git a/projects.html b/services.html
similarity index 63%
rename from projects.html
rename to services.html
index c633a00..f8e18be 100644
--- a/projects.html
+++ b/services.html
@@ -20,8 +20,27 @@
     <div class="navbar">
         <a href="index.html">HOME</a>
         <a href="about.html">ABOUT</a>
-        <a href="projects.html">PROJECTS</a>
-        <a href="https://host.saturn.gay/">HOSTING</a>
+        <a href="services.html">SERVICES</a>
+        <a href="https://hq.saturn.gay/">HQ</a>
+    </div>
+    <div class="about-container">
+        <h1 style="text-align: center;">Saturn Services</h1>
+
+        <div class="services-grid">
+            <div class="service-item">
+                <a href="https://matrix.saturn.gay/"><p><b>Matrix</b> - We love our Matrix very much. It's been around since 2025.</p></a>
+            </div>
+
+            <div class="service-item">
+                <a href="https://gitlab.saturn.gay/"><p><b>Gitlab</b> - We self-host our own Gitlab instance where we store our solutions.</p></a>
+            </div>
+
+            <div class="service-item">
+            </div>
+
+            <div class="service-item">
+            </div>
+        </div>
     </div>
    <div class="rbottom">
         <div class="switches">