Welcome to your professional Clash of Clans–themed portfolio, built with Astro! This site features a custom animated homepage, stylish navigation, and a modern, game-inspired design.
- Professional Visuals: Custom styles, themed colors, and polished layout.
- Island Treasure Map: Interactive map page with a dark brown island theme, visible red "X" for the start, old ships, coconut trees, and a treasure chest. No legend for a cleaner look.
- Responsive Design: Works great on desktop and mobile.
- Easy Navigation: Navbar with quick access to the map and other pages.
Clone this repo and install dependencies:
git clone your-repo-url>gt;
cd my-website
npm installl Start the local development server:
npm run devVisit http://localhost:4321 to view your site.
/ (root)
├── public/
│ └── favicon.svg
├── src/
│ ├── assets/ # Images and SVGs
│ ├── components/ # Reusable UI components (e.g., Navbar)
│ ├── layouts/ # Layout wrappers
│ └── pages/ # Site pages (index.astro, map.astro, etc.)
├── package.json
└── README.md
EADME.md
| Command | Action |
|---|---|
npm install |
Install dependencies |
npm run dev |
Start local dev server |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally |
Build your site for production:
npm run buildPreview the production build:
npm run preview- Built with Astro
- Inspired by Clash of Clans visuals
For more info, see the Astro documentation.