Update icons

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({
+  integrations: [sitemap({
     filter: page => SITE.showArchives || !page.endsWith("/archives"),
-    }),
-  ],
+  }), expressiveCode()],
   markdown: {
     remarkPlugins: [remarkToc, [remarkCollapse, { test: "Table of contents" }]],
     shikiConfig: {

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/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/constants.ts

@@ -3,8 +3,8 @@ 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";
 
@@ -16,24 +16,25 @@ export const LOCALE = {
 } as const;
 
 export const SOCIALS = [
+  {
+    name: "Git",
+    href: "https://git.tiff.engineer",
+    linkTitle: `${SITE.title} Git`,
+    icon: IconGit,
+  },
+  {
+    name: "Matrix",
+    href: "@100pdatcat:matrix.org",
+    linkTitle: `${SITE.title} Matrix`,
+    icon: IconMatrix,
+  },
+
   {
     name: "Github",
     href: "https://github.com/twhite96",
     linkTitle: ` ${SITE.title} on Github`,
     icon: IconGitHub,
   },
-  {
-    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: "Mail",
     href: "mailto:yourmail@gmail.com",