From 9db8077735cd42c6ecb24ff84c08e8d5bdde1616 Mon Sep 17 00:00:00 2001
From: Techit Thawiang <techit@thawia.ng>
Date: Sat, 19 Jul 2025 18:55:19 +0700
Subject: [PATCH] Append target="_blank" for projects link

also fix projects card not stacking on mobile view
---
 pages/index.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/pages/index.vue b/pages/index.vue
index 4f75608..df758c8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -17,18 +17,18 @@
                 <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="grid grid-cols-3 gap-2">
-                    <a href="https://github.com/TechitWinner/warehouse" class="project-card">
+                <div class="grid grid-cols-1 md:grid-cols-3 gap-2">
+                    <a target="_blank" href="https://github.com/TechitWinner/warehouse" class="project-card">
                         <img :src="baseUrl + '/portal/f/assets/warehouse.jpg'">
                         <h3>Warehouse</h3>
                         <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">
+                    <a target="_blank" href="https://github.com/TechitWinner/web" class="project-card">
                         <img :src="baseUrl + '/portal/f/assets/web.png'">
                         <h3>Web</h3>
                         <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">
+                    <a target="_blank" 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 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>
@@ -54,4 +54,4 @@ useHead({
     { property: 'og:type', content: 'website' }
   ]
 })
-</script>
\ No newline at end of file
+</script>