// PROJECT_METADATA
yanotoma.com
calendar_today
open_in_newyanotoma.com →AstroTailwindCSS v4TypeScriptNetlify
A high-performance personal developer portfolio and CV website featuring a custom Cyber-Sophisticate terminal layout and optimized page metadata.
yanotoma.com is the developer portfolio and professional resume site built for Akira Yano. Designed around a Cyber-Sophisticate design language (a blend of Switzerland typographic alignment and retro terminal styling), the site acts as an interactive CV and the navigation hub to all sub-domain systems.
🎨 Visual Philosophy & Layouts
1. Cyber-Sophisticate Design Language
- Employs a dark cybernetic user interface featuring neon highlights, custom glassmorphic cards, and retro scanline animations.
- Typographic hierarchy powered by Geist for headlines, Inter for readable CV copy, and JetBrains Mono for code tags and terminals.
2. Scalable Skill Matrices
- Renders key technical competencies (Front-end, Back-end, Infrastructure, Soft Skills) dynamically from reactive matrix schemas.
3. Integrated Compliance & Accessibility
- Features custom accessible HTML structures, high color contrast, and automated keyboard navigation indicators.
- Embedded legal pages and cookies declarations to ensure 100% compatibility with advertising platforms like Google AdSense.
🛠️ Technical Stack & Build Details
⚡ Clean static Generation
- Framework: Built on Astro utilizing the latest static routing and content generation capabilities.
- Styling: Structured on Tailwind CSS v4 featuring custom keyframes, color variables, and typography definitions within a unified
@themestylesheet.
🌐 Edge Deployment & Caching
- Hosting: Deployed and served at the edge using Netlify, with automatic production builds triggered by repository commits.
- Optimization: Compiles in under 2 seconds with optimized assets, zero-bundle footprint for static pages, and standard SEO optimizations.