From 965a3b0f55ad20925ff349236e086e35f385eae9 Mon Sep 17 00:00:00 2001
From: Techit Thawiang <techit@dailitation.xyz>
Date: Fri, 18 Jul 2025 17:30:36 +0700
Subject: [PATCH] literally nothing new, i just want to do soem chjanges

---
 assets/css/main.css | 17 +++++------------
 nuxt.config.ts      |  6 +++++-
 pages/index.vue     | 14 ++++++++------
 3 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 5902ba3..3652fac 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -215,36 +215,29 @@ p {
 .project-card {
     --ui-ring-offset: -2px;
     height: 100%;
-    width: fit-content;
-    position: relative;
     padding: 1rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: end;
-    background-color: linear;
-    background-position: center center;
-    background-size: cover;
-    @apply not-first:border-l border-(--ui-border-accented) hover:bg-(--ui-text)/5 active:bg-(--ui-text)/10;
+    @apply bg-(--ui-bg-muted) hover:bg-(--ui-bg-elevated);
     h3 { @apply text-3xl font-bold; font-variation-settings: 'wdth' 125; }
     h3,p { @apply w-96; z-index: 1; }
-    img { @apply mb-2 aspect-video object-cover w-96; }
+    img { @apply mb-2 aspect-video object-cover w-full; }
     p {
         @apply line-clamp-2;
         margin: 0;
         height: 2.5em;
+        width: 100%;
     }
 }
 .hamburger-toggle {
     @apply flex md:hidden h-16 w-9 cursor-pointer items-center justify-center hover:bg-(--ui-text)/5 active:bg-(--ui-text)/10 transition-colors duration-100 ease-fluid;
 }
 .hamburger-menu {
-    @apply flex flex-col fixed left-0 top-16 w-full bg-(--ui-bg-elevated) h-full z-[1000];
+    @apply flex flex-col fixed left-0 top-16 w-full bg-(--ui-bg-elevated) h-full z-[1000] border-(--ui-border-accented) border-t;
     .nav-wrapper {
         list-style-type: none;
         display: flex;
         flex-direction: column;
         margin: 0;
-        margin-left: calc(var(--spacing)*4);
+        padding-left: calc(var(--spacing)*4);
         width: 100%;
         .nav-link {
             height: calc(var(--spacing)*16);
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 4108bda..b79be0a 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -10,12 +10,16 @@ export default defineNuxtConfig({
       tailwindcss(),
     ],
   },
+  runtimeConfig: {
+    public: {
+      baseUrl: process.env.NUXT_PUBLIC_BASE_URL
+    }
+  },
   modules: ['@nuxt/content', '@nuxt/image', '@nuxt/eslint', '@nuxtjs/color-mode', '@nuxt/icon'],
   app: {
     head: {
       titleTemplate: `%s / ${process.env.NUXT_PUBLIC_SITE_NAME || 'thawia.ng'}`,
       meta: [
-        { name: 'google-site-verification', content: 'lLsgPlllQ5O3Vsn5kDQgo88ORYyhRMV-GnrXtkjuJeg' }, // PRESERVE FOR TECHIT.DAILITATION.XYZ ONLY, DO NOT USE IT IN YOUR WEBSITE!
         { name: 'description', content: `Just another personal website, Created by ${process.env.NUXT_PUBLIC_AUTHOR}` },
         { name: 'referrer', content: 'strict-origin-when-cross-origin' },
         { name: 'canonical', content: process.env.NUXT_PUBLIC_BASE_URL },
diff --git a/pages/index.vue b/pages/index.vue
index fd9f401..4f75608 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -17,21 +17,21 @@
                 <h2 class="web-title" id="projects">Projects</h2>
                 <p id="projects-paragraph-1">As I said above, I usually spend my free time learning more about software engineering. This includes server administration for <a class="link" href="https://dailitation.xyz">dailitation.xyz</a>. Over time, small and large projects have been born and have died.</p>
                 <p id="projects-paragraph-2">Let's go take a look of my projects collection!</p>
-                <div class="flex flex-row border border-(--ui-border-accented) overflow-x-auto">
+                <div class="grid grid-cols-3 gap-2">
                     <a href="https://github.com/TechitWinner/warehouse" class="project-card">
-                        <img src="https://thawia.ng/portal/f/assets/warehouseAPI.jpg">
+                        <img :src="baseUrl + '/portal/f/assets/warehouse.jpg'">
                         <h3>Warehouse</h3>
-                        <p>I planned it to be my API for personal website and other stuff; written in Rust and Axum.</p>
+                        <p title="I planned it to be my API for personal website and other stuff; written in Rust and Axum.">I planned it to be my API for personal website and other stuff; written in Rust and Axum.</p>
                     </a>
                     <a href="https://github.com/TechitWinner/web" class="project-card">
-                        <img src="https://opengraph.githubassets.com/79ca3021ce93e3d277062d399d623842564bc2f9407600e5b6102036f01e8277/TechitWinner/web">
+                        <img :src="baseUrl + '/portal/f/assets/web.png'">
                         <h3>Web</h3>
-                        <p>Nothing much, just this website written in Nuxt (Vue) and some cool CSS.</p>
+                        <p title="Nothing much, just this website written in Nuxt (Vue) and some cool CSS.">Nothing much, just this website written in Nuxt (Vue) and some cool CSS.</p>
                     </a>
                     <a href="https://github.com/TechitWinner/coinbag-pro" class="project-card">
                         <img src="https://opengraph.githubassets.com/79ca3021ce93e3d277062d399d623842564bc2f9407600e5b6102036f01e8277/TechitWinner/coinbag-pro">
                         <h3>Coinbag Pro</h3>
-                        <p>A handwriting typeface, created by me but it is a dead project now.</p>
+                        <p title="A handwriting typeface, created by me but it is a dead project now.">A handwriting typeface, created by me but it is a dead project now.</p>
                     </a>
                 </div>
             </section>
@@ -40,8 +40,10 @@
 </template>
 
 <script setup>
+const config = useRuntimeConfig();
 const TITLE = "Home"
 const DESC = "Welcome to thawia.ng, a Techit's website."
+const baseUrl = config.public.baseUrl
 
 useHead({
   title: TITLE,