revamp

src/app/page.tsx

@@ -9,7 +9,7 @@ import Taskbar from "@/components/taskbar";
 
 export default function Home() {
   return (<>
-    <main className="flex items-center pt-16 md:pt-24 pb-12 px-8 md:px-0">
+    <main className="flex items-center pt-16 md:pt-24 pb-12 px-8 md:px-0 overflow-x-hidden">
       <FakeWindow windowText="Homepage">
         <HomeWindows />
         <header className="text-center mb-8">
@@ -29,7 +29,7 @@ export default function Home() {
           <p>⚡ Powered with <Link href="https://www.cloudflare.com/" target="_blank" className="text-primary underline">Cloudflare</Link> ☁️</p>
         </section>
         <footer className="mt-20 text-center">
-          <p>&copy; <span className="text-sm">2024-2025 Nomi Nonsense</span></p>
+          <p>&copy; <span className="text-sm">2025 Nomi Nonszy</span></p>
           <p className="text-sm">
             <Link href={"/terms"} className="text-primary underline">Terms and conditions</Link> and <Link href={"/privacy"} className="text-primary underline">Privacy Policy</Link>
           </p>

src/components/client-windows.tsx

@@ -50,7 +50,7 @@ export const FakeRelativeWindow = ({
           });
         }
       },
-      { threshold: 0.5 }
+      { threshold: 0.3 }
     );
     observer.observe(node);
     return () => observer.disconnect();

src/components/home-text.mdx

@@ -10,7 +10,7 @@ We've got tools and resources for us but some we provide it for you, stuff that
 
 ## About Me
 
-Nonszy (Nomi Nonsz or Nonszy whatever, some ppl know my real name).
+Nomi Nonszy (or also known as Nonszy, Nomi Nonsense, whatever, some ppl know my real name).
 I write code and make sure the server doesn't catch on fire lol. 
 
 I build sick web apps with modern stacks (and trash).
@@ -47,7 +47,7 @@ We aspire to blend creativity and technical mastery to shape products that empow
 
 ## Why Nonsense
 
-Nomi or Nonsense, it's not that we don't understand the each other or its uses, it's just a word you've chosen to dismiss our existence.
+Nonszy is an absurd abbreviation of Nonsense, it's not that we don't understand the each other or its uses, it's just a word you've chosen to dismiss our existence.
 
 Our work on web technologies has improved game development and art for anyone, but you still choose to see us as nothing more than senseless non-existent entities.
 

src/components/landing-image.tsx

@@ -2,7 +2,7 @@ import Image from "next/image"
 import { FloatingLabel } from "./floating-label"
 
 export const LandingImage = () => (
-  <FloatingLabel placeholder="Coral Glasses ❤️. Warning: not my work, character by JoelG, See terms and conditions">
+  <FloatingLabel placeholder="Coral Glasses ❤️. Alert: NOT MY WORK! character by JoelG, See terms and conditions">
     <Image
       className="mb-8 mx-auto"
       alt="Coral <3"

src/components/windows.tsx

@@ -34,32 +34,62 @@ export const FakeWindow = ({
 
 export const HomeWindows = () => (
   <div className="relative">
-    <FakeRelativeWindow windowText="nola.png" className='-right-[90%] top-[1300px] z-20'>
+    {/* <FakeRelativeWindow
+      windowText="featured.exe"
+      className="left-[540px] top-0 z-20"
+      draggable
+    >
+      <div className="space-y-2" style={{ width: 300 }}>
+        <Image
+          className=""
+          alt="Left 4 Dead"
+          src="https://shared.fastly.steamstatic.com/store_item_assets/steam/apps/550/header.jpg?t=1745368562"
+          width={300}
+          height={200}
+          unoptimized
+        />
+        <p>Join my Left 4 Dead 2 server!</p>
+      </div>
+    </FakeRelativeWindow> */}
+    <FakeRelativeWindow
+      windowText="nola.png"
+      className="-right-[73%] top-[1300px] z-20"
+      draggable
+    >
       <FloatingLabel placeholder="This is Nola, my OC :3">
         <Image
           className=""
           alt="Nola"
           src="/images/nola.png"
-          width={250}
+          width={200}
-          height={250}
+          height={200}
-          unoptimized
         />
       </FloatingLabel>
     </FakeRelativeWindow>
-    <FakeRelativeWindow windowText="bouncing-coral.exe" className='-left-[100%] top-[360px] z-20'>
+    <FakeRelativeWindow
-      <Link href="https://x.com/JoelGuerraC/status/1287088236171603969/photo/1" target="_blank">
+      windowText="bouncing_coral.exe"
+      className="-left-[78%] top-[260px] z-20"
+    >
+      <Link
+        href="https://x.com/JoelGuerraC/status/1287088236171603969/photo/1"
+        target="_blank"
+      >
         <Image
           className="animate-silly-bouncing"
           alt="Bounce Coral"
           src="/images/coral-a1.png"
-          width={240}
+          width={200}
-          height={240}
+          height={200}
           quality={10}
           unoptimized
         />
       </Link>
     </FakeRelativeWindow>
-    <FakeRelativeWindow windowText="coral-1.exe" className='-left-[70%] top-[680px] z-10'>
+    <FakeRelativeWindow
+      windowText="coral-1.exe"
+      className='-left-[75%] top-[1980px] z-10'
+      draggable
+    >
       <Image
         alt="Coral 1"
         src="https://media.tenor.com/J-gqkU0R8VgAAAAi/coral-glasses-ena-dream-bbq.gif"
@@ -69,15 +99,19 @@ export const HomeWindows = () => (
         unoptimized
       />
     </FakeRelativeWindow>
-    <FakeRelativeWindow windowText="coral-cupcake.mkv" className='-right-[110%] top-[680px] z-10'>
+    <FakeRelativeWindow
+      windowText="coral_cupcake.mkv"
+      className="-right-[85%] top-[440px] z-10"
+      draggable
+    >
       <Image
         alt="Coral Cupcake"
         src="https://media1.tenor.com/m/N5K-4AWj8QcAAAAC/coral-glasses-cupcake.gif"
-        width={320}
+        width={240}
         height={200}
         quality={10}
         unoptimized
       />
     </FakeRelativeWindow>
   </div>
-)
+);

src/hooks/window-manager.tsx

@@ -0,0 +1,9 @@
+interface iFakeWindow {
+  name: string;
+  minimized: boolean;
+  closed: boolean;
+  offset: {
+    x: number
+    y: number
+  }
+}