aboutsummaryrefslogtreecommitdiff
path: root/src/pages
diff options
context:
space:
mode:
authorAndrew Lee <[email protected]>2025-12-14 15:57:36 -0500
committerAndrew Lee <[email protected]>2025-12-14 15:57:36 -0500
commit8b680990b0bb4fe3212a4f632519320191065f67 (patch)
tree79720858bfae86e041f2c8d3b3cc168e6e8730e5 /src/pages
parenta906252380a9c041a4c2b78790506412ffd40f75 (diff)
downloadshiftos-archive-website-8b680990b0bb4fe3212a4f632519320191065f67.tar.gz
shiftos-archive-website-8b680990b0bb4fe3212a4f632519320191065f67.tar.bz2
shiftos-archive-website-8b680990b0bb4fe3212a4f632519320191065f67.zip
init shifter + slideshow
Diffstat (limited to 'src/pages')
-rw-r--r--src/pages/index.astro57
1 files changed, 33 insertions, 24 deletions
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3f93d26..1b23b31 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,41 +2,50 @@
import { Image } from 'astro:assets';
import logo from "../assets/logo.png";
import Layout from '../layouts/Layout.astro';
-import Slideshow from '../components/Slideshow.astro';
+// import Shifter from '../components/shifter.astro';
+import Shifter from '../components/shifter.tsx';
+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">
<Image src={logo} alt="ShiftOS Logo" class="logo" width={logo.width} height={logo.height} />
- <div class="window">
- <div class="titlebar">
- <p class="titlebar-text">ShiftOS: The Archive</p>
- <div class="titlebar-buttons">
- <div class="titlebar-box"></div>
- <div class="titlebar-box"></div>
- <div class="titlebar-box"></div>
+ <div class="window-container">
+ <div class="window">
+ <div class="titlebar">
+ <p class="titlebar-text">ShiftOS: The Archive</p>
+ <div class="titlebar-buttons">
+ <div class="titlebar-box"></div>
+ <div class="titlebar-box"></div>
+ <div class="titlebar-box"></div>
+ </div>
</div>
- </div>
- <div class="container">
- <p>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.</p>
- <div class="nav">
- <a class="button" href="history">History</a>
- <a class="button" href="downloads">Downloads</a>
- <a class="button" href="https://www.youtube.com/c/ShiftOS">Videos</a>
+ <div class="container">
+ <p>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.</p>
+ <div class="nav">
+ <a class="button" href="history">History</a>
+ <a class="button" href="downloads">Downloads</a>
+ <a class="button" href="https://www.youtube.com/c/ShiftOS">Videos</a>
+ </div>
</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 class="window-container">
+ <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>
- <Slideshow />
- </div> -->
+ </div>
+ <div class="window-container">
+ <Shifter client:load />
+ </div>
</div>
<footer>
<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>