itziarZG
7dfe54318e
Resolves merge conflicts when bringing origin/main into develop: - css/styles.css: keep built/minified Tailwind output, append develop's layout-stability CSS (scrollbar-gutter + body.modal-open) - js/main.js: keep main's aria-hidden + aria-selected a11y hardening, restore develop's tabsContainer.scrollIntoView and body.modal-open modal pattern (with preventScroll + getScrollbarWidth fallback for non-gutter browsers) - index*.html / huella.html: take main's meta+analytics+defer heavy work as base, restore develop's inline SVG icons (replaces Material Symbols spans) and add favicon link - privacidad*.html: take main's rewritten multi-language versions, add favicon - keep develop's tab DOM fixes (each tab-pane shows its own content; Trabajo Anterior details nested inside tab-proyectos) - keep develop's deletion of fonts/material-symbols-outlined.woff2
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