my-portfolio-svelte Svelte Themes

My Portfolio Svelte

My portfolio built in svelte for ease and simplicity

🌸 Spirited Away Portfolio - A Magical Journey Through Code 🌸

"Once you meet someone, you never really forget them. It just takes a while for your memories to return." - Zeniba

A Spirited Away-themed portfolio website that transforms a developer's journey into a magical experience through Yubaba's bathhouse. Built with Svelte and filled with hidden Easter eggs for Studio Ghibli fans!

✨ What Makes This Portfolio Special

This isn't just a portfolio - it's an enchanted experience:

  • 🎭 10+ Hidden Easter Eggs for Ghibli fans to discover
  • Floating Soot Sprites that lazily drift across the screen
  • 👻 No-Face Appears mysteriously when you scroll
  • 🏮 Bathhouse Lantern Glow effects on interactive elements
  • 🎨 Authentic Color Palette from the Spirited Away film
  • 🌊 Magical Animations inspired by the spirit world
  • 🎪 Secret Codes that unlock special experiences

🚀 Quick Start

# Install dependencies
npm install

# Start the development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Visit http://localhost:5173 and type "spirited" to begin your journey! 🌸

🎭 Discover the Easter Eggs

This portfolio is filled with magical secrets:

  1. Type "spirited" anywhere on the site
  2. Use the Konami Code: ↑↑↓↓←→←→BA
  3. Triple-click anywhere to activate magic mode
  4. Scroll down to make No-Face appear
  5. Open the console (F12) for a special welcome
  6. Hover over the title to see it shimmer
  7. Watch for soot sprites floating around
  8. And more hidden surprises...

📖 Full Easter Egg Guide: See SPIRITED_AWAY_EASTER_EGGS.md

🎨 Customization

Update Your Content

  • Update files in src/lib/data with your information
  • Modify src/lib/index.scss for custom Ghibli-themed styling
  • Replace static/favicon.ico with a soot sprite icon (see FAVICON_IDEAS.md)

Color Palette

The theme uses authentic Spirited Away colors:

  • Bathhouse Red: #c73e4a (Yubaba's accents)
  • Gold Seal: #d4a435 (Magical gold coins)
  • Spirit Purple: #9d6bb4 (Enchanted realm)
  • Haku Blue: #6a9fdb (Dragon scale shimmer)
  • Forest Green: #6fbc7f (Kodama glow)

All color variables are in src/lib/index.scss

📦 Deployment to GitHub Pages

Before deploying:

  1. Update svelte.config.js: Change the base parameter to your repo name

    base: process.env.NODE_ENV === 'production' ? '/your-repo-name' : ''
    
  2. Update deploy.yml: Set the correct source branch (default: master)

  3. Configure GitHub Pages:

    • Go to Settings > Actions > General
    • Enable "Allow all actions and reusable workflows"
    • Go to Settings > Pages
    • Select "Deploy from a branch"
    • Choose gh-pages branch and / (root) folder
  4. Push to trigger deployment 🎪

🌟 Features

  • Built with SvelteKit - Fast, modern, and magical
  • 🎨 Spirited Away Theme - Every detail inspired by the film
  • 📱 Fully Responsive - Works on all devices
  • 🌙 Dark/Light Modes - Bathhouse night and day
  • Interactive Animations - Smooth, delightful effects
  • 🔍 Search Functionality - Find skills and projects easily
  • 🎭 Easter Eggs Galore - Rewards for the curious

📚 Documentation

🛠️ Tech Stack

  • Framework: SvelteKit
  • Styling: SCSS + UnoCSS
  • Icons: Carbon Icons + UnoCSS Icons
  • Magic: Pure Ghibli inspiration ✨

🎪 Known Issues

  • Svelte no longer supports Node 14 - use Node 16+ instead
  • Some Easter eggs work best in modern browsers
  • Maximum magic achieved in dark mode 🌙

💝 Credits

Inspired by Spirited Away (2001) by Studio Ghibli

  • Directed by Hayao Miyazaki
  • All references made with love and respect

Original template structure inspired by Vercel-like portfolio designs.

🌸 A Message to Visitors

This portfolio was crafted with the same care that Kamaji uses to blend his herbal remedies. Every color, animation, and Easter egg is a tribute to one of the greatest animated films ever made.

"Always believe in yourself. Do this and no matter where you are, you will have nothing to fear."

May your journey through this spirit world of code be as magical as Chihiro's! 🐉✨


Made with 💜 and Ghibli magic by Claude+Nishant

Top categories

Loading Svelte Themes