feat: projects/hobbies: link to deployment and code

database/resume.ts

@@ -117,6 +117,29 @@ export const employment = [
 ];
 
 export const projectsHobbies = [
+  {
+    title: "Token-Efficient AI Chat",
+    highlights: ["Vike", "Hono", "React", "Cloudflare Pages"],
+    code: "https://git.sakal.us/avraham/context-efficient-ai",
+    deployment: "https://ai.sakal.us",
+  },
+  {
+    title: "Calendar Optimizer project",
+    highlights: [
+      "Stock options research platform",
+      "Preact",
+      "trpc",
+      "Clickhouse",
+    ],
+    code: "https://git.sakal.us/avraham/calendar-optimizer",
+    deployment: "https://calendar-optimizer-frontend.sakal.us",
+  },
+  {
+    title: "Personal coding blog",
+    highlights: ["Astro", "Cloudflare Pages"],
+    code: "https://git.sakal.us/avraham/blog-astro",
+    deployment: "https://blog.sakal.us",
+  },
   {
     title: "Self-host email for the sakal.us domain",
     highlights: ["Vultr-Hosted", "Postfix for SMTP", "Dovecot for IMAP"],
@@ -132,23 +155,8 @@ export const projectsHobbies = [
   },
   {
     title: "Self-host a Gitea code repository",
-    highlights: [
+    highlights: ["Deployed within the above Kubernetes cluster."],
-      "Deployed within the above Kubernetes cluster. Available at https://git.sakal.us",
+    deployment: "https://git.sakal.us",
-    ],
-  },
-  {
-    title: "Personal coding blog",
-    highlights: ["Astro", "Cloudflare Pages", "https://blog.sakal.us"],
-  },
-  {
-    title: "Calendar Optimizer project",
-    highlights: [
-      "Stock options research platform",
-      "Preact",
-      "trpc",
-      "Clickhouse",
-      "https://calendar-optimizer-frontend.sakal.us",
-    ],
   },
   // {
   //   title: "Custom From-Scratch Full-Stack eCommerce website",

pages/index/+Page.tsx

@@ -183,6 +183,18 @@ function ProjectsHobbies() {
                     {projectHobby.highlights.map((highlight) => (
                       <li>{highlight}</li>
                     ))}
+                    {projectHobby.deployment && (
+                      <li>
+                        <a href={projectHobby.deployment}>
+                          {projectHobby.deployment}
+                        </a>
+                      </li>
+                    )}
+                    {projectHobby.code && (
+                      <li>
+                        <a href={projectHobby.code}>[Code]</a>
+                      </li>
+                    )}
                   </ul>
                 </span>
               </div>