From d7dea6b865d78b27a29e42cb5907d0f9fcd6e1e3 Mon Sep 17 00:00:00 2001
From: nomi-nonsz <norman25.na@gmail.com>
Date: Tue, 2 Sep 2025 22:56:05 +0700
Subject: [PATCH] revamp

---
 src/app/page.tsx                  |  4 +--
 src/components/client-windows.tsx |  2 +-
 src/components/home-text.mdx      |  4 +--
 src/components/landing-image.tsx  |  2 +-
 src/components/windows.tsx        | 58 ++++++++++++++++++++++++-------
 src/hooks/window-manager.tsx      |  9 +++++
 6 files changed, 61 insertions(+), 18 deletions(-)
 create mode 100644 src/hooks/window-manager.tsx

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 25677d1..51d80e9 100644
--- a/src/app/page.tsx
+++ b/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>
diff --git a/src/components/client-windows.tsx b/src/components/client-windows.tsx
index 377f99b..174ab8a 100644
--- a/src/components/client-windows.tsx
+++ b/src/components/client-windows.tsx
@@ -50,7 +50,7 @@ export const FakeRelativeWindow = ({
           });
         }
       },
-      { threshold: 0.5 }
+      { threshold: 0.3 }
     );
     observer.observe(node);
     return () => observer.disconnect();
diff --git a/src/components/home-text.mdx b/src/components/home-text.mdx
index ed428cb..e666eb4 100644
--- a/src/components/home-text.mdx
+++ b/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.
 
diff --git a/src/components/landing-image.tsx b/src/components/landing-image.tsx
index 8cef3c0..29b99e4 100644
--- a/src/components/landing-image.tsx
+++ b/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"
diff --git a/src/components/windows.tsx b/src/components/windows.tsx
index f1caf5b..69da120 100644
--- a/src/components/windows.tsx
+++ b/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}
-          height={250}
-          unoptimized
+          width={200}
+          height={200}
         />
       </FloatingLabel>
     </FakeRelativeWindow>
-    <FakeRelativeWindow windowText="bouncing-coral.exe" className='-left-[100%] top-[360px] z-20'>
-      <Link href="https://x.com/JoelGuerraC/status/1287088236171603969/photo/1" target="_blank">
+    <FakeRelativeWindow
+      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}
-          height={240}
+          width={200}
+          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>
-)
\ No newline at end of file
+);
\ No newline at end of file
diff --git a/src/hooks/window-manager.tsx b/src/hooks/window-manager.tsx
new file mode 100644
index 0000000..7641506
--- /dev/null
+++ b/src/hooks/window-manager.tsx
@@ -0,0 +1,9 @@
+interface iFakeWindow {
+  name: string;
+  minimized: boolean;
+  closed: boolean;
+  offset: {
+    x: number
+    y: number
+  }
+}
\ No newline at end of file