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! +

+ +
+ " + download + > + Windows + Apeiron.exe + + + " + download + > + Linux + Apeiron.x86_64 + +
+ +

+ 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. +

+ +
+ " + download + > + Linux + SaraSuite-x86_64.AppImage + +
+
+ + + + 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;