eba8a36efadb70a5a9c6d9ee1661bac85c597654
- Add project-4 (Posidonia) and project-5 (Cases Tancades) cards and modals in all 3 locales (ES/CA/EN) - Reorder Block A: Operativo projects first, Posidonia at top - Align Posidonia modal style to match Eivissa Watch / Cases Tancades (bg-background-light, max-w-2xl, rounded-3xl, glass) - Add external "Visitar sitio" link button to Eivissa Watch modal - Refresh Eivissa Watch thumbnail (was just a green block, now real content) - Generate Cases Tancades thumbnail from OG image - Update Cases Tancades card tech stack from Next.js to Astro (matches actual site) - Add "Ver detalles" button to Cases Tancades card fix: persist modal layout stability CSS to source.css (was dropped on every build:css)
Personal Portfolio - Itziar ZG
A modern, static portfolio website for AI & Automation Developer. Built with HTML, Tailwind CSS, and minimal JavaScript.
Features
- Modern Design: Glassmorphism, gradients, fluid animations
- Responsive: Mobile-first design with Tailwind CSS
- Fast Loading: No build step, CDN-powered Tailwind
- SEO Optimized: Semantic HTML5 markup
- Smooth Navigation: Scroll-to-section anchors
- Professional Layout: Hero, About, Projects, Tech Stack, Contact sections
Tech Stack
- HTML5: Semantic markup
- Tailwind CSS: Utility-first styling via CDN
- Vanilla JavaScript: Smooth scrolling, minimal interactions
- Google Fonts: Space Grotesk & Instrument Serif
- Material Symbols: Icon system
Getting Started
Simply open index.html in your browser. No build step required.
# Or use a local server
python -m http.server 8000
# Then visit http://localhost:8000
Project Structure
├── index.html # Main portfolio page (loads CSS and JS)
├── css/ # Site-wide styles (e.g., styles.css)
├── js/ # Site scripts (e.g., main.js)
├── diseño/ # Original design files from Stitch
└── README.md # This file
Sections
- Hero: Attention-grabbing intro with CTA buttons
- About: Professional background and capabilities
- Selected Works: 3 featured projects with tech tags
- Tech Stack: Technologies and tools used
- Contact: Call-to-action footer with email and social links
License
MIT
Languages
HTML
96.8%
JavaScript
2.3%
CSS
0.9%