edit aboutme

src/app/page.tsx

@@ -1,4 +1,4 @@
-import { ExpirationDate } from "@/components/expiration-date";
+import { LandingImage } from "@/components/landing-image";
 import { NolaGlitchClientOnly } from "@/components/nola-glitch";
 import { Sosmed } from "@/components/sosmed";
 import Image from "next/image";
@@ -8,20 +8,13 @@ export default function Home() {
   return (
     <main className="flex items-center pt-16 md:pt-24 pb-12 px-8 md:px-0">
       <div className="mx-auto w-[480px]">
-        <header className="text-center mb-12">
+        <header className="text-center mb-8">
           <h1 className="font-bold text-xl md:text-3xl">
             Nomi Nonsense Workspace
           </h1>
         </header>
         <noscript>
-          <Image
+          <LandingImage />
-            className="mb-12 mx-auto"
-            alt="Coral <3"
-            src="https://media1.tenor.com/m/yMLvq5PeKUEAAAAd/coral-glasses.gif"
-            width={200}
-            height={200}
-            unoptimized
-          />
         </noscript>
         <NolaGlitchClientOnly />
         <Sosmed />
@@ -35,12 +28,18 @@ export default function Home() {
               I'm Nomi Nonsense (Nomi Nonsz or Nonszy whatever, some ppl know my real name). I write code and make sure the server doesn't catch on fire 🔥 lol. 
             </p>
             <p>
-              I love building sick web apps with modern stacks (and trash) and also getting my hands dirty setting up servers, reverse proxies, and deployment flows. Into stuff like self-hosting, automating deployments, and integrating AI/LLM into web projects.
+              I build sick web apps with modern stacks (and trash). But mad love getting my hands dirty messing up with servers.
+              Into stuff like self-hosting, automating deployments, and integrating AI/LLM into web projects. I treat my server like family.
             </p>
             <p>
               Big fan of open-source stuff, CLI life, Arch 💅.
-              I only into the indie game, either playing underrated gems or cooking up cursed mods just for fun.
+              I only play indie games, and cooking up cursed mods just for fun.
             </p>
+            {new Date(Date.now()) < new Date("2026-02-16") && (
+              <p>
+                Pls add my <Link href="https://steamcommunity.com/id/nomi_nonsz" target="_blank" className="text-[#F48120] underline">Steam</Link>, I am so lonely 💔. 
+              </p>
+            )}
           {/* <h2 className="pb-4">Vision</h2>
             Become a versatile developer who brings together web technology, AI, and game development to create innovative, meaningful, and impactful digital experiences. I aspire to blend creativity and technical mastery to shape products that empower others and reflect my passion for independent, modern technology.
           <h2>Mission</h2>
@@ -54,6 +53,7 @@ export default function Home() {
           <Image
             className="mb-12 mx-auto"
             alt="Pat coral"
+            title="Pat pat pat pat pat"
             src="https://media.tenor.com/jZkB6qUnOQUAAAAi/coral-glasses-dream-bbq-ena.gif"
             width={350}
             height={350}

src/components/landing-image.tsx

@@ -0,0 +1,13 @@
+import Image from "next/image"
+
+export const LandingImage = () => (
+  <Image
+    className="mb-8 mx-auto"
+    alt="Coral <3"
+    title="Coral Glasses from ENA Dream BBQ"
+    src="https://media1.tenor.com/m/RIP2rxKM_FgAAAAC/ena-ena-dream-bbq.gif"
+    width={280}
+    height={280}
+    unoptimized
+  />
+)

src/components/nola-glitch.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect, useRef, useState } from "react";
-import Image from "next/image";
+import { LandingImage } from "./landing-image";
 
 export const NolaGlitch = () => {
   const ascii = useRef<HTMLDivElement>(null);
@@ -95,7 +95,7 @@ export const NolaGlitch = () => {
 
 export const NolaGlitchClientOnly = () => {
   const [willTheyLucky, setLucky] = useState(false);
-  const probability = 8;
+  const probability = 18;
 
   useEffect(() => {
     const rand = Math.floor(Math.random() * probability)
@@ -103,16 +103,7 @@ export const NolaGlitchClientOnly = () => {
   }, []);
 
   if (!willTheyLucky) {
-    return (
+    return <LandingImage />
-      <Image
-        className="mb-12 mx-auto"
-        alt="Spining ENA <3"
-        src="https://media1.tenor.com/m/RIP2rxKM_FgAAAAC/ena-ena-dream-bbq.gif"
-        width={280}
-        height={280}
-        unoptimized
-      />
-    )
   }
 
   return <div className="text-[6px] xs:text-[9px] leading-[0.53rem] xs:leading-[0.8rem] h-[230px] xs:h-[320px] text-center max-w-[240px] xs:max-w-max mx-auto">