Hardware page with more content.

Collapse component Signed-off-by: Martin Berg Alstad <git@martials.no>
Links page.
2024-10-06 14:43:06 +02:00 · 2024-10-06 13:27:18 +02:00 · 2024-10-06 11:43:50 +02:00 · 2024-10-06 11:18:59 +02:00
47 changed files with 839 additions and 223 deletions
--- a/.env
+++ b/.env
@ -1 +1,2 @@
 GIT_URL="https://git.martials.no"
+STATUS_URL="https://status.martials.no/status/home"
--- a/astro.config.mjs
+++ b/astro.config.mjs
@ -6,6 +6,8 @@ import { loadEnv } from "vite"
 import mdx from "@astrojs/mdx"
 import svelte from "@astrojs/svelte"

+import icon from "astro-icon";
+
 const { url } = process.env.URL
  ? loadEnv(process.env.URL, process.cwd(), "")
  : { url: "http://localhost:3000" }
@ -17,5 +19,5 @@ export default defineConfig({
    defaultLocale: "nb",
    locales: ["nb", "en"]
  },
-  integrations: [tailwind(), sitemap(), mdx(), svelte()]
+  integrations: [tailwind(), sitemap(), mdx(), svelte(), icon()]
 })
--- a/messages/en.json
+++ b/messages/en.json
@ -8,7 +8,10 @@
  "myLinks": "My links",
  "myProjects": "My projects",
  "hardware": "Hardware",
+  "accessories": "Accessories",
  "sourceCode": "Source code",
  "createdAt": "Created at",
-  "updatedAt": "Updated at"
+  "updatedAt": "Updated at",
+  "forPersonalProjects": "For personal projects",
+  "status": "Status"
 }
--- a/messages/nb.json
+++ b/messages/nb.json
@ -8,7 +8,10 @@
  "myLinks": "Mine lenker",
  "myProjects": "Mine prosjekter",
  "hardware": "Maskinvare",
+  "accessories": "Tilbehør",
  "sourceCode": "Kildekode",
  "createdAt": "Opprettet",
-  "updatedAt": "Oppdatert"
+  "updatedAt": "Oppdatert",
+  "forPersonalProjects": "For personlige prosjekter",
+  "status": "Status"
 }
--- a/package.json
+++ b/package.json
@ -17,8 +17,10 @@
    "@astrojs/sitemap": "^3.1.6",
    "@astrojs/svelte": "^5.7.1",
    "@astrojs/tailwind": "^5.1.1",
+    "@iconify-json/pajamas": "^1.2.2",
    "@tailwindcss/typography": "^0.5.15",
    "astro": "^4.15.9",
+    "astro-icon": "^1.1.1",
    "sharp": "^0.33.5",
    "svelte": "^4.2.19",
    "tailwindcss": "^3.4.13",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -23,12 +23,18 @@ importers:
      '@astrojs/tailwind':
        specifier: ^5.1.1
        version: 5.1.1(astro@4.15.9(rollup@4.21.2)(typescript@5.6.2))(tailwindcss@3.4.13)
+      '@iconify-json/pajamas':
+        specifier: ^1.2.2
+        version: 1.2.2
      '@tailwindcss/typography':
        specifier: ^0.5.15
        version: 0.5.15(tailwindcss@3.4.13)
      astro:
        specifier: ^4.15.9
        version: 4.15.9(rollup@4.21.2)(typescript@5.6.2)
+      astro-icon:
+        specifier: ^1.1.1
+        version: 1.1.1
      sharp:
        specifier: ^0.33.5
        version: 0.33.5
@ -71,6 +77,12 @@ packages:
    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
    engines: {node: '>=6.0.0'}

+  '@antfu/install-pkg@0.4.1':
+    resolution: {integrity: sha512-T7yB5QNG29afhWVkVq7XeIMBa5U/vs9mX69YqayXypPRmYzUmzwnYltplHmPtZ4HPCn+sQKeXW8I47wCbuBOjw==}
+
+  '@antfu/utils@0.7.10':
+    resolution: {integrity: sha512-+562v9k4aI80m1+VuMHehNJWLOFjBnXn3tdOitzD0il5b7smkSBal4+a3oKiQTbrwMmN/TBUMDvbdoWDehgOww==}
+
  '@astrojs/check@0.9.3':
    resolution: {integrity: sha512-I6Dz45bMI5YRbp4yK2LKWsHH3/kkHRGdPGruGkLap6pqxhdcNh7oCgN04Ac+haDfc9ow5BYPGPmEhkwef15GQQ==}
    hasBin: true
@ -385,6 +397,18 @@ packages:
    cpu: [x64]
    os: [win32]

+  '@iconify-json/pajamas@1.2.2':
+    resolution: {integrity: sha512-F3BqRWsOvzlZWnIslF0p3EsF05okYB3SQn+MzaFfShYsomknSGH8zSoqTMkacxJAE0TVd2fDKkYyMTRFfcIP1g==}
+
+  '@iconify/tools@4.0.7':
+    resolution: {integrity: sha512-zOJxKIfZn96ZRGGvIWzDRLD9vb2CsxjcLuM+QIdvwWbv6SWhm49gECzUnd4d2P0sq9sfodT7yCNobWK8nvavxQ==}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@2.1.33':
+    resolution: {integrity: sha512-jP9h6v/g0BIZx0p7XGJJVtkVnydtbgTgt9mVNcGDYwaa7UhdHdI9dvoq+gKj9sijMSJKxUPEG2JyjsgXjxL7Kw==}
+
  '@img/sharp-darwin-arm64@0.33.5':
    resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@ -656,6 +680,10 @@ packages:
    peerDependencies:
      tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20'

+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
  '@types/acorn@4.0.6':
    resolution: {integrity: sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ==}

@ -704,12 +732,18 @@ packages:
  '@types/sax@1.2.7':
    resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==}

+  '@types/tar@6.1.13':
+    resolution: {integrity: sha512-IznnlmU5f4WcGTh2ltRu/Ijpmk8wiWXfF0VA4s+HPjHZgvFggk1YaIkbo5krX/zUCzWF8N/l4+W/LNxnvAJ8nw==}
+
  '@types/unist@2.0.11':
    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}

  '@types/unist@3.0.3':
    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}

+  '@types/yauzl@2.10.3':
+    resolution: {integrity: sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==}
+
  '@ungap/structured-clone@1.2.0':
    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}

@ -801,6 +835,9 @@ packages:
    resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
    hasBin: true

+  astro-icon@1.1.1:
+    resolution: {integrity: sha512-HKBesWk2Faw/0+klLX+epQVqdTfSzZz/9+5vxXUjTJaN/HnpDf608gRPgHh7ZtwBPNJMEFoU5GLegxoDcT56OQ==}
+
  astro@4.15.9:
    resolution: {integrity: sha512-51oXq9qrZ5OPWYmEXt1kGrvWmVeWsx28SgBTzi2XW6iwcnW/wC5ONm6ol6qBGSCF93tQvZplXvuzpaw1injECA==}
    engines: {node: ^18.17.1 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'}
@ -836,6 +873,9 @@ packages:
    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
    engines: {node: '>=8'}

+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
  boxen@7.1.1:
    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
    engines: {node: '>=14.16'}
@ -852,6 +892,9 @@ packages:
    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
    hasBin: true

+  buffer-crc32@0.2.13:
+    resolution: {integrity: sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==}
+
  camelcase-css@2.0.1:
    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
    engines: {node: '>= 6'}
@ -886,10 +929,21 @@ packages:
  character-reference-invalid@2.0.1:
    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}

+  cheerio-select@2.1.0:
+    resolution: {integrity: sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==}
+
+  cheerio@1.0.0:
+    resolution: {integrity: sha512-quS9HgjQpdaXOvsZz82Oz7uxtXiy6UIsIQcpBj7HRw2M63Skasm9qlDocAM7jNuaxdhpPU7c4kJN+gA5MCu4ww==}
+    engines: {node: '>=18.17'}
+
  chokidar@3.6.0:
    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
    engines: {node: '>= 8.10.0'}

+  chownr@2.0.0:
+    resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
+    engines: {node: '>=10'}
+
  ci-info@4.0.0:
    resolution: {integrity: sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==}
    engines: {node: '>=8'}
@ -955,9 +1009,16 @@ packages:
    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
    engines: {node: '>= 6'}

+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
  common-ancestor-path@1.0.1:
    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}

+  confbox@0.1.7:
+    resolution: {integrity: sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==}
+
  consola@3.2.3:
    resolution: {integrity: sha512-I5qxpzLv+sJhTVEoLYNcTW+bThDCPsit0vLNKShZx6rLtpilNpmmeTPaeqJb9ZE9dV3DGaeby6Vuhrw38WjeyQ==}
    engines: {node: ^14.18.0 || >=16.10.0}
@ -973,18 +1034,33 @@ packages:
    resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
    engines: {node: '>= 8'}

+  css-select@5.1.0:
+    resolution: {integrity: sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==}
+
  css-selector-tokenizer@0.8.0:
    resolution: {integrity: sha512-Jd6Ig3/pe62/qe5SBPTN8h8LeUg/pT4lLgtavPf7updwwHpvFzxvOQBHYj2LZDMjUnBzgvIUSjRcf6oT5HzHFg==}

+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
  css-tree@2.3.1:
    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}

+  css-what@6.1.0:
+    resolution: {integrity: sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==}
+    engines: {node: '>= 6'}
+
  cssesc@3.0.0:
    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
    engines: {node: '>=4'}
    hasBin: true

+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
  culori@3.3.0:
    resolution: {integrity: sha512-pHJg+jbuFsCjz9iclQBqyL3B2HLCBF71BwVNujUYEvCeQMvV97R59MNK3R2+jgJ3a1fcZgI9B3vYgz8lzr/BFQ==}
    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@ -1052,6 +1128,19 @@ packages:
  dlv@1.1.3:
    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}

+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.1.0:
+    resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==}
+
  dset@3.1.3:
    resolution: {integrity: sha512-20TuZZHCEZ2O71q9/+8BwKwZ0QtD9D8ObhrihJPr+vLLYlSuAU3/zL4cSlgbfeoGHTjCSJBa7NGcrF9/Bx/WJQ==}
    engines: {node: '>=4'}
@ -1074,6 +1163,12 @@ packages:
  emoji-regex@9.2.2:
    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}

+  encoding-sniffer@0.2.0:
+    resolution: {integrity: sha512-ju7Wq1kg04I3HtiYIOrUrdfdDvkyO9s5XM8QAj/bN61Yo/Vb4vgJxy5vi4Yxk01gWHbrofpPtpxM8bKger9jhg==}
+
+  end-of-stream@1.4.4:
+    resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==}
+
  entities@4.5.0:
    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
    engines: {node: '>=0.12'}
@ -1134,6 +1229,11 @@ packages:
  extend@3.0.2:
    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}

+  extract-zip@2.0.1:
+    resolution: {integrity: sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==}
+    engines: {node: '>= 10.17.0'}
+    hasBin: true
+
  fast-deep-equal@3.1.3:
    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}

@ -1150,6 +1250,9 @@ packages:
  fastq@1.17.1:
    resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}

+  fd-slicer@1.1.0:
+    resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
+
  fill-range@7.1.1:
    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
    engines: {node: '>=8'}
@ -1189,6 +1292,10 @@ packages:
  fraction.js@4.3.7:
    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}

+  fs-minipass@2.1.0:
+    resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
+    engines: {node: '>= 8'}
+
  fsevents@2.3.3:
    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
@ -1209,6 +1316,10 @@ packages:
    resolution: {integrity: sha512-2nk+7SIVb14QrgXFHcm84tD4bKQz0RxPuMT8Ag5KPOq7J5fEmAg0UbXdTOSHqNuHSU28k55qnceesxXRZGzKWA==}
    engines: {node: '>=18'}

+  get-stream@5.2.0:
+    resolution: {integrity: sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==}
+    engines: {node: '>=8'}
+
  github-slugger@2.0.0:
    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}

@ -1289,9 +1400,16 @@ packages:
  html-void-elements@3.0.0:
    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}

+  htmlparser2@9.1.0:
+    resolution: {integrity: sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==}
+
  http-cache-semantics@4.1.1:
    resolution: {integrity: sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==}

+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
  import-meta-resolve@4.1.0:
    resolution: {integrity: sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==}

@ -1429,6 +1547,9 @@ packages:
    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
    engines: {node: '>=6'}

+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
  lilconfig@2.1.0:
    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
    engines: {node: '>=10'}
@ -1444,6 +1565,10 @@ packages:
    resolution: {integrity: sha512-OfCBkGEw4nN6JLtgRidPX6QxjBQGQf72q3si2uvqyFEMbycSFFHwAZeXx6cJgFM9wmLrf9zBwCP3Ivqa+LLZPw==}
    engines: {node: '>=6'}

+  local-pkg@0.5.0:
+    resolution: {integrity: sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==}
+    engines: {node: '>=14'}
+
  locate-character@3.0.0:
    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}

@ -1543,6 +1668,9 @@ packages:
  mdast-util-to-string@4.0.0:
    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}

+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
  mdn-data@2.0.30:
    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}

@ -1675,10 +1803,34 @@ packages:
    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
    engines: {node: '>=16 || 14 >=14.17'}

+  minipass@3.3.6:
+    resolution: {integrity: sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==}
+    engines: {node: '>=8'}
+
+  minipass@4.2.8:
+    resolution: {integrity: sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==}
+    engines: {node: '>=8'}
+
+  minipass@5.0.0:
+    resolution: {integrity: sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==}
+    engines: {node: '>=8'}
+
  minipass@7.1.2:
    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
    engines: {node: '>=16 || 14 >=14.17'}

+  minizlib@2.1.2:
+    resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
+    engines: {node: '>= 8'}
+
+  mkdirp@1.0.4:
+    resolution: {integrity: sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  mlly@1.7.1:
+    resolution: {integrity: sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==}
+
  mrmime@2.0.0:
    resolution: {integrity: sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw==}
    engines: {node: '>=10'}
@ -1718,6 +1870,9 @@ packages:
    resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
    engines: {node: '>=0.10.0'}

+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
  object-assign@4.1.1:
    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
    engines: {node: '>=0.10.0'}
@ -1726,6 +1881,9 @@ packages:
    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
    engines: {node: '>= 6'}

+  once@1.4.0:
+    resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
+
  onetime@7.0.0:
    resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
    engines: {node: '>=18'}
@ -1761,12 +1919,21 @@ packages:
  package-json-from-dist@1.0.0:
    resolution: {integrity: sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==}

+  package-manager-detector@0.2.1:
+    resolution: {integrity: sha512-/hVW2fZvAdEas+wyKh0SnlZ2mx0NIa1+j11YaQkogEJkcMErbwchHCuo8z7lEtajZJQZ6rgZNVTWMVVd71Bjng==}
+
  parse-entities@4.0.1:
    resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}

  parse-latin@7.0.0:
    resolution: {integrity: sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==}

+  parse5-htmlparser2-tree-adapter@7.0.0:
+    resolution: {integrity: sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==}
+
+  parse5-parser-stream@7.1.2:
+    resolution: {integrity: sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==}
+
  parse5@7.1.2:
    resolution: {integrity: sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==}

@ -1791,6 +1958,12 @@ packages:
    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
    engines: {node: '>=16 || 14 >=14.18'}

+  pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+
+  pend@1.2.0:
+    resolution: {integrity: sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==}
+
  periscopic@3.1.0:
    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}

@ -1817,6 +1990,9 @@ packages:
    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
    engines: {node: '>=8'}

+  pkg-types@1.2.0:
+    resolution: {integrity: sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==}
+
  postcss-import@15.1.0:
    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
    engines: {node: '>=14.0.0'}
@ -1904,6 +2080,9 @@ packages:
  proxy-from-env@1.1.0:
    resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}

+  pump@3.0.2:
+    resolution: {integrity: sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==}
+
  queue-microtask@1.2.3:
    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}

@ -1997,6 +2176,9 @@ packages:
  s.color@0.0.15:
    resolution: {integrity: sha512-AUNrbEUHeKY8XsYr/DYpl+qk5+aM+DChopnWOPEzn8YKzOhv4l2zH6LzZms3tOZP3wwdOyc0RmTciyi46HLIuA==}

+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
  sass-formatter@0.7.9:
    resolution: {integrity: sha512-CWZ8XiSim+fJVG0cFLStwDvft1VI7uvXdCNJYXhDvowiv+DsbD1nXLiQ4zrE5UBvj5DWZJ93cwN0NX5PMsr1Pw==}

@ -2136,11 +2318,20 @@ packages:
    resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
    engines: {node: '>=16'}

+  svgo@3.3.2:
+    resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
  tailwindcss@3.4.13:
    resolution: {integrity: sha512-KqjHOJKogOUt5Bs752ykCeiwvi0fKVkr5oqsFNt/8px/tA8scFPIlkygsf6jXrfCqGHz7VflA6+yytWuM+XhFw==}
    engines: {node: '>=14.0.0'}
    hasBin: true

+  tar@6.2.1:
+    resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
+    engines: {node: '>=10'}
+
  thenify-all@1.6.0:
    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
    engines: {node: '>=0.8'}
@ -2196,6 +2387,13 @@ packages:
    engines: {node: '>=14.17'}
    hasBin: true

+  ufo@1.5.4:
+    resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
+
+  undici@6.19.8:
+    resolution: {integrity: sha512-U8uCCl2x9TK3WANvmBavymRzxbfFYG+tAu+fgx3zxQy3qdagQqBLwJVrdyO1TBfUXvfKveMKJZhpvUYoOjM+4g==}
+    engines: {node: '>=18.17'}
+
  unified@11.0.5:
    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}

@ -2406,6 +2604,14 @@ packages:
  web-namespaces@2.0.1:
    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}

+  whatwg-encoding@3.1.1:
+    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
  which-pm-runs@1.1.0:
    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
    engines: {node: '>=4'}
@ -2431,6 +2637,9 @@ packages:
    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
    engines: {node: '>=12'}

+  wrappy@1.0.2:
+    resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
+
  xxhash-wasm@1.0.2:
    resolution: {integrity: sha512-ibF0Or+FivM9lNrg+HGJfVX8WJqgo+kCLDc4vx6xMeTce7Aj+DLttKbxxRR/gNLSAelRc1omAPlJ77N/Jem07A==}

@ -2441,6 +2650,9 @@ packages:
  yallist@3.1.1:
    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}

+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
  yaml-language-server@1.15.0:
    resolution: {integrity: sha512-N47AqBDCMQmh6mBLmI6oqxryHRzi33aPFPsJhYy3VTUGCdLHYjGh4FZzpUjRlphaADBBkDmnkM/++KNIOHi5Rw==}
    hasBin: true
@ -2462,6 +2674,9 @@ packages:
    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
    engines: {node: '>=12'}

+  yauzl@2.10.0:
+    resolution: {integrity: sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==}
+
  yocto-queue@1.1.1:
    resolution: {integrity: sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==}
    engines: {node: '>=12.20'}
@ -2492,6 +2707,13 @@ snapshots:
      '@jridgewell/gen-mapping': 0.3.5
      '@jridgewell/trace-mapping': 0.3.25

+  '@antfu/install-pkg@0.4.1':
+    dependencies:
+      package-manager-detector: 0.2.1
+      tinyexec: 0.3.0
+
+  '@antfu/utils@0.7.10': {}
+
  '@astrojs/check@0.9.3(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.2)':
    dependencies:
      '@astrojs/language-server': 2.14.2(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.2)
@ -2856,6 +3078,41 @@ snapshots:
  '@esbuild/win32-x64@0.21.5':
    optional: true

+  '@iconify-json/pajamas@1.2.2':
+    dependencies:
+      '@iconify/types': 2.0.0
+
+  '@iconify/tools@4.0.7':
+    dependencies:
+      '@iconify/types': 2.0.0
+      '@iconify/utils': 2.1.33
+      '@types/tar': 6.1.13
+      axios: 1.7.7
+      cheerio: 1.0.0
+      domhandler: 5.0.3
+      extract-zip: 2.0.1
+      local-pkg: 0.5.0
+      pathe: 1.1.2
+      svgo: 3.3.2
+      tar: 6.2.1
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@2.1.33':
+    dependencies:
+      '@antfu/install-pkg': 0.4.1
+      '@antfu/utils': 0.7.10
+      '@iconify/types': 2.0.0
+      debug: 4.3.7
+      kolorist: 1.8.0
+      local-pkg: 0.5.0
+      mlly: 1.7.1
+    transitivePeerDependencies:
+      - supports-color
+
  '@img/sharp-darwin-arm64@0.33.5':
    optionalDependencies:
      '@img/sharp-libvips-darwin-arm64': 1.0.4
@ -3112,6 +3369,8 @@ snapshots:
      postcss-selector-parser: 6.0.10
      tailwindcss: 3.4.13

+  '@trysound/sax@0.2.0': {}
+
  '@types/acorn@4.0.6':
    dependencies:
      '@types/estree': 1.0.5
@ -3171,10 +3430,20 @@ snapshots:
    dependencies:
      '@types/node': 17.0.45

+  '@types/tar@6.1.13':
+    dependencies:
+      '@types/node': 17.0.45
+      minipass: 4.2.8
+
  '@types/unist@2.0.11': {}

  '@types/unist@3.0.3': {}

+  '@types/yauzl@2.10.3':
+    dependencies:
+      '@types/node': 17.0.45
+    optional: true
+
  '@ungap/structured-clone@1.2.0': {}

  '@volar/kit@2.4.4(typescript@5.6.2)':
@ -3281,6 +3550,15 @@ snapshots:

  astring@1.9.0: {}

+  astro-icon@1.1.1:
+    dependencies:
+      '@iconify/tools': 4.0.7
+      '@iconify/types': 2.0.0
+      '@iconify/utils': 2.1.33
+    transitivePeerDependencies:
+      - debug
+      - supports-color
+
  astro@4.15.9(rollup@4.21.2)(typescript@5.6.2):
    dependencies:
      '@astrojs/compiler': 2.10.3
@ -3393,6 +3671,8 @@ snapshots:

  binary-extensions@2.3.0: {}

+  boolbase@1.0.0: {}
+
  boxen@7.1.1:
    dependencies:
      ansi-align: 3.0.1
@ -3419,6 +3699,8 @@ snapshots:
      node-releases: 2.0.18
      update-browserslist-db: 1.1.0(browserslist@4.23.3)

+  buffer-crc32@0.2.13: {}
+
  camelcase-css@2.0.1: {}

  camelcase@7.0.1: {}
@ -3443,6 +3725,29 @@ snapshots:

  character-reference-invalid@2.0.1: {}

+  cheerio-select@2.1.0:
+    dependencies:
+      boolbase: 1.0.0
+      css-select: 5.1.0
+      css-what: 6.1.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+
+  cheerio@1.0.0:
+    dependencies:
+      cheerio-select: 2.1.0
+      dom-serializer: 2.0.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      encoding-sniffer: 0.2.0
+      htmlparser2: 9.1.0
+      parse5: 7.1.2
+      parse5-htmlparser2-tree-adapter: 7.0.0
+      parse5-parser-stream: 7.1.2
+      undici: 6.19.8
+      whatwg-mimetype: 4.0.0
+
  chokidar@3.6.0:
    dependencies:
      anymatch: 3.1.3
@ -3455,6 +3760,8 @@ snapshots:
    optionalDependencies:
      fsevents: 2.3.3

+  chownr@2.0.0: {}
+
  ci-info@4.0.0: {}

  cli-boxes@3.0.0: {}
@ -3515,8 +3822,12 @@ snapshots:

  commander@4.1.1: {}

+  commander@7.2.0: {}
+
  common-ancestor-path@1.0.1: {}

+  confbox@0.1.7: {}
+
  consola@3.2.3: {}

  convert-source-map@2.0.0: {}
@ -3529,18 +3840,37 @@ snapshots:
      shebang-command: 2.0.0
      which: 2.0.2

+  css-select@5.1.0:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.1.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      nth-check: 2.1.1
+
  css-selector-tokenizer@0.8.0:
    dependencies:
      cssesc: 3.0.0
      fastparse: 1.1.2

+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.0
+
  css-tree@2.3.1:
    dependencies:
      mdn-data: 2.0.30
      source-map-js: 1.2.0

+  css-what@6.1.0: {}
+
  cssesc@3.0.0: {}

+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
  culori@3.3.0: {}

  daisyui@4.12.10(postcss@8.4.45):
@ -3588,6 +3918,24 @@ snapshots:

  dlv@1.1.3: {}

+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.1.0:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
  dset@3.1.3: {}

  eastasianwidth@0.2.0: {}
@ -3605,6 +3953,15 @@ snapshots:

  emoji-regex@9.2.2: {}

+  encoding-sniffer@0.2.0:
+    dependencies:
+      iconv-lite: 0.6.3
+      whatwg-encoding: 3.1.1
+
+  end-of-stream@1.4.4:
+    dependencies:
+      once: 1.4.0
+
  entities@4.5.0: {}

  es-module-lexer@1.5.4: {}
@ -3681,6 +4038,16 @@ snapshots:

  extend@3.0.2: {}

+  extract-zip@2.0.1:
+    dependencies:
+      debug: 4.3.7
+      get-stream: 5.2.0
+      yauzl: 2.10.0
+    optionalDependencies:
+      '@types/yauzl': 2.10.3
+    transitivePeerDependencies:
+      - supports-color
+
  fast-deep-equal@3.1.3: {}

  fast-glob@3.3.2:
@ -3699,6 +4066,10 @@ snapshots:
    dependencies:
      reusify: 1.0.4

+  fd-slicer@1.1.0:
+    dependencies:
+      pend: 1.2.0
+
  fill-range@7.1.1:
    dependencies:
      to-regex-range: 5.0.1
@ -3732,6 +4103,10 @@ snapshots:

  fraction.js@4.3.7: {}

+  fs-minipass@2.1.0:
+    dependencies:
+      minipass: 3.3.6
+
  fsevents@2.3.3:
    optional: true

@ -3743,6 +4118,10 @@ snapshots:

  get-east-asian-width@1.2.0: {}

+  get-stream@5.2.0:
+    dependencies:
+      pump: 3.0.2
+
  github-slugger@2.0.0: {}

  glob-parent@5.1.2:
@ -3913,8 +4292,19 @@ snapshots:

  html-void-elements@3.0.0: {}

+  htmlparser2@9.1.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.1.0
+      entities: 4.5.0
+
  http-cache-semantics@4.1.1: {}

+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
  import-meta-resolve@4.1.0: {}

  inline-style-parser@0.1.1: {}
@ -4013,6 +4403,8 @@ snapshots:

  kleur@4.1.5: {}

+  kolorist@1.8.0: {}
+
  lilconfig@2.1.0: {}

  lilconfig@3.1.2: {}
@ -4026,6 +4418,11 @@ snapshots:
      pify: 4.0.1
      strip-bom: 3.0.0

+  local-pkg@0.5.0:
+    dependencies:
+      mlly: 1.7.1
+      pkg-types: 1.2.0
+
  locate-character@3.0.0: {}

  locate-path@5.0.0:
@ -4239,6 +4636,8 @@ snapshots:
    dependencies:
      '@types/mdast': 4.0.4

+  mdn-data@2.0.28: {}
+
  mdn-data@2.0.30: {}

  merge2@1.4.1: {}
@ -4526,8 +4925,30 @@ snapshots:
    dependencies:
      brace-expansion: 2.0.1

+  minipass@3.3.6:
+    dependencies:
+      yallist: 4.0.0
+
+  minipass@4.2.8: {}
+
+  minipass@5.0.0: {}
+
  minipass@7.1.2: {}

+  minizlib@2.1.2:
+    dependencies:
+      minipass: 3.3.6
+      yallist: 4.0.0
+
+  mkdirp@1.0.4: {}
+
+  mlly@1.7.1:
+    dependencies:
+      acorn: 8.12.1
+      pathe: 1.1.2
+      pkg-types: 1.2.0
+      ufo: 1.5.4
+
  mrmime@2.0.0: {}

  ms@2.1.3: {}
@ -4559,10 +4980,18 @@ snapshots:

  normalize-range@0.1.2: {}

+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
  object-assign@4.1.1: {}

  object-hash@3.0.0: {}

+  once@1.4.0:
+    dependencies:
+      wrappy: 1.0.2
+
  onetime@7.0.0:
    dependencies:
      mimic-function: 5.0.1
@ -4602,6 +5031,8 @@ snapshots:

  package-json-from-dist@1.0.0: {}

+  package-manager-detector@0.2.1: {}
+
  parse-entities@4.0.1:
    dependencies:
      '@types/unist': 2.0.11
@ -4622,6 +5053,15 @@ snapshots:
      unist-util-visit-children: 3.0.0
      vfile: 6.0.3

+  parse5-htmlparser2-tree-adapter@7.0.0:
+    dependencies:
+      domhandler: 5.0.3
+      parse5: 7.1.2
+
+  parse5-parser-stream@7.1.2:
+    dependencies:
+      parse5: 7.1.2
+
  parse5@7.1.2:
    dependencies:
      entities: 4.5.0
@ -4644,6 +5084,10 @@ snapshots:
      lru-cache: 10.4.3
      minipass: 7.1.2

+  pathe@1.1.2: {}
+
+  pend@1.2.0: {}
+
  periscopic@3.1.0:
    dependencies:
      '@types/estree': 1.0.5
@ -4664,6 +5108,12 @@ snapshots:
    dependencies:
      find-up: 4.1.0

+  pkg-types@1.2.0:
+    dependencies:
+      confbox: 0.1.7
+      mlly: 1.7.1
+      pathe: 1.1.2
+
  postcss-import@15.1.0(postcss@8.4.45):
    dependencies:
      postcss: 8.4.45
@ -4746,6 +5196,11 @@ snapshots:

  proxy-from-env@1.1.0: {}

+  pump@3.0.2:
+    dependencies:
+      end-of-stream: 1.4.4
+      once: 1.4.0
+
  queue-microtask@1.2.3: {}

  read-cache@1.0.0:
@ -4905,6 +5360,8 @@ snapshots:

  s.color@0.0.15: {}

+  safer-buffer@2.1.2: {}
+
  sass-formatter@0.7.9:
    dependencies:
      suf-log: 2.5.3
@ -5076,6 +5533,16 @@ snapshots:
      magic-string: 0.30.11
      periscopic: 3.1.0

+  svgo@3.3.2:
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.1.0
+      css-tree: 2.3.1
+      css-what: 6.1.0
+      csso: 5.0.5
+      picocolors: 1.1.0
+
  tailwindcss@3.4.13:
    dependencies:
      '@alloc/quick-lru': 5.2.0
@ -5103,6 +5570,15 @@ snapshots:
    transitivePeerDependencies:
      - ts-node

+  tar@6.2.1:
+    dependencies:
+      chownr: 2.0.0
+      fs-minipass: 2.1.0
+      minipass: 5.0.0
+      minizlib: 2.1.2
+      mkdirp: 1.0.4
+      yallist: 4.0.0
+
  thenify-all@1.6.0:
    dependencies:
      thenify: 3.3.1
@ -5141,6 +5617,10 @@ snapshots:

  typescript@5.6.2: {}

+  ufo@1.5.4: {}
+
+  undici@6.19.8: {}
+
  unified@11.0.5:
    dependencies:
      '@types/unist': 3.0.3
@ -5350,6 +5830,12 @@ snapshots:

  web-namespaces@2.0.1: {}

+  whatwg-encoding@3.1.1:
+    dependencies:
+      iconv-lite: 0.6.3
+
+  whatwg-mimetype@4.0.0: {}
+
  which-pm-runs@1.1.0: {}

  which-pm@3.0.0:
@ -5376,12 +5862,16 @@ snapshots:
      string-width: 5.1.2
      strip-ansi: 7.1.0

+  wrappy@1.0.2: {}
+
  xxhash-wasm@1.0.2: {}

  y18n@5.0.8: {}

  yallist@3.1.1: {}

+  yallist@4.0.0: {}
+
  yaml-language-server@1.15.0:
    dependencies:
      ajv: 8.17.1
@ -5413,6 +5903,11 @@ snapshots:
      y18n: 5.0.8
      yargs-parser: 21.1.1

+  yauzl@2.10.0:
+    dependencies:
+      buffer-crc32: 0.2.13
+      fd-slicer: 1.1.0
+
  yocto-queue@1.1.1: {}

  zod-to-json-schema@3.23.2(zod@3.23.8):
--- a/src/components/Collapse.svelte
+++ b/src/components/Collapse.svelte
@ -0,0 +1,10 @@
+<script lang="ts">
+  export let title: string = ""
+</script>
+
+<details class="collapse collapse-arrow bg-base-200">
+  <summary class="collapse-title text-xl font-medium">{title}</summary>
+  <div class="collapse-content">
+    <slot />
+  </div>
+</details>
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@ -1,9 +1,17 @@
 ---
 import GiteaLink from "./links/GiteaLink.astro"
+import ExternalLink from "./links/ExternalLink.astro"
+import PajamasIcon from "./icons/PajamasIcon.astro"
+import * as m from "@/paraglide/messages"
 const gitUrl = import.meta.env.GIT_URL
+const statusUrl = import.meta.env.STATUS_URL
 ---

 <div class="divider"></div>
-<div class="mx-auto">
+<div class="mx-auto py-5 flex flex-col gap-1 items-center">
  <GiteaLink href={gitUrl} />
+  <ExternalLink href={statusUrl} class="flex items-center" title="Status">
+    <PajamasIcon name="pajamas:status-health" class="w-6 h-6 mr-2" />
+    {m.status()}
+  </ExternalLink>
 </div>
--- a/src/components/Greeting.astro
+++ b/src/components/Greeting.astro
@ -1,20 +1,22 @@
 ---
 import { Image } from "astro:assets"
-import me from "../images/me.jpg"
-import * as m from "../paraglide/messages.js"
-import "../styles/global.css"
+import me from "@/images/polite-cat.jpg"
+import * as m from "@/paraglide/messages.js"
+import "@/styles/global.css"
 ---

-<div class="flex items-center justify-around">
+<div class="flex items-center justify-around flex-wrap">
  <div class="m-5">
-    <h1 class="text-7xl font-bold">
+    <h1 class="sm:text-7xl font-bold">
      {m.hiIm()}
      <br />
      Martin Berg Alstad
      <br />
      {m.position()}
    </h1>
-    <p class="mx-1 my-10">{m.aboutMe()}</p>
+    <p class="mx-1 sm:my-10">{m.aboutMe()}</p>
  </div>
-  <Image src={me} alt="Me on a hike" width="400" height="400" class="m-5" />
+  <Image src={me} alt="Me on a hike" width="400" height="400" class="p-5 mx-auto" />
 </div>
+<!-- Mastodon verification -->
+<a rel="me" href="https://snabelen.no/@Martials" class="hidden">Mastodon</a>
--- a/src/components/HardwarePage.svelte
+++ b/src/components/HardwarePage.svelte
@ -1,23 +1,44 @@
 <script lang="ts">
  import Select from "./Select.svelte"
-  import { getCollection } from "astro:content"
+  import * as m from "@/paraglide/messages"
+  import Collapse from "@/components/Collapse.svelte"

-  getCollection("hardware")
-    .then((collection) => {
-      console.log(collection)
-    })
+  export let hardware: any[] = []

-  // TODO fetch selected hardware from content collection
-  let selectedHardware: string = "CPU"
+  const hardwareOptions = hardware.map((item) => ({
+    key: item.id,
+    value: item.data.title
+  }))
+
+  let selectedHardwareKey: string = hardware[0].id
+  $: selectedHardware = hardware.find((item) => item.id === selectedHardwareKey)!

  function onChange({ detail }: CustomEvent<string>) {
-    console.log(detail)
-    selectedHardware = detail
+    selectedHardwareKey = detail
  }

-  // TODO show the selected hardware
 </script>
+<div class="px-2 max-w-[750px] sm:min-w-[750px] w-screen">
+  <h1 class="text-center">{m.hardware()}</h1>
  <div>
-  <h2>{selectedHardware}</h2>
-  <Select options={["CPU", "GPU", "RAM"]} on:change={onChange} />
+    <Select options={hardwareOptions} on:change={onChange} class="mx-auto w-max" />
+  </div>
+  <br />
+
+  <Collapse title={m.hardware()}>
+    <ul>
+      {#each selectedHardware.data.hardware as item}
+        <li class="list-disc ml-5">{item}</li>
+      {/each}
+    </ul>
+  </Collapse>
+  {#if (selectedHardware.data.accessories)}
+    <Collapse title={m.accessories()}>
+      <ul>
+        {#each selectedHardware.data.accessories as item}
+          <li class="list-disc ml-5">{item}</li>
+        {/each}
+      </ul>
+    </Collapse>
+  {/if}
 </div>
--- a/src/components/Select.svelte
+++ b/src/components/Select.svelte
@ -1,15 +1,22 @@
 <script lang="ts">
  import { createEventDispatcher } from "svelte"

-  export let options: string[] = []
+  // TODO move to types?
+  interface Option {
+    key: string
+    value: string
+  }
+
+  export let options: Option[] = []
+  // TODO bind data instead of dispatching events
  const dispatch = createEventDispatcher<{ change: string }>()
 </script>

 <select
-  class="select select-bordered w-full max-w-xs"
+  class="select select-bordered w-full max-w-xs ${$$restProps.class}"
  on:change={(value) => dispatch("change", value.currentTarget.value)}
 >
-  {#each options as option}
-    <option value={option}>{option}</option>
+  {#each options as { key, value }}
+    <option value={key}>{value}</option>
  {/each}
 </select>
--- a/src/components/icons/Gitea.astro
+++ b/src/components/icons/Gitea.astro
@ -0,0 +1,10 @@
+---
+import PajamasIcon from "./PajamasIcon.astro"
+interface Props {
+  class?: string
+}
+
+const { class: clazz } = Astro.props
+---
+
+<PajamasIcon name="pajamas:gitea" class={clazz}></PajamasIcon>
--- a/src/components/icons/PajamasIcon.astro
+++ b/src/components/icons/PajamasIcon.astro
@ -0,0 +1,12 @@
+---
+import type { PajamasIcon } from "@/types/icons"
+import type { ComponentProps } from "@/types/props"
+import { Icon } from "astro-icon/components"
+interface Props extends ComponentProps {
+  name: PajamasIcon
+}
+
+const { name, class: clazz, ...props } = Astro.props
+---
+
+<Icon name={name} class:list={[clazz]} {...props} />
--- a/src/components/links/ExternalLink.astro
+++ b/src/components/links/ExternalLink.astro
@ -1,12 +1,12 @@
 ---
-interface Props {
-  href: string
-  class?: string
+import type { LinkProps } from "@/types/props"
+interface Props extends LinkProps {
+  noStyle?: boolean
 }

-const { href, class: clazz } = Astro.props
+const { href, noStyle = false, class: clazz, ...props } = Astro.props
 ---

-<a href={href} target="_blank" rel="noopener" class:list={["link", clazz]}>
+<a href={href} target="_blank" rel="noopener" class:list={[noStyle ? "" : "link", clazz]} {...props}>
  <slot />
 </a>
--- a/src/components/links/GiteaLink.astro
+++ b/src/components/links/GiteaLink.astro
@ -1,7 +1,7 @@
 ---
 import ExternalLink from "./ExternalLink.astro"
-import * as m from "../../paraglide/messages"
-import Gitea from "../../icons/Gitea.astro"
+import * as m from "@/paraglide/messages"
+import Gitea from "../icons/Gitea.astro"
 interface Props {
  href: string
 }
--- a/src/components/myLinks/LinkCard.astro
+++ b/src/components/myLinks/LinkCard.astro
@ -0,0 +1,23 @@
+---
+import ExternalLink from "../links/ExternalLink.astro"
+import PajamasIcon from "../icons/PajamasIcon.astro"
+import type { MyLink } from "./myLinks"
+
+interface Props extends MyLink {
+  class?: string
+}
+
+const { title, message, url, icon, class: clazz } = Astro.props
+---
+
+<ExternalLink href={url} noStyle>
+  <div class:list={["card bg-neutral", clazz]}>
+    <div class="card-body p-5 flex flex-row items-center">
+      <PajamasIcon name={icon ?? "pajamas:link"} class="w-6 h-6" />
+      <div>
+        <h5 class="card-title">{title}</h5>
+        <p class="prose">{message}</p>
+      </div>
+    </div>
+  </div>
+</ExternalLink>
--- a/src/components/myLinks/LinksPage.astro
+++ b/src/components/myLinks/LinksPage.astro
@ -0,0 +1,15 @@
+---
+import links from "./myLinks"
+import LinkCard from "./LinkCard.astro"
+import "@/styles/global.css"
+import * as m from "@/paraglide/messages"
+---
+
+<h1 class="text-center">{m.myLinks()}</h1>
+<div class="flex flex-col mx-auto w-fit gap-5">
+  {
+    links.map((link) => (
+      <LinkCard {...link} class="max-w-[500px] sm:min-w-96" />
+    ))
+  }
+</div>
--- a/src/components/myLinks/myLinks.ts
+++ b/src/components/myLinks/myLinks.ts
@ -0,0 +1,47 @@
+import type { PajamasIcon } from "@/types/icons.ts"
+import * as m from "@/paraglide/messages"
+
+const gitUrl = import.meta.env.GIT_URL
+
+export interface MyLink {
+  title: string;
+  url: string;
+  message?: string;
+  icon?: PajamasIcon
+}
+
+export default [
+  {
+    title: "GitHub",
+    url: "https://github.com/emberal",
+    icon: "pajamas:github"
+  },
+  {
+    title: "Gitea",
+    url: `${gitUrl}/martials`,
+    message: m.forPersonalProjects(),
+    icon: "pajamas:gitea"
+  },
+  {
+    title: "LinkedIn",
+    url: "https://www.linkedin.com/in/martin-b-2a69391a3/",
+    icon: "pajamas:linkedin"
+  },
+  {
+    title: "Mastodon (Snabelen)",
+    url: "https://snabelen.no/@Martials",
+    icon: "pajamas:mastodon"
+  },
+  {
+    title: "Pixelfed",
+    url: "https://pixelfed.social/i/web/profile/261454857934868480"
+  },
+  {
+    title: "Steam",
+    url: "https://steamcommunity.com/id/martials/"
+  },
+  {
+    title: "Trakt.tv",
+    url: "https://trakt.tv/users/martials"
+  }
+] satisfies MyLink[]
--- a/src/components/projects/MyProjectsPage.astro
+++ b/src/components/projects/MyProjectsPage.astro
@ -0,0 +1,33 @@
+---
+import ProjectCard from "./ProjectCard.astro"
+import * as m from "@/paraglide/messages"
+
+interface Props {
+  projects: any[] // TODO Type this
+}
+
+const { projects } = Astro.props
+---
+
+<h1 class="text-4xl font-bold text-center sm:my-10 mt-2">{m.myProjects()}</h1>
+<div class="flex flex-wrap justify-around">
+  {
+    projects.map(
+      ({
+         data: { title, description, tags, heroImage, heroImageAlt },
+         slug
+       }) => (
+        <div class="my-5 px-2">
+          <ProjectCard
+            title={title}
+            linkTo={`/project/${slug}`}
+            description={description}
+            tags={tags}
+            image={heroImage}
+            imageAlt={heroImageAlt}
+          />
+        </div>
+      )
+    )
+  }
+</div>
--- a/src/components/projects/ProjectCard.astro
+++ b/src/components/projects/ProjectCard.astro
@ -1,7 +1,7 @@
 ---
 import { Image } from "astro:assets"
 import { type ImageMetadata } from "astro"
-import BadgeList from "./badge/BadgeList.astro"
+import BadgeList from "../badge/BadgeList.astro"

 interface Props {
  title: string
@ -17,7 +17,7 @@ const { title, description, tags, image, imageAlt, linkTo } = Astro.props

 <a
  href={linkTo}
-  class="card bg-base-100 w-96 shadow-xl hover:scale-105 transition"
+  class="card bg-base-100 max-w-96 shadow-xl hover:scale-105 transition"
 >
  <figure>
    <Image src={image} alt={imageAlt} />
--- a/src/components/projects/ProjectPage.astro
+++ b/src/components/projects/ProjectPage.astro
@ -1,14 +1,12 @@
 ---
-import Layout from "../layouts/Layout.astro"
+import Layout from "@/layouts/Layout.astro"
 import { Image } from "astro:assets"
 import { getEntry } from "astro:content"
-import BadgeList from "./badge/BadgeList.astro"
-import ExternalLink from "./links/ExternalLink.astro"
-import * as m from "../paraglide/messages"
-import { languageTag } from "../paraglide/runtime"
-import Gitea from "../icons/Gitea.astro"
-import "../styles/global.css"
-import GiteaLink from "./links/GiteaLink.astro"
+import BadgeList from "../badge/BadgeList.astro"
+import * as m from "@/paraglide/messages"
+import { languageTag } from "@/paraglide/runtime"
+import GiteaLink from "../links/GiteaLink.astro"
+import "@/styles/global.css"

 interface Props {
  project: string // TODO typeof project slug
@ -26,7 +24,7 @@ const {
  heroImageAlt,
  source,
  createdAt,
-  updatedAt,
+  updatedAt
 } = entry!.data
 ---

--- a/src/content/config.ts
+++ b/src/content/config.ts
@ -18,6 +18,7 @@ const projectCollection = defineCollection({
 const hardwareCollection = defineCollection({
  type: "data",
  schema: z.object({
+    title: z.string(),
    accessories: z.optional(z.array(z.string())),
    hardware: z.array(z.string())
  })
--- a/src/content/hardware/desktop.yaml
+++ b/src/content/hardware/desktop.yaml
@ -1,4 +1,23 @@
+title: Desktop
 accessories:
-  - a # Screens, keyboards, mice, etc.
+  - Gaming chair | Arozzi Mezzo V2 Gaming chair Fabric Black/Red # https://www.komplett.no/product/1079732?noredirect=true
+  - Headset | Logitech PRO X LIGHTSPEED Wireless Gaming Headset # https://www.komplett.no/product/1162749?noredirect=true
+  - Keyboard | Logitech G710
+  - Monitor 1 | AOC 27" LED FreeSync G2790PX # https://www.komplett.no/product/975642?noredirect=true
+  - Monitor 2 | Asus 28" 4K LED PB287Q # https://www.komplett.no/product/815114?noredirect=true
+  - Mouse | Logitech G502 HERO Gaming Mouse
+  - Mousepad | Svive Styx ESGR Gaming Mousepad XXL # https://www.komplett.no/product/985884?noredirect=true
+  - Speakers | Creative T6 Series II # https://www.komplett.no/product/808450?noredirect=true
 hardware:
-  - b # Graphics cards, CPUs, etc.
+  - Case | Fractal Design Define R5 (Black) # https://www.fractal-design.com/products/cases/define/define-r5/black/
+  - CPU | Intel Core i5-10600K CPU # https://www.komplett.no/product/1155669?noredirect=true
+  - CPU cooler | Noctua ...
+  - Fans | 4x Fractal Design R3 140mm Silent fan # https://www.komplett.no/product/836971?noredirect=true
+  - GPU | Palit GeForce RTX 2070 SUPER JetStream # https://www.komplett.no/product/1134511?noredirect=true
+  - HDD | Seagate Barracuda 3TB 3.5" # https://www.komplett.no/product/653074?noredirect=true
+  - Motherboard | Gigabyte H470 HD3 # https://www.komplett.no/product/1161192?noredirect=true
+  - Network card | TP-Link Archer TX3000E # https://www.komplett.no/product/1146481?noredirect=true
+  - Ram | 2x Corsair Vengeance LPX DDR4 3200MHz 16GB (black) # https://www.komplett.no/product/893831?noredirect=true
+  - SSD | Samsung 960 PRO 512GB M.2 PCIe SSD # https://www.komplett.no/product/903118?noredirect=true
+  - SSD | Corsair Force Series MP510 960GB M.2 NVMe SSD 960GB # https://www.komplett.no/product/1153863?noredirect=true
+  - PSU | Corsair CX750M, 750W PSU # https://www.komplett.no/product/773377?noredirect=true
--- a/src/content/hardware/homeServer.yaml
+++ b/src/content/hardware/homeServer.yaml
@ -1,2 +1,3 @@
+title: Home Server
 hardware:
  - b # Graphics cards, CPUs, etc.
--- a/src/content/hardware/raspberryPi.yaml
+++ b/src/content/hardware/raspberryPi.yaml
@ -1,3 +1,4 @@
+title: Raspberry Pi 4
 accessories:
  - a # Screens, keyboards, mice, etc.
 hardware:
--- a/src/env.d.ts
+++ b/src/env.d.ts
@ -4,6 +4,7 @@
 interface ImportMetaEnv {
  readonly URL: string
  readonly GIT_URL: string
+  readonly STATUS_URL: string
 }

 interface ImportMeta {
--- a/src/icons/ExternalLink.astro
+++ b/src/icons/ExternalLink.astro
@ -1,18 +0,0 @@
---
-// By GitLab SVGs
-const props = Astro.props
---
-
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="1em"
-  height="1em"
-  viewBox="0 0 16 16"
-  {...props}
->
-  <path
-    fill="currentColor"
-    fill-rule="evenodd"
-    d="M10.75 1a.75.75 0 0 0 0 1.5h1.69L8.22 6.72a.75.75 0 0 0 1.06 1.06l4.22-4.22v1.69a.75.75 0 0 0 1.5 0V1zM2.5 4v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V8.75a.75.75 0 0 1 1.5 0V13a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h4.25a.75.75 0 0 1 0 1.5H3a.5.5 0 0 0-.5.5"
-    clip-rule="evenodd"></path>
-</svg>
--- a/src/icons/GitHub.astro
+++ b/src/icons/GitHub.astro
@ -1,18 +0,0 @@
---
-// By GitLab SVGs
-const props = Astro.props
---
-
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="1em"
-  height="1em"
-  viewBox="0 0 16 16"
-  {...props}
->
-  <path
-    fill="currentColor"
-    fill-rule="evenodd"
-    d="M7.976 0A7.977 7.977 0 0 0 0 7.976c0 3.522 2.3 6.507 5.431 7.584c.392.049.538-.196.538-.392v-1.37c-2.201.49-2.69-1.076-2.69-1.076c-.343-.93-.881-1.175-.881-1.175c-.734-.489.048-.489.048-.489c.783.049 1.224.832 1.224.832c.734 1.223 1.859.88 2.3.685c.048-.538.293-.88.489-1.076c-1.762-.196-3.621-.881-3.621-3.964c0-.88.293-1.566.832-2.153c-.05-.147-.343-.978.098-2.055c0 0 .685-.196 2.201.832c.636-.196 1.322-.245 2.007-.245s1.37.098 2.006.245c1.517-1.027 2.202-.832 2.202-.832c.44 1.077.146 1.908.097 2.104a3.16 3.16 0 0 1 .832 2.153c0 3.083-1.86 3.719-3.62 3.915c.293.244.538.733.538 1.467v2.202c0 .196.146.44.538.392A7.98 7.98 0 0 0 16 7.976C15.951 3.572 12.38 0 7.976 0"
-    clip-rule="evenodd"></path>
-</svg>
--- a/src/icons/Gitea.astro
+++ b/src/icons/Gitea.astro
@ -1,18 +0,0 @@
---
-// By GitLab SVGs
-const props = Astro.props
---
-
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="1em"
-  height="1em"
-  viewBox="0 0 16 16"
-  {...props}
->
-  <path
-    fill="currentColor"
-    fill-rule="evenodd"
-    d="M15.46 3.206s.14-.003.245.102l.01.01c.064.06.258.244.285 1.074c0 2.902-1.405 5.882-1.405 5.882a9 9 0 0 1-.359.713c-.458.802-.786 1.153-.786 1.153s-.318.379-.675.595c-.415.265-.72.263-.72.263L7.247 13c-.636-.079-1.29-.736-1.927-1.578c-.47-.677-.779-1.413-.779-1.413s-2.51.034-3.675-1.394C.235 7.895.103 7.067.06 6.769q0-.012-.004-.029c-.05-.324-.285-1.873.821-2.86c.517-.496 1.148-.638 1.37-.684c.371-.081.667-.06.903-.044l.09.006c.391.035 3.99.216 3.99.216s1.532.066 2.27.056c0 0 .003 1.853.003 2.78q.105.048.211.1l.212.1V3.427q.494-.005.996-.017h.011c1.545-.036 4.528-.204 4.528-.204ZM2.113 8.026s.28.26.94.477c.43.152 1.094.231 1.094.231S3.699 7.5 3.516 6.757c-.22-.886-.4-2.398-.4-2.398s-.438-.015-.789.079c-.766.19-.98.763-.98.763s-.384.688.036 1.813c.244.672.73 1.013.73 1.013Zm8.084 3.607c.344-.023.499-.392.499-.392s1.24-2.486 1.4-2.878a.7.7 0 0 0 .046-.438c-.07-.267-.39-.412-.39-.412l-1.926-.935l-.165.339l-.18.369a.46.46 0 0 1 .128.341s.433.186.743.387c0 0 .257.135.32.425c.075.273-.04.488-.066.539l-.002.003s-.216.51-.343.774l-.004.007q-.07.144-.139.28a.454.454 0 1 1-.32-.15s.41-.84.468-1.033c0 0 .096-.24.048-.38a.47.47 0 0 0-.19-.188a6 6 0 0 0-.678-.34s-.076.068-.18.09a.5.5 0 0 1-.158.014l-.611 1.25a.46.46 0 0 1 .046.587a.46.46 0 0 1-.578.138a.46.46 0 0 1-.232-.51a.46.46 0 0 1 .44-.35L8.8 7.886a.457.457 0 0 1 .361-.744l.185-.375l.167-.341l-.579-.281s-.251-.125-.458-.072a.6.6 0 0 0-.114.039c-.189.084-.31.33-.31.33L6.668 9.293s-.124.254-.068.46c.048.252.325.397.325.397l2.874 1.4l.135.054s.114.04.262.03Z"
-    clip-rule="evenodd"></path>
-</svg>
--- a/src/icons/Hamburger.astro
+++ b/src/icons/Hamburger.astro
@ -1,18 +0,0 @@
---
-// By GitLab SVGs
-const props = Astro.props
---
-
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="1em"
-  height="1em"
-  viewBox="0 0 16 16"
-  {...props}
->
-  <path
-    fill="currentColor"
-    fill-rule="evenodd"
-    d="M0 3.75A.75.75 0 0 1 .75 3h14.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 3.75M0 8a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 8m.75 3.5a.75.75 0 0 0 0 1.5h14.5a.75.75 0 0 0 0-1.5z"
-    clip-rule="evenodd"></path>
-</svg>
--- a/src/icons/LinkedIn.astro
+++ b/src/icons/LinkedIn.astro
@ -1,18 +0,0 @@
---
-// By GitLab SVGs
-const props = Astro.props
---
-
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="1em"
-  height="1em"
-  viewBox="0 0 16 16"
-  {...props}
->
-  <path
-    fill="currentColor"
-    fill-rule="evenodd"
-    d="M3 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm1.102 4.297a1.195 1.195 0 1 0 0-2.39a1.195 1.195 0 0 0 0 2.39m1 7.516V6.234h-2v6.579zM6.43 6.234h2v.881c.295-.462.943-1.084 2.148-1.084c1.438 0 2.219.953 2.219 2.766c0 .087.008.484.008.484v3.531h-2v-3.53c0-.485-.102-1.438-1.18-1.438c-1.079 0-1.17 1.198-1.195 1.982v2.986h-2z"
-    clip-rule="evenodd"></path>
-</svg>
--- a/src/icons/Mastodon.astro
+++ b/src/icons/Mastodon.astro
@ -1,17 +0,0 @@
---
-// By GitLab SVGs
-const props = Astro.props
---
-
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width="1em"
-  height="1em"
-  viewBox="0 0 16 16"
-  {...props}
->
-  <path
-    fill="currentColor"
-    d="M15.498 3.706C15.264 1.986 13.749.632 11.954.37C11.65.325 10.503.164 7.844.164h-.02c-2.66 0-3.23.161-3.533.206C2.546.625.951 1.842.565 3.582C.379 4.438.359 5.388.393 6.259C.443 7.51.453 8.756.567 10q.12 1.242.414 2.454c.368 1.49 1.856 2.731 3.314 3.237a9 9 0 0 0 4.848.253q.265-.06.525-.141c.39-.123.849-.26 1.186-.502l.01-.013l.005-.016v-1.206l-.004-.015a.04.04 0 0 0-.024-.02h-.016c-1.03.244-2.087.366-3.146.364c-1.824 0-2.314-.856-2.455-1.212a3.7 3.7 0 0 1-.213-.955a.035.035 0 0 1 .028-.036h.016a13.3 13.3 0 0 0 3.095.364q.375.002.751-.007c1.049-.03 2.154-.082 3.186-.281l.073-.016c1.627-.31 3.176-1.28 3.333-3.736c.006-.097.02-1.013.02-1.113c.002-.342.112-2.42-.015-3.697m-2.505 6.13h-1.71V5.69c0-.873-.368-1.318-1.116-1.318c-.822 0-1.234.526-1.234 1.566v2.27h-1.7v-2.27c0-1.04-.413-1.566-1.235-1.566c-.744 0-1.115.445-1.116 1.318v4.145h-1.71v-4.27q0-1.31.677-2.08c.464-.513 1.074-.776 1.83-.776q1.316 0 1.979.999l.426.706l.426-.706c.441-.666 1.103-.999 1.977-.999c.756 0 1.366.263 1.832.776q.675.77.676 2.08z"
-  ></path>
-</svg>
--- a/src/images/me.jpg
+++ b/src/images/me.jpg
--- a/src/images/polite-cat.jpg
+++ b/src/images/polite-cat.jpg
--- a/src/pages/en/hardware.astro
+++ b/src/pages/en/hardware.astro
@ -1,7 +1,7 @@
 ---
-import Layout from "../../layouts/Layout.astro"
-import HardwarePage from "../../components/HardwarePage.svelte"
-import "../../styles/global.css"
+import Layout from "@/layouts/Layout.astro"
+import HardwarePage from "@/components/HardwarePage.svelte"
+import "@/styles/global.css"
 ---

 <Layout title="Hardware" class="mx-auto max-w-[750px]">
--- a/src/pages/en/links.astro
+++ b/src/pages/en/links.astro
@ -1,3 +1,7 @@
 ---
-
+import Layout from "@/layouts/Layout.astro"
+import LinksPage from "@/components/myLinks/LinksPage.astro"
 ---
+<Layout title="My links">
+  <LinksPage />
+</Layout>
--- a/src/pages/en/project/[project].astro
+++ b/src/pages/en/project/[project].astro
@ -1,11 +1,11 @@
 ---
-import ProjectPage from "../../../components/ProjectPage.astro"
+import ProjectPage from "../../../components/projects/ProjectPage.astro"
 import { type GetStaticPathsResult } from "astro"

 export function getStaticPaths(): GetStaticPathsResult {
  return [
    { params: { project: "hotelservice" } },
-    { params: { project: "homepage" } },
+    { params: { project: "homepage" } }
  ]
 }

--- a/src/pages/en/project/index.astro
+++ b/src/pages/en/project/index.astro
@ -1,5 +1,11 @@
 ---
+import { getCollection } from "astro:content"
+import Layout from "@/layouts/Layout.astro"
+import MyProjectsPage from "@/components/projects/MyProjectsPage.astro"
+
+const projects = await getCollection("projects")
+---

---
-
-<p>These are all my projects</p>
+<Layout title="Projects">
+  <MyProjectsPage projects={projects} />
+</Layout>
--- a/src/pages/hardware.astro
+++ b/src/pages/hardware.astro
@ -1,10 +1,12 @@
 ---
-import Layout from "../layouts/Layout.astro"
-import HardwarePage from "../components/HardwarePage.svelte"
-import "../styles/global.css"
+import Layout from "@/layouts/Layout.astro"
+import HardwarePage from "@/components/HardwarePage.svelte"
+import "@/styles/global.css"
+import { getCollection } from "astro:content"
+
+const hardware = await getCollection("hardware")
 ---

 <Layout title="Hardware" class="mx-auto max-w-[750px]">
-  <h1 class="text-center">Hardware</h1>
-  <HardwarePage client:load />
+  <HardwarePage client:load hardware={hardware} />
 </Layout>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@ -1,21 +1,8 @@
 ---
 import Layout from "../layouts/Layout.astro"
-import OnePager from "../components/Greeting.astro"
+import Greeting from "../components/Greeting.astro"
 ---

-<!--
-One-pager
- Quick overview of me.
- Image
- Contact
-  - Email
-  - LinkedIn
-  - GitHub
- Education
- Experience
- Skills
- Certifications
-->
 <Layout title="Velkommen">
-  <OnePager />
+  <Greeting />
 </Layout>
--- a/src/pages/links.astro
+++ b/src/pages/links.astro
@ -1,3 +1,7 @@
 ---
-
+import Layout from "@/layouts/Layout.astro"
+import LinksPage from "@/components/myLinks/LinksPage.astro"
 ---
+<Layout title="Mine lenker">
+  <LinksPage />
+</Layout>
--- a/src/pages/project/[project].astro
+++ b/src/pages/project/[project].astro
@ -1,11 +1,11 @@
 ---
-import ProjectPage from "../../components/ProjectPage.astro"
+import ProjectPage from "../../components/projects/ProjectPage.astro"
 import { type GetStaticPathsResult } from "astro"

 export function getStaticPaths(): GetStaticPathsResult {
  return [
    { params: { project: "hotelservice" } },
-    { params: { project: "homepage" } },
+    { params: { project: "homepage" } }
  ]
 }

--- a/src/pages/project/index.astro
+++ b/src/pages/project/index.astro
@ -1,32 +1,11 @@
 ---
 import { getCollection } from "astro:content"
-import ProjectCard from "../../components/ProjectCard.astro"
-import Layout from "../../layouts/Layout.astro"
+import Layout from "@/layouts/Layout.astro"
+import MyProjectsPage from "@/components/projects/MyProjectsPage.astro"

 const projects = await getCollection("projects")
 ---

-<Layout title="Projects">
-  <h1 class="text-4xl font-bold text-center my-10">Projects</h1>
-  <div class="flex flex-wrap justify-around">
-    {
-      projects.map(
-        ({
-          data: { title, description, tags, heroImage, heroImageAlt },
-          slug,
-        }) => (
-          <div class="my-5">
-            <ProjectCard
-              title={title}
-              linkTo={`/project/${slug}`}
-              description={description}
-              tags={tags}
-              image={heroImage}
-              imageAlt={heroImageAlt}
-            />
-          </div>
-        ),
-      )
-    }
-  </div>
+<Layout title="Prosjekter">
+  <MyProjectsPage projects={projects} />
 </Layout>
--- a/src/styles/global.css
+++ b/src/styles/global.css
@ -9,7 +9,15 @@
 }

@layer base {
+    br {
+        @apply my-4;
+    }
+
    h1 {
        @apply text-4xl font-bold mb-2;
    }
+
+    h2 {
+        @apply text-3xl font-bold mb-2;
+    }
 }
--- a/src/types/icons.ts
+++ b/src/types/icons.ts
@ -0,0 +1,3 @@
+export type Icon = "gitea" | "github" | "mastodon" | "linkedin" | "link" | "status-health"
+
+export type PajamasIcon = `pajamas:${Icon}`
--- a/src/types/props.ts
+++ b/src/types/props.ts
@ -0,0 +1,8 @@
+export interface ComponentProps {
+  class?: string;
+  title?: string;
+}
+
+export interface LinkProps extends ComponentProps {
+  href: string;
+}
--- a/tsconfig.json
+++ b/tsconfig.json
@ -1,11 +1,18 @@
 {
  "extends": "astro/tsconfigs/strict",
-  "include": ["src/**/*.ts", "src/**/*.astro", "src/**/*.svelte"],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.astro",
+    "src/**/*.svelte"
+  ],
  "compilerOptions": {
    "strictNullChecks": true,
    "allowJs": true,
+    "baseUrl": ".",
    "paths": {
-      "@/*": ["./src/*"]
+      "@/*": [
+        "./src/*"
+      ]
    }
  }
 }
Author	SHA1	Message	Date
Martin Berg Alstad	8ba480eab1	Hardware page with more content. Some checks failed Build and deploy website / build (push) Failing after 1m37s Details Build and deploy website / deploy (push) Failing after 1s Details Collapse component Signed-off-by: Martin Berg Alstad <git@martials.no>	2024-10-06 14:43:06 +02:00
Martin Berg Alstad	beefabb908	Links page. Icons using npm package instead of svgs. Props and types. Signed-off-by: Martin Berg Alstad <git@martials.no>	2024-10-06 13:27:18 +02:00
Martin Berg Alstad	ebd59fe40e	Fix @ alias. Fix margins on mobile for projects. Moved html code to common component for projects Updated image of me to a far superior one. Signed-off-by: Martin Berg Alstad <git@martials.no>	2024-10-06 11:43:50 +02:00
Martin Berg Alstad	5e32cfc551	Wrap on mobile landing page Signed-off-by: Martin Berg Alstad <git@martials.no>	2024-10-06 11:18:59 +02:00