🔧 change page to blog

ras0q · Jun 13, 2024 · 604db7c · 604db7c
1 parent 357cbc5
commit 604db7c
Show file tree

Hide file tree

Showing 5 changed files with 46 additions and 5 deletions.
diff --git a/fresh.gen.ts b/fresh.gen.ts
@@ -5,6 +5,7 @@
 import * as $_slug_ from "./routes/[slug].tsx";
 import * as $_404 from "./routes/_404.tsx";
 import * as $_app from "./routes/_app.tsx";
+import * as $blog from "./routes/blog.tsx";
 import * as $index from "./routes/index.tsx";
 import * as $InfiniteCanvas from "./islands/InfiniteCanvas.tsx";
 import { type Manifest } from "$fresh/server.ts";
@@ -14,6 +15,7 @@ const manifest = {
     "./routes/[slug].tsx": $_slug_,
     "./routes/_404.tsx": $_404,
     "./routes/_app.tsx": $_app,
+    "./routes/blog.tsx": $blog,
     "./routes/index.tsx": $index,
   },
   islands: {

diff --git a/islands/InfiniteCanvas.tsx b/islands/InfiniteCanvas.tsx
@@ -152,8 +152,8 @@ export default function InfiniteCanvas() {
   return (
     <div
       style={{
-        height: "100vh",
-        width: "100vw",
+        height: "100%",
+        width: "100%",
         position: "relative",
         overflow: "hidden",
         // TODO: grab https://github.com/ras0q/ras0q.com/blob/1e18f972a885cfc2b96882a1abae9c2ff78cd4bc/src/components/InfiniteCanvas.tsx

diff --git a/libs/consts.ts b/libs/consts.ts
@@ -39,8 +39,8 @@ export const subRoutes = [
     top: 275,
   },
   {
-    path: "/contact",
-    description: "Contact",
+    path: "/blog",
+    description: "Blog",
     left: 897,
     top: 570,
   },

diff --git a/routes/blog.tsx b/routes/blog.tsx
@@ -0,0 +1,31 @@
+import { asset, Head } from "$fresh/runtime.ts";
+import InfiniteCanvas from "../islands/InfiniteCanvas.tsx";
+
+export default function Blog() {
+  return (
+    <>
+      <Head>
+        <meta
+          name="og:title"
+          content={`Blog | ras0q.com`}
+          key="title"
+        />
+        <title>Blog | ras0q.com</title>
+        <link rel="stylesheet" href={asset("/markdown.css")} />
+      </Head>
+      <main>
+        <h1>Blog</h1>
+        <p>Coming soon...</p>
+        <div
+          style={{
+            width: "80vw",
+            height: "80vh",
+            border: "1px solid black",
+          }}
+        >
+          <InfiniteCanvas />
+        </div>
+      </main>
+    </>
+  );
+}
diff --git a/routes/index.tsx b/routes/index.tsx
@@ -1,5 +1,13 @@
 import InfiniteCanvas from "../islands/InfiniteCanvas.tsx";
 
 export default function Home() {
-  return <InfiniteCanvas />;
+  return (
+    <main
+      style={{
+        height: "100vh",
+      }}
+    >
+      <InfiniteCanvas />;
+    </main>
+  );
 }