fix

app/globals.css

@@ -14,13 +14,25 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --background: #0a0a0a;
+    --background: #505050;
     --foreground: #ededed;
-  }
+	--link-hover: #8b56cc;
+	}
+}
+.two-color{
+	color: #5e5e5e;
+}
+.link-custom {
+	color: #ae5ed6;
+	transition: color 0.2s ease;
+}
+.link-custom:hover {
+	color: var(--link-hover);
 }
 
 body {
   background: var(--background);
   color: var(--foreground);
+  link: var(--link);
   font-family: Arial, Helvetica, sans-serif;
 }

app/layout.tsx

@@ -13,8 +13,8 @@ const geistMono = Geist_Mono({
 });
 
 export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
+  title: "about:uwu",
+  description: "nouwushka",
 };
 
 export default function RootLayout({

app/page.tsx

@@ -1,24 +1,39 @@
 import Image from "next/image";
 
 export default function Home() {
-  return (
-    <div className="flex min-h-screen items-center justify-center bg-zinc-50 font-sans dark:bg-black">
-      <main className="flex min-h-screen w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
-        <Image
-          className="flex"
-          src="/tlogo.svg"
-          alt="Next.js logo"
-          width={100}
-          height={20}
-          priority
-        />
-        <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
-			<h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
-				hi hi hi 				
-			</h1>
-		</div>
-		</main>
+	return (
+	<div className="relative flex items-center justify-center min-h-screen p-4">
+	<div className="overflow-hidden">
+
+	<Image
+	    src="/bg.webp"
+	    alt="Background"
+	    fill
+		style={{ objectFit: 'cover', userSelect: 'none', pointerEvents: 'none' }}
+	    priority
+		draggable={false}
+
+	/>
 	</div>
-  );
+    
+	<div className="relative z-10 max-w-md w-full font-mono p-6 shadow-lg bg-black/100 ">
+	    <div className="space-y-2">
+
+		    <div className="border-b border-green-500 pb-1 mb-2 ">about:nouwushka</div>
+	        <div>name: nouwushka/<a className="two-color">zhenya</a></div>
+	        <div>pronouns: she/her</div>
+		    <div>language: ru <a className="two-color">&gt;native&lt;</a> en <a className="two-color">&gt;A2&lt;</a> heb <a className="two-color">&gt;A1&lt;</a></div>
+	        <div>hobby: programming, art, philosophy</div>
+	        <div>occupation: <a className="link-custom">life</a></div>
+	        <div>contact me: <a className="link-custom">@nouwushka</a></div>
+	        <div>donate:<a href="https://pay.uwushka.cc" className="link-custom"> pay.uwushka.cc</a></div>
+
+
+			
+			<div><a align="center">host by <a href="https://senko.digital" className="two-color">senko.digital</a></a> </div>
+			</div>
+		</div>
+	</div>
+	);
 }
 

public/tlogo.svg

@@ -1,13 +0,0 @@
-<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="128" height="128" fill="#010101" fill-opacity="0.36"/>
-<path d="M24.36 77.088V71.088L43.464 62.928V65.088L24.36 56.928V50.928L46.44 60.384V67.632L24.36 77.088ZM55.7632 66.96V61.056H71.6993V66.96H55.7632ZM103.102 77.088L81.0225 67.632V60.384L103.102 50.928V56.928L83.9985 65.088V62.928L103.102 71.088V77.088Z" fill="url(#paint0_linear_127_63)"/>
-<defs>
-<linearGradient id="paint0_linear_127_63" x1="64" y1="52" x2="64" y2="78" gradientUnits="userSpaceOnUse">
-<stop stop-color="#5BCEFA"/>
-<stop offset="0.25" stop-color="#F5A9B8"/>
-<stop offset="0.5" stop-color="white"/>
-<stop offset="0.75" stop-color="#F5A9B8"/>
-<stop offset="1" stop-color="#5BCEFA"/>
-</linearGradient>
-</defs>
-</svg>