diff --git a/README.md b/README.md index 36cd935..1e8303f 100644 --- a/README.md +++ b/README.md @@ -5,22 +5,38 @@ Modern business card website for railwayka.ru infrastructure, built with **Rust ## Features - 🦀 **Rust + WebAssembly** - High-performance, compiled to WASM -- Modern dark theme with clean design -- Service cards showcasing current and planned services -- Technology stack descriptions -- Fully responsive layout -- Minimal bundle size (~19KB WASM) +- ✨ **Modern Animations** - Scroll-triggered reveals, parallax effects, micro-interactions +- 🎨 **Dark Theme** - Clean, professional design with gradient accents +- 📱 **Fully Responsive** - Optimized for all screen sizes +- 🚀 **Minimal Bundle** - ~25KB WASM + 10KB JS (highly optimized) +- ♿ **Accessible** - Respects `prefers-reduced-motion` settings + +### Animation Features + +- **Scroll-Triggered Animations**: Cards and tech items fade in and slide up as you scroll +- **Parallax Hero Effect**: Floating background gradient with smooth animation +- **Gradient Text Animation**: Color-shifting title with smooth transitions +- **Micro-Interactions**: + - Service cards: Subtle bounce on hover + - Tech items: Scale effect with pulsing glow + - Footer links: Animated underline slide-in + - Hero badge: Floating + glowing pulse + - Status badges: Gentle pulse animation +- **GPU-Accelerated**: All animations use CSS transforms for optimal performance +- **Accessibility**: Honors user motion preferences ## Technology Stack -- **Rust**: Core application logic +- **Rust**: Core application logic with DOM manipulation - **WebAssembly**: Fast, portable binary format -- **wasm-bindgen**: Rust-WASM bindings -- **web-sys**: Web API bindings for Rust -- **Nginx**: Alpine-based web server +- **wasm-bindgen**: Rust-WASM bindings and glue code +- **web-sys**: Web API bindings (DOM, IntersectionObserver, etc.) +- **js-sys**: JavaScript standard library bindings +- **CSS Animations**: Modern keyframe animations and transitions +- **Nginx**: Alpine-based web server (nginx:1.27-alpine) - **Docker**: Containerized deployment - **Traefik**: Automatic HTTPS via Let's Encrypt -- **Dcape**: GitOps-based deployment +- **Dcape**: GitOps-based deployment platform ## Deployment @@ -111,11 +127,20 @@ cp index.html style.css dist/ ## Why Rust + WASM? -- **Performance**: Near-native execution speed -- **Size**: Optimized bundle (~19KB WASM + 9KB JS) -- **Type Safety**: Rust's type system prevents common bugs -- **Modern**: Cutting-edge web technology -- **Learning**: Great opportunity to explore WASM ecosystem +- **Performance**: Near-native execution speed in the browser +- **Size**: Highly optimized bundle (~25KB WASM + 10KB JS) +- **Type Safety**: Rust's type system prevents runtime errors +- **Modern Stack**: Cutting-edge web technology (2024-2025 trends) +- **Developer Experience**: Built-in IntersectionObserver, direct DOM manipulation +- **Learning**: Practical exploration of WASM ecosystem + +## Technical Highlights + +- **IntersectionObserver in Rust**: Scroll animations implemented natively in WASM +- **Zero JavaScript**: All logic written in Rust, compiled to WASM +- **CSS-Driven Animations**: GPU-accelerated transforms and keyframes +- **Optimized Build**: LTO enabled, opt-level "z" for minimal bundle size +- **Staggered Animations**: Cascade effect with configurable delays ## License