Koala logo Design
No matches for “”
↑↓ navigate ↵ open Esc close
BrochureWindow mockup

Window mockup

A dark app-window frame with traffic-light controls, for the terminals and code on the Tech site.

<koala-mockup-window>

A terminal

The frame is always dark, in both themes, with a mono title beside the controls. Everything inside is the caller's. Adding force-dark to the frame lets the content use the ordinary text tokens and still read on the dark panel.

stack.yml

$ cat stack.yml

backend: .NET 10, EF Core, PostgreSQL, Redis

frontend: Tailwind CSS v4, Alpine.js

infrastructure: Azure Container Apps, Bicep

delivery: GitHub Actions, Docker

observability: OpenTelemetry, Serilog + Seq

Tilted

Lean the window with the Tilt helper, koala-tilt="Left" or koala-tilt="Right". It straightens on hover, and every other attribute passes through to the frame, so an animated terminal keeps its Alpine state.

~/koala-tech/team

$ ls team/

engineering/ conveyancing/ operations/

$ cat office.txt

Sellers Wheel, 151 Arundel Street, Sheffield

$ dotnet --version

10.0.100

API

title text, shown in mono beside the controls
class merged onto the frame