font changed to be more accurate from game; removed margin and padding on body

4 files changed, 30 insertions, 4 deletions

diff --git a/public/assets/fonts/micross.woff b/public/assets/fonts/micross.woff
new file mode 100644
index 0000000..3b48eca
--- /dev/null
+++ b/public/assets/fonts/micross.woff
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 4caa7e6..3f93d26 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,10 +2,11 @@
 import { Image } from 'astro:assets';
 import logo from "../assets/logo.png";
 import Layout from '../layouts/Layout.astro';
+import Slideshow from '../components/Slideshow.astro';
 ---
 
 <Layout title="ShiftOS: The Archive" description="ShiftOS was a game developed by Philip Adams and other developers. The original goal was to go from a bare terminal to a graphical user interface with full desktop features.">
-	<div class="center">
+    <div class="center">
         <Image src={logo} alt="ShiftOS Logo" class="logo" width={logo.width} height={logo.height} />
         <div class="window">
             <div class="titlebar">
@@ -25,8 +26,19 @@ import Layout from '../layouts/Layout.astro';
                 </div>
             </div>
         </div>
+        <!-- <div class="window" style="display:flex; flex-direction:column; height:80vh;">
+            <div class="titlebar">
+                <p class="titlebar-text">Screenshots</p>
+                <div class="titlebar-buttons">
+                    <div class="titlebar-box"></div>
+                    <div class="titlebar-box"></div>
+                    <div class="titlebar-box"></div>
+                </div>
+            </div>
+            <Slideshow />
+        </div> -->
     </div>
     <footer>
-        <p><b>&copy; Copyright 2013-2025 ShiftOS Archive. Game originally made by Philip Adams.<br/>Website made by Andrew Lee. <a href="https://github.com/Alee14/shiftos-website">Website source code.</a></b></p>
+        <p><b>&copy; Copyright 2013-2025 ShiftOS Archive. Game originally made by Philip Adams.<br/>Website made by <a href="https://alee14.me">Andrew Lee</a>. <a href="https://github.com/Alee14/shiftos-website">Website source code.</a></b></p>
     </footer>
 </Layout>
diff --git a/src/styles/style.css b/src/styles/style.css
index dc1ea6d..80f49c5 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -41,6 +41,8 @@
 }
 
 body {
+    margin: 0;
+    padding: 0;
     font-family: "JetBrains Mono", monospace;
 }
 
@@ -67,6 +69,7 @@ footer {
 }
 
 img.logo {
+    padding: 1em;
     width: 50%;
     height: auto;
 }
diff --git a/src/styles/window.css b/src/styles/window.css
index 97862af..77c917a 100644
--- a/src/styles/window.css
+++ b/src/styles/window.css
@@ -6,12 +6,23 @@
   font-display: swap;
 }
 
+@font-face {
+    font-family: 'Microsoft Sans Serif';
+    src: url('/assets/fonts/micross.woff') format('woff');
+    font-style: normal;
+    font-weight: 400;
+}
+
+
 :root {
     --titlebar-colour: #808080;
     --titlebar-text-colour: #ffffff;
     --titlebar-control-colour: #000000;
     --titlebar-control-link: #c4c4c4;
 
+    --window-font: 'Microsoft Sans Serif', sans-serif;
+    --titlebar-font: 'Felix Tilting', serif;
+
     --dark-window: #000000;
     --light-window: #ffffff;
 
@@ -73,7 +84,7 @@
 }
 
 .titlebar-text {
-    font-family: 'Felix Tilting', serif;
+    font-family: var(--titlebar-font);
     color: var(--titlebar-text-colour);
     margin: 0;
     padding: 0.2em;
@@ -97,7 +108,7 @@
 }
 
 .window {
-    font-family: Arial, Helvetica, sans-serif;
+    font-family: var(--window-font);
     margin: 1em 2%;
     box-shadow:
         inset -2px -2px var(--titlebar-colour),