Timotheus Gmeiner - Portfolio

A professional portfolio website showcasing projects and experience in strategy, product, and engineering for early-stage projects, with a focus on helping scientists get from lab to market.

Overview

This portfolio website features:

• Interactive project showcase with accordion-style navigation
• Responsive design optimized for all devices
• Accessibility-compliant with WCAG standards
• Animated GLSL canvas background
• Case studies across MedTech, CAD, Energy, Aerospace, and Consumer Goods industries

Tech Stack

• HTML5 - Semantic markup with proper accessibility attributes
• CSS3 - Modern styling with CSS variables for easy theming
• JavaScript - Interactive accordion functionality and canvas animations
• GLSL - Shader-based canvas animations via GlslCanvas library

Features

Accessibility

• ARIA attributes for screen reader support
• Keyboard navigation support
• Skip-to-content link
• Focus indicators for all interactive elements
• Descriptive alt text for all images

Performance

• Deferred script loading for optimal page load
• Responsive images and canvas
• Smooth scroll behavior
• Optimized CSS with variables

User Experience

• Interactive accordion for project details
• Responsive design (mobile, tablet, desktop)
• Hover states and transitions
• Clean, professional design

File Structure

portfolio/
├── index.html          # Main HTML file
├── style.css           # Styles with CSS variables
├── accordion.js        # Interactive accordion functionality
├── canvas.js           # GLSL canvas animations
├── reveal.js           # Image reveal functionality (WIP)
├── *.svg               # Project images and icons
└── README.md           # This file

Browser Support

• Modern browsers (Chrome, Firefox, Safari, Edge)
• Mobile browsers (iOS Safari, Chrome Mobile)
• Graceful degradation for older browsers

Recent Improvements (2025)

• ✅ Fixed all HTML validation errors
• ✅ Added comprehensive meta tags for SEO
• ✅ Replaced deprecated CDN with modern alternative
• ✅ Added alt text to all images
• ✅ Implemented ARIA attributes for accessibility
• ✅ Added error handling to all JavaScript
• ✅ Introduced CSS variables for consistent theming
• ✅ Made canvas responsive
• ✅ Added smooth scroll behavior
• ✅ Optimized script loading with defer
• ✅ Added skip-to-content link
• ✅ Implemented focus indicators

Contact

• Twitter: @timobuilds
• LinkedIn: Timotheus Gmeiner
• Email: timo@buildwonder.co

License

© 2025 Timotheus Gmeiner. All rights reserved.