Merge branch 'main' of https://github.com/TKMM-Team/Tkmm-Wiki

wwwroot/docfx.json

@@ -28,7 +28,7 @@
       "_appTitle": "TKMM",
       "_enableSearch": true,
       "_appLogoPath": "images/Icon-Transparent-1024.png",
-      "_appFaviconPath": "images/Icon.ico",
+      "_appFaviconPath": "images/icon.ico",
       "_appFooter": "<div id=\"copyright\">© TKMM Team, 2023-2024</div>",
       "pdf": true
     },

wwwroot/download/index.md

@@ -1 +1,28 @@
-# Download
+# Download
+
+> Before downloading TKMM you will need to install the [.NET 8.0 Runtime](https://dotnet.microsoft.com/en-us/download/dotnet/8.0/runtime) from Microsoft.
+
+<div id="download-btns">
+    <a class="download-btn" id="download-windows" href="https://github.com/TKMM-Team/Tkmm/releases/latest/download/TKMM-Launcher-win-x64.zip">Download for Windows</a>
+    <a class="download-btn" id="download-linux" href="https://github.com/TKMM-Team/Tkmm/releases/latest/download/TKMM-Launcher-linux-x64.zip">Download for Linux</a>
+    <a class="download-btn" id="download-src" href="https://github.com/TKMM-Team/Tkmm/archive/refs/heads/master.zip">Download Source Code</a>
+</div>
+
+## Experimental
+
+> [!WARNING]
+> MacOS is not officially supported and untested, you will likely encounter bugs.
+
+<div id="download-btns">
+    <a class="download-btn" id="download-macos" href="https://github.com/TKMM-Team/Tkmm/releases/latest/download/TKMM-Launcher-osx-x64.zip">Download for MacOS (x64)</a>
+    <a class="download-btn" id="download-macos" href="https://github.com/TKMM-Team/Tkmm/releases/latest/download/TKMM-Launcher-osx-arm64.zip">Download for MacOS (arm64)</a>
+</div>
+
+---
+
+### Supported Platforms
+
+- **Windows 10/11**: Fully supported
+- **Linux**: Partially supported
+  - **SteamOS**: Experimental
+- **MacOS**: Experimental

wwwroot/index.md

@@ -1,9 +1,10 @@
 ---
 _layout: landing
+title: Home
 ---
 
 <div align="center">
-  <img src="images/Icon-Transparent-1024.png" width="300vh">
+  <a href=""><img src="images/Icon-Transparent-1024.png" width="300vh"></a>
   <h1 id="main-title">Tears of the Kingdom Mod Manager</h1>
 </div>
 

wwwroot/templates/custom/public/main.css

@@ -19,10 +19,6 @@
     --code-background: #434343;
 }
 
-p {
-    font-size: 1.2rem;
-}
-
 a {
     text-decoration: none;
 }
@@ -34,14 +30,14 @@ li {
 code {
     font-family: 'Ubuntu Mono';
     border-radius: var(--bs-border-radius);
-    background: var(--code-background);
     padding: 0.2rem;
-    font-size: 1.1rem;
     margin: 0.2rem 0;
+    background: var(--code-background);
+    font-size: 1.1rem;
 }
 
 .content {
-    margin: 0 15vh;
+    margin: 0 10vw;
 }
 
 #logo {
@@ -57,4 +53,66 @@ code {
     font-family: 'Hylia Serif Beta';
     font-weight: 100;
     letter-spacing: 0.1rem;
+}
+
+#download-btns {
+    margin: 1vh 0 5vh 0;
+    justify-items: center;
+    align-items: center;
+}
+
+.download-btn {
+    margin: 0.6rem 0;
+    display: inline-block;
+    justify-self: center;
+    border-radius: var(--bs-border-radius);
+    padding: 1rem;
+    margin-right: 1rem;
+    transition: all 0.3s ease;
+    box-shadow: inset 0 0 0.7rem #00000086;
+
+    &:hover {
+        text-decoration: underline;
+        box-shadow: inset 0 0 0.5rem #00000086;
+    }
+}
+
+#download-windows {
+    background-color: #275fbe;
+    color: #89aceb;
+    transition: all 0.3s ease;
+
+    &:hover {
+        color: #f1dee2;
+    }
+}
+
+#download-linux {
+    background-color: #c73452;
+    color: #ecb1bd;
+    transition: all 0.3s ease;
+
+    &:hover {
+        color: #f1dee2;
+    }
+}
+
+#download-macos {
+    background-color: #5aa65a;
+    color: #baefa0;
+    transition: all 0.3s ease;
+
+    &:hover {
+        color: #def3dc;
+    }
+}
+
+#download-src {
+    background-color: #4a4c58;
+    color: #afb3ca;
+    transition: all 0.3s ease;
+
+    &:hover {
+        color: #d4d6e4;
+    }
 }