v3.1.0

Added

New Pages

• CV / Resume Page (/cv) - Downloadable and shareable CV with premium styling
  • Print-optimized PDF generation via react-to-print
  • Native share API integration with clipboard fallback
  • Professional CV document with experience, skills, projects, and certifications

New Projects (5 total)

• Lexicon - AI-powered writing assistant for content creators
• ByteProxy - Extensible web proxy for Discord/GitHub APIs with rate limiting
• Socket0 - WebSocket server with message broker capabilities (Go)
• Void - Reverse proxy and maintenance server with glassmorphic UI (Go)
• Flicker - Cross-platform screenshot/upload tool for Emberly (Tauri + React + Rust)

New Components

• CVDocument (src/components/cv/CVDocument.tsx) - Printable CV component with professional styling
• CVContent (src/components/layouts/cv/CVContent.tsx) - CV page layout with download/share actions

New Data Files

• cvData.ts (src/data/cvData.ts) - Centralized CV data (personal info, experience, skills, projects)

Changed

Hero Section

• Added animated rotating titles that cycle through professional, funny, and personal titles
  • Includes: "Fullstack Developer", "Graphics Designer", "Full Time Father", "Ice Cold Canadian", "Bug Whisperer", "Coffee to Code Converter", and more
  • Smooth fade/slide animation with 3-second intervals

Skills Page

• Premium design restoration with glassmorphism styling
• Custom dropdown component for mobile category filter (replacing broken native select)
• Enhanced search functionality and category tabs

About Page

• Added "Download CV" button to CTA section
• Redesigned floating badges to match homepage style:
  • Added glow effects behind badges
  • Consistent glass-frost styling
  • Repositioned location badge with hover glow
  • Added decorative floating elements

Home About Section

• Added "Download CV" button alongside "Learn more about me"

Project System

• Made images field optional in Project type (images?: string[])
• ProjectDetail - Conditional grid layout for projects with/without images
• ImageCarousel - Placeholder UI for projects with empty image arrays

TechIcon Component

• Fixed missing icons: replaced non-existent SiCsharp and SiC with DiVisualstudio and FaCode

Fixed

• Skills Mobile Filter - Replaced broken native <select> with custom dropdown component
• Projects Without Images - Added conditional rendering and placeholder UI
• Metadata TypeError - Added optional chaining for project.images?.[0] in generateMetadata
• Badge Inconsistency - Synchronized About page badges with homepage design

Dependencies

• Added [email protected] for PDF generation

Major Rewrite

Added

New Pages

• Just Ask Page (/just-ask) - Developer-focused communication guide inspired by nohello.club with premium glassmorphism styling
• Dynamic Open Graph images using Next.js ImageResponse API
  • opengraph-image.tsx - Auto-generated OG images for social sharing
  • twitter-image.tsx - Optimized Twitter card images

New Themes (10 additional themes, 26 total)

• Gaming Category
  • Warzone - Military tactical green theme
  • Valorant - Red and cyan competitive theme
  • Minecraft - Grass green blocky theme
  • Fortnite - Purple storm theme
• Pop Culture Category
  • GTA Vice City - Retro pink/cyan Miami theme
  • Mr. Robot (Hacker) - Terminal green on black
  • Blade Runner (Blood) - Dystopian red noir
  • Deep Ocean - Calming teal depths
  • Northern Lights (Aurora) - Green/purple polar theme
  • Neon City - Vibrant magenta cyberpunk

New Components

• ProjectCard (src/components/projects/ProjectCard.tsx) - Shared reusable project card component with:
  • Grid layout variant with animated glow effects
  • Compact/table layout variant for list views
  • Search query highlighting support
  • Featured project badges
  • Spotlight hover effects

Enhanced UI Features

• Premium glassmorphism styling across all components (glass-ultra, glass-frost, shine-sweep)
• Animated floating orbs background effects
• Aurora gradient backgrounds with dot pattern overlays
• Gradient accent lines for section separation

Changed

Theme System Overhaul

• Reorganized theme selector with category tabs (Gaming, Pop Culture, Developer, Classic)
• Added emoji icons for each theme
• Improved theme picker grid layout with better visual hierarchy
• Fixed theme flash on page refresh by synchronizing inline script with ThemeContext

Error & Not Found Pages

• Complete redesign of not-found.tsx with premium glassmorphism styling
• Complete redesign of error.tsx with red-tinted accents for error states
• Added animated floating orbs and aurora backgrounds
• Premium terminal-style error displays with typing animations
• Glass-morphic buttons with hover effects

Component Improvements

• TechIcon - Added glassmorphism fallback for missing icons
• ImageCarousel - Premium glass-frost navigation buttons with glow effects
• TableOfContents - Active section indicators with gradient lines
• MDXComponents - Enhanced code blocks, tables, and blockquotes with premium styling
• ThemeSelector - Category-based organization with improved UX

Project Data Updates

• Updated Emberly project with accurate data from embrly.ca
• Updated NodeByte Hosting project with accurate data from nodebyte.host
• Extended Project type interface with documentation, support, and partners fields

Metadata & SEO

• Enhanced OpenGraph metadata with dynamic image generation
• Improved Twitter card configuration (summary_large_image)
• Added comprehensive keywords, authors, creator, and publisher metadata
• Fixed duplicate images property in Twitter metadata

Background Consistency

• Standardized all pages to use inline multi-layer background pattern
• Removed BackgroundEffects component in favor of consistent inline styling
• All pages now use bg-aurora, bg-dot-pattern, and animated floating orbs

Fixed

• Hydration Error - Fixed localStorage access during SSR in Loader component by adding mounted state
• Theme Flash - Synchronized layout.tsx inline script with ThemeContext's 26 valid themes
• ProjectsContent Corruption - Recreated file after partial string replacement corruption
• Metadata Errors - Removed duplicate images property in Twitter metadata config

Removed

• BackgroundEffects.tsx component - Replaced with consistent inline background patterns
• Static OG image references in metadata (replaced with dynamic generation)
• Old pixel grid background patterns from error pages

Technical

• Added Edge runtime support for OG image generation
• Improved type safety with extended Project interface
• Better code organization with shared ProjectCard component
• Reduced bundle size by removing unused BackgroundEffects component

v0.2.0-beta

What's Changed

• Create README.md by @CodeMeAPixel in #4
• Development by @CodeMeAPixel in #5

New Contributors

• @CodeMeAPixel made their first contribution in #4

Full Changelog: https://github.com/CodeMeAPixel/Portfolio/commits/v0.2.0-beta