Super AI — Hasky Booth Loop

A looping, on-brand product showcase built in pure HTML/CSS/JS (no build step, no dependencies) for the Hasky booth at Super AI. Designed as a sharper, more premium alternative to a screen-recorded video — the UI stays pixel-crisp at any resolution and the loop never visibly restarts.

It tells the HaskyOS story — Sales → Legal → Finance, one connected record — as a sequence of calm, isolated moments in the Hasky house style (Geist, orange #FB8B34, purple #A855F7, dark ink #0A0A0A).

Run it

Just open index.html in a browser. It is fully self-contained and runs offline — fonts, QR code, logo and the website snapshot are all bundled locally.

Booth / kiosk mode (recommended)

Double-click launch-kiosk.command, or run:

open -na "Google Chrome" --args --kiosk \
  --user-data-dir=/tmp/hasky-booth-kiosk \
  "file://$(pwd)/index.html"

Then disable the display's sleep/screensaver (System Settings → Lock Screen → never). The 1920×1080 stage auto-scales to fill any 16:9 screen.

Exit kiosk mode with ⌘Q (or Ctrl+Q).

Preview a single step

Append ?step=N (0–8) to pause on one step for review, e.g. index.html?step=3.

The loop (9 steps, ~60s)

#	Step
0	Hook	"Custom software. 10× the speed. None of the cost."
1	What Hasky does	floating product tiles
2	What HaskyOS is	"The second brain for SMEs" — orbiting department chips
3	Platform	HaskyOS dashboard, metrics count up
4	Sales	deal flips to Won
5	Legal	contract approved, synced instantly
6	Finance	invoice paid, revenue updates
7	Sync	"One record. Every team in sync."
8	Close	haskytech.com browser mock + QR

Pitch deck (pitch.html)

A companion 2-minute pitch deck in the same house style, for walking through interested visitors one-on-one. Open pitch.html in a browser.

• Navigate: arrow keys / spacebar, click anywhere, the on-screen dots, or Prev/Next.
• Jump to a slide: pitch.html?slide=N (0–6).
• 7 slides: Cover → "SMEs are talent-constrained" (3 reasons) → "We close the gap in three layers" → Custom software → Second brain (HaskyOS) → AI employees → Connect (Free POC · from $2,000/mo · live in 3 months) + QR.
• Uses the official Hasky deck backgrounds in bg/ (aurora wave), bundled for offline use.
• Edit copy directly in the .slide blocks; design tokens are the :root variables.

Editing

• Copy lives in the H = { ... } object in the inline <script>.
• Step order / timing lives in the steps = [ ... ] array (dur is ms per step).
• Design tokens are CSS variables in :root.
• The product UI (table, cards, metrics) is real HTML — edit the .pane blocks.

Files

• index.html — everything (markup, styles, engine)
• geist.css + fonts/ — bundled Geist webfont (offline)
• HaskyLogoWhite.svg — brand wordmark
• qr.svg — QR to haskytech.com
• site.png — haskytech.com hero snapshot (closing mock)