feat: add projects page and rework home page

2026-07-09 16:24:51 +02:00
parent 8aa5aca650
commit 834d7ed00f
32 changed files with 720 additions and 77 deletions
@@ -0,0 +1,23 @@
+<template>
+  <UPageCard class="w-md bg-background-100">
+    <div class="text-2xl font-title">{{ project.name }}</div>
+    <p>
+      {{ project.description }}
+    </p>
+    <div class="flex flex-row flex-wrap gap-2 items-baseline">
+      <UiProjectLink v-for="link in project.links" :key="link.url" :link="link" />
+    </div>
+    <div class="flex flex-row gap-4 items-baseline">
+      <div>Tools</div>
+      <UiBadgeList :tools="project.tools" />
+    </div>
+  </UPageCard>
+</template>
+
+<script lang="ts" setup>
+import type { Project } from '~/types/project';
+
+const { project } = defineProps<{
+  project: Project;
+}>();
+</script>