diff --git a/Assets/Img/Projects.png b/Assets/Img/Projects.png
new file mode 100644
index 0000000..8b882ad
Binary files /dev/null and b/Assets/Img/Projects.png differ
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 @@
+
+
+
+
+
+
+
+
+
+
+
+ Projects
+
+
+ These are some of the things I've made that you can download and try for yourself.
+
+
+ Apeiron
+
+
+ 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!
+
+
+
+
+
+ On Linux, you might have to make the file executable first:
+
+
+ chmod +x Apeiron.x86_64
+
+ SaraSuite
+
+
+ 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.
+
+
+
+
+
+
+
+
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;