Update site styling

wwwroot/docfx.json

@@ -21,7 +21,6 @@
     "template": [
       "default",
       "modern",
-      "templates/material",
       "templates/custom"
     ],
     "globalMetadata": {

wwwroot/index.md

@@ -4,7 +4,7 @@ _layout: landing
 
 <div align="center">
   <img src="images/Icon-Transparent-1024.png" width="300vh">
-  <h1>Tears of the Kingdom Mod Manager</h1>
+  <h1 id="main-title">Tears of the Kingdom Mod Manager</h1>
 </div>
 
 <p align="center" style="text-align: center;">

wwwroot/templates/custom/public/main.css

@@ -1,25 +1,47 @@
-@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
+
+@font-face {
+    font-family: 'Hylia Serif Beta';
+    src: url('./HyliaSerifBeta-Regular.otf'), format('opentype');
+}
 
 :root {
-    --bs-font-sans-serif: 'Fira Sans';
+    --bs-font-sans-serif: 'Ubuntu';
+    --code-background: #c7c7c7;
+    --bs-code-color: #333537;
+    --bs-border-radius: 0.2rem;
 }
 
 [data-bs-theme=dark] {
-    --bs-body-bg: #1e1e1e;
-    --bs-body-bg-rgb: 34, 34, 34;
+    --bs-body-bg: #1b1f26;
+    --bs-body-bg-rgb: 48, 54, 61;
+    --bs-code-color: #d1d9e1;
+    --code-background: #434343;
 }
 
 p {
-    font-size: 1.1rem;
+    font-size: 1.2rem;
 }
 
 a {
     text-decoration: none;
 }
 
+li {
+    margin: 1.2vh 0;
+}
+
+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;
+}
+
 .content {
-    margin-left: 15vh;
-    margin-right: 15vh;
+    margin: 0 15vh;
 }
 
 #logo {
@@ -29,4 +51,10 @@ a {
 
 #copyright {
     text-align: center;
+}
+
+#main-title {
+    font-family: 'Hylia Serif Beta';
+    font-weight: 100;
+    letter-spacing: 0.1rem;
 }

wwwroot/templates/custom/public/main.js

@@ -0,0 +1,14 @@
+export default {
+    iconLinks: [
+        {
+            icon: 'github',
+            href: 'https://github.com/TKMM-Team',
+            title: 'GitHub'
+        },
+        {
+            icon: 'discord',
+            href: 'https://discord.gg/BbVXenRFVc',
+            title: 'Discord'
+        }
+    ]
+}