<%# ── HERO (label) — the mini topnav bar sits above it (chrome.ejs); the hero itself is the "large" header of the hub home ──────────────── %>
style="--hero-img:url('<%= hub.heroImage %>'); --hero-ov:<%= ((hub.heroOverlay == null ? 45 : hub.heroOverlay)/100).toFixed(2) %>"<% } %>>

<%= hub.title %>

<% if (hub.tagline) { %>

<%= hub.tagline %>

<% } %> <% if (hub.intro) { %>

<%= hub.intro %>

<% } %>
<%# ── MAIN PAGE (label-/primary account — not an artist) ──────────── %> <% if (mainSite) { %>
<% var _mAva = mainSite.profile_photo || mainSite.owner_avatar; %> style="background-image:url('<%= _mAva %>')"<% } else { %> style="background:<%= mainSite.accent || 'var(--accent)' %>;color:#fff"<% } %>> <% if (!_mAva) { %><%= (mainSite.title || mainSite.slug).charAt(0).toUpperCase() %><% } %> <%= t('phub.main_badge') %> <%= mainSite.title %> <% if (mainSite.tagline) { %><%= mainSite.tagline %><% } %> <%= t('phub.view_page') %>
<% } %> <%# ── ARTIST ROSTER ─────────────────────────────────────────── %> <% if (artists && artists.length) { %> <% var _total = (typeof totalArtists !== 'undefined') ? totalArtists : artists.length; %> <% var _hasMore = _total > artists.length; %>

<%= t('phub.members') %> <% if (_hasMore) { %><%= _total %><% } %>

<% if (_hasMore) { %> <% } %>
<% } %> <%# ── LATEST POSTS ────────────────────────────────────────────── %> <% if (posts && posts.length) { %>

<%= t('phub.latest_posts') %>

<% } %>