Personal Homepage

A modern, minimalist homepage built on Val Town featuring a sophisticated black/white color scheme with tasteful color accents and dark mode support.

• Modern Minimalist Design: Clean black/white aesthetic with subtle color accents
• Dark/Light Mode Toggle: Seamless theme switching with persistent preferences
• Responsive Layout: Works perfectly on desktop and mobile devices
• Interactive Elements: Smooth hover animations and transitions
• Color Accents: Tasteful blue, purple, and green accents for borders and highlights
• Social Links: Easy access to your social media profiles
• About Section: Personal introduction and skills showcase
• Performance Optimized: Fast loading with minimal dependencies
• Smooth Animations: Fade-in effects and subtle parallax scrolling

• Light Mode: Off-white backgrounds (#fafafa, #ffffff) with dark text (#1a1a1a)
• Dark Mode: Deep blacks (#0f0f0f, #1a1a1a) with light text (#f5f5f5)
• Accent Colors:
  • Primary Blue (#3b82f6 / #60a5fa)
  • Secondary Purple (#8b5cf6 / #a78bfa)
  • Tertiary Green (#10b981 / #34d399)

• Cards: Clean white/dark cards with subtle shadows and borders
• Accent Borders: Colorful left borders on major sections
• Gradient Text: Beautiful gradient text for headings
• Dashed Borders: Stylish dashed borders around profile images

• Frontend: HTML5, CSS3, JavaScript
• Styling: TailwindCSS via Twind + Custom CSS Variables
• Fonts: Google Fonts (Inter)
• Theme System: CSS Custom Properties with localStorage persistence
• Hosting: Val Town HTTP trigger

1. Hero Section: Welcome message with gradient text and profile emoji
2. About Me: Personal introduction with rocket emoji illustration
3. Skills: Three skill cards with unique colored top borders
4. Social Links: Connect section with hover effects
5. Footer: Clean attribution with theme-aware styling

• Theme Toggle: Fixed position toggle button (🌙/☀️) in top-right corner
• Hover Effects: Cards lift and gain shadows on hover
• Fade-in Animations: Cards fade in as they enter viewport
• Subtle Parallax: Gentle parallax effect on scroll
• Smooth Transitions: All theme changes and interactions are smoothly animated

To personalize this homepage:

1. Update Personal Info: Edit the name, description, and about text in /index.ts
2. Social Links: Replace the placeholder URLs with your actual social media profiles
3. Profile Images: Replace the emoji placeholders with actual images if desired
4. Skills: Modify the "What I Do" section to reflect your actual skills
5. Colors: Adjust the CSS custom properties in the :root and [data-theme="dark"] selectors
6. Content: Update any text content to match your personal brand

Currently includes placeholders for:

• Val Town (🏔️)
• GitHub (🐙)
• Twitter (🐦)
• LinkedIn (💼)

Update the href attributes in the social links section to point to your actual profiles.

The homepage uses CSS custom properties for theming:

• Automatically detects user's system preference
• Remembers user's manual theme selection in localStorage
• Smooth transitions between light and dark modes
• All colors and shadows adapt to the current theme

This homepage is automatically deployed as an HTTP val on Val Town. Access it via your val's URL.