From 576b708a32cef810926529d7668b01f8c51e2306 Mon Sep 17 00:00:00 2001
From: Kira <cesium@cesium.one>
Date: Mon, 11 May 2026 02:06:36 -0400
Subject: [PATCH] add links section

---
 index.php         | 42 +++++++++++++++++++++++++-----------------
 php/functions.php | 24 +++++++++++++-----------
 styles.css        | 19 ++++++++++++-------
 3 files changed, 50 insertions(+), 35 deletions(-)

diff --git a/index.php b/index.php
index 09137f3..d715108 100644
--- a/index.php
+++ b/index.php
@@ -14,14 +14,14 @@
         
         <div class=contacts>
             <?php
-                buildContact("Discord", "#475276", "cesium.one", "https://discord.com/users/230659159450845195");
-                buildContact("Bluesky", "#2D5786", "cesium.one", "https://bsky.app/profile/cesium.one");
-                buildContact("Matrix", "#0A8864", "@cesium55:matrix.org", false);
-                buildContact("GitHub", "#494949", "CesiumCs", "https://github.com/CesiumCs");
-                buildContact("YouTube", "#674141", "Cesium", "https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig");
-                buildContact("Telegram", "#006699", "unfunnycesium", "https://t.me/unfunnycesium");
-                buildContact("Fluxer", "#464478", "cesium#3691", false);
-                buildContact("Stoat", "#5a477d", "cesium#9904", false);
+                buildLink("contact", "Discord", "#475276", "cesium.one", "https://discord.com/users/230659159450845195");
+                buildLink("contact", "Bluesky", "#2D5786", "cesium.one", "https://bsky.app/profile/cesium.one");
+                buildLink("contact", "Matrix", "#0A8864", "@cesium55:matrix.org", false);
+                buildLink("contact", "GitHub", "#494949", "CesiumCs", "https://github.com/CesiumCs");
+                buildLink("contact", "YouTube", "#674141", "Cesium", "https://www.youtube.com/channel/UCXPFpgA9G9_wtlyDeT7QAig");
+                buildLink("contact", "Telegram", "#006699", "unfunnycesium", "https://t.me/unfunnycesium");
+                buildLink("contact", "Fluxer", "#464478", "cesium#3691", false);
+                buildLink("contact", "Stoat", "#5a477d", "cesium#9904", false);
             ?>
         </div> <div style="clear: left;"></div>
 
@@ -29,15 +29,23 @@
         <p>Names for game accounts I play</p>
         <div class=contacts>
             <?php
-                buildContact("Steam", "#2A475E", "cesium2349", "https://steamcommunity.com/id/cesium2349"); 
-                buildContact("Xbox", "#2A475E", "Cesium#2349", false); 
-                buildContact("PlayStation", "#2A475E", "Cesium2349", "https://profile.playstation.com/Cesium2349"); 
-                buildContact("VRChat", "#053C48", "cesіum", "https://vrchat.com/home/user/usr_708e41b3-5658-4acc-a95c-ab74f4ac4dff"); 
-                buildContact("Overwatch", "#053C48", "Kira#112597", "https://overwatch.blizzard.com/en-us/career/d957be8bfe20caffbca920%7C1a7e32ed6054825457037f8f18ef7a6b/"); 
-                buildContact("Fortnite", "#053C48", "cesium.one", "https://store.epicgames.com/en-US/u/e0bf067675d247518fd66d813cf1380c"); 
-                buildContact("Ingress", "#394A7F", "Cesium5061", false); 
-                buildContact("Splatoon", "#394A7F", "Kira#1067", "https://stat.ink/@Cesium2349"); 
-                buildContact("Minecraft", "#394A7F", "cesiumone", false); 
+                buildLink("contact", "Steam", "#2A475E", "cesium2349", "https://steamcommunity.com/id/cesium2349"); 
+                buildLink("contact", "Xbox", "#2A475E", "Cesium#2349", false); 
+                buildLink("contact", "PlayStation", "#2A475E", "Cesium2349", "https://profile.playstation.com/Cesium2349"); 
+                buildLink("contact", "VRChat", "#053C48", "cesіum", "https://vrchat.com/home/user/usr_708e41b3-5658-4acc-a95c-ab74f4ac4dff"); 
+                buildLink("contact", "Overwatch", "#053C48", "Kira#112597", "https://overwatch.blizzard.com/en-us/career/d957be8bfe20caffbca920%7C1a7e32ed6054825457037f8f18ef7a6b/"); 
+                buildLink("contact", "Fortnite", "#053C48", "cesium.one", "https://store.epicgames.com/en-US/u/e0bf067675d247518fd66d813cf1380c"); 
+                buildLink("contact", "Ingress", "#394A7F", "Cesium5061", false); 
+                buildLink("contact", "Splatoon", "#394A7F", "Kira#1067", "https://stat.ink/@Cesium2349"); 
+                buildLink("contact", "Minecraft", "#394A7F", "cesiumone", false); 
+            ?>
+        </div> <div style="clear: left;"></div>
+
+        <h2>Links</h2>
+        <p>other links like apps</p>
+        <div class=links>
+            <?php
+                buildLink("link", "Git Server", "#2A475E", "Gitea, has some small projects", "https://git.cesium.one/explore/repos"); 
             ?>
         </div> <div style="clear: left;"></div>
 
diff --git a/php/functions.php b/php/functions.php
index b9661d8..d8a091d 100644
--- a/php/functions.php
+++ b/php/functions.php
@@ -1,20 +1,22 @@
 <?php
-    function buildContact($title, $color, $username, $url) {
-
-        if (!$url) {
-            echo "<div class=contact style=\"background-color: $color; opacity: 0.9;\">";
-        } else {
-            echo "<div class=contact style=\"background-color: $color;\">";
-        }
+    function buildLink($type, $title, $color, $text, $url) {
 
+        $opacity = $url ? "" : "0.9";
+        
+        echo "<div class=$type style=\"background-color: $color; opacity: $opacity;\">";
         echo "<h3>$title</h3>";
 
-        if (strlen($username) > 15) {
-            echo "<p style=\"font-size: 0.8em;\">$username</p>";
-        } else {
-            echo "<p>$username</p>";
+        switch ($type) {
+            case "link":
+                $fontsize = "0.9em";
+                break;
+            case "contact":
+                $fontsize = (strlen($text) > 15) ? "0.8em" : "1em";
+                break;
         }
 
+        echo "<p style=\"font-size: $fontsize;\">$text</p>";
+
         if ($url) {
             echo "<a title=\"$title\" href=\"$url\"></a>";
         }
diff --git a/styles.css b/styles.css
index a70f9d3..67c60dc 100644
--- a/styles.css
+++ b/styles.css
@@ -34,7 +34,7 @@ a {
     box-sizing: border-box;
   }
 
-.contacts {
+.contacts, .links {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
@@ -42,8 +42,7 @@ a {
   margin: auto;
   padding: 10px;
 }
-.contact {
-    width: 170px;
+.contact, .link {
     margin: 5px;
     padding: 15px;
     background-color: #232629;
@@ -53,10 +52,16 @@ a {
     position: relative;
     transition: opacity .25s;
 }
+.contact {
+    width: 170px;
+}
+.link {
+    width: 340px;
+}
 
   /* some hacky shit to make <div class=contact>s clickable. basically just makes
   an <a> in a <div class=contact> take up the full div */
-.contact a {
+.contact a, .links a {
   z-index: 10;
   width: 100%;
   height: 100%;
@@ -71,7 +76,7 @@ div.contact:hover {
 }
 
 @media screen and (max-width:900px) {
-  .contacts {
+  .contacts, .links {
     width: 580px;
   }
   :root {
@@ -79,7 +84,7 @@ div.contact:hover {
   }
 }
 @media screen and (max-width:700px) {
-  .contacts {
+  .contacts, .links {
     width: 380px;
   }
 }
@@ -89,7 +94,7 @@ div.contact:hover {
   }
 }
 @media screen and (max-width:390px) {
-  .contacts {
+  .contacts, .links {
     width: 200px;
   }
 }