Iterationen

From patches to coherence: content linting, structured data, mobile-first refinements, and clearer SEO signals — each part now integrates into the whole.

• Fixed site URL in astro.config for canonical URLs and sitemap
• Added robots.txt with explicit Disallow for 404 and sitemap reference
• Introduced Remark content linting to enforce clean, HTML-free MDX
• Refactored MDX: replaced inline HTML with Markdown and MDX components
• New components: BreathingSpace (spacing) and ContentImage (unified image handling)
• PostMeta cleanup (removed unused props)
• Structured Data: WebSite, Organization, Person, WebPage (global)
• BlogPosting JSON-LD per post + BreadcrumbList; Archive marked as Blog + CollectionPage
• 404 hardened for SEO: noindex, nofollow; no structured data
• Mobile UX: body scroll lock for menu, ESC/auto-close, larger touch targets
• A11y: visible focus styles, keyboard skip link to main content
• ThalamusCode: responsive code wrapping on small screens
• Progress bar uses stable viewport units (100svh)
• Head: preconnect/dns-prefetch to analytics, RSS discovery link
• Fonts: trimmed Space Mono weights; respects prefers-reduced-motion

Personal reading time calibration: respect for your individual pace in a world that standardizes everything. Time becomes personal.

• Reading Timer Component: Calibrate your reading speed
• Personal WPM localStorage: Your pace, no standard algorithm
• PostMeta Component: DRY TypeScript with inline/block variants
• Dynamic Reading Time Display: Clock icons + personalized times
• Calibrate Pills: Yellow CTA buttons for reading time setup
• BEM CSS Architecture: _readingTime.css component
• TypeScript Module System: Clean initReadingTimeDisplay()
• Profile Page: Digital asceticism without login, localStorage only
• Time Authenticity: Your time is valuable, not standardized
• MVP Focus: No overhead, no bullshit - essential features only

Implementation of privacy-first analytics: observe.karameht.com watches without being watched – surveillance with ethical boundaries.

• Matomo Analytics setup on observe.karameht.com
• DSGVO-bulletproof configuration: IP anonymization, cookie-free, DoNotTrack
• Privacy-first tracking code with respectDoNotTrack
• TypeScript-safe analytics implementation
• Opt-out widget for user control
• 30 days data retention (raw data)
• 12 months anonymized reports retention
• Privacy policy update with technical details
• Server location: Hamburg/Germany (webgo + green energy)
• Ethical surveillance: observe without judgment

From idea to structure: the MVP is born – crafted with Astro, shaped by clarity, and guided by principle.

• Astro 5.1 MVP Setup mit TypeScript
• BEM CSS Architecture mit PostCSS nested
• Responsive Layout System (Header, Sidebar, Footer)
• Pages for going live
• Blog & Content Collections
• Iterations/Changelog System
• RSS Feed
• Sitemap XML
• Production-ready MVP 4 karameht.com