From 66e7218f9c2e0d875a5b06dc31f66a4329cbc032 Mon Sep 17 00:00:00 2001
From: Andrew Lee <andrew@alee14.me>
Date: Sun, 14 Dec 2025 23:02:07 -0500
Subject: more progress on the Shifter

---
 src/pages/index.astro | 39 ++++++++++++++++++++++-----------------
 1 file changed, 22 insertions(+), 17 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 1b23b31..7889cbf 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,14 +2,31 @@
 import { Image } from 'astro:assets';
 import logo from "../assets/logo.png";
 import Layout from '../layouts/Layout.astro';
-// import Shifter from '../components/shifter.astro';
-import Shifter from '../components/shifter.tsx';
-import Slideshow from '../components/slideshow.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} />
+        <noscript>
+            <div class="window-container">
+                <div class="window">
+                    <div class="titlebar">
+                        <p class="titlebar-text">Warning</p>
+                        <div class="titlebar-buttons">
+                            <div class="titlebar-box"></div>
+                            <div class="titlebar-box"></div>
+                            <div class="titlebar-box"></div>
+                        </div>
+                    </div>
+                    <div class="container">
+                        <h1>You have disabled JavaScript.</h1>
+                        <p>Certain features may not work.</p>
+                    </div>
+                </div>
+            </div>
+        </noscript>
         <div class="window-container">
             <div class="window">
                 <div class="titlebar">
@@ -31,21 +48,9 @@ import Slideshow from '../components/slideshow.astro';
             </div>
         </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>
-        </div>
-        <div class="window-container">
-            <Shifter client:load />
+            <Slideshow />
         </div>
+        <Shifter client:only />
     </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>
-- 
cgit v1.2.3