migrate y2k.app to a simple page here

pages/previously.tsx

@@ -1,3 +1,4 @@
+import Link from "next/link";
 import { NextSeo } from "next-seo";
 import Content from "../components/Content/Content";
 import PageTitle from "../components/PageTitle/PageTitle";
@@ -53,13 +54,15 @@ const Previously = () => (
           color: <span className="limegreen">limegreen</span>
         </code>
         ...{" "}
-        <a href="https://y2k.app/" target="_blank" rel="noopener noreferrer">
-          Click for the{" "}
-          <strong>
-            <em>FULL</em>
-          </strong>{" "}
-          experience anyway.
-        </a>
+        <Link href="/y2k/" prefetch={false}>
+          <a>
+            Click for the{" "}
+            <strong>
+              <em>FULL</em>
+            </strong>{" "}
+            experience anyway.
+          </a>
+        </Link>
       </p>
 
       <IFrame

pages/y2k.tsx

@@ -0,0 +1,36 @@
+import dynamic from "next/dynamic";
+import { NextSeo } from "next-seo";
+
+// obviously, an interactive VNC display will not work even a little bit server-side
+const VNC = dynamic(() => import("../components/VNC/VNC"), { ssr: false });
+
+const Y2K = () => (
+  <>
+    <NextSeo
+      title="Y2K Sandbox: Powered by Windows Me™ 💾"
+      description="My first website on a Windows Me-powered time machine. You've been warned."
+      openGraph={{
+        title: "Y2K Sandbox: Powered by Windows Me™",
+      }}
+    />
+
+    <VNC />
+
+    <style jsx global>{`
+      /* make the viewport a bit larger by un-sticking the nav bar */
+      header {
+        position: relative !important;
+      }
+
+      /* make an exception for the wrapper (and its background) to fill up the normal content area */
+      main {
+        padding: 0 !important;
+      }
+      main > div {
+        max-width: 100% !important;
+      }
+    `}</style>
+  </>
+);
+
+export default Y2K;