First Update (Website Deployed)

Eternity Official Release — v0.7.4

Welcome to my personal website. This is the first official deployment with the main site's core features completed. Here's everything included in this release.

Website Architecture

• Bilingual System: Full Traditional Chinese / English support

• Keystatic CMS Integration: Visual content management system

• Markdoc Content Format: Structured document editing

• Cloudflare Pages Deployment: Global CDN acceleration

• Responsive Design: Desktop and mobile device support

Page Features

• Homepage: Typewriter effects, dynamic background, hero section

• About Me: Bio, skills showcase (with interactive modals), work experience, certifications

• Projects: 16 technical projects with tag filtering, status badges, featured items

• Links: 11 social media and portfolio platform links, categorized

• Updates: Project progress and announcement system

• Contact: Contact form integrated with Resend email service

• Console Easter Egg: Interactive terminal simulator

Interactive Components

• Global Music Player: Background music playback (2 tracks)

• Global Search: Quick search for projects and content

• Ripple Effect: Click water ripple animations

• Scroll to Top: Smooth scroll navigation

• Image Viewer: Large image preview modal

• Cookie Consent: Privacy policy banner

• Flip Cards: 3D card flip animations

Sidebar Card System

6 configurable sidebar cards:

• Quote Card: Random inspirational quotes

• Music Player Card: Embedded music controller

• Visitor Counter Card: Cloudflare Workers integration

• Latest Update Card: Auto-display newest updates

• Quick Stats Card: Project and content statistics

• Table of Contents Card: Page navigation

Project Content

16 technical projects included, covering:

• AI and Machine Learning: U.E.P Personal Virtual Desktop Assistant, Azure Face Recognition App

• Web Applications: GDG-Portal Community Platform, SparkBoard Serverless Collaboration, Tea E-commerce Platform

• Game Development: Digital Subcurrent Sokoban, PureTown Text RPG, LBN System Simulation

• Utility Tools: Ranza Universal Randomizer, Wyrm Database Query, Omniimagainer Image Processing, StegoApollo Steganography

• Automation Systems: School Info Push System, End-to-end LAN Monitor

• Discord Bot: U.E.P's Mind

External Links

Integrated personal platforms:

• Dev Platforms: GitHub, Work Resume

• Social Media: Twitter, Facebook, YouTube

• Creative Platforms: BandLab (Music), pixiv (Art), Novel Platform, Steam

• Project Docs: U.E.P's Imaginary Space, Mission Squad Studio

Tech Stack

• Frameworks: Astro 5 + React 19

• Styling: Tailwind CSS

• Content Management: Keystatic CMS + Markdoc

• Type Safety: TypeScript

• Deployment: Cloudflare Pages + Workers

• Toolchain: pnpm + Turbo + ESLint + Prettier

Content Management

• Bilingual Content: All pages and projects support zh-tw / en

• Markdoc Editing: Rich text format with custom components

• Image Optimization: Auto compression and format conversion

• Version Control: Git-managed, branching strategy (develop → staging → main)

Next Steps

• Docs site development: Migrate U.E.P's Imaginary Space to apps/uep

• Feature enhancement: Visitor guestbook, RSS subscription

• Performance optimization: Image lazy loading, code splitting

• SEO enhancement: Structured data, sitemap generation