guestgraph.io installs from a phone's home screen with bars in its ground

api/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>API — GuestGraph</title>
 <meta id="metadesc" name="description" content="Two HTTP APIs: one holds the guest graph and answers questions about it, one fills it. What each call does, and what a refusal means.">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/api/">
 
 <meta property="og:title" content="API — GuestGraph">

api/og.sha

@@ -1 +1 @@
-02cbb467db5b72734f7a16c291a325c7600e54d5c9a270bd7fef59d01f3c6f68
+7f89701236e9f0dd971c0d4918f4fe8147cdaaf6d41f150ddffba01b168e8c57

billing/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Billing — GuestGraph</title>
 <meta id="metadesc" name="description" content="How the hosted GuestGraph will bill: one meter, and it is arrivals. Ingestion, backfill, storage and lookups are free.">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/billing/">
 
 <meta property="og:title" content="Billing — GuestGraph">

billing/og.sha

@@ -1 +1 @@
-0e20ece60c5ce29baca8d8bab674af671d82e1be872f622fafb614cccc114804
+1250801f73db9fda8d674e1db6b61b021aa5bc4d1fd75b2048aaa1c792e05415

deck.js

@@ -1,4 +1,4 @@
-// @robertblust/design — deck.js, assembled from the shared blocks: theme v5 · runtime v10 ·
+// @robertblust/design — deck.js, assembled from the shared blocks: theme v6 · runtime v10 ·
 // fit v1.
 // Editing this file in a site does nothing: the next npm run design overwrites it.
 
@@ -58,6 +58,26 @@ function applyTheme(){
 }
 function setTheme(v){ theme = v; themeRemember(v); applyTheme(); }
 
+/* A page opened from a phone's home screen has Android paint its system bars from the page's
+   `theme-color`. A page declares that meta with dark's ground, the default, and this keeps it
+   on the ground of the theme the visitor actually sees. It watches `data-theme` rather than
+   hooking `applyTheme`, because a page may switch the theme with a copy of its own — blust.ch's
+   pages do — and the attribute is the one thing every switch sets. The color is read from the
+   tokens rather than restated here, so a re-picked ground moves the bars with it. A page
+   without the meta is left as it is. */
+function themeColor(){
+  try {
+    var tc = document.querySelector('meta[name="theme-color"]');
+    if (!tc) return;
+    var g = getComputedStyle(document.documentElement).getPropertyValue("--ground").trim();
+    if (g) tc.setAttribute("content", g);
+  } catch (e) {}
+}
+themeColor();
+try {
+  new MutationObserver(themeColor).observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] });
+} catch (e) {}
+
 var slides = Array.prototype.slice.call(document.querySelectorAll('.slide'));
 // slide numbering is zero-based everywhere the viewer can see it: the kicker on each
 // slide, the transport's display window, and the audio filenames all say the same number.

index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>GuestGraph — the open-source guest identity graph</title>
 <meta id="metadesc" name="description" content="One explainable guest profile, from data scattered across every system in the hotel. Open source, Apache 2.0.">
 <link rel="icon" href="favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/">
 
 <meta property="og:title" content="GuestGraph — the open-source guest identity graph">

manifest.webmanifest

@@ -0,0 +1,14 @@
+{
+  "name": "GuestGraph",
+  "short_name": "GuestGraph",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#0C0E13",
+  "theme_color": "#0C0E13",
+  "icons": [
+    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png" },
+    { "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+  ]
+}

model/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Model — GuestGraph</title>
 <meta id="metadesc" name="description" content="GuestGraph described in CompanyGraph and drawn as the graph its files form: vision, values, products, concepts and the way the work is done.">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/model/">
 
 <meta property="og:title" content="Model — GuestGraph">

model/og.sha

@@ -1 +1 @@
-42a1b3d74a3ae0c49bef54f027e28ab85acd78c908104e68a2c2f0c2f222bb9f
+16ba3c1bf9e5f3bd1e31826bb56a3be50992912d351fa50461fd66251ba06977

og.sha

@@ -1 +1 @@
-5bcf8837c4e2a0c81533477c7bbd6bf9ce7681e1064b75e1af372aa15f8e97a3
+cada76bf87f458158c3d785d1deaf9d79c2611b93cb90c8362e7a61fd530b44f

package.json

@@ -25,7 +25,7 @@
     "pin:check": "node pin-check.mjs"
   },
   "devDependencies": {
-    "@robertblust/design": "github:robertblust/design#v0.156.0",
+    "@robertblust/design": "github:robertblust/design#v0.157.0",
     "companygraph-mcp-server": "github:companygraph/mcp-server#v0.69.0",
     "pdf-lib": "^1.17.1",
     "playwright": "^1.63.0",

page.css

@@ -1,5 +1,5 @@
 /* @robertblust/design — page.css, assembled from the shared blocks: reset v3 · link v1 ·
-   header v18 · title v2 · lines v3 · footer v3 · principles v1 · processes v1 · surfaces v2 ·
+   header v18 · title v2 · lines v3 · footer v4 · principles v1 · processes v1 · surfaces v2 ·
    index v2 · home v1.
    Editing this file in a site does nothing: the next npm run design overwrites it. */
 
@@ -241,7 +241,7 @@ nav a[aria-current="page"]{color:var(--c-firm)}
 .keyline{margin:.6rem 0 1.4rem; max-width:54ch; font-size:1.2rem; font-weight:500;
          line-height:1.45; color:var(--c-firm); text-wrap:balance}
 
-footer{padding:0 0 2rem; display:flex; flex-wrap:wrap; gap:.9rem 2.6rem; align-items:center;
+footer{padding:0 0 calc(2rem + env(safe-area-inset-bottom)); display:flex; flex-wrap:wrap; gap:.9rem 2.6rem; align-items:center;
        font-family:"Plex Mono",monospace; font-size:.76rem; letter-spacing:.08em; color:var(--dim)}
 footer .credit{display:inline-flex; align-items:center; gap:.5em; vertical-align:-.25em;
                font-family:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;

page.js

@@ -1,4 +1,4 @@
-// @robertblust/design — page.js, assembled from the shared blocks: lang v5 · theme v5 ·
+// @robertblust/design — page.js, assembled from the shared blocks: lang v5 · theme v6 ·
 // navFit v3.
 // Editing this file in a site does nothing: the next npm run design overwrites it.
 
@@ -136,6 +136,26 @@ function applyTheme(){
 }
 function setTheme(v){ theme = v; themeRemember(v); applyTheme(); }
 
+/* A page opened from a phone's home screen has Android paint its system bars from the page's
+   `theme-color`. A page declares that meta with dark's ground, the default, and this keeps it
+   on the ground of the theme the visitor actually sees. It watches `data-theme` rather than
+   hooking `applyTheme`, because a page may switch the theme with a copy of its own — blust.ch's
+   pages do — and the attribute is the one thing every switch sets. The color is read from the
+   tokens rather than restated here, so a re-picked ground moves the bars with it. A page
+   without the meta is left as it is. */
+function themeColor(){
+  try {
+    var tc = document.querySelector('meta[name="theme-color"]');
+    if (!tc) return;
+    var g = getComputedStyle(document.documentElement).getPropertyValue("--ground").trim();
+    if (g) tc.setAttribute("content", g);
+  } catch (e) {}
+}
+themeColor();
+try {
+  new MutationObserver(themeColor).observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] });
+} catch (e) {}
+
 (function(){
   var root = document.documentElement, bar = document.querySelector(".bar");
   // Loud, because the quiet version cost an afternoon. This fence belongs at the end of the

principles/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Principles — GuestGraph</title>
 <meta id="metadesc" name="description" content="The vision and values GuestGraph, the open-source guest identity graph, holds itself to — read from its own model, not written for this page.">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/principles/">
 
 <meta property="og:title" content="Principles — GuestGraph">

principles/og.sha

@@ -1 +1 @@
-5488e06d1a8ea72a2253c6cc5dfd17da50ea6ac6091c3d03544be3d10a135545
+fa8d76d1b655591c7806c94c7ad8983cb55969b0ac6eb4cfe1c1410c9459d3cd

privacy/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Privacy — GuestGraph</title>
 <meta id="metadesc" name="description" content="This site sets no cookies, runs no analytics and makes no third-party requests. How the hosted GuestGraph will treat guest data, written down before there is any.">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/privacy/">
 
 <meta property="og:title" content="Privacy — GuestGraph">

privacy/og.sha

@@ -1 +1 @@
-2ea411a14fc97ab48ff05bbb4e573f24f3715d127fe2b1dd9b9c572ea6039653
+d19136ba2f21a6c690db6799d4b913d54d537a949e49087702f213698b695a72

problems/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Problems — GuestGraph</title>
 <meta id="metadesc" name="description" content="Every refusal a GuestGraph service answers carries a type. What each type means, which service answers it and what to do about it.">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/problems/">
 
 <meta property="og:title" content="Problems — GuestGraph">

problems/og.sha

@@ -1 +1 @@
-1c1fd91883ecb85e5df984abdddec51c6579ea4dfaca9461695cc055f2912c99
+d52d08c4f6cdaabea8d3c4268a76d5a2697264811dc0cec6b699015f58abcef5

processes/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Processes — GuestGraph</title>
 <meta id="metadesc" name="description" content="Who does the work at GuestGraph: an AI agent holds most of the seats, and every gate is approved by a seat a person holds.">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/processes/">
 
 <meta property="og:title" content="Processes — GuestGraph">

processes/og.sha

@@ -1 +1 @@
-ec12a703b14f241bda2fd59bc411dc9718d035546647680052cf57628ab8862b
+19923a20e8a741985e615962ecc597fca013c7791210b223a78098a15e2eed51

surfaces/index.html

@@ -2,10 +2,12 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <title>Surfaces — GuestGraph</title>
 <meta id="metadesc" name="description" content="Every place GuestGraph publishes its model, and how each is made from it: by hand, or by a repository's build from a pinned commit.">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/surfaces/">
 
 <meta property="og:title" content="Surfaces — GuestGraph">

surfaces/og.sha

@@ -1 +1 @@
-3c5ad94ad402d5c2b49b9852a072e3c428ea26de34330e314c9d0cb181a32d9b
+bfa578034b95bcbde96af762ed49055bd8818e8960331f0b54012ddf5a2bf46c

talks/index.html

@@ -2,8 +2,10 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <link rel="icon" href="../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/talks/">
 
 <!-- lang="en" is the truth about this file: the markup is English, and German lives in

talks/intro/index.html

@@ -2,8 +2,10 @@
 <html lang="en">
 <head>
 <meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
 <link rel="icon" href="../../favicon.svg" type="image/svg+xml">
+<link rel="manifest" href="../../manifest.webmanifest">
+<meta name="theme-color" content="#0C0E13">
 <link rel="canonical" href="https://guestgraph.io/talks/intro/">
 
 <!-- lang="en" is the truth about this file: the markup is English, and German lives in

talks/intro/og.sha

@@ -1 +1 @@
-21e6c1a84bf6309187f2d1634cde00068cc07b6670c30dfde6599155f72e6fc4
+fb2607b10656480859494d7b424bac91346775fb7aa6853e30432b41b4e7cc29

talks/og.sha

@@ -1 +1 @@
-aa81ac2f8491b251f863c601eea065d5a6d1c343eb88b50ea0e557999c345527
+b00d97ee5afeb5f31172ca333fa3e56c8612a3db324755aac9b6f5134a8d07f3