Lab
A realistic TCMS homepage concept that demonstrates Markdown, trusted HTML, scoped CSS, JavaScript, tables, SVG, lone-embed.php media, and repository links.
A fast Markdown CMS with a classy, flexible approach..
This `/lab/` page behaves like a real Ty Clifford CMS homepage while stress-testing the renderer: trusted HTML, scoped CSS, JavaScript, SVG, tables, forms, media, and a local lone-embed.php MP4 player all live inside one content file.
⚡ Pages
Drop folders into content, rebuild the index, and publish fast static-feeling pages with dynamic CMS behavior.
🎛 Themes
Neon accents, Halloween mode, light/dark controls, and scoped page art can coexist without clobbering posts.
📡 Stats
Route-aware visits, browser/device parsing, comments, CAPTCHA, and footer response timing are all designed for small-site observability.
🧩 Custom
Trusted editors can mix Markdown, HTML, CSS, JavaScript, SVG, tables, forms, media, and shortcodes in one page.
Keep the designs fresh and maintained.
Subscribe to Ty Clifford's Patreon to help keep TCMS designs fresh, maintained, and moving forward. Patrons receive experimental updates before others, including early interface ideas, theme polish, and notes from the workbench.
Source And Experiments
Two homes for the project: public source and the faster-moving experiment stream.
A Real Homepage, But Also A Test Bench
The page reads like product marketing while quietly exercising the rendering stack.
Content Model
Pages and posts use front matter, summaries, tags, categories, menu order, comments, and generated indexes.
Theme Surface
The top navigation accent picker still controls this page because the design leans on TCMS variables.
Publishing Flow
The Mac client can treat site config like a real editor surface while raw JSON remains available.
lone-embed.php Media Lab
A local Creative Commons MP4 is rendered through TCMS' standalone embed player, then controlled from this page to test media loading, keyboard focus, PiP, seeking, and volume.
The MP4 is the Sintel trailer from the Blender open movie project, mirrored by W3C media examples. TCMS serves the player through lone-embed.php, the same target used by the configured video shortcode.
Renderer Exercise Matrix
Tables, emojis, inline SVG, links, code, badges, and responsive overflow all get a turn.
| Element | Demo | Why It Matters | Status |
|---|---|---|---|
| Typography | Serif launch copy + mono config |
Homepage content can carry editorial tone and technical detail together. | ✅ tuned |
| SVG | Inline vector assets survive the Markdown renderer and inherit theme color. | 🧪 live | |
| Media | lone-embed.php + MP4 + custom controls |
Validates content bandwidth, media URLs, the standalone embed player, browser playback, and JavaScript behavior. | 🎬 active |
| Navigation | jump links, repo buttons, and focusable controls | Useful homepage affordances should still be accessible and keyboard friendly. | ⌨️ ready |
Fonts, Buttons, Forms
Small elements that tend to reveal theme bugs quickly.
Configuration Preview
Raw JSON and polished fields should describe the same site.
{
"site": {
"title": "Ty Clifford CMS",
"description": "A sharp little Markdown CMS with practical publishing controls."
},
"theme": "neon",
"sidebar": {
"enabled": true,
"sections": {
"social": { "enabled": true, "title": "Elsewhere" },
"custom": { "enabled": true, "title": "Now", "body": "Latest experiments ship first." }
}
},
"repositories": [
"https://github.com/snick512/tcms",
"https://git.tyclifford.com/snick/tcms"
]
}