---
title: Mud Pies Demo
description: Full-page MarkUpDown (.mud) specimen — Team DC canon
og_image: assets/markupdown-hero.png
export:
  html: dist/mud-pies-demo.html
theme: cursy-dark
toc: true
---

::: hero
eyebrow: MARKUPDOWN TUTORIAL
title: Mud Pies
subtitle: Bake your first .mud file · Team DC canon
image: assets/markupdown-hero.png
image_alt: MarkUpDown documentation workflow
cta:
  - [Read the Spec](../MUD-SPEC.md)
  - [Join Waitlist](../waitlist.html) primary
:::

::: toc depth=3 sticky
:::

::: callout canon
**Deployed realities only.** This demo references live `.live` properties in the network ring.
:::

## The Network Ring

::: grid columns=3 gap=1.5rem responsive
::: card
icon: 🌐
title: futurevision.live
body: Sovereign multimedia hub — FVLive
link: [Visit](https://futurevision.live)
:::
::: card
icon: 📖
title: flipzine.live
body: Digital throne — magazine + brochure sync
link: [Visit](https://flipzine.live)
:::
::: card
icon: 🎮
title: homebrewz.live
body: EmulatorJS arcade — 8-bit / 16-bit
link: [Visit](https://homebrewz.live)
:::
:::

## Inspired Cafe

::: media
src: assets/markupdown-hero.png
alt: MarkUpDown hero
caption: One .mud source — HTML, PDF, and generated code.
:::

> Technology enables human beings to create.

::: cta
title: Ready to get muddy?
body: Start with Pie 01 on the Mud Pies tutorial page.
button: [Open Mud Pies](../mud-pies.html) primary
:::

## Boot Pipeline

++ N.O.N. hub config
hub
    name "FutureVision Live"
    port 3000

++ export manifest
html "dist/mud-pies-demo.html"
pdf  "print/mud-pies-demo.pdf"

::: waitlist
submit: Join Waitlist
:::

::: embed sandbox
src: https://futurevision.live
height: 360
title: FutureVision Live preview
:::