Changeset c80e78b in Klonkt for src/views/partials/shared-styles.ejs

Timestamp:

06/14/2026 04:39:57 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

ae924a2

Parents:

89d6536

Message:

auth: replace username/password with Google login

Listeners (and the owner) now log in via Google instead of a local
username/password account. This lowers the barrier to commenting and
removes the home-built password/registration system.

• src/config/google.js: raw OAuth2 helpers (authorize/token/userinfo) via the built-in fetch, config-driven. Boot keeps working without credentials.
• src/routes/auth.js: /auth/google + /auth/google/callback (find-or-create user on email, ADMIN_EMAIL -> god, set session). login/register/reset POST handlers removed; /login now shows the Google button.
• database.js: idempotent column users.google_sub.
• account.js + account.ejs: change-password removed.
• auth-login.ejs / welcome.ejs: Google button instead of password form.
• shared-styles.ejs: .btn-google styling.
• .env.example: GOOGLE_CLIENT_ID/SECRET/REDIRECT_URI + ADMIN_EMAIL.

Existing users are matched on email (owner retains their site).
DO NOT deploy to roboburr until the Google credentials are in .env, otherwise
the owner locks themselves out.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/partials/shared-styles.ejs (modified) (1 diff)

src/views/partials/shared-styles.ejs

@@ -117 +117 @@
 .auth-link { text-align: center; color: var(--ink-muted); font-size: 0.9rem; margin: 1rem 0 0; }
 .auth-link a { color: var(--accent); }
+.auth-google { align-items: stretch; }
+.auth-intro { text-align: center; color: var(--ink-muted); font-size: 0.95rem; margin: 0 0 1rem; }
+.btn-google {
+  justify-content: center; gap: 0.6rem; padding: 0.7rem; font-size: 1rem;
+  background: #fff; color: #1f1f1f; border: 1px solid #dadce0;
+}
+.btn-google:hover { background: #f7f8f8; border-color: #dadce0; }
+.btn-google .g-icon { flex-shrink: 0; }
 
 /* HTMX loading indicator */