Website
First Update (Website Deployed)
This is the first official website update, and all relevant information has been added.
🎉 Eternity v0.7.4 Official Release!
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 & Machine Learning: U.E.P Personal Virtual Desktop Assistant, Azure Face Recognition App
- Web Applications: GDG-Portal Community Platform, SparkBoard Serverless Collaboration, One Tea Green E-commerce
- Game Development: Digital Undercurrent Sokoban, Poole Town 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 Control
- 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
Thank you for visiting! This website will be continuously updated, stay tuned for more content 🚀