Changeset 6e0249f in Klonkt for src/views

Timestamp:

06/14/2026 03:21:25 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

4c5169f

Parents:

743bb81

Message:

hub: generic home page (not owned by any user) + admin-managed branding

The hub home page was the oldest site (a user's PrutFolio). Now it is a
generic page: title/tagline/intro come from global settings (hub_title/
hub_tagline/hub_intro), editable in Admin -> Settings (hub only). The roster
now shows ALL users (including the admin's own PrutFolio under /user/<slug>)
— no site is singled out as "the company" any more.

POST /admin/settings only updates tenancy when the field is present (a
separate branding form no longer accidentally flips the mode).

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

Location:

src/views/pages

Files:

• admin-settings.ejs (modified) (2 diffs)
• hub-home.ejs (modified) (1 diff)

src/views/pages/admin-settings.ejs

@@ -30 +30 @@
     </form>
   </section>
+
+  <% if (tenancy === 'hub') { %>
+  <section class="set-card" style="margin-top:1rem">
+    <h2>Hub-hoofdpagina</h2>
+    <p class="set-help">
+      De openbare hub-pagina (<code>/</code>) is generiek — van geen enkele gebruiker.
+      Hier stel je de naam en intro in. Jouw eigen PrutFolio blijft los bestaan onder <code>/user/</code>.
+    </p>
+    <form method="post" action="/admin/settings" class="set-form">
+      <label class="set-field">
+        <span>Naam</span>
+        <input type="text" name="hub_title" maxlength="80" value="<%= hubTitle %>" placeholder="bijv. Studio Noord">
+      </label>
+      <label class="set-field">
+        <span>Tagline</span>
+        <input type="text" name="hub_tagline" maxlength="120" value="<%= hubTagline %>" placeholder="bijv. Onafhankelijk muzieklabel">
+      </label>
+      <label class="set-field">
+        <span>Intro</span>
+        <textarea name="hub_intro" maxlength="400" rows="3" placeholder="Korte introtekst onder de titel."><%= hubIntro %></textarea>
+      </label>
+      <button type="submit" class="btn btn-primary">Opslaan</button>
+    </form>
+  </section>
+  <% } %>
 </div>
 
@@ -48 +73 @@
 .set-opt code { background: var(--paper-2); padding: 0.05rem 0.35rem; border-radius: 3px; font-size: 0.85em; }
 .set-form .btn { align-self: flex-start; }
+.set-field { display: flex; flex-direction: column; gap: 0.3rem; }
+.set-field > span { font-size: 0.8rem; font-weight: 600; color: var(--ink-soft, var(--ink-muted)); }
+.set-field input, .set-field textarea {
+  width: 100%; box-sizing: border-box; padding: 0.55rem 0.7rem;
+  border: 1px solid var(--rule); border-radius: 6px; background: var(--paper); color: var(--ink);
+  font: inherit; font-size: 0.95rem;
+}
+.set-field textarea { resize: vertical; }
+.set-field input:focus, .set-field textarea:focus { outline: 2px solid var(--accent); outline-offset: -1px; border-color: var(--accent); }
 .alert { padding: 0.75rem 1rem; border-radius: 6px; margin-bottom: 1rem; }
 .alert-success { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }

src/views/pages/hub-home.ejs

@@ -4 +4 @@
   <header class="hub-hero">
     <div class="hub-hero-inner container">
-      <h1 class="hub-hero-title"><%= company ? company.title : 'Overzicht' %></h1>
-      <% if (company && company.tagline) { %>
-        <p class="hub-hero-tag"><%= company.tagline %></p>
+      <h1 class="hub-hero-title"><%= hub.title %></h1>
+      <% if (hub.tagline) { %>
+        <p class="hub-hero-tag"><%= hub.tagline %></p>
       <% } %>
-      <% if (company && (company.profile_bio || company.description)) { %>
-        <p class="hub-hero-desc"><%= company.profile_bio || company.description %></p>
+      <% if (hub.intro) { %>
+        <p class="hub-hero-desc"><%= hub.intro %></p>
       <% } %>
     </div>