Demo admin
TagsMediaSettingsReal site

Sheet 01 — Projects

Demo project 4 — Demo and embed blocks

A featured placeholder project whose highlight leads with a playable demo. Its body has demo and embed blocks.

Role
Placeholder developer
When
Stack
TypeScriptNode.jsReact
Tags
WebSoftwareOpen source
Placeholder cover: a gradient with circles.
2024 · TypeScript / Node.js / React
Body

Interactive pieces load only when asked. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Playable demo

The demo block plays one of this site's own apps, behind a Play button. This one is the Typing Race app.

Placeholder poster for the playable demo.
Open the demo
DEMO — Typing Race (sample demo)New tab

The same demo without a poster, at the default shape:

Interactive demo

Typing Race, no poster

Open the demo
DEMO — Typing Race, no posterNew tab

Embedded video

Embeds show an outside page, like a video player.

Example video embed (Big Buck Bunny)
The same embed at 4:3

Recognition

Files