From 22a9df07f6a81eb0092a7c28c6fb2e6b6677cbc9 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Sun, 28 Jun 2026 21:16:54 -0700
Subject: add live demo and source code buttons to project cards

---
 src/pages/projects.astro | 43 ++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 40 insertions(+), 3 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 1cb84ba..8c2bb48 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -24,7 +24,37 @@ import Card from "../components/Card.astro";
         </div>
 
         <ul role="list" class="project-grid">
-            <!-- 2026 -->
+            <Card
+                href="https://github.com/pinapelz/k-heardle"
+                project="https://k-heardle.moekyun.me/"
+                title="K-Heardle"
+                body={`• Daily K-pop music guessing game inspired by Heardle
+• Automated Python and OpenCV based daily game content generation
+• Stateless backend using signed game state to prevent tampering
+• Tracks player statistics, streaks, and shareable daily results locally`}
+                language="TypeScript"
+                languageColor="#3178c6"
+                image="/kheardle.png"
+                imageAlt="K-Heardle gameplay"
+                year="2026"
+                tags={["React", "TypeScript", ,"Python", "OpenCV","Express"]}
+             />
+             <Card
+                 href="https://github.com/pinapelz/mixx-type"
+                 project="https://type.moekyun.me"
+                 title="mixx-type"
+                 body={`• Fast-paced typing game built around typing to the lyrics of songs
+• Tracks accuracy, WPM, and streak performance in real time
+• Portable chart format built based on .lrc files
+• Responsive UI with smooth input handling and instant feedback
+• Lightweight full-stack architecture optimized for low latency gameplay`}
+                 language="TypeScript"
+                 languageColor="#3178c6"
+                 image="/typemixx.png"
+                 imageAlt="Mixx Type typing interface"
+                 year="2026"
+                 tags={["React", "TypeScript", "Pocketbase", "Next.js"]}
+              />
             <Card
                 href="https://github.com/pinapelz/auto-live-tl"
                 title="auto-live-tl"
@@ -39,6 +69,7 @@ import Card from "../components/Card.astro";
                 year="2026"
                 tags={[
                     "Python",
+                    "QT6 (Pyside)",
                     "OpenAI-Whisper",
                     "ASR",
                     "LLM"
@@ -46,6 +77,7 @@ import Card from "../components/Card.astro";
             />
             <Card
               href="https://github.com/pinapelz/lrc-karaoke-player"
+              project="https://lrc.moekyun.me"
               title="lrc-karaoke-player"
               body={`• Client-side web app for LRC-based karaoke playback and tooling
 • LRC-Player: synchronized scrolling lyrics with karaoke-style highlighting, with dual audio mixing
@@ -100,6 +132,7 @@ import Card from "../components/Card.astro";
 
             <Card
                 href="https://github.com/pinapelz/573-updates"
+                project="https://arcade.moekyun.me"
                 title="573-UPDATES"
                 body={`• Web scraper for arcade gaming news and updates
 • Tracks patch notes, announcements, and community posts
@@ -117,6 +150,7 @@ import Card from "../components/Card.astro";
             <!-- 2024 -->
             <Card
                 href="https://github.com/pinapelz/Mirage"
+                project="https://mirage.pinapelz.com"
                 title="Mirage"
                 body={`• Tracks rhythm game scores across multiple titles
 • Supports niche games without official metadata
@@ -155,7 +189,8 @@ import Card from "../components/Card.astro";
 
             <!-- 2023 -->
             <Card
-                href="https://patchwork.moekyun.me"
+                href="https://github.com/Patchwork-Archive"
+                project="https://patchwork.moekyun.me"
                 title="Patchwork Archive"
                 body={`• Scalable system for archiving YouTube videos
 • React frontend for managing requests and archives
@@ -172,6 +207,7 @@ import Card from "../components/Card.astro";
 
             <Card
                 href="https://github.com/pinapelz/NijiTrack"
+                project="https://phase-tracker.com/"
                 title="Nijitrack"
                 body={`• Analytics platform for YouTube channel metrics
 • Tracks subscribers, views, and historical trends
@@ -210,7 +246,8 @@ import Card from "../components/Card.astro";
             />
 
             <Card
-                href="https://blog.pinapelz.com"
+                href="https://git.moekyun.me/blog.pinapelz.com"
+                project="https://blog.pinapelz.com"
                 title="Personal Blog"
                 body={`• Performance-focused blog built with Astro
 • Combines MDX with React components for richer posts
-- 
cgit v1.2.3