Cloud Architect & Infrastructure Strategist — 6+ years designing secure, scalable multi-cloud solutions across AWS, GCP, and Azure.
🔗 Live: ericcco.github.io/ericcco-portfolio
- Animated Career Architecture Diagram — SVG staircase showing career progression with animated path drawing and glowing data-flow dots
- Particle Network Canvas — interactive background reacting to mouse movement
- Text Scramble Effect — typewriter-style heading animation
- 3D Tilt Cards — perspective-based hover on experience cards
- Magnetic Buttons — cursor-attracted hover interactions
- Aurora & Glow Effects — layered gradient ambiance
| Layer | Tools |
|---|---|
| Markup | Semantic HTML5, JSON-LD structured data, Open Graph |
| Styling | CSS3 — custom properties, Grid, Flexbox, @property, backdrop-filter |
| Interactivity | Vanilla JS — Intersection Observer, requestAnimationFrame, SVG animation |
| Accessibility | WCAG 2.1 AA — skip links, aria-* attributes, prefers-reduced-motion |
| SEO | Meta tags, sitemap.xml, robots.txt, canonical URL |
├── index.html # Single-page app with all content & structured data
├── css/style.css # Styles, animations, responsive, print & a11y
├── js/main.js # Particles, effects, scroll reveals, diagram animation
├── robots.txt # Crawler directives
├── sitemap.xml # Sitemap for search engines
└── README.md
python3 -m http.server 8080
# → http://localhost:8080© Eric Espinola Cañadas. All rights reserved.