finish remaining pages

pyrossh · Dec 3, 2023 · 2b22eec · 2b22eec
1 parent f9d46a8
commit 2b22eec
Show file tree

Hide file tree

Showing 11 changed files with 452 additions and 78 deletions.
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -12,16 +12,13 @@ export default function Header() {
             <span class="mr-1 font-logo font-bold">木</span> pyros.sh
           </a>
           <div class="flex flex-row flex-1 items-center text-white sm:[&>a]:mx-1 [&>a]:px-2 [&>a:hover]:bg-gray-600 data-current:child:bg-gray-600">
-            <a href="/dev" rel="prefetch">
-              dev
-            </a>
             <div>|</div>
-            <a href="/ref" rel="prefetch">
-              ref
+            <a href="/cv" rel="prefetch">
+              cv
             </a>
             <div>|</div>
-            <a href="/blog" rel="prefetch">
-              blog
+            <a href="/posts" rel="prefetch">
+              posts
             </a>
           </div>
           <SocialLinks />

diff --git a/components/icons/HardwareIcon.tsx b/components/icons/HardwareIcon.tsx
@@ -0,0 +1,15 @@
+export default function HardwareIcon({ size = "32" }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+    >
+      <path
+        fill="currentColor"
+        d="M22 0H2a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2ZM6 16a1 1 0 1 1 1-1a1.001 1.001 0 0 1-1 1ZM22 6h-2.184a3 3 0 1 0 0 2H22v4h-4v2h4v2h-2v2h2v4h-8v-1.184a3 3 0 1 0-2 0V22H7v-4.184a3 3 0 1 0-2 0V22H2V2h4v6h2V2h2v10h2V2h10Zm-4 1a1 1 0 1 1-1-1a1.001 1.001 0 0 1 1 1Z"
+      />
+    </svg>
+  );
+}
diff --git a/components/icons/SoftwareIcon.tsx b/components/icons/SoftwareIcon.tsx
@@ -0,0 +1,20 @@
+export default function SoftwareIcon({ size = "32" }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+    >
+      <path
+        fill="currentColor"
+        d="M14 18.315A7.037 7.037 0 0 1 11.263 16H3V4h18v2.264a7.046 7.046 0 0 1 2 2.15V4a2.006 2.006 0 0 0-2-2H3a2.006 2.006 0 0 0-2 2v12a2.006 2.006 0 0 0 2 2h7v2H8v2h8v-2h-2Z"
+      />
+      <path
+        fill="currentColor"
+        d="M17 6a6 6 0 1 0 6 6a5.998 5.998 0 0 0-6-6Zm0 10a4 4 0 1 1 4-4a4.005 4.005 0 0 1-4 4Z"
+      />
+      <circle cx="17" cy="12" r="1" fill="currentColor" />
+    </svg>
+  );
+}
diff --git a/fresh.gen.ts b/fresh.gen.ts
@@ -5,9 +5,9 @@
 import * as $_404 from "./routes/_404.tsx";
 import * as $_app from "./routes/_app.tsx";
 import * as $_middleware from "./routes/_middleware.ts";
-import * as $api_joke from "./routes/api/joke.ts";
-import * as $greet_name_ from "./routes/greet/[name].tsx";
+import * as $cv from "./routes/cv.tsx";
 import * as $index from "./routes/index.tsx";
+import * as $posts from "./routes/posts.tsx";
 import * as $Counter from "./islands/Counter.tsx";
 import * as $LemonDrop from "./islands/LemonDrop.tsx";
 import { type Manifest } from "$fresh/server.ts";
@@ -17,9 +17,9 @@ const manifest = {
     "./routes/_404.tsx": $_404,
     "./routes/_app.tsx": $_app,
     "./routes/_middleware.ts": $_middleware,
-    "./routes/api/joke.ts": $api_joke,
-    "./routes/greet/[name].tsx": $greet_name_,
+    "./routes/cv.tsx": $cv,
     "./routes/index.tsx": $index,
+    "./routes/posts.tsx": $posts,
   },
   islands: {
     "./islands/Counter.tsx": $Counter,

diff --git a/routes/_404.tsx b/routes/_404.tsx
@@ -1,12 +1,14 @@
 import { Head } from "$fresh/runtime.ts";
+import { PageProps } from "$fresh/server.ts";
 
-export default function Error404() {
+export default function Error404({ url }: PageProps) {
   return (
     <>
       <Head>
-        <title>404 - Page not found</title>
+        <title slot="head">pyros.sh | Page Not Found</title>
+        <meta name="description" content="Page Not Found" />
       </Head>
-      <div class="px-4 py-8 mx-auto bg-[#86efac]">
+      <div class="px-4 py-8 mx-auto">
         <div class="max-w-screen-md mx-auto flex flex-col items-center justify-center">
           <img
             class="my-6"
@@ -16,10 +18,11 @@ export default function Error404() {
             alt="the Fresh logo: a sliced lemon dripping with juice"
           />
           <h1 class="text-4xl font-bold">404 - Page not found</h1>
-          <p class="my-4">
-            The page you were looking for doesn't exist.
-          </p>
-          <a href="/" class="underline">Go back home</a>
+          <p class="my-4">The page you were looking for doesn't exist.</p>
+          <pre>Path: {url.pathname}</pre>
+          <a href="/" class="underline mt-4">
+            Go back home
+          </a>
         </div>
       </div>
     </>

diff --git a/routes/api/joke.ts b/routes/api/joke.ts