Move into app/

2025-10-07 13:52:57 +07:00
parent 6dd7d33661
commit 36f5508d48
95 changed files with 28 additions and 19 deletions
@@ -0,0 +1,47 @@
+<template>
+    <main>
+        <article class="article">
+            <section class="web-section" aria-labelledby="hero" aria-describedby="hero-desc">
+                <h1 id="hero" class="font-hero">Portal</h1>
+                <p id="hero-desc" class="font-hero-desc">Take a portal to travel to various dimensions.</p>
+            </section>
+            <section class="web-section" aria-labelledby="projects" aria-describedby="projects-paragraph-1">
+                <ul class="font-card-container">
+                    <li>
+                        <a :class="'font-card'" :href="baseUrl + '/portal/f/'">
+                            <div class="font-card-content">
+                                <h3>Files</h3>
+                                <p>A portal that collects this website data, whether it's mine or not.</p>
+                            </div>
+                        </a>
+                    </li>
+                    <li>
+                        <a :class="'font-card'" :href="baseUrl + '/portal/s/'">
+                            <div class="font-card-content">
+                                <h3>Share</h3>
+                                <p>A portal that were created by me to share media, It works like Google Drive public share.</p>
+                            </div>
+                        </a>
+                    </li>
+                </ul>
+            </section>
+        </article>
+    </main>
+</template>
+
+<script setup>
+const config = useRuntimeConfig();
+const TITLE = "Portal"
+const DESC = "Choose your way wisely."
+const baseUrl = config.public.baseUrl
+
+useHead({
+  title: TITLE,
+  meta: [
+    { name: 'description', content: DESC },
+    { property: 'og:title', content: TITLE },
+    { property: 'og:description', content: DESC },
+    { property: 'og:type', content: 'website' }
+  ]
+})
+</script>