From 5765c1c8db3104f17f691deef466b34290444488 Mon Sep 17 00:00:00 2001
From: SRHTNIN <srhtnin@proton.me>
Date: Mon, 5 Oct 2026 17:26:40 +0200
Subject: [PATCH] Added projects page.

---
 Assets/Img/Projects.png | Bin 0 -> 1279 bytes
 Pages/Bits/Navbar.php   |   4 ++
 Pages/Projects.php      |  82 ++++++++++++++++++++++++++++++++++++++++
 Styles/Style.css        |  31 +++++++++++++++
 4 files changed, 117 insertions(+)
 create mode 100644 Assets/Img/Projects.png
 create mode 100644 Pages/Projects.php

diff --git a/Assets/Img/Projects.png b/Assets/Img/Projects.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b882ad33cd2058fe8263af6f99f36d3fdaf3a5c
GIT binary patch
literal 1279
zcmeAS@N?(olHy`uVBq!ia0y~yU~~Xs4mP03*$GQmF)*+k^K@|xshIQjuAx_Kpol{t
zZ{OqXiUKkYZWFwErndSz1f>~FQ@Rnc#7kwW@(BhPf!pz`iVfzrD14kfp?v<kt*`js
zi|n#I`*7V_MxdDlfymnaUmub-R+_)M9k4lO9{=z7`J2NRvolDzGBoNivTR}zI3eVq
z;El}5PX5BsZ)s&IYkNrk?fcyIUv~G;xBLG+QsViK4+%@}_x`HBcmH<W%TKGy43n6#
zngBH}t)BDH>2H5uPglHu_ts6>Pj>^u_ByPL?YV($8;aE+&UA$Xdv6`>;Kg(pLTM2v
zlg&-<oe~=vnIf4uQaBYRs5UrEV?g8RIW|;pH^08veZ~~LrlAJ_!XBthev`qKYv<m*
z5aifQz(Td6nhJv|mIvl$Xn~4i=4sUv_Ew+(X8JHa2aCgTdkJ0U={=U4_ixMDGWndl
zZOV_|bvwN$gw|UBHmqW)xYGXpy<7i>H8=6b1oq^C;uE}_HN6*^Lt<j%dgK}<EB-!v
z`$F(XE8d7G;xrNzXE3nG8+drF1SRP`oJJE@pYFb>Y`}c4ZKk+1_QU}R$)`doN_q?l
zb(F<IrErQ;_;m5b?j9e$arr0W%@i?BK1W)a&h+CAh*^JCPrN<*^@ZSro1g2y7~u5+
zwv>;OOkOXx+Y^y<ulJXkf&S^IKPQOci*=$36^5WXrb7Z=ul+W)Xn;x}Pgg&ebxsLQ
E0282j8vp<R

literal 0
HcmV?d00001

diff --git a/Pages/Bits/Navbar.php b/Pages/Bits/Navbar.php
index 5bcd123..f2bac06 100644
--- a/Pages/Bits/Navbar.php
+++ b/Pages/Bits/Navbar.php
@@ -9,6 +9,10 @@ $NavbarPages = [
         "Href" => "/Pages/Sarahtonin.html",
         "Icon" => "Sarahtonin.png"
     ],
+    "Projects" => [
+        "Href" => "/Pages/Projects.html",
+        "Icon" => "Projects.png"
+    ],
     "Garden" => [
         "Href" => "/Pages/Garden.html",
         "Icon" => "Garden.png"
diff --git a/Pages/Projects.php b/Pages/Projects.php
new file mode 100644
index 0000000..65d1229
--- /dev/null
+++ b/Pages/Projects.php
@@ -0,0 +1,82 @@
+<?php
+
+$PageTitle = "Projects";
+
+$DownloadBase = "https://view.srhtnin.garden/api/download?Root=Files&Path=Shared/";
+
+
+?>
+
+<!DOCTYPE html>
+
+<html lang="en" data-palette="CatppuccinMocha">
+    <?php require __DIR__ . "/Bits/Head.php"; ?>
+
+    <body>
+        <?php require __DIR__ . "/Bits/Navbar.php"; ?>
+
+        <main class="MainContainer">
+            <h1 id="Projects">Projects</h1>
+
+            <p>
+                These are some of the things I've made that you can download and try for yourself.
+            </p>
+
+            <h2 id="Apeiron">Apeiron</h2>
+
+            <p>
+                A game I'm making in Godot.
+                "You are naught but walking flesh."
+                Download the version for your operating system, run it, and have fun!
+            </p>
+
+            <div class="DownloadButtons">
+                <a
+                    class="ActionButton DownloadButton DownloadButtonWindows"
+                    href="<?= htmlspecialchars($DownloadBase . "Apeiron/Apeiron.exe", ENT_QUOTES, "UTF-8") ?>"
+                    download
+                >
+                    Windows
+                    <span class="DownloadButtonFile">Apeiron.exe</span>
+                </a>
+
+                <a
+                    class="ActionButton DownloadButton DownloadButtonLinux"
+                    href="<?= htmlspecialchars($DownloadBase . "Apeiron/Apeiron.x86_64", ENT_QUOTES, "UTF-8") ?>"
+                    download
+                >
+                    Linux
+                    <span class="DownloadButtonFile">Apeiron.x86_64</span>
+                </a>
+            </div>
+
+            <p>
+                On Linux, you might have to make the file executable first:
+            </p>
+
+            <pre><code>chmod +x Apeiron.x86_64</code></pre>
+
+            <h2 id="SaraSuite">SaraSuite</h2>
+
+            <p>
+                Installs, updates and removes my Sara programs.
+                It's a single AppImage: download it, run it, and pick a program.
+                Your own config edits are kept when a program updates,
+                and removing a program takes out everything it installed.
+            </p>
+
+            <div class="DownloadButtons">
+                <a
+                    class="ActionButton DownloadButton DownloadButtonLinux"
+                    href="<?= htmlspecialchars($DownloadBase . "SaraSuite/SaraSuite-x86_64.AppImage", ENT_QUOTES, "UTF-8") ?>"
+                    download
+                >
+                    Linux
+                    <span class="DownloadButtonFile">SaraSuite-x86_64.AppImage</span>
+                </a>
+            </div>
+        </main>
+
+        <script src="/Scripts/Script.js"></script>
+    </body>
+</html>
diff --git a/Styles/Style.css b/Styles/Style.css
index 62d5d93..f1f0020 100644
--- a/Styles/Style.css
+++ b/Styles/Style.css
@@ -194,6 +194,37 @@ body {
     outline-offset: 3px;
 }
 
+.DownloadButtons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1rem;
+    margin-bottom: 1.5rem;
+}
+
+.DownloadButton {
+    display: flex;
+    flex-direction: column;
+    gap: 0.4rem;
+    width: auto;
+    min-width: 12rem;
+    padding: 0.75rem 1rem;
+    font-size: 1.25rem;
+    text-decoration: none;
+}
+
+.DownloadButtonWindows {
+    --ActionAccent: var(--Lavender);
+}
+
+.DownloadButtonLinux {
+    --ActionAccent: var(--Mauve);
+}
+
+.DownloadButtonFile {
+    font-size: 1rem;
+    color: var(--Subtext0);
+}
+
 h1, h2, h3, h4, h5, h6 {
     margin-top: 0;
     margin-bottom: 1rem;