Update nav links

astro.config.ts

@@ -5,14 +5,14 @@ import remarkToc from "remark-toc";
 import remarkCollapse from "remark-collapse";
 import { SITE } from "./src/config";
 
+import expressiveCode from "astro-expressive-code";
+
 // https://astro.build/config
 export default defineConfig({
   site: SITE.website,
-  integrations: [
-    sitemap({
-      filter: page => SITE.showArchives || !page.endsWith("/archives"),
-    }),
-  ],
+  integrations: [sitemap({
+    filter: page => SITE.showArchives || !page.endsWith("/archives"),
+  }), expressiveCode()],
   markdown: {
     remarkPlugins: [remarkToc, [remarkCollapse, { test: "Table of contents" }]],
     shikiConfig: {
@@ -36,4 +36,4 @@ export default defineConfig({
     svg: true,
     responsiveImages: true,
   },
-});
+});

package.json

@@ -22,6 +22,7 @@
     "@tailwindcss/vite": "^4.0.12",
     "@types/sanitize-html": "^2.13.0",
     "astro": "^5.4.2",
+    "astro-expressive-code": "^0.40.2",
     "lodash.kebabcase": "^4.1.1",
     "markdown-it": "^14.1.0",
     "remark-collapse": "^0.1.2",

src/assets/icons/IconGit.svg

@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-git"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M16 12m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 8m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 16m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15v-6" /><path d="M15 11l-2 -2" /><path d="M11 7l-1.9 -1.9" /><path d="M13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1 -2.892 0l-7.955 -7.955a2.045 2.045 0 0 1 0 -2.892l7.955 -7.955a2.045 2.045 0 0 1 2.892 0z" /></svg>

src/assets/icons/IconLobs.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generated by Pixelmator Pro 3.6.17 -->
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+    <path id="Path" fill="#000000" stroke="none" d="M 0 0 C 0 3.997499 0 8.002501 0 12 C 3.9975 12 8.002501 12 12 12 C 12 8.002501 12 3.997499 12 0 C 8.002501 0 3.9975 0 0 0 Z M 9.855 10.0875 C 7.455 10.0875 5.0325 10.0875 2.6325 10.0875 C 2.6325 10.012501 2.6325 9.9375 2.6325 9.862499 C 2.6325 9.78 2.6325 9.6975 2.6325 9.615 C 2.6325 9.5325 2.6325 9.54 2.7075 9.5325 C 2.88 9.5175 3.0525 9.51 3.225 9.48 C 3.57 9.42 3.7275 9.247499 3.78 8.895 C 3.795 8.79 3.8025 8.6775 3.8025 8.5725 C 3.8025 6.885 3.8025 5.1975 3.8025 3.5175 C 3.8025 3.3825 3.7875 3.247499 3.7725 3.12 C 3.7425 2.887501 3.5925 2.745 3.375 2.6625 C 3.1725 2.5875 2.9625 2.58 2.7525 2.565001 C 2.715 2.565001 2.6775 2.565001 2.64 2.565001 C 2.64 2.5425 2.64 2.52 2.64 2.505 C 2.64 2.362499 2.64 2.22 2.64 2.0775 C 2.64 2.025 2.655 2.01 2.7075 2.01 C 3.4875 2.01 4.26 2.01 5.04 2.01 C 5.5725 2.01 6.105 2.01 6.6375 2.01 C 6.69 2.01 6.7125 2.0175 6.7125 2.0775 C 6.705 2.22 6.7125 2.355 6.7125 2.497499 C 6.7125 2.52 6.7125 2.535 6.7125 2.5575 C 6.6075 2.565001 6.5025 2.5575 6.405 2.5725 C 6.255 2.595 6.105 2.6175 5.9625 2.655 C 5.7 2.737499 5.565 2.9175 5.535 3.164999 C 5.52 3.2775 5.5125 3.39 5.5125 3.502501 C 5.5125 5.1 5.5125 6.6975 5.5125 8.295 C 5.5125 8.497499 5.535 8.700001 5.5575 8.895 C 5.58 9.112499 5.7225 9.255 5.925 9.33 C 6.0975 9.3975 6.285 9.4125 6.465 9.42 C 6.9375 9.434999 7.4025 9.4275 7.86 9.3075 C 8.52 9.1425 8.9625 8.73 9.18 8.0775 C 9.247499 7.8675 9.2775 7.65 9.33 7.4325 C 9.3375 7.4175 9.3525 7.3875 9.3675 7.3875 C 9.54 7.3875 9.6825 7.3875 9.862499 7.3875 C 9.8325 8.295 9.87 9.1875 9.855 10.0875 Z"/>
+</svg>

src/assets/icons/IconMatrix.svg

@@ -0,0 +1 @@
+<svg  xmlns="http://www.w3.org/2000/svg"  width="24"  height="24"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="2"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-brand-matrix"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 3h-1v18h1" /><path d="M20 21h1v-18h-1" /><path d="M7 9v6" /><path d="M12 15v-3.5a2.5 2.5 0 1 0 -5 0v.5" /><path d="M17 15v-3.5a2.5 2.5 0 1 0 -5 0v.5" /></svg>

src/components/Header.astro

@@ -79,6 +79,27 @@ const isActive = (path: string) => {
               Tags
             </a>
           </li>
+          <li class="col-span-2">
+            <a
+              href="https://notes.tiff.run"
+              class:list={{
+                "active-nav": isActive("https://notes.tiff.run"),
+              }}
+            >
+              Notes
+            </a>
+          </li>
+          <li class="col-span-2">
+            <a
+              href="https://photos.tiff.run"
+              class:list={{
+                "active-nav": isActive("https://photos.tiff.run"),
+              }}
+            >
+              Photos
+            </a>
+          </li>
+
           <li class="col-span-2">
             <a href="/about" class:list={{ "active-nav": isActive("/about") }}>
               About

src/constants.ts

@@ -1,12 +1,11 @@
 import IconMail from "@/assets/icons/IconMail.svg";
-import IconGitHub from "@/assets/icons/IconGitHub.svg";
 import IconBluesky from "@/assets/icons/IconBluesky.svg";
 import IconMastodon from "@/assets/icons/IconMastodon.svg";
 import IconHackerNews from "@/assets/icons/IconHackerNews.svg";
-import IconCodeberg from "@/assets/icons/IconCodeberg.svg";
-import IconForgejo from "@/assets/icons/IconForgejo.svg";
+import IconMatrix from "@/assets/icons/IconMatrix.svg";
+import IconGit from "@/assets/icons/IconGit.svg";
 import IconLobsters from "@/assets/icons/IconsLobsters.svg";
-import Path from "@/assets/icons/Path.svg";
+// import Path from "@/assets/icons/Path.svg";
 
 import { SITE } from "@/config";
 
@@ -17,26 +16,20 @@ export const LOCALE = {
 
 export const SOCIALS = [
   {
-    name: "Github",
-    href: "https://github.com/twhite96",
-    linkTitle: ` ${SITE.title} on Github`,
-    icon: IconGitHub,
+    name: "Git",
+    href: "https://git.tiff.run",
+    linkTitle: `${SITE.title} Git`,
+    icon: IconGit,
   },
   {
-    name: "Forgejo",
-    href: "https://git.tifflabs.cfd",
-    linkTitle: `${SITE.title} Forgejo`,
-    icon: IconForgejo,
-  },
-  {
-    name: "Codeberg",
-    href: "https://codeberg.org/tiff",
-    linkTitle: `${SITE.title} on Codeberg`,
-    icon: IconCodeberg,
+    name: "Matrix",
+    href: "https://matrix.to/#/@100pdatcat:matrix.org",
+    linkTitle: `${SITE.title} Matrix`,
+    icon: IconMatrix,
   },
   {
     name: "Mail",
-    href: "mailto:yourmail@gmail.com",
+    href: "mailto:hithere@tiff.run",
     linkTitle: `Send an email to ${SITE.title}`,
     icon: IconMail,
   },