Tribe

Updating Tribe

"; var el = host.firstChild; if (el) document.body.appendChild(el); } catch (e) {} } // Start polling shortly after boot, then on interval, then on every focus. setTimeout(pollOnce, 4000); setInterval(pollOnce, POLL_MS); window.addEventListener('focus', pollOnce); document.addEventListener('visibilitychange', function(){ if (document.visibilityState === 'visible') pollOnce(); }); function showHolding() { if (window.__snoopHoldingShown) return; window.__snoopHoldingShown = true; /* Carry the reader's theme across. The root layout may never have run, so nothing else will have stamped it, and a dark-mode reader getting a white page at the worst possible moment is a defect we already fixed once on the crash boundary. */ try { var t = localStorage.getItem('clientos.theme'); if ((t === 'light' || t === 'dark' || t === 'system') && !document.documentElement.hasAttribute('data-theme')) { document.documentElement.setAttribute('data-theme', t); } } catch (e) {} try { var st = document.createElement('style'); st.textContent = "\n.tbf{\n /* The fallback token layer. Values are lifted from app/globals.css so the\n token-less render is the SAME screen, not a different one. It is scoped to\n .tbf so it can never leak into a page that does have the real tokens. */\n --tbf-ground:#E9E6E0; --tbf-ground-deep:#DDDCD7; --tbf-surface:#FDFCFA;\n --tbf-ink:#101613; --tbf-ink-soft:#4E5B53;\n /* byte-equal to --line in app/globals.css:402 (light) / :1341 (dark) */\n --tbf-line:rgba(15, 26, 19, 0.10);\n --tbf-mark:#146137; --tbf-accent-strong:#146137;\n --tbf-accent-ink:#146137; --tbf-accent-glow:rgba(72,183,114,.22);\n --tbf-on-accent:#FFFFFF;\n --tbf-field:\n radial-gradient(118% 88% at -4% 104%,\n #DEE0DC 0%, #E0E2DE 28%, #E2E4E0 52%, #E4E6E2 74%, rgba(228,230,226,0) 92%),\n radial-gradient(122% 90% at 104% -6%,\n #E4E1DB 0%, #E6E3DD 30%, #E8E5DF 58%, rgba(233,230,224,0) 88%);\n --tbf-lift-1: 0 1px 1px rgba(32,26,16,.020), 0 3px 12px -6px rgba(32,26,16,.038);\n --tbf-lift-2: 0 1px 2px rgba(32,26,16,.030), 0 8px 22px -10px rgba(32,26,16,.072);\n --tbf-body: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, sans-serif;\n --tbf-mono: ui-monospace, SFMono-Regular, Menlo, monospace;\n\n box-sizing:border-box;\n min-height:100vh; min-height:100dvh;\n margin:0;\n display:flex; align-items:center; justify-content:center;\n padding: var(--ui-s8,48px) var(--ui-s6,24px);\n background-color: var(--ground, var(--tbf-ground));\n background-image: var(--ground-field, var(--tbf-field));\n background-repeat:no-repeat;\n color: var(--ink, var(--tbf-ink));\n font-family: var(--font-body, var(--tbf-body));\n font-size: var(--t-body,16px);\n line-height: var(--lh-normal,1.55);\n -webkit-font-smoothing:antialiased;\n /* DESIGN.md §11: the horizontal-overflow guard goes on the ROOT of a\n surface, and this element IS the root of these four. */\n overflow-x:clip;\n}\n.tbf *, .tbf *::before, .tbf *::after{ box-sizing:border-box; }\n\n/* Dark. The contract is app/globals.css's: no attribute means LIGHT, and\n \"system\" is the only value that defers to the OS. */\n:root[data-theme=\"dark\"] .tbf{\n --tbf-ground:#0B100D; --tbf-ground-deep:#141811; --tbf-surface:#20261E;\n --tbf-ink:#E8F0EA; --tbf-ink-soft:#A9B8AF;\n --tbf-line:rgba(232, 240, 234, 0.11);\n --tbf-mark:#48B772; --tbf-accent-strong:#1B7A46;\n --tbf-accent-ink:#48B772; --tbf-accent-glow:rgba(72,183,114,.26);\n --tbf-field:\n radial-gradient(104% 82% at 4% 108%,\n #030B04 0%, #050E06 30%, #071008 56%, #071109 74%, rgba(7,17,9,0) 88%),\n radial-gradient(126% 92% at 104% -12%,\n #0B0804 0%, #0E0A05 24%, #100C07 48%, #120E0A 68%, rgba(18,14,10,0) 86%);\n --tbf-lift-1: 0 1px 2px rgba(0,0,0,.24), 0 3px 12px -6px rgba(0,0,0,.20);\n --tbf-lift-2: 0 1px 3px rgba(0,0,0,.30), 0 8px 22px -10px rgba(0,0,0,.32);\n}\n@media (prefers-color-scheme: dark){\n :root[data-theme=\"system\"] .tbf{\n --tbf-ground:#0B100D; --tbf-ground-deep:#141811; --tbf-surface:#20261E;\n --tbf-ink:#E8F0EA; --tbf-ink-soft:#A9B8AF;\n --tbf-line:rgba(232, 240, 234, 0.11);\n --tbf-mark:#48B772; --tbf-accent-strong:#1B7A46;\n --tbf-accent-ink:#48B772; --tbf-accent-glow:rgba(72,183,114,.26);\n --tbf-field:\n radial-gradient(104% 82% at 4% 108%,\n #030B04 0%, #050E06 30%, #071008 56%, #071109 74%, rgba(7,17,9,0) 88%),\n radial-gradient(126% 92% at 104% -12%,\n #0B0804 0%, #0E0A05 24%, #100C07 48%, #120E0A 68%, rgba(18,14,10,0) 86%);\n --tbf-lift-1: 0 1px 2px rgba(0,0,0,.24), 0 3px 12px -6px rgba(0,0,0,.20);\n --tbf-lift-2: 0 1px 3px rgba(0,0,0,.30), 0 8px 22px -10px rgba(0,0,0,.32);\n }\n}\n\n/* ONE column, ONE measure, no card.\n\n The measure is declared here and inherited by everything, so the paragraph,\n the buttons and the reference all share one right edge and one left edge.\n\n 55ch, not 68ch, and the difference is MEASURED rather than reasoned.\n _DECISIONS.md records the intent as \"65 to 75 CHARACTERS\" and writes 68ch\n as the CSS for it; those are not the same number. ch is the advance of the\n digit zero, which in this body face is wider than the average lowercase\n letter, so a 68ch column sets about 80 characters to the line, five above\n the ceiling.\n\n The value below was chosen by SWEEPING the column across 52ch to 56ch and\n counting, character by character, the real characters on the longest line\n of each of the four states at 1440. Longest line per state:\n\n 52ch 64 / 70 / 68 / 72 not-found falls under the 65 floor\n 53ch 68 / 70 / 68 / 72\n 54ch 71 / 70 / 68 / 72\n 55ch 71 / 70 / 72 / 72 <- every state inside 65 to 75\n 56ch 74 / 76 / 72 / 72 crash breaks the 75 ceiling\n\n 55ch is the WIDEST column at which all four states are inside the range,\n and it lands them within two characters of each other. One declaration\n cannot track how wide a particular sentence happens to be; this one is set\n where the widest state still clears the ceiling. */\n.tbf-col{ width:100%; max-width:55ch; }\n\n/* The brandmark. One mark, ONE SOLID COLOUR, and the whole of the branding on\n this screen. color is set here so that TribeMark's own\n fill: var(--mark, currentColor) still paints brand green in the token-less\n render, where --mark does not exist. */\n.tbf-brand{\n display:block;\n margin:0 0 var(--ui-s7,32px);\n color: var(--mark, var(--tbf-mark));\n line-height:0;\n}\n/* Addressed by ELEMENT, not by class: the React path renders the real\n component, which takes no className, and the string path\n renders

; Max-Age=15552000; SameSite=Lax' + secure; } catch (e) {} })();

You are offline

This page stopped

Sign in with password

Sign in to Tribe

Sign in with password