Add zzThis as a client entry

README.md

@@ -38,6 +38,7 @@ Client work is listed separately from Zero State products:
 | Client | Public site |
 | --- | --- |
 | Autogive.app | [autogive.app](https://autogive.app) |
+| zzThis | [zzthis.com](https://zzthis.com) |
 
 ### Community
 

clients/zzthis.html

@@ -0,0 +1,70 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+  <meta name="description" content="zzThis is a code people can write by hand. A phone reads it and opens what it links to. Michael Chung's invention, patent pending, built by zer0state.">
+  <meta name="theme-color" content="#0f1110">
+  <meta name="color-scheme" content="dark">
+  <title>zzThis · Human-writable codes · Zero State</title>
+  <link rel="canonical" href="https://zer0state.com/clients/zzthis.html">
+  <link rel="icon" href="../assets/brand/favicon-64.png" type="image/png">
+  <link rel="apple-touch-icon" href="../assets/brand/apple-touch-icon.png">
+  <link rel="preload" href="../assets/fonts/geist-latin.woff2" as="font" type="font/woff2" crossorigin>
+  <link rel="stylesheet" href="../tokens.css">
+  <link rel="stylesheet" href="../site.css">
+  <link rel="stylesheet" href="../pages.css">
+</head>
+<body class="obs">
+<a class="skip-link" href="#main">Skip to content</a>
+<header class="nav" data-nav>
+  <div class="nav__inner">
+    <a class="wordmark" href="../index.html" aria-label="Zero State home"><picture><source srcset="../assets/brand/zero_state_mark_3_nav.webp" type="image/webp"><img src="../assets/brand/zero_state_mark_3_nav.png" alt="" width="20" height="32"></picture><span>ZERØ STATE</span></a>
+    <nav class="nav__links" id="nav-links" aria-label="Primary">
+      <a href="../index.html#evidence">Work</a><a href="../index.html#local">Local intelligence</a><a href="../index.html#method">Method</a><a href="../work.html">Portfolio</a>
+      <a class="nav__sheet-cta" href="../index.html#contact">Begin here</a>
+    </nav>
+    <a class="nav__cta" href="../index.html#contact">Begin here</a>
+    <button class="nav__menu" type="button" aria-expanded="false" aria-controls="nav-links" data-menu><span>Menu</span></button>
+  </div>
+</header>
+<main id="main" class="dossier">
+<section class="dossier__hero" aria-labelledby="page-title">
+  <div class="dossier__copy">
+    <p class="kicker" data-load="0">Client · Human-writable codes</p>
+    <h1 class="page-title" id="page-title" data-load="1">zzThis</h1>
+    <p class="dossier__lede" data-load="2">Write a code by hand. A phone reads it and opens what it links to.</p>
+    <p class="dossier__status" data-load="3">WIP · zzthis.com live · v1 API in staging · patent pending</p>
+    <div class="dossier__links" data-load="4"><p><a class="text-link" href="https://zzthis.com" target="_blank" rel="noopener noreferrer">Visit zzthis.com <span aria-hidden="true">↗</span></a></p></div>
+  </div>
+  <figure class="dossier__symbol" aria-hidden="true" data-load="1">
+    <svg class="dossier__orbits" viewBox="0 0 400 400" focusable="false">
+      <path d="M200 0V400M0 200H400" stroke-dasharray="2 8"/>
+      <circle cx="200" cy="200" r="196" stroke-dasharray="2 7"/>
+      <g class="dossier__ring"><circle cx="200" cy="200" r="150"/><circle class="orb__node orb__node--lit" cx="350" cy="200" r="5"/><circle class="orb__node" cx="94" cy="306" r="3.5"/></g>
+      <circle cx="200" cy="200" r="104" stroke-dasharray="1 5"/>
+    </svg>
+    <span class="dossier__glyph"><svg class="glyph" aria-hidden="true" focusable="false"><use href="../assets/glyphs.svg#g-zzthis"></use></svg></span>
+  </figure>
+</section>
+<figure class="dossier__evidence"><picture class=""><source srcset="../assets/clients/zzthis-hero.webp" type="image/webp"><img src="../assets/clients/zzthis-hero.jpg" alt="zzThis concept render: a hand writes zz-copper-lantern-sky-zz in marker on blue tape on a wooden crate while a phone camera reads the code and shows Record found." width="1200" height="750" decoding="async"></picture></figure>
+<section class="dossier__section" aria-labelledby="s1"><h2 id="s1">What it is</h2><div class="dossier__body"><p>zzThis is a code people can write by hand: a few plain words between zz markers, such as zz-copper-lantern-sky-zz. A phone camera reads it and opens the record linked to it: a page, a file, a form, or a zzPage.</p>
+        <p>It works alongside barcodes and QR codes, for logistics, inventory, postal and everyday use, where a printer or label is not at hand. zzThat is the free consumer app built on it.</p>
+        <p>Zero State lists zzThis as client work. zzThis is Michael Chung's invention and IP, not a Zero State product.</p>
+        <p><a class="text-link" href="https://zzthis.com" target="_blank" rel="noopener noreferrer">Visit zzthis.com <span aria-hidden="true">↗</span></a></p></div></section>
+<section class="dossier__section" aria-labelledby="s2"><h2 id="s2">In short</h2><div class="dossier__body"><p>Write the code on tape, a box or a sign; scan it with the zzThat app; open what it links to. The reader ignores case, accepts hyphens or spaces, and asks rather than guesses when a word is unclear.</p>
+        <p>zzThis is Michael Chung's invention, patent pending; zer0state builds it: a shared grammar library, an API on Cloudflare Workers, and iOS, Android and web clients. Handwriting accuracy is being measured on a real-photo test set; it is not yet a published result.</p>
+        <p>The hero image is a concept render.</p></div></section>
+<nav class="dossier__back" aria-label="Return"><p>Return to the evidence</p><a href="../work.html#clients">All clients ↖</a></nav>
+</main>
+<footer class="foot">
+  <p class="foot__line">Software for a world that keeps changing.</p>
+  <div class="foot__meta">
+    <a class="wordmark" href="../index.html" aria-label="Zero State home"><picture><source srcset="../assets/brand/zero_state_mark_3_nav.webp" type="image/webp"><img src="../assets/brand/zero_state_mark_3_nav.png" alt="" width="20" height="32"></picture><span>ZERØ STATE</span></a>
+    <nav class="foot__links" aria-label="Footer"><a href="https://github.com/Zero-State-LLC">GitHub</a><a href="https://www.facebook.com/1289691754235122" target="_blank" rel="noopener noreferrer">Facebook</a><a href="https://www.instagram.com/zerostatehq/" target="_blank" rel="noopener noreferrer">Instagram</a><a href="https://x.com/z3r0st4t3" target="_blank" rel="noopener noreferrer">X</a><a href="https://www.youtube.com/@zer0state_studio" target="_blank" rel="noopener noreferrer">YouTube</a><a href="https://www.tiktok.com/@zer0state3" target="_blank" rel="noopener noreferrer">TikTok</a><a href="../privacy.html">Privacy</a><a href="../terms.html">Terms</a><a href="../marketing.html">Products</a><a href="../work.html#clients">Clients</a><a href="../work.html#community">Community</a><a href="../contact.html">Support</a><a href="../work.html">Work</a><a href="../about.html">About</a></nav>
+    <p class="foot__legal">© <span data-year>2026</span> Zero State LLC</p>
+  </div>
+</footer>
+<script src="../site.js" defer></script>
+</body>
+</html>