add project page

2025-10-14 13:37:02 +07:00
parent 6ddbb80335
commit 6c5118d757
4 changed files with 166 additions and 0 deletions
@@ -0,0 +1,32 @@
+<template>
+    <main>
+        <article class="article">
+            <section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
+                <h1 id="hero" class="font-hero">{{ TITLE }}</h1>
+                <p id="hero-desc" class="font-hero-desc">{{ DESC }}</p>
+            </section>
+            <section class="web-section" aria-labelledby="latest-projects">
+                <h2 class="web-title" id="latest-posts">All Projects</h2>
+                <ProjectsArticleList/>
+            </section>
+        </article>
+    </main>
+</template>
+
+<script setup>
+const config = useRuntimeConfig();
+const TITLE = "Projects"
+const DESC = "My projects I spent my time on instead of playing games, this includes non-programming stuff too."
+
+useSeoMeta({
+  title: TITLE,
+  description: DESC,
+  ogTitle: TITLE + ' / ' + config.public.siteName,
+  ogDescription: DESC,
+  ogSiteName: config.public.siteName,
+  twitterCard: 'summary_large_image',
+  twitterTitle: TITLE + ' / ' + config.public.siteName,
+  twitterDescription: DESC,
+  twitterSite: config.public.twitterUsername
+})
+</script>