A minimal reproduction guide hosted on Val Town.

🔗 Live site: repro.fyi

This val is a simple HTTP server that:

1. Reads index.md — The content file with all the guide text
2. Renders to HTML — Uses marked to convert markdown to HTML
3. Wraps in a template — template.tsx provides the HTML shell, styling, and theme toggle
4. Serves to the browser — main.ts ties it all together

main.ts          - HTTP handler, reads markdown, renders template
template.tsx     - Preact component that outputs HTML (JSX rendered to string)
index.md         - Markdown content
README.md        - This file

• Val Town — Serverless hosting
• Deno — Runtime
• Preact — Lightweight component rendering (JSX → HTML string)
• Marked — Markdown to HTML
• Water.css — Classless CSS framework
• std/utils — Val Town stdlib for file I/O

To edit the content, modify index.md.

To edit the styling or HTML structure, modify template.tsx.

To change how the server works, modify main.ts.

The site automatically deploys when you save changes.

The template includes a light/dark mode toggle button (🌙/☀️) that:

• Uses Water.css's light and dark variants
• Saves preference to localStorage
• Respects system preference on first load
• Responds to system preference changes

Public domain. Copy it, remix it, make it better.

Built with ❤️ on Val Town