From 36f5508d486eeb3f592e6364c4e97d89c61509bd Mon Sep 17 00:00:00 2001
From: Techit Thawiang <techit@thawia.ng>
Date: Tue, 7 Oct 2025 13:52:57 +0700
Subject: [PATCH] Move into app/

---
 {assets => app/assets}/css/main.css           | 25 +++++++++++--------
 {assets => app/assets}/icons/arpsh/3d.svg     |  0
 .../assets}/icons/arpsh/arrow-right.svg       |  0
 .../assets}/icons/arpsh/attribution.svg       |  0
 {assets => app/assets}/icons/arpsh/book.svg   |  0
 .../assets}/icons/arpsh/bookmark.svg          |  0
 .../assets}/icons/arpsh/briefcase.svg         |  0
 .../assets}/icons/arpsh/calendar.svg          |  0
 {assets => app/assets}/icons/arpsh/camera.svg |  0
 {assets => app/assets}/icons/arpsh/check.svg  |  0
 .../assets}/icons/arpsh/chevron-down.svg      |  0
 .../assets}/icons/arpsh/chevron-left.svg      |  0
 .../assets}/icons/arpsh/chevron-up.svg        |  0
 {assets => app/assets}/icons/arpsh/code.svg   |  0
 .../assets}/icons/arpsh/copyright.svg         |  0
 .../assets}/icons/arpsh/download.svg          |  0
 {assets => app/assets}/icons/arpsh/folder.svg |  0
 {assets => app/assets}/icons/arpsh/globe.svg  |  0
 {assets => app/assets}/icons/arpsh/hash.svg   |  0
 {assets => app/assets}/icons/arpsh/house.svg  |  0
 {assets => app/assets}/icons/arpsh/info.svg   |  0
 .../assets}/icons/arpsh/landscape.svg         |  0
 .../assets}/icons/arpsh/layout-grid.svg       |  0
 {assets => app/assets}/icons/arpsh/menu.svg   |  0
 .../assets}/icons/arpsh/monitor.svg           |  0
 {assets => app/assets}/icons/arpsh/moon.svg   |  0
 .../assets}/icons/arpsh/newspaper.svg         |  0
 .../assets}/icons/arpsh/no-search.svg         |  0
 {assets => app/assets}/icons/arpsh/phone.svg  |  0
 {assets => app/assets}/icons/arpsh/pin.svg    |  0
 {assets => app/assets}/icons/arpsh/right.svg  |  0
 {assets => app/assets}/icons/arpsh/search.svg |  0
 {assets => app/assets}/icons/arpsh/sun.svg    |  0
 {assets => app/assets}/icons/arpsh/trash.svg  |  0
 .../assets}/icons/arpsh/triangle-alert.svg    |  0
 {assets => app/assets}/icons/arpsh/wrench.svg |  0
 {assets => app/assets}/icons/arpsh/x.svg      |  0
 .../assets}/icons/mc/enchantedbook.svg        |  0
 {assets => app/assets}/icons/mc/portal.svg    |  0
 .../assets}/icons/mc/sprite-grass.svg         |  0
 {assets => app/assets}/icons/oundr/3d.svg     |  0
 .../assets}/icons/oundr/arrow-right.svg       |  0
 .../assets}/icons/oundr/attribution.svg       |  0
 {assets => app/assets}/icons/oundr/book.svg   |  0
 .../assets}/icons/oundr/bookmark.svg          |  0
 .../assets}/icons/oundr/briefcase.svg         |  0
 .../assets}/icons/oundr/calendar.svg          |  0
 {assets => app/assets}/icons/oundr/camera.svg |  0
 {assets => app/assets}/icons/oundr/check.svg  |  0
 .../assets}/icons/oundr/chevron-down.svg      |  0
 .../assets}/icons/oundr/chevron-left.svg      |  0
 .../assets}/icons/oundr/chevron-up.svg        |  0
 {assets => app/assets}/icons/oundr/code.svg   |  0
 .../assets}/icons/oundr/copyright.svg         |  0
 .../assets}/icons/oundr/download.svg          |  0
 {assets => app/assets}/icons/oundr/folder.svg |  0
 {assets => app/assets}/icons/oundr/globe.svg  |  0
 {assets => app/assets}/icons/oundr/hash.svg   |  0
 {assets => app/assets}/icons/oundr/house.svg  |  0
 {assets => app/assets}/icons/oundr/info.svg   |  0
 .../assets}/icons/oundr/landscape.svg         |  0
 .../assets}/icons/oundr/layout-grid.svg       |  0
 {assets => app/assets}/icons/oundr/menu.svg   |  0
 .../assets}/icons/oundr/monitor.svg           |  0
 {assets => app/assets}/icons/oundr/moon.svg   |  0
 .../assets}/icons/oundr/newspaper.svg         |  0
 .../assets}/icons/oundr/no-search.svg         |  0
 {assets => app/assets}/icons/oundr/phone.svg  |  0
 {assets => app/assets}/icons/oundr/pin.svg    |  0
 {assets => app/assets}/icons/oundr/right.svg  |  0
 {assets => app/assets}/icons/oundr/search.svg |  0
 {assets => app/assets}/icons/oundr/sun.svg    |  0
 {assets => app/assets}/icons/oundr/trash.svg  |  0
 .../assets}/icons/oundr/triangle-alert.svg    |  0
 {assets => app/assets}/icons/oundr/wrench.svg |  0
 {assets => app/assets}/icons/oundr/x.svg      |  0
 {components => app/components}/post-card.vue  |  0
 .../components}/posts-article-list.vue        |  0
 {components => app/components}/web-footer.vue |  0
 {components => app/components}/web-header.vue |  0
 .../components}/web-theme-toggle.vue          |  0
 .../composables}/formatDate.ts                |  0
 .../composables}/relativeDate.ts              |  0
 .../composables}/useFontLists.ts              |  0
 {layouts => app/layouts}/default.vue          |  0
 {pages => app/pages}/collections.vue          |  0
 {pages => app/pages}/contact.vue              |  0
 {pages => app/pages}/fonts.vue                | 20 +++++++++------
 {pages => app/pages}/index.vue                |  2 +-
 {pages => app/pages}/portal.vue               |  0
 {pages => app/pages}/posts/[...slug].vue      |  0
 {pages => app/pages}/posts/index.vue          |  0
 {pages => app/pages}/terminal.vue             |  0
 {plugins => app/plugins}/header.client.ts     |  0
 {server => app/server}/tsconfig.json          |  0
 95 files changed, 28 insertions(+), 19 deletions(-)
 rename {assets => app/assets}/css/main.css (88%)
 rename {assets => app/assets}/icons/arpsh/3d.svg (100%)
 rename {assets => app/assets}/icons/arpsh/arrow-right.svg (100%)
 rename {assets => app/assets}/icons/arpsh/attribution.svg (100%)
 rename {assets => app/assets}/icons/arpsh/book.svg (100%)
 rename {assets => app/assets}/icons/arpsh/bookmark.svg (100%)
 rename {assets => app/assets}/icons/arpsh/briefcase.svg (100%)
 rename {assets => app/assets}/icons/arpsh/calendar.svg (100%)
 rename {assets => app/assets}/icons/arpsh/camera.svg (100%)
 rename {assets => app/assets}/icons/arpsh/check.svg (100%)
 rename {assets => app/assets}/icons/arpsh/chevron-down.svg (100%)
 rename {assets => app/assets}/icons/arpsh/chevron-left.svg (100%)
 rename {assets => app/assets}/icons/arpsh/chevron-up.svg (100%)
 rename {assets => app/assets}/icons/arpsh/code.svg (100%)
 rename {assets => app/assets}/icons/arpsh/copyright.svg (100%)
 rename {assets => app/assets}/icons/arpsh/download.svg (100%)
 rename {assets => app/assets}/icons/arpsh/folder.svg (100%)
 rename {assets => app/assets}/icons/arpsh/globe.svg (100%)
 rename {assets => app/assets}/icons/arpsh/hash.svg (100%)
 rename {assets => app/assets}/icons/arpsh/house.svg (100%)
 rename {assets => app/assets}/icons/arpsh/info.svg (100%)
 rename {assets => app/assets}/icons/arpsh/landscape.svg (100%)
 rename {assets => app/assets}/icons/arpsh/layout-grid.svg (100%)
 rename {assets => app/assets}/icons/arpsh/menu.svg (100%)
 rename {assets => app/assets}/icons/arpsh/monitor.svg (100%)
 rename {assets => app/assets}/icons/arpsh/moon.svg (100%)
 rename {assets => app/assets}/icons/arpsh/newspaper.svg (100%)
 rename {assets => app/assets}/icons/arpsh/no-search.svg (100%)
 rename {assets => app/assets}/icons/arpsh/phone.svg (100%)
 rename {assets => app/assets}/icons/arpsh/pin.svg (100%)
 rename {assets => app/assets}/icons/arpsh/right.svg (100%)
 rename {assets => app/assets}/icons/arpsh/search.svg (100%)
 rename {assets => app/assets}/icons/arpsh/sun.svg (100%)
 rename {assets => app/assets}/icons/arpsh/trash.svg (100%)
 rename {assets => app/assets}/icons/arpsh/triangle-alert.svg (100%)
 rename {assets => app/assets}/icons/arpsh/wrench.svg (100%)
 rename {assets => app/assets}/icons/arpsh/x.svg (100%)
 rename {assets => app/assets}/icons/mc/enchantedbook.svg (100%)
 rename {assets => app/assets}/icons/mc/portal.svg (100%)
 rename {assets => app/assets}/icons/mc/sprite-grass.svg (100%)
 rename {assets => app/assets}/icons/oundr/3d.svg (100%)
 rename {assets => app/assets}/icons/oundr/arrow-right.svg (100%)
 rename {assets => app/assets}/icons/oundr/attribution.svg (100%)
 rename {assets => app/assets}/icons/oundr/book.svg (100%)
 rename {assets => app/assets}/icons/oundr/bookmark.svg (100%)
 rename {assets => app/assets}/icons/oundr/briefcase.svg (100%)
 rename {assets => app/assets}/icons/oundr/calendar.svg (100%)
 rename {assets => app/assets}/icons/oundr/camera.svg (100%)
 rename {assets => app/assets}/icons/oundr/check.svg (100%)
 rename {assets => app/assets}/icons/oundr/chevron-down.svg (100%)
 rename {assets => app/assets}/icons/oundr/chevron-left.svg (100%)
 rename {assets => app/assets}/icons/oundr/chevron-up.svg (100%)
 rename {assets => app/assets}/icons/oundr/code.svg (100%)
 rename {assets => app/assets}/icons/oundr/copyright.svg (100%)
 rename {assets => app/assets}/icons/oundr/download.svg (100%)
 rename {assets => app/assets}/icons/oundr/folder.svg (100%)
 rename {assets => app/assets}/icons/oundr/globe.svg (100%)
 rename {assets => app/assets}/icons/oundr/hash.svg (100%)
 rename {assets => app/assets}/icons/oundr/house.svg (100%)
 rename {assets => app/assets}/icons/oundr/info.svg (100%)
 rename {assets => app/assets}/icons/oundr/landscape.svg (100%)
 rename {assets => app/assets}/icons/oundr/layout-grid.svg (100%)
 rename {assets => app/assets}/icons/oundr/menu.svg (100%)
 rename {assets => app/assets}/icons/oundr/monitor.svg (100%)
 rename {assets => app/assets}/icons/oundr/moon.svg (100%)
 rename {assets => app/assets}/icons/oundr/newspaper.svg (100%)
 rename {assets => app/assets}/icons/oundr/no-search.svg (100%)
 rename {assets => app/assets}/icons/oundr/phone.svg (100%)
 rename {assets => app/assets}/icons/oundr/pin.svg (100%)
 rename {assets => app/assets}/icons/oundr/right.svg (100%)
 rename {assets => app/assets}/icons/oundr/search.svg (100%)
 rename {assets => app/assets}/icons/oundr/sun.svg (100%)
 rename {assets => app/assets}/icons/oundr/trash.svg (100%)
 rename {assets => app/assets}/icons/oundr/triangle-alert.svg (100%)
 rename {assets => app/assets}/icons/oundr/wrench.svg (100%)
 rename {assets => app/assets}/icons/oundr/x.svg (100%)
 rename {components => app/components}/post-card.vue (100%)
 rename {components => app/components}/posts-article-list.vue (100%)
 rename {components => app/components}/web-footer.vue (100%)
 rename {components => app/components}/web-header.vue (100%)
 rename {components => app/components}/web-theme-toggle.vue (100%)
 rename {composables => app/composables}/formatDate.ts (100%)
 rename {composables => app/composables}/relativeDate.ts (100%)
 rename {composables => app/composables}/useFontLists.ts (100%)
 rename {layouts => app/layouts}/default.vue (100%)
 rename {pages => app/pages}/collections.vue (100%)
 rename {pages => app/pages}/contact.vue (100%)
 rename {pages => app/pages}/fonts.vue (78%)
 rename {pages => app/pages}/index.vue (96%)
 rename {pages => app/pages}/portal.vue (100%)
 rename {pages => app/pages}/posts/[...slug].vue (100%)
 rename {pages => app/pages}/posts/index.vue (100%)
 rename {pages => app/pages}/terminal.vue (100%)
 rename {plugins => app/plugins}/header.client.ts (100%)
 rename {server => app/server}/tsconfig.json (100%)

diff --git a/assets/css/main.css b/app/assets/css/main.css
similarity index 88%
rename from assets/css/main.css
rename to app/assets/css/main.css
index 55ca60c..54ad3b3 100644
--- a/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -67,18 +67,21 @@
     --color-mc-container-top: 90, 91, 92;
     --color-mc-container-bottom: 50, 51, 52;
 
-    --font-sans: Inter, Sarabun, sans-serif;
+    --font-sans: Geist, Sarabun, sans-serif;
     --font-sans--font-feature-settings: "liga", "calt", "ss01", "cv05", "cv06", "cv11";
-    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    --font-serif: "NotoSerif", "NotoSerifThai", Georgia, Garamond, "Times New Roman", Times, serif;
+    --font-mono: GeistMono, "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    --font-serif: NotoSerif, NotoSerifThai, Georgia, Garamond, "Times New Roman", Times, serif;
     --font-math: CMUSerif, "Cambria Math", "LatinModern Math", "STIXGeneral", math;
 
     --ease-fluid: 0.2, 0, 0, 1;
     --ease-fluid-in: .6, .2, .7, .4;
+    --ease-out-back: 0.34, 1.56, 0.64, 1;
 }
 @supports (font-variation-settings: normal) {
     :root {
-        --font-sans: InterVariable, Sarabun, sans-serif;
+        --font-sans: GeistVariable, Sarabun, sans-serif;
+        --font-mono: GeistMonoVariable, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+        --font-serif: NotoSerifVariable, NotoSerifThaiVariable, Georgia, Garamond, "Times New Roman", Times, serif;
         font-optical-sizing: auto;
     }
 }
@@ -299,7 +302,7 @@ p {
 }
 .hamburger-menu {
     transform-origin: top right;
-    @apply flex flex-col sticky h-fit left-0 top-14 w-full max-w-(--ui-container) mx-auto z-[1000] transition-all duration-200 ease-fluid;
+    @apply flex flex-col sticky h-fit left-0 top-14 w-full max-w-(--ui-container) mx-auto z-[1000] transition-all duration-200 ease-out-back;
     .nav-wrapper {
         list-style-type: none;
         display: flex;
@@ -319,10 +322,11 @@ p {
                 display: flex;
                 align-items: center;
                 width: 100%;
-                @apply px-4 h-14 shadow-lg rounded-[28px] bg-(--ui-bg)/75 backdrop-blur border border-(--ui-text)/5 cursor-pointer hover:text-primary active:scale-[.975] transition-colors transition-transform duration-100 ease-fluid;
+                @apply px-4 h-14 shadow-lg rounded-[28px] bg-(--ui-bg)/75 backdrop-blur border border-(--ui-text)/5 cursor-pointer hover:text-primary active:scale-[.975] transition-all duration-100 ease-fluid;
             }
             a.router-link-exact-active {
-                @apply text-primary;
+                @apply text-white shadow-[0px_4px_16px] shadow-primary/50 bg-primary border border-primary/10 z-10;
+                text-shadow: 0px 8px 16px var(--color-primary);
             }
             .hamburger-btn-square {
                 @apply aspect-square justify-center;
@@ -341,7 +345,7 @@ p {
     }
 }
 .hamburger-menu.hamburger-menu-hidden {
-    @apply scale-95 blur opacity-0 invisible;
+    @apply scale-90 blur opacity-0 invisible ;
 }
 .nav-links {
     @apply hidden md:flex;
@@ -360,10 +364,11 @@ p {
             a {
                 display: flex;
                 align-items: center;
-                @apply px-3 h-10 rounded-[20px] bg-(--ui-bg)/75 backdrop-blur border border-(--ui-text)/5 cursor-pointer hover:text-primary active:opacity-80 transition-colors duration-100 ease-fluid;
+                @apply px-3 h-10 rounded-[20px] bg-(--ui-bg)/60 backdrop-blur border border-(--ui-text)/5 cursor-pointer hover:text-primary active:opacity-80 transition-colors duration-100 ease-fluid;
             }
             a.router-link-exact-active {
-                @apply text-primary;
+                @apply text-white shadow-[0px_4px_16px] shadow-primary/50 bg-primary border border-primary/10 z-10;
+                text-shadow: 0px 8px 16px var(--color-primary);
             }
         }
     }
diff --git a/assets/icons/arpsh/3d.svg b/app/assets/icons/arpsh/3d.svg
similarity index 100%
rename from assets/icons/arpsh/3d.svg
rename to app/assets/icons/arpsh/3d.svg
diff --git a/assets/icons/arpsh/arrow-right.svg b/app/assets/icons/arpsh/arrow-right.svg
similarity index 100%
rename from assets/icons/arpsh/arrow-right.svg
rename to app/assets/icons/arpsh/arrow-right.svg
diff --git a/assets/icons/arpsh/attribution.svg b/app/assets/icons/arpsh/attribution.svg
similarity index 100%
rename from assets/icons/arpsh/attribution.svg
rename to app/assets/icons/arpsh/attribution.svg
diff --git a/assets/icons/arpsh/book.svg b/app/assets/icons/arpsh/book.svg
similarity index 100%
rename from assets/icons/arpsh/book.svg
rename to app/assets/icons/arpsh/book.svg
diff --git a/assets/icons/arpsh/bookmark.svg b/app/assets/icons/arpsh/bookmark.svg
similarity index 100%
rename from assets/icons/arpsh/bookmark.svg
rename to app/assets/icons/arpsh/bookmark.svg
diff --git a/assets/icons/arpsh/briefcase.svg b/app/assets/icons/arpsh/briefcase.svg
similarity index 100%
rename from assets/icons/arpsh/briefcase.svg
rename to app/assets/icons/arpsh/briefcase.svg
diff --git a/assets/icons/arpsh/calendar.svg b/app/assets/icons/arpsh/calendar.svg
similarity index 100%
rename from assets/icons/arpsh/calendar.svg
rename to app/assets/icons/arpsh/calendar.svg
diff --git a/assets/icons/arpsh/camera.svg b/app/assets/icons/arpsh/camera.svg
similarity index 100%
rename from assets/icons/arpsh/camera.svg
rename to app/assets/icons/arpsh/camera.svg
diff --git a/assets/icons/arpsh/check.svg b/app/assets/icons/arpsh/check.svg
similarity index 100%
rename from assets/icons/arpsh/check.svg
rename to app/assets/icons/arpsh/check.svg
diff --git a/assets/icons/arpsh/chevron-down.svg b/app/assets/icons/arpsh/chevron-down.svg
similarity index 100%
rename from assets/icons/arpsh/chevron-down.svg
rename to app/assets/icons/arpsh/chevron-down.svg
diff --git a/assets/icons/arpsh/chevron-left.svg b/app/assets/icons/arpsh/chevron-left.svg
similarity index 100%
rename from assets/icons/arpsh/chevron-left.svg
rename to app/assets/icons/arpsh/chevron-left.svg
diff --git a/assets/icons/arpsh/chevron-up.svg b/app/assets/icons/arpsh/chevron-up.svg
similarity index 100%
rename from assets/icons/arpsh/chevron-up.svg
rename to app/assets/icons/arpsh/chevron-up.svg
diff --git a/assets/icons/arpsh/code.svg b/app/assets/icons/arpsh/code.svg
similarity index 100%
rename from assets/icons/arpsh/code.svg
rename to app/assets/icons/arpsh/code.svg
diff --git a/assets/icons/arpsh/copyright.svg b/app/assets/icons/arpsh/copyright.svg
similarity index 100%
rename from assets/icons/arpsh/copyright.svg
rename to app/assets/icons/arpsh/copyright.svg
diff --git a/assets/icons/arpsh/download.svg b/app/assets/icons/arpsh/download.svg
similarity index 100%
rename from assets/icons/arpsh/download.svg
rename to app/assets/icons/arpsh/download.svg
diff --git a/assets/icons/arpsh/folder.svg b/app/assets/icons/arpsh/folder.svg
similarity index 100%
rename from assets/icons/arpsh/folder.svg
rename to app/assets/icons/arpsh/folder.svg
diff --git a/assets/icons/arpsh/globe.svg b/app/assets/icons/arpsh/globe.svg
similarity index 100%
rename from assets/icons/arpsh/globe.svg
rename to app/assets/icons/arpsh/globe.svg
diff --git a/assets/icons/arpsh/hash.svg b/app/assets/icons/arpsh/hash.svg
similarity index 100%
rename from assets/icons/arpsh/hash.svg
rename to app/assets/icons/arpsh/hash.svg
diff --git a/assets/icons/arpsh/house.svg b/app/assets/icons/arpsh/house.svg
similarity index 100%
rename from assets/icons/arpsh/house.svg
rename to app/assets/icons/arpsh/house.svg
diff --git a/assets/icons/arpsh/info.svg b/app/assets/icons/arpsh/info.svg
similarity index 100%
rename from assets/icons/arpsh/info.svg
rename to app/assets/icons/arpsh/info.svg
diff --git a/assets/icons/arpsh/landscape.svg b/app/assets/icons/arpsh/landscape.svg
similarity index 100%
rename from assets/icons/arpsh/landscape.svg
rename to app/assets/icons/arpsh/landscape.svg
diff --git a/assets/icons/arpsh/layout-grid.svg b/app/assets/icons/arpsh/layout-grid.svg
similarity index 100%
rename from assets/icons/arpsh/layout-grid.svg
rename to app/assets/icons/arpsh/layout-grid.svg
diff --git a/assets/icons/arpsh/menu.svg b/app/assets/icons/arpsh/menu.svg
similarity index 100%
rename from assets/icons/arpsh/menu.svg
rename to app/assets/icons/arpsh/menu.svg
diff --git a/assets/icons/arpsh/monitor.svg b/app/assets/icons/arpsh/monitor.svg
similarity index 100%
rename from assets/icons/arpsh/monitor.svg
rename to app/assets/icons/arpsh/monitor.svg
diff --git a/assets/icons/arpsh/moon.svg b/app/assets/icons/arpsh/moon.svg
similarity index 100%
rename from assets/icons/arpsh/moon.svg
rename to app/assets/icons/arpsh/moon.svg
diff --git a/assets/icons/arpsh/newspaper.svg b/app/assets/icons/arpsh/newspaper.svg
similarity index 100%
rename from assets/icons/arpsh/newspaper.svg
rename to app/assets/icons/arpsh/newspaper.svg
diff --git a/assets/icons/arpsh/no-search.svg b/app/assets/icons/arpsh/no-search.svg
similarity index 100%
rename from assets/icons/arpsh/no-search.svg
rename to app/assets/icons/arpsh/no-search.svg
diff --git a/assets/icons/arpsh/phone.svg b/app/assets/icons/arpsh/phone.svg
similarity index 100%
rename from assets/icons/arpsh/phone.svg
rename to app/assets/icons/arpsh/phone.svg
diff --git a/assets/icons/arpsh/pin.svg b/app/assets/icons/arpsh/pin.svg
similarity index 100%
rename from assets/icons/arpsh/pin.svg
rename to app/assets/icons/arpsh/pin.svg
diff --git a/assets/icons/arpsh/right.svg b/app/assets/icons/arpsh/right.svg
similarity index 100%
rename from assets/icons/arpsh/right.svg
rename to app/assets/icons/arpsh/right.svg
diff --git a/assets/icons/arpsh/search.svg b/app/assets/icons/arpsh/search.svg
similarity index 100%
rename from assets/icons/arpsh/search.svg
rename to app/assets/icons/arpsh/search.svg
diff --git a/assets/icons/arpsh/sun.svg b/app/assets/icons/arpsh/sun.svg
similarity index 100%
rename from assets/icons/arpsh/sun.svg
rename to app/assets/icons/arpsh/sun.svg
diff --git a/assets/icons/arpsh/trash.svg b/app/assets/icons/arpsh/trash.svg
similarity index 100%
rename from assets/icons/arpsh/trash.svg
rename to app/assets/icons/arpsh/trash.svg
diff --git a/assets/icons/arpsh/triangle-alert.svg b/app/assets/icons/arpsh/triangle-alert.svg
similarity index 100%
rename from assets/icons/arpsh/triangle-alert.svg
rename to app/assets/icons/arpsh/triangle-alert.svg
diff --git a/assets/icons/arpsh/wrench.svg b/app/assets/icons/arpsh/wrench.svg
similarity index 100%
rename from assets/icons/arpsh/wrench.svg
rename to app/assets/icons/arpsh/wrench.svg
diff --git a/assets/icons/arpsh/x.svg b/app/assets/icons/arpsh/x.svg
similarity index 100%
rename from assets/icons/arpsh/x.svg
rename to app/assets/icons/arpsh/x.svg
diff --git a/assets/icons/mc/enchantedbook.svg b/app/assets/icons/mc/enchantedbook.svg
similarity index 100%
rename from assets/icons/mc/enchantedbook.svg
rename to app/assets/icons/mc/enchantedbook.svg
diff --git a/assets/icons/mc/portal.svg b/app/assets/icons/mc/portal.svg
similarity index 100%
rename from assets/icons/mc/portal.svg
rename to app/assets/icons/mc/portal.svg
diff --git a/assets/icons/mc/sprite-grass.svg b/app/assets/icons/mc/sprite-grass.svg
similarity index 100%
rename from assets/icons/mc/sprite-grass.svg
rename to app/assets/icons/mc/sprite-grass.svg
diff --git a/assets/icons/oundr/3d.svg b/app/assets/icons/oundr/3d.svg
similarity index 100%
rename from assets/icons/oundr/3d.svg
rename to app/assets/icons/oundr/3d.svg
diff --git a/assets/icons/oundr/arrow-right.svg b/app/assets/icons/oundr/arrow-right.svg
similarity index 100%
rename from assets/icons/oundr/arrow-right.svg
rename to app/assets/icons/oundr/arrow-right.svg
diff --git a/assets/icons/oundr/attribution.svg b/app/assets/icons/oundr/attribution.svg
similarity index 100%
rename from assets/icons/oundr/attribution.svg
rename to app/assets/icons/oundr/attribution.svg
diff --git a/assets/icons/oundr/book.svg b/app/assets/icons/oundr/book.svg
similarity index 100%
rename from assets/icons/oundr/book.svg
rename to app/assets/icons/oundr/book.svg
diff --git a/assets/icons/oundr/bookmark.svg b/app/assets/icons/oundr/bookmark.svg
similarity index 100%
rename from assets/icons/oundr/bookmark.svg
rename to app/assets/icons/oundr/bookmark.svg
diff --git a/assets/icons/oundr/briefcase.svg b/app/assets/icons/oundr/briefcase.svg
similarity index 100%
rename from assets/icons/oundr/briefcase.svg
rename to app/assets/icons/oundr/briefcase.svg
diff --git a/assets/icons/oundr/calendar.svg b/app/assets/icons/oundr/calendar.svg
similarity index 100%
rename from assets/icons/oundr/calendar.svg
rename to app/assets/icons/oundr/calendar.svg
diff --git a/assets/icons/oundr/camera.svg b/app/assets/icons/oundr/camera.svg
similarity index 100%
rename from assets/icons/oundr/camera.svg
rename to app/assets/icons/oundr/camera.svg
diff --git a/assets/icons/oundr/check.svg b/app/assets/icons/oundr/check.svg
similarity index 100%
rename from assets/icons/oundr/check.svg
rename to app/assets/icons/oundr/check.svg
diff --git a/assets/icons/oundr/chevron-down.svg b/app/assets/icons/oundr/chevron-down.svg
similarity index 100%
rename from assets/icons/oundr/chevron-down.svg
rename to app/assets/icons/oundr/chevron-down.svg
diff --git a/assets/icons/oundr/chevron-left.svg b/app/assets/icons/oundr/chevron-left.svg
similarity index 100%
rename from assets/icons/oundr/chevron-left.svg
rename to app/assets/icons/oundr/chevron-left.svg
diff --git a/assets/icons/oundr/chevron-up.svg b/app/assets/icons/oundr/chevron-up.svg
similarity index 100%
rename from assets/icons/oundr/chevron-up.svg
rename to app/assets/icons/oundr/chevron-up.svg
diff --git a/assets/icons/oundr/code.svg b/app/assets/icons/oundr/code.svg
similarity index 100%
rename from assets/icons/oundr/code.svg
rename to app/assets/icons/oundr/code.svg
diff --git a/assets/icons/oundr/copyright.svg b/app/assets/icons/oundr/copyright.svg
similarity index 100%
rename from assets/icons/oundr/copyright.svg
rename to app/assets/icons/oundr/copyright.svg
diff --git a/assets/icons/oundr/download.svg b/app/assets/icons/oundr/download.svg
similarity index 100%
rename from assets/icons/oundr/download.svg
rename to app/assets/icons/oundr/download.svg
diff --git a/assets/icons/oundr/folder.svg b/app/assets/icons/oundr/folder.svg
similarity index 100%
rename from assets/icons/oundr/folder.svg
rename to app/assets/icons/oundr/folder.svg
diff --git a/assets/icons/oundr/globe.svg b/app/assets/icons/oundr/globe.svg
similarity index 100%
rename from assets/icons/oundr/globe.svg
rename to app/assets/icons/oundr/globe.svg
diff --git a/assets/icons/oundr/hash.svg b/app/assets/icons/oundr/hash.svg
similarity index 100%
rename from assets/icons/oundr/hash.svg
rename to app/assets/icons/oundr/hash.svg
diff --git a/assets/icons/oundr/house.svg b/app/assets/icons/oundr/house.svg
similarity index 100%
rename from assets/icons/oundr/house.svg
rename to app/assets/icons/oundr/house.svg
diff --git a/assets/icons/oundr/info.svg b/app/assets/icons/oundr/info.svg
similarity index 100%
rename from assets/icons/oundr/info.svg
rename to app/assets/icons/oundr/info.svg
diff --git a/assets/icons/oundr/landscape.svg b/app/assets/icons/oundr/landscape.svg
similarity index 100%
rename from assets/icons/oundr/landscape.svg
rename to app/assets/icons/oundr/landscape.svg
diff --git a/assets/icons/oundr/layout-grid.svg b/app/assets/icons/oundr/layout-grid.svg
similarity index 100%
rename from assets/icons/oundr/layout-grid.svg
rename to app/assets/icons/oundr/layout-grid.svg
diff --git a/assets/icons/oundr/menu.svg b/app/assets/icons/oundr/menu.svg
similarity index 100%
rename from assets/icons/oundr/menu.svg
rename to app/assets/icons/oundr/menu.svg
diff --git a/assets/icons/oundr/monitor.svg b/app/assets/icons/oundr/monitor.svg
similarity index 100%
rename from assets/icons/oundr/monitor.svg
rename to app/assets/icons/oundr/monitor.svg
diff --git a/assets/icons/oundr/moon.svg b/app/assets/icons/oundr/moon.svg
similarity index 100%
rename from assets/icons/oundr/moon.svg
rename to app/assets/icons/oundr/moon.svg
diff --git a/assets/icons/oundr/newspaper.svg b/app/assets/icons/oundr/newspaper.svg
similarity index 100%
rename from assets/icons/oundr/newspaper.svg
rename to app/assets/icons/oundr/newspaper.svg
diff --git a/assets/icons/oundr/no-search.svg b/app/assets/icons/oundr/no-search.svg
similarity index 100%
rename from assets/icons/oundr/no-search.svg
rename to app/assets/icons/oundr/no-search.svg
diff --git a/assets/icons/oundr/phone.svg b/app/assets/icons/oundr/phone.svg
similarity index 100%
rename from assets/icons/oundr/phone.svg
rename to app/assets/icons/oundr/phone.svg
diff --git a/assets/icons/oundr/pin.svg b/app/assets/icons/oundr/pin.svg
similarity index 100%
rename from assets/icons/oundr/pin.svg
rename to app/assets/icons/oundr/pin.svg
diff --git a/assets/icons/oundr/right.svg b/app/assets/icons/oundr/right.svg
similarity index 100%
rename from assets/icons/oundr/right.svg
rename to app/assets/icons/oundr/right.svg
diff --git a/assets/icons/oundr/search.svg b/app/assets/icons/oundr/search.svg
similarity index 100%
rename from assets/icons/oundr/search.svg
rename to app/assets/icons/oundr/search.svg
diff --git a/assets/icons/oundr/sun.svg b/app/assets/icons/oundr/sun.svg
similarity index 100%
rename from assets/icons/oundr/sun.svg
rename to app/assets/icons/oundr/sun.svg
diff --git a/assets/icons/oundr/trash.svg b/app/assets/icons/oundr/trash.svg
similarity index 100%
rename from assets/icons/oundr/trash.svg
rename to app/assets/icons/oundr/trash.svg
diff --git a/assets/icons/oundr/triangle-alert.svg b/app/assets/icons/oundr/triangle-alert.svg
similarity index 100%
rename from assets/icons/oundr/triangle-alert.svg
rename to app/assets/icons/oundr/triangle-alert.svg
diff --git a/assets/icons/oundr/wrench.svg b/app/assets/icons/oundr/wrench.svg
similarity index 100%
rename from assets/icons/oundr/wrench.svg
rename to app/assets/icons/oundr/wrench.svg
diff --git a/assets/icons/oundr/x.svg b/app/assets/icons/oundr/x.svg
similarity index 100%
rename from assets/icons/oundr/x.svg
rename to app/assets/icons/oundr/x.svg
diff --git a/components/post-card.vue b/app/components/post-card.vue
similarity index 100%
rename from components/post-card.vue
rename to app/components/post-card.vue
diff --git a/components/posts-article-list.vue b/app/components/posts-article-list.vue
similarity index 100%
rename from components/posts-article-list.vue
rename to app/components/posts-article-list.vue
diff --git a/components/web-footer.vue b/app/components/web-footer.vue
similarity index 100%
rename from components/web-footer.vue
rename to app/components/web-footer.vue
diff --git a/components/web-header.vue b/app/components/web-header.vue
similarity index 100%
rename from components/web-header.vue
rename to app/components/web-header.vue
diff --git a/components/web-theme-toggle.vue b/app/components/web-theme-toggle.vue
similarity index 100%
rename from components/web-theme-toggle.vue
rename to app/components/web-theme-toggle.vue
diff --git a/composables/formatDate.ts b/app/composables/formatDate.ts
similarity index 100%
rename from composables/formatDate.ts
rename to app/composables/formatDate.ts
diff --git a/composables/relativeDate.ts b/app/composables/relativeDate.ts
similarity index 100%
rename from composables/relativeDate.ts
rename to app/composables/relativeDate.ts
diff --git a/composables/useFontLists.ts b/app/composables/useFontLists.ts
similarity index 100%
rename from composables/useFontLists.ts
rename to app/composables/useFontLists.ts
diff --git a/layouts/default.vue b/app/layouts/default.vue
similarity index 100%
rename from layouts/default.vue
rename to app/layouts/default.vue
diff --git a/pages/collections.vue b/app/pages/collections.vue
similarity index 100%
rename from pages/collections.vue
rename to app/pages/collections.vue
diff --git a/pages/contact.vue b/app/pages/contact.vue
similarity index 100%
rename from pages/contact.vue
rename to app/pages/contact.vue
diff --git a/pages/fonts.vue b/app/pages/fonts.vue
similarity index 78%
rename from pages/fonts.vue
rename to app/pages/fonts.vue
index 923ba3a..c722aaf 100644
--- a/pages/fonts.vue
+++ b/app/pages/fonts.vue
@@ -5,14 +5,18 @@
                 <h1 id="hero" class="font-hero">Fonts</h1>
                 <p id="hero-desc" class="font-hero-desc">This page were created to list all fonts I have hosted it here, so you can use it too.</p>
             </section>
-            <section v-if="pending" class="web-section">
-                <h2 id="noto" class="web-title">Pending...</h2>
-                <p id="noto-desc">Loading font lists, please wait...</p>
-            </section>
-            <section v-else-if="error" class="web-section">
-                <h2 id="noto" class="web-title">Error</h2>
-                <p id="noto-desc">{{ error.message }}</p>
-            </section>
+            <template v-if="pending">
+                <section class="web-section">
+                    <h2 id="noto" class="web-title">Pending...</h2>
+                    <p id="noto-desc">Loading font lists, please wait...</p>
+                </section>
+            </template>
+            <template v-else-if="error">
+                <section class="web-section">
+                    <h2 id="noto" class="web-title">Error</h2>
+                    <p id="noto-desc">{{ error.message }}</p>
+                </section>
+            </template>
             <section v-else-if="fonts" v-for="family in fonts" key="family.id" class="web-section" :aria-labelledby="family.id + '-title'" :aria-describedby="family.desc + '-desc'">
                 <h2 :id="family.id + '-title'" class="web-title">{{ family.family }}</h2>
                 <p :id="family.id + '-desc'">{{ family.desc }}</p>
diff --git a/pages/index.vue b/app/pages/index.vue
similarity index 96%
rename from pages/index.vue
rename to app/pages/index.vue
index a5b28fc..576fbb9 100644
--- a/pages/index.vue
+++ b/app/pages/index.vue
@@ -57,7 +57,7 @@
 const config = useRuntimeConfig();
 const baseUrl = config.public.baseUrl
 const TITLE = "Home"
-const DESC = "Techit Thawiang, "
+const DESC = "Techit Thawiang is a 10th grader hobbyist developer, a math lover and a self-hoster who's exploring computer science."
 
 useHead({
   title: TITLE,
diff --git a/pages/portal.vue b/app/pages/portal.vue
similarity index 100%
rename from pages/portal.vue
rename to app/pages/portal.vue
diff --git a/pages/posts/[...slug].vue b/app/pages/posts/[...slug].vue
similarity index 100%
rename from pages/posts/[...slug].vue
rename to app/pages/posts/[...slug].vue
diff --git a/pages/posts/index.vue b/app/pages/posts/index.vue
similarity index 100%
rename from pages/posts/index.vue
rename to app/pages/posts/index.vue
diff --git a/pages/terminal.vue b/app/pages/terminal.vue
similarity index 100%
rename from pages/terminal.vue
rename to app/pages/terminal.vue
diff --git a/plugins/header.client.ts b/app/plugins/header.client.ts
similarity index 100%
rename from plugins/header.client.ts
rename to app/plugins/header.client.ts
diff --git a/server/tsconfig.json b/app/server/tsconfig.json
similarity index 100%
rename from server/tsconfig.json
rename to app/server/tsconfig.json