Window system

src/app/globals.css

@@ -13,11 +13,23 @@
     animation-timing-function: linear(0.2, 0.8, 1);
   }
   50% {
-    transform: translate(0px, -280px) scale(1.18, 0.9);
+    transform: translate(0px, -180px) scale(1.18, 0.9);
     animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
   }
 }
 
+@keyframes window-popup {
+  0% {
+    transform: scale(0, 0.03);
+  }
+  40% {
+    transform: scale(1, 0.03);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
+}
+
 h2 {
   @apply text-2xl font-bold
 }

src/app/page.tsx

@@ -5,9 +5,10 @@ import HomeText from "@/components/home-text.mdx"
 
 import Link from "next/link";
 import { FakeWindow } from "@/components/windows";
+import Taskbar from "@/components/taskbar";
 
 export default function Home() {
-  return (
+  return (<>
     <main className="flex items-center pt-16 md:pt-24 pb-12 px-8 md:px-0">
       <FakeWindow windowText="Homepage">
         <header className="text-center mb-8">
@@ -34,5 +35,5 @@ export default function Home() {
         </footer>
       </FakeWindow>
     </main>
-  );
+  </>);
 }