Changeset 03bfdce in Klonkt for src/views/pages

Timestamp:

06/16/2026 11:35:13 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

108fd5f

Parents:

09ac0a5

Message:

Hub: always render chrome + CSS toggle (body.on-hub) → hub nav via htmx (no audio jumping)

In hub mode, topnav/view-switcher are now always in the DOM; CSS hides them
on the hub landing (body.on-hub, also toggled in the htmx body-class swap).
Roster, main card, feed, and brand links are now htmx → navigating between
hub-home and an artist happens in-place, so the persistent audio player
stays alive (no jumping). Solo/circle completely unchanged
(renderChrome = !bareChrome there).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

File:

• src/views/pages/hub-home.ejs (modified) (3 diffs)

src/views/pages/hub-home.ejs

@@ -34 +34 @@
     <% if (mainSite) { %>
     <section class="hub-sec hub-sec-main">
-      <a class="hub-main-card" href="/user/<%= mainSite.slug %>">
+      <a class="hub-main-card" href="/user/<%= mainSite.slug %>"
+         hx-get="/user/<%= mainSite.slug %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
+         hx-push-url="/user/<%= mainSite.slug %>" hx-indicator="#pcms-loading">
         <% var _mAva = mainSite.profile_photo || mainSite.owner_avatar; %>
         <span class="hub-main-avatar"<% if (_mAva) { %> style="background-image:url('<%= _mAva %>')"<% } else { %> style="background:<%= mainSite.accent || 'var(--accent)' %>;color:#fff"<% } %>>
@@ -60 +62 @@
       <div class="roster">
         <% artists.forEach(function(a){ %>
-          <a class="roster-card" href="/user/<%= a.slug %>">
+          <a class="roster-card" href="/user/<%= a.slug %>"
+             hx-get="/user/<%= a.slug %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
+             hx-push-url="/user/<%= a.slug %>" hx-indicator="#pcms-loading">
             <% var _ava = a.profile_photo || a.owner_avatar; %>
             <span class="roster-avatar"<% if (_ava) { %> style="background-image:url('<%= _ava %>')"<% } else { %> style="background:<%= a.accent || 'var(--accent)' %>;color:#fff"<% } %>>
@@ -85 +89 @@
       <div class="hub-feed">
         <% posts.forEach(function(p){ %>
-          <a class="feed-item" href="/user/<%= p.site_slug %>/<%= p.slug %>">
+          <a class="feed-item" href="/user/<%= p.site_slug %>/<%= p.slug %>"
+             hx-get="/user/<%= p.site_slug %>/<%= p.slug %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
+             hx-push-url="/user/<%= p.site_slug %>/<%= p.slug %>" hx-indicator="#pcms-loading">
             <% if (p.cover_image_url) { %>
               <span class="feed-cover" style="background-image:url('<%= p.cover_image_url %>')"></span>