HTML ceremony
Markdown - 2 lines
# Contact forms
Is any channel worse for communication than a contact form? Maybe a postcard when you don't know the address.Minimal HTML - 10 lines
<!DOCTYPE html>
<html>
<head>
<title>Contact forms</title>
</head>
<body>
<h1>Contact forms</h1>
<p>Is any channel worse for communication than a contact form? Maybe a postcard when you don't know the address.</p>
</body>
</html>Real world HTML - 42 lines + image + CSS file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact forms | unstory</title>
<meta name="description" content="If this is the solution, I want my problem back.">
<meta property="og:description" content="If this is the solution, I want my problem back.">
<meta property="og:site_name" content="unstory">
<meta property="og:type" content="article">
<meta property="og:title" content="Contact forms">
<meta property="og:url" content="https://unstory.eu/otb/">
<meta property="og:image" content="https://unstory.eu/unstory.png">
<link rel="canonical" href="https://unstory.eu/otb/">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="alternate" type="application/feed+json" title="unstory" href="/feed.json">
<link rel="stylesheet" href="/style.css">
</head>
<body class="post">
<header>
<p class="site"><a href="/">unstory</a></p>
<p class="tag">If this is the solution, I want my problem back.</p>
</header>
<main>
<article>
<header>
<h1>Contact forms</h1>
<time datetime="2026-06-12T15:56:16Z">2026-06-12 15:56</time>
</header>
<p>Is any channel worse for communication than a contact form? Maybe a postcard when you don't know the address.</p>
</article>
</main>
<footer>
<nav>
<a href="/feed.json">feed</a>
<a href="mailto:no@unstory.eu">no@unstory.eu</a>
</nav>
<p>Length is not depth.</p>
</footer>
</body>
</html>The writer writes two lines. The reader reads two lines. The browser needs forty-two.