## Project Overview

yoren.sh rejects the notion that personal websites need to look like everyone else's. Instead of following portfolio site templates, it leans into developer culture with a terminal-inspired design that feels both nostalgic and authentic.

The site serves as both a personal introduction and a technical showcase—demonstrating that attention to detail and creative problem-solving extend beyond client work.

## Scope

- **CRT Visual Effects**: Authentic green phosphor glow, scanlines, and screen curvature
- **Boot Sequence**: Animated startup mimicking vintage computer initialization
- **Minimal Content**: Focused presentation without portfolio bloat
- **CLI Tool**: Interactive terminal experience via `npx yoren`
- **Performance**: Fast loading despite visual complexity

## Challenge

Terminal aesthetics are easy to do poorly. The challenge was creating something that:

- **Feels Authentic**: Not a parody or costume, but genuine appreciation for terminal culture
- **Remains Readable**: Visual effects can't compromise the actual content
- **Loads Fast**: Heavy effects shouldn't mean heavy load times
- **Works Everywhere**: Graceful degradation for older browsers and no-JS environments

## Solution

**Authentic CRT Effects**
Rather than using pre-made "retro" filters, we built custom CSS effects that accurately simulate CRT monitor characteristics—the green phosphor glow, subtle barrel distortion, and horizontal scanlines.

**Purposeful Animation**
The boot sequence isn't just decorative. It builds anticipation and establishes the terminal metaphor before revealing the main content. Returning visitors can skip it.

**CLI Integration**
The `npx yoren` command brings the terminal experience full circle. Developers can interact with the site content directly from their actual terminal, bridging the aesthetic with real functionality.

**Progressive Enhancement**
The site works without JavaScript. Effects enhance the experience but aren't required for accessing content.

## Results

yoren.sh demonstrates that personal projects can be both creative showcases and functional websites:

- **Distinctive Brand**: Immediately recognizable and memorable
- **Technical Depth**: The effects require genuine CSS and JavaScript expertise
- **Developer Appeal**: Resonates with the target audience of fellow developers
- **Conversation Starter**: The unique approach generates interest and discussion

The project reflects the same attention to detail and creative problem-solving that Shika Digital brings to client work.