Colophon
Für die Neugierigen unter euch — so wurde diese Seite gebaut.
Zahlen
400+ pages
57 photos
12 categories
3 locales
6 × 3 = 18 blog Posts
45 glossary Terms
0 css Frameworks
0 js Frameworks
0 (ohne Consent) cookies
0 google Fonts
0 trackers
Framework
Astro 5 Static Site Generator — Islands Architecture, zero JS by default
Architektur
Atomic Design Atoms → Molecules → Organisms → Layouts → Pages
Styling
CSS Custom Properties Design Tokens, BEM naming, scoped styles — kein Tailwind, kein Sass
Hosting
Netlify Auto-deploy on push, Edge CDN, Brotli compression
Typografie
Aa Bb Cc 123
Aa Bb Cc 123
Self-hosted via /public/fonts/ — kein Google Fonts CDN. DSGVO-konform.
Internationalisierung
3 Locales mit file-basiertem Routing und Slug-Translation-Table:
Deutsch (de)English (en)Español (es) Sprachen
TypeScriptAstroCSSHTML SEO
- JSON-LD Structured Data (LocalBusiness, BreadcrumbList, ImageObject)
- Open Graph & Twitter Cards
- Hreflang Tags (x-default + 3 Locales)
- Dynamic XML Sitemap (@astrojs/sitemap)
- KML Geodaten
- llms.txt (AI-Guidance)
- Canonical URLs
Barrierefreiheit
- WCAG 2.1 AA Kontrast (4.5:1 Text, 3:1 Large)
- Skip-to-content Link
- Keyboard Navigation auf allen interaktiven Elementen
- ARIA Labels & Landmarks
- prefers-reduced-motion respektiert
- Touch Targets ≥ 44×44px
- Semantisches HTML5
Performance
- 400 Seiten gebaut in ~6 Sekunden
- Zero Client-Side JS (Islands Architecture)
- Responsive Images via astro:assets
- Lazy Loading für alle Bilder unterhalb des Folds
- Self-hosted Fonts (kein Google Fonts CDN — DSGVO)
- Brotli & Gzip Kompression (Netlify Edge)
Kameras
Fujifilm X-E5Fujifilm X-H2Canon EOS 5D Mark IVCanon EOS 5DS RCanon EOS 70DCanon EOS M50iPhone Software
Adobe Lightroom ClassicCapture One ProAdobe PhotoshopDxO PureRAW