From c7e669ac290d835c4b0e2fa537e89d2d17d77823 Mon Sep 17 00:00:00 2001 From: "google-labs-jules[bot]" <161369871+google-labs-jules[bot]@users.noreply.github.com> Date: Sat, 21 Mar 2026 21:15:25 +0000 Subject: [PATCH 1/3] feat: add guest access and persistent storage ui scaffolding - Updates `websites/generate-sites.js` template to include an Auth Widget (Guest vs User) in the nav. - Scaffolds a dedicated "User Experience" section detailing Guest Access and Personal Persistent Storage. - Connects inline JavaScript to `window.headyAuth` to handle UI transitions and optimal auth logic. - Updates package `eleventy` to `@11ty/eleventy` in `build.js` and `package.json` to fix broken build script. - Regenerates all static sites. Co-authored-by: HeadyMe <257220306+HeadyMe@users.noreply.github.com> --- .../sites/admin.headysystems.com/index.html | 180 +- websites/_site/sites/heady-ai.com/index.html | 180 +- .../sites/headyconnection.com/index.html | 180 +- .../sites/headyconnection.org/index.html | 180 +- websites/_site/sites/headyex.com/index.html | 180 +- .../_site/sites/headyfinance.com/index.html | 180 +- websites/_site/sites/headyio.com/index.html | 180 +- websites/_site/sites/headyme.com/index.html | 180 +- websites/_site/sites/headyos.com/index.html | 180 +- .../_site/sites/headysystems.com/index.html | 180 +- websites/_site/sites/headyweb.com/index.html | 180 +- websites/build.js | 2 +- websites/generate-sites.js | 180 +- websites/package-lock.json | 1532 +++++++++++++++++ websites/package.json | 1 + .../sites/admin.headysystems.com/index.html | 180 +- websites/sites/heady-ai.com/index.html | 180 +- websites/sites/headyconnection.com/index.html | 180 +- websites/sites/headyconnection.org/index.html | 180 +- websites/sites/headyex.com/index.html | 180 +- websites/sites/headyfinance.com/index.html | 180 +- websites/sites/headyio.com/index.html | 180 +- websites/sites/headyme.com/index.html | 180 +- websites/sites/headyos.com/index.html | 180 +- websites/sites/headysystems.com/index.html | 180 +- websites/sites/headyweb.com/index.html | 180 +- 26 files changed, 5651 insertions(+), 24 deletions(-) create mode 100644 websites/package-lock.json diff --git a/websites/_site/sites/admin.headysystems.com/index.html b/websites/_site/sites/admin.headysystems.com/index.html index a0cacf4..94e24fb 100644 --- a/websites/_site/sites/admin.headysystems.com/index.html +++ b/websites/_site/sites/admin.headysystems.com/index.html @@ -131,6 +131,99 @@ transform: translateY(-1px); } + /* ─── Auth Widget ───────────────────────────────────────── */ + .auth-widget { + display: flex; + align-items: center; + gap: 12px; + padding: 6px 14px; + background: rgba(255, 255, 255, 0.05); + border: 1px solid var(--border); + border-radius: 20px; + font-size: 0.85rem; + color: var(--text-secondary); + transition: all 0.2s; + } + + .auth-widget:hover { + background: rgba(255, 255, 255, 0.08); + border-color: var(--accent); + } + + .auth-widget.authenticated { + border-color: rgba(34, 197, 94, 0.4); + background: rgba(34, 197, 94, 0.05); + color: var(--text-primary); + } + + .auth-widget .avatar { + width: 24px; + height: 24px; + border-radius: 50%; + background: var(--accent-glow); + display: flex; + align-items: center; + justify-content: center; + font-size: 0.7rem; + color: var(--accent-bright); + border: 1px solid var(--border-accent); + } + + .auth-widget.authenticated .avatar { + background: rgba(34, 197, 94, 0.2); + color: #4ade80; + border-color: rgba(34, 197, 94, 0.4); + } + + .auth-status-text { + display: flex; + flex-direction: column; + line-height: 1.2; + } + + .auth-status-text strong { + font-weight: 600; + } + + .auth-status-text small { + font-size: 0.65rem; + color: var(--text-muted); + } + + .btn-logout { + background: transparent; + border: none; + color: var(--text-muted); + cursor: pointer; + padding: 2px; + display: none; + } + + .auth-widget.authenticated .btn-logout { + display: block; + } + + .btn-logout:hover { + color: var(--accent-6); + } + + .storage-indicator { + display: inline-flex; + align-items: center; + gap: 4px; + font-size: 0.7rem; + padding: 2px 6px; + border-radius: 10px; + background: rgba(255, 255, 255, 0.05); + border: 1px solid var(--border); + } + + .storage-indicator.synced { + color: #4ade80; + border-color: rgba(34, 197, 94, 0.3); + background: rgba(34, 197, 94, 0.05); + } + .page-wrapper { position: relative; z-index: 1; @@ -509,8 +602,17 @@ Overview Architecture API Reference + User Experience Ecosystem - Heady Platform → +
+ Sign In → @@ -541,6 +643,7 @@We ensure that the websites have professionally scaffolded info and allow for the user UI and UX to be comprehensive and easily understood. We provide the sites with everything necessary to ensure the user experience is flawless from guest access to personal persistent storage happening optimally after auth.
+ +Immediate, low-friction access to explore the platform. Local data is securely kept in memory and transient browser storage until you choose to persist it.
+Seamlessly transition from guest to an authenticated user using our Zero Trust Firebase gateway, protecting your sessions using httpOnly cookies.
+Once authenticated, your local data seamlessly and optimally synchronizes to your personal persistent storage across the Heady ecosystem, governed by our Vector memory and Postgres replication layers.
+