Changeset 4885eab in Klonkt for src/views/pages


Ignore:
Timestamp:
06/21/2026 03:05:14 PM (3 months ago)
Author:
roboburr <roboburr@…>
Branches:
main
Children:
5e61b17
Parents:
bbf9d1a
Message:

feat(i18n phase 6): remaining public + other pages translated (NL/EN/DE)

post-edit, account, newsletter, download, press kit /pers, fan-gate, link-in-bio,
my-site, password-reset (2), artists directory, auth-login Google error map,
user/hub-home/circle-feed+post/viewer-blocked/home/favourites/changelog/404/
type/tag/archive/prutter (inbox+conversation). embed-player skipped (no t
in that standalone route). 1026 view-keys cross-checked → 0 missing.

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

Location:
src/views/pages
Files:
26 edited

Legend:

Unmodified
Added
Removed

  • src/views/pages/404.ejs

    rbbf9d1a r4885eab  
    11<section class="nf">
    22  <div class="nf-code">404</div>
    3   <h1 class="nf-title">Pagina niet gevonden</h1>
    4   <p class="nf-sub">Deze pagina bestaat niet (meer). Misschien is de link verouderd of verkeerd getypt.</p>
     3  <h1 class="nf-title"><%= t('e404.title') %></h1>
     4  <p class="nf-sub"><%= t('e404.sub') %></p>
    55  <div class="nf-actions">
    6     <a class="nf-btn nf-btn-primary" href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/">← Naar de homepagina</a>
     6    <a class="nf-btn nf-btn-primary" href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/">← <%= t('e404.home') %></a>
    77    <% if (typeof site !== 'undefined' && site && site.show_archive_link !== 0) { %>
    8       <a class="nf-btn" href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/archive">Archief</a>
     8      <a class="nf-btn" href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/archive"><%= t('e404.archive') %></a>
    99    <% } %>
    1010  </div>

  • src/views/pages/account.ejs

    rbbf9d1a r4885eab  
    22
    33  <header class="ax-header">
    4     <a href="/" class="ax-back" aria-label="Terug naar home">←</a>
     4    <a href="/" class="ax-back" aria-label="<%= t('acct.back_home') %>">←</a>
    55    <div>
    6       <h1>Account</h1>
    7       <p class="ax-tagline">Profiel en avatar.</p>
     6      <h1><%= t('acct.title') %></h1>
     7      <p class="ax-tagline"><%= t('acct.subtitle') %></p>
    88    </div>
    99  </header>
    … …  
    1616      <span class="ax-viewer-ico" aria-hidden="true">👁️</span>
    1717      <div>
    18         <strong>Kijker-modus</strong>
    19         <span>Dit is een demo-account. Je kunt alles bekijken, maar niets wijzigen — ook geen foto of bio.</span>
     18        <strong><%= t('acct.viewer_mode') %></strong>
     19        <span><%= t('acct.viewer_note') %></span>
    2020      </div>
    2121    </div>
    … …  
    2424  <%# ── PROFILE ────────────────────────────────────────────── %>
    2525  <section class="ax-card">
    26     <div class="ax-card-title">Profiel</div>
     26    <div class="ax-card-title"><%= t('acct.profile') %></div>
    2727
    2828    <div class="ax-profile-id">
    2929      <% if (canMutate) { %>
    3030        <form action="/account/avatar" method="post" enctype="multipart/form-data" class="ax-avatar-form">
    31           <label class="ax-avatar-wrap" title="Klik om je foto te wijzigen">
     31          <label class="ax-avatar-wrap" title="<%= t('acct.avatar_change') %>">
    3232            <span class="ax-profile-avatar">
    3333              <% if (account.avatar_url) { %>
    … …  
    5656        <div class="ax-profile-role"><%= account.role %> · <%= account.email %></div>
    5757        <% if (account.created_at) { %>
    58           <div class="ax-profile-joined">Lid sinds <%= formatDate(account.created_at) %></div>
     58          <div class="ax-profile-joined"><%= t('acct.member_since') %> <%= formatDate(account.created_at) %></div>
    5959        <% } %>
    6060        <% if (account.avatar_url && canMutate) { %>
    6161          <form action="/account/avatar/remove" method="post" class="ax-avatar-remove">
    62             <button type="submit" class="ax-linkbtn">Foto verwijderen</button>
     62            <button type="submit" class="ax-linkbtn"><%= t('acct.avatar_remove') %></button>
    6363          </form>
    6464        <% } %>
    … …  
    6969      <form action="/account/profile" method="post" class="ax-form ax-form-bio">
    7070        <label class="ax-field">
    71           <span>E-mailadres</span>
    72           <input type="email" name="email" value="<%= account.email || '' %>" maxlength="254" autocomplete="email" placeholder="jij@email.nl">
    73         </label>
    74         <label class="ax-field">
    75           <span>Bio</span>
    76           <textarea name="bio" rows="3" maxlength="500" placeholder="Een korte regel over jezelf"><%= account.bio || '' %></textarea>
     71          <span><%= t('acct.email') %></span>
     72          <input type="email" name="email" value="<%= account.email || '' %>" maxlength="254" autocomplete="email" placeholder="<%= t('acct.email_ph') %>">
     73        </label>
     74        <label class="ax-field">
     75          <span><%= t('acct.bio') %></span>
     76          <textarea name="bio" rows="3" maxlength="500" placeholder="<%= t('acct.bio_ph') %>"><%= account.bio || '' %></textarea>
    7777        </label>
    7878        <div class="ax-form-actions">
    79           <button type="submit" class="ax-btn ax-btn-primary">Opslaan</button>
     79          <button type="submit" class="ax-btn ax-btn-primary"><%= t('acct.save') %></button>
    8080        </div>
    8181      </form>
    … …  
    8383      <div class="ax-form ax-form-bio">
    8484        <label class="ax-field">
    85           <span>Bio</span>
    86           <textarea rows="3" disabled placeholder="Geen bio"><%= account.bio || '' %></textarea>
     85          <span><%= t('acct.bio') %></span>
     86          <textarea rows="3" disabled placeholder="<%= t('acct.bio_empty') %>"><%= account.bio || '' %></textarea>
    8787        </label>
    8888      </div>
    … …  
    9393  <% if (typeof editableSite !== 'undefined' && editableSite && canMutate) { %>
    9494  <section class="ax-card">
    95     <div class="ax-card-title">Site</div>
     95    <div class="ax-card-title"><%= t('acct.site') %></div>
    9696    <form action="/account/site" method="post" class="ax-form">
    9797      <label class="ax-field">
    98         <span>Site-naam <small>— getoond in de kop van je site</small></span>
     98        <span><%= t('acct.site_name') %> <small><%= t('acct.site_name_hint') %></small></span>
    9999        <input type="text" name="site_title" value="<%= editableSite.title || '' %>" maxlength="200" required>
    100100      </label>
    101101      <label class="ax-field">
    102         <span>Tagline <small>— korte oneliner (optioneel)</small></span>
     102        <span><%= t('acct.tagline') %> <small><%= t('acct.tagline_hint') %></small></span>
    103103        <input type="text" name="site_tagline" value="<%= editableSite.tagline || '' %>" maxlength="200">
    104104      </label>
    105105      <div class="ax-form-actions">
    106         <button type="submit" class="ax-btn ax-btn-primary">Site opslaan</button>
     106        <button type="submit" class="ax-btn ax-btn-primary"><%= t('acct.site_save') %></button>
    107107      </div>
    108108    </form>
    … …  
    115115  <% if (hasPassword) { %>
    116116  <section class="ax-card">
    117     <div class="ax-card-title">Wachtwoord wijzigen</div>
     117    <div class="ax-card-title"><%= t('acct.password_change') %></div>
    118118    <form action="/account/password" method="post" class="ax-form">
    119119      <label class="ax-field">
    120         <span>Huidig wachtwoord</span>
     120        <span><%= t('acct.password_current') %></span>
    121121        <input type="password" name="current" required autocomplete="current-password">
    122122      </label>
    123123      <div class="ax-row ax-row-2">
    124124        <label class="ax-field">
    125           <span>Nieuw wachtwoord <small>(min 8 tekens)</small></span>
     125          <span><%= t('acct.password_new') %> <small><%= t('acct.password_min') %></small></span>
    126126          <input type="password" name="new_password" required minlength="8" autocomplete="new-password">
    127127        </label>
    128128        <label class="ax-field">
    129           <span>Bevestig nieuw wachtwoord</span>
     129          <span><%= t('acct.password_confirm') %></span>
    130130          <input type="password" name="confirm" required minlength="8" autocomplete="new-password">
    131131        </label>
    132132      </div>
    133133      <div class="ax-form-actions">
    134         <button type="submit" class="ax-btn ax-btn-primary">Wachtwoord wijzigen</button>
     134        <button type="submit" class="ax-btn ax-btn-primary"><%= t('acct.password_change') %></button>
    135135      </div>
    136136    </form>
    … …  
    139139  <% if (typeof googleAvailable !== 'undefined' && googleAvailable) { %>
    140140  <section class="ax-card">
    141     <div class="ax-card-title">Inloggen met Google</div>
     141    <div class="ax-card-title"><%= t('acct.google_login') %></div>
    142142    <% if (typeof googleLinked !== 'undefined' && googleLinked) { %>
    143       <p class="ax-tagline" style="margin:0 0 1rem">✓ Je Google-account is gekoppeld — je kunt ook met Google inloggen.</p>
     143      <p class="ax-tagline" style="margin:0 0 1rem"><%= t('acct.google_linked') %></p>
    144144      <form action="/account/google/unlink" method="post">
    145         <button type="submit" class="ax-btn">Google ontkoppelen</button>
     145        <button type="submit" class="ax-btn"><%= t('acct.google_unlink') %></button>
    146146      </form>
    147147    <% } else { %>
    148       <p class="ax-tagline" style="margin:0 0 1rem">Koppel je Google-account zodat je voortaan ook met één klik via Google kunt inloggen (naast je wachtwoord).</p>
    149       <a href="/auth/google/link" class="ax-btn ax-btn-primary" data-full-load>Koppel Google-account</a>
     148      <p class="ax-tagline" style="margin:0 0 1rem"><%= t('acct.google_link_hint') %></p>
     149      <a href="/auth/google/link" class="ax-btn ax-btn-primary" data-full-load><%= t('acct.google_link') %></a>
    150150    <% } %>
    151151  </section>
    … …  
    153153  <% } else { %>
    154154  <section class="ax-card">
    155     <div class="ax-card-title">Inloggen</div>
    156     <p class="ax-tagline" style="margin:0">Je bent ingelogd via Google (<%= account.email %>). Er is geen apart wachtwoord.</p>
     155    <div class="ax-card-title"><%= t('acct.login') %></div>
     156    <p class="ax-tagline" style="margin:0"><%= t('acct.login_google_only', { email: account.email }) %></p>
    157157  </section>
    158158  <% } %>

  • src/views/pages/archive.ejs

    rbbf9d1a r4885eab  
    99    <a href="<%= _archBase %>/" class="btn archive-back"
    1010       hx-get="<%= _archBase %>/?partial=1" hx-target="#pcms-main"
    11        hx-push-url="<%= _archBase %>/" hx-indicator="#pcms-loading">&larr; Terug</a>
     11       hx-push-url="<%= _archBase %>/" hx-indicator="#pcms-loading">&larr; <%= t('parch.back') %></a>
    1212  </p>
    13   <h1>Archief</h1>
    14   <p class="archive-meta"><%= totalPosts %> bericht<%= totalPosts !== 1 ? 'en' : '' %></p>
     13  <h1><%= t('parch.title') %></h1>
     14  <p class="archive-meta"><%= totalPosts === 1 ? t('parch.count_one', { n: totalPosts }) : t('parch.count_many', { n: totalPosts }) %></p>
    1515
    1616  <% if (totalPosts === 0) { %>
    17     <p class="empty-state">Nog geen berichten.</p>
     17    <p class="empty-state"><%= t('parch.empty') %></p>
    1818  <% } %>
    1919

  • src/views/pages/artists-directory.ejs

    rbbf9d1a r4885eab  
    1515  <nav class="adir-nav">
    1616    <div class="adir-nav-inner container">
    17       <a class="adir-nav-home" href="/"><span aria-hidden="true">←</span> <%= (typeof hubTitle !== 'undefined' && hubTitle) ? hubTitle : 'Home' %></a>
     17      <a class="adir-nav-home" href="/"><span aria-hidden="true">←</span> <%= (typeof hubTitle !== 'undefined' && hubTitle) ? hubTitle : t('adir.home') %></a>
    1818      <span class="adir-nav-spacer"></span>
    1919      <% if (user) { %>
    2020        <a class="adir-nav-link" href="/account"><%= user.username %></a>
    21         <a class="adir-nav-link" href="/auth/logout">Uitloggen</a>
     21        <a class="adir-nav-link" href="/auth/logout"><%= t('adir.logout') %></a>
    2222      <% } else { %>
    23         <a class="adir-nav-link" href="/auth/login">Inloggen</a>
     23        <a class="adir-nav-link" href="/auth/login"><%= t('adir.login') %></a>
    2424      <% } %>
    2525    </div>
    … …  
    2727
    2828  <header class="adir-head container">
    29     <h1 class="adir-title">Leden</h1>
    30     <p class="adir-sub"><%= total %> Klonkt<%= total === 1 ? '' : "'s" %></p>
     29    <h1 class="adir-title"><%= t('adir.title') %></h1>
     30    <p class="adir-sub"><%= t(total === 1 ? 'adir.count_one' : 'adir.count_many', { n: total }) %></p>
    3131
    3232    <form class="adir-search" method="get" action="/leden" role="search">
    33       <input type="search" name="q" value="<%= q %>" placeholder="Zoek op naam…"
    34              autocomplete="off" aria-label="Zoek leden">
    35       <button type="submit" class="adir-search-btn" aria-label="Zoeken">
     33      <input type="search" name="q" value="<%= q %>" placeholder="<%= t('adir.search_ph') %>"
     34             autocomplete="off" aria-label="<%= t('adir.search_aria') %>">
     35      <button type="submit" class="adir-search-btn" aria-label="<%= t('adir.search_btn') %>">
    3636        <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
    3737      </button>
    38       <% if (q) { %><a class="adir-search-clear" href="/leden">Wissen</a><% } %>
     38      <% if (q) { %><a class="adir-search-clear" href="/leden"><%= t('adir.clear') %></a><% } %>
    3939    </form>
    4040  </header>
    … …  
    4343    <% if (!artists.length) { %>
    4444      <p class="adir-empty">
    45         <% if (q) { %>Geen leden gevonden voor "<strong><%= q %></strong>".<% } else { %>Nog geen leden.<% } %>
     45        <% if (q) { %><%- t('adir.empty_q', { q: '<strong>' + q + '</strong>' }) %><% } else { %><%= t('adir.empty') %><% } %>
    4646      </p>
    4747    <% } else { %>
    … …  
    5555            <span class="roster-name"><%= a.title %></span>
    5656            <% if (a.tagline) { %><span class="roster-tag"><%= a.tagline %></span><% } %>
    57             <span class="roster-count"><%= a.post_count %> post<%= a.post_count === 1 ? '' : 's' %></span>
     57            <span class="roster-count"><%= t(a.post_count === 1 ? 'adir.posts_one' : 'adir.posts_many', { n: a.post_count }) %></span>
    5858          </a>
    5959        <% }); %>
    … …  
    6161
    6262      <% if (pages > 1) { %>
    63         <nav class="adir-pager" aria-label="Paginering">
     63        <nav class="adir-pager" aria-label="<%= t('adir.pager_aria') %>">
    6464          <% if (page > 1) { %>
    65             <a class="adir-page" href="<%= _qs({ page: page - 1 }) %>" rel="prev">← Vorige</a>
     65            <a class="adir-page" href="<%= _qs({ page: page - 1 }) %>" rel="prev"><%= t('adir.prev') %></a>
    6666          <% } else { %>
    67             <span class="adir-page is-disabled">← Vorige</span>
     67            <span class="adir-page is-disabled"><%= t('adir.prev') %></span>
    6868          <% } %>
    69           <span class="adir-page-info">Pagina <%= page %> van <%= pages %></span>
     69          <span class="adir-page-info"><%= t('adir.page_info', { page: page, pages: pages }) %></span>
    7070          <% if (page < pages) { %>
    71             <a class="adir-page" href="<%= _qs({ page: page + 1 }) %>" rel="next">Volgende →</a>
     71            <a class="adir-page" href="<%= _qs({ page: page + 1 }) %>" rel="next"><%= t('adir.next') %></a>
    7272          <% } else { %>
    73             <span class="adir-page is-disabled">Volgende →</span>
     73            <span class="adir-page is-disabled"><%= t('adir.next') %></span>
    7474          <% } %>
    7575        </nav>

  • src/views/pages/auth-login.ejs

    rbbf9d1a r4885eab  
    1111  <%
    1212    var GMAP = {
    13       admin: { icon: '🔐', title: 'Dit is een beheerders-account',
    14         body: 'Je logde in met Google, maar dit e-mailadres hoort bij de beheerder van deze site. Inloggen met Google is alleen voor luisteraars/fans — beheerders gebruiken altijd hun wachtwoord (zo kan een Google-login nooit per ongeluk beheerrechten geven).',
    15         list: ['<strong>Ben je de beheerder?</strong> <a href="/auth/admin">Log in met je gebruikersnaam + wachtwoord</a>.', '<strong>Wil je voortaan met Google inloggen?</strong> Log eerst in met wachtwoord en <strong>koppel je Google-account</strong> onder Account → daarna werkt Google-login ook voor jou.', '<strong>Wil je als fan inloggen?</strong> Gebruik een <strong>ander Google-account</strong> (niet je beheerdersadres).'] },
    16       session: { icon: '⏱️', title: 'Login afgebroken', body: 'De Google-login is afgebroken of de sessie was verlopen. Probeer het gewoon opnieuw.' },
    17       email: { icon: '✉️', title: 'Geen geverifieerd e-mailadres', body: 'Je Google-account heeft geen geverifieerd e-mailadres. Verifieer je adres bij Google.' },
    18       linked: { icon: '🔗', title: 'Adres al gekoppeld', body: 'Dit e-mailadres is al aan een ander Google-account gekoppeld. Gebruik dat account, of neem contact op met de beheerder.' },
    19       unavailable: { icon: '🚫', title: 'Google-login niet beschikbaar', body: 'Inloggen met Google is op deze site (nog) niet ingesteld.' },
    20       failed: { icon: '⚠️', title: 'Google-login mislukt', body: 'Er ging iets mis bij het inloggen met Google. Probeer het opnieuw.' },
     13      admin: { icon: '🔐', title: t('glog.admin_title'),
     14        body: t('glog.admin_body'),
     15        list: [t('glog.admin_li1'), t('glog.admin_li2'), t('glog.admin_li3')] },
     16      session: { icon: '⏱️', title: t('glog.session_title'), body: t('glog.session_body') },
     17      email: { icon: '✉️', title: t('glog.email_title'), body: t('glog.email_body') },
     18      linked: { icon: '🔗', title: t('glog.linked_title'), body: t('glog.linked_body') },
     19      unavailable: { icon: '🚫', title: t('glog.unavailable_title'), body: t('glog.unavailable_body') },
     20      failed: { icon: '⚠️', title: t('glog.failed_title'), body: t('glog.failed_body') },
    2121    };
    2222    var _g = (typeof gerr !== 'undefined' && gerr && GMAP[gerr]) ? GMAP[gerr] : null;

  • src/views/pages/auth-reset-request.ejs

    rbbf9d1a r4885eab  
    11<div class="container auth-page">
    2   <h1>Wachtwoord resetten</h1>
     2  <h1><%= t('arrq.title') %></h1>
    33
    44  <% if (sent) { %>
    55    <div class="alert alert-success">
    6       Als er een account bestaat voor dat e-mailadres, is er een reset-link verstuurd.
     6      <%= t('arrq.sent') %>
    77    </div>
    88    <% if (devResetUrl) { %>
    99      <div class="alert alert-info">
    10         <strong>Geen e-mailserver ingesteld</strong> — reset-link hieronder.
     10        <%- t('arrq.no_mailserver') %>
    1111        <p style="margin: 0.5rem 0 0; word-break: break-all;">
    1212          <a href="<%= devResetUrl %>"><%= devResetUrl %></a>
    … …  
    1515    <% } %>
    1616    <% if (typeof mailer !== 'undefined' && !mailer) { %>
    17       <p class="auth-link-muted">Geen e-mail ingesteld? De beheerder kan ook <code>npm run reset-admin</code> draaien op de server.</p>
     17      <p class="auth-link-muted"><%- t('arrq.no_mail_cli') %></p>
    1818    <% } %>
    19     <p class="auth-link"><a href="/auth/login">&larr; Terug naar inloggen</a></p>
     19    <p class="auth-link"><a href="/auth/login"><%= t('arrq.back_login') %></a></p>
    2020  <% } else { %>
    21     <p class="auth-tagline">Vul je e-mail in; we sturen een reset-link.</p>
     21    <p class="auth-tagline"><%= t('arrq.tagline') %></p>
    2222
    2323    <% if (error) { %><div class="alert alert-error"><%= error %></div><% } %>
    … …  
    2525    <form method="post" action="/auth/reset-request" class="auth-form">
    2626      <label>
    27         <span>E-mail</span>
     27        <span><%= t('arrq.email') %></span>
    2828        <input type="email" name="email" required autofocus autocomplete="email">
    2929      </label>
    30       <button type="submit" class="btn btn-primary">Stuur reset-link</button>
    31       <p class="auth-link"><a href="/auth/login">&larr; Terug naar inloggen</a></p>
     30      <button type="submit" class="btn btn-primary"><%= t('arrq.submit') %></button>
     31      <p class="auth-link"><a href="/auth/login"><%= t('arrq.back_login') %></a></p>
    3232    </form>
    3333  <% } %>

  • src/views/pages/auth-reset.ejs

    rbbf9d1a r4885eab  
    11<div class="container auth-page">
    2   <h1>Wachtwoord resetten</h1>
     2  <h1><%= t('arst.title') %></h1>
    33
    44  <% if (!token) { %>
    55    <% if (error) { %><div class="alert alert-error"><%= error %></div><% } %>
    66    <p class="auth-link">
    7       <a href="/auth/reset-request">Vraag een nieuwe reset-link aan</a>
     7      <a href="/auth/reset-request"><%= t('arst.request_new') %></a>
    88      &middot;
    9       <a href="/auth/login">Terug naar inloggen</a>
     9      <a href="/auth/login"><%= t('arst.back_login') %></a>
    1010    </p>
    1111  <% } else { %>
    12     <p class="auth-tagline">Stel een nieuw wachtwoord in voor <strong><%= username %></strong>.</p>
     12    <p class="auth-tagline"><%- t('arst.set_for', { username: '<strong>' + username + '</strong>' }) %></p>
     13    <%# arst.set_for bevat {username} → rendered met <%- omdat username in <strong> staat %>
    1314
    1415    <% if (error) { %><div class="alert alert-error"><%= error %></div><% } %>
    … …  
    1617    <form method="post" action="/auth/reset/<%= token %>" class="auth-form">
    1718      <label>
    18         <span>Nieuw wachtwoord (min 8 tekens)</span>
     19        <span><%= t('arst.new_pw') %></span>
    1920        <input type="password" name="new_password" required minlength="8" autofocus autocomplete="new-password">
    2021      </label>
    2122      <label>
    22         <span>Bevestig nieuw wachtwoord</span>
     23        <span><%= t('arst.confirm_pw') %></span>
    2324        <input type="password" name="confirm" required minlength="8" autocomplete="new-password">
    2425      </label>
    25       <button type="submit" class="btn btn-primary">Wachtwoord instellen</button>
     26      <button type="submit" class="btn btn-primary"><%= t('arst.submit') %></button>
    2627    </form>
    2728  <% } %>

  • src/views/pages/changelog.ejs

    rbbf9d1a r4885eab  
    11<div class="container changelog-page">
    2   <p><a href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/" class="btn">&larr; Terug</a></p>
    3   <h1>Wijzigingen</h1>
     2  <p><a href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/" class="btn">&larr; <%= t('chlog.back') %></a></p>
     3  <h1><%= t('chlog.title') %></h1>
    44  <p class="cl-meta">
    5     App-versie <strong>v<%= appVersion %></strong>
     5    <%= t('chlog.app_version') %> <strong>v<%= appVersion %></strong>
    66    <span class="cl-sep">·</span>
    7     Federatie-proto <strong><%= proto %></strong>
     7    <%= t('chlog.fed_proto') %> <strong><%= proto %></strong>
    88    <% if (typeof user !== 'undefined' && user && user.role === 'god') { %>
    9       <span class="cl-sep">·</span> <a href="/admin/updates">Updates beheren</a>
     9      <span class="cl-sep">·</span> <a href="/admin/updates"><%= t('chlog.manage_updates') %></a>
    1010    <% } %>
    1111  </p>

  • src/views/pages/circle-feed.ejs

    rbbf9d1a r4885eab  
    1010    </svg>
    1111  </span>
    12   <h1>Cirkel</h1>
    13   <p class="cirkel-sub">Wat er speelt bij de andere sites in mijn cirkel.</p>
     12  <h1><%= t('cfeed.title') %></h1>
     13  <p class="cirkel-sub"><%= t('cfeed.sub') %></p>
    1414  <% if (typeof sites !== 'undefined' && sites && sites.length) { %>
    1515    <% if (sites.length <= 5) { %>
    … …  
    2424    <% } else { %>
    2525      <%# Meer dan 5: geen chips (zou een muur worden) — alleen het aantal. %>
    26       <span class="cirkel-count"><%= sites.length %> sites in mijn cirkel</span>
     26      <span class="cirkel-count"><%= t('cfeed.count', { n: sites.length }) %></span>
    2727    <% } %>
    2828  <% } %>
    … …  
    3131<% if (!posts.length) { %>
    3232  <div class="container">
    33     <p class="cirkel-empty">Nog niets in mijn cirkel.</p>
     33    <p class="cirkel-empty"><%= t('cfeed.empty') %></p>
    3434  </div>
    3535<% } else { %>
    … …  
    5050
    5151  <!-- ===== GRID (body[data-feed-view="grid"]) ===== -->
    52   <section class="feed-grid container" aria-label="Grid-weergave">
     52  <section class="feed-grid container" aria-label="<%= t('cfeed.grid_view') %>">
    5353    <div class="grid-tiles">
    5454      <% posts.forEach(function(post){ %>

  • src/views/pages/circle-post.ejs

    rbbf9d1a r4885eab  
    22  <p class="cirkel-post-back">
    33    <a href="/cirkel" hx-get="/cirkel?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
    4        hx-push-url="/cirkel" hx-indicator="#pcms-loading">&larr; Cirkel</a>
     4       hx-push-url="/cirkel" hx-indicator="#pcms-loading">&larr; <%= t('cpost.back') %></a>
    55  </p>
    66
    … …  
    88    <div class="cirkel-post-src">
    99      <% if (post.sourceAvatar) { %><img class="cirkel-post-avatar" src="<%= post.sourceAvatar %>" alt=""><% } %>
    10       <span>via
     10      <span><%= t('cpost.via') %>
    1111        <% if (post.sourceUrl) { %><a href="<%= post.sourceUrl %>" target="_blank" rel="noopener"><%= post.sourceName %></a>
    1212        <% } else { %><%= post.sourceName %><% } %>
    … …  
    3737  <% if (post.originalUrl) { %>
    3838    <p class="cirkel-post-readmore">
    39       <a href="<%= post.originalUrl %>" target="_blank" rel="noopener">Lees verder bij <%= post.sourceName %> &rarr;</a>
     39      <a href="<%= post.originalUrl %>" target="_blank" rel="noopener"><%= t('cpost.read_more', { source: post.sourceName }) %> &rarr;</a>
    4040    </p>
    4141  <% } %>

  • src/views/pages/download.ejs

    rbbf9d1a r4885eab  
     1<%
     2  var _ready_h1     = t('dl.ready_title');
     3  var _ready_sub    = t('dl.ready_sub');
     4  var _manual       = t('dl.manual');
     5  var _capture_sub  = t('dl.capture_sub');
     6  var _email_ph     = t('dl.email_ph');
     7  var _download_btn = t('dl.download_btn');
     8%>
    19<%
    210  var t = (typeof dlTrack !== 'undefined') ? dlTrack : {};
    … …  
    1523
    1624    <% if (st === 'ready') { %>
    17       <h1 class="dl-h1">Bedankt! ⬇</h1>
    18       <p class="dl-sub">Je download zou nu moeten starten. Gebeurt er niets?</p>
    19       <p><a class="dl-go" href="<%= fileUrl %>">Download handmatig starten</a></p>
     25      <h1 class="dl-h1"><%= _ready_h1 %></h1>
     26      <p class="dl-sub"><%= _ready_sub %></p>
     27      <p><a class="dl-go" href="<%= fileUrl %>"><%= _manual %></a></p>
    2028      <script>
    2129        // Auto-start de download (zelfde-origin attachment-link).
    … …  
    2331      </script>
    2432    <% } else { %>
    25       <h1 class="dl-h1">Download <%= t.title %></h1>
    26       <p class="dl-sub">Laat je e-mailadres achter en je krijgt het bestand. Je komt dan ook op de nieuwsbrieflijst — uitschrijven kan altijd.</p>
     33      <h1 class="dl-h1"><%= _download_btn %> <%= t.title %></h1>
     34      <p class="dl-sub"><%= _capture_sub %></p>
    2735      <% if (typeof dlError !== 'undefined' && dlError) { %><p class="dl-err"><%= dlError %></p><% } %>
    2836      <form method="POST" action="<%= siteUrlBase %>/download/<%= t.id %>" class="dl-form">
    29         <input type="email" name="email" required placeholder="jouw@email.nl" value="<%= (typeof dlPrefill!=='undefined')?dlPrefill:'' %>" autocomplete="email">
    30         <button type="submit" class="dl-go">⬇ Download</button>
     37        <input type="email" name="email" required placeholder="<%= _email_ph %>" value="<%= (typeof dlPrefill!=='undefined')?dlPrefill:'' %>" autocomplete="email">
     38        <button type="submit" class="dl-go">⬇ <%= _download_btn %></button>
    3139      </form>
    3240    <% } %>

  • src/views/pages/epk.ejs

    rbbf9d1a r4885eab  
    1111    <% if (_photo) { %><div class="epk-photo"><img src="<%= _photo %>" alt="<%= site.title %>"></div><% } %>
    1212    <div class="epk-hero-text">
    13       <div class="epk-kicker">Perskit<% if (typeof user !== 'undefined' && user && user.role === 'god') { %> <a class="epk-edit-link" href="/admin/epk">✎ Bewerken</a><% } %></div>
     13      <div class="epk-kicker"><%= t('epk.kicker') %><% if (typeof user !== 'undefined' && user && user.role === 'god') { %> <a class="epk-edit-link" href="/admin/epk">✎ <%= t('epk.edit') %></a><% } %></div>
    1414      <h1 class="epk-title"><%= site.title %></h1>
    1515      <% if (epkBio) { %><p class="epk-bio"><%= epkBio %></p><% } %>
    1616      <div class="epk-actions">
    1717        <% if (_isMail) { %>
    18           <a class="epk-btn epk-btn-primary" href="mailto:<%= epkContact %>">✉ Contact / boeking</a>
     18          <a class="epk-btn epk-btn-primary" href="mailto:<%= epkContact %>">✉ <%= t('epk.contact_booking') %></a>
    1919        <% } else if (_isUrl) { %>
    20           <a class="epk-btn epk-btn-primary" href="<%= epkContact %>" target="_blank" rel="noopener">Contact / boeking</a>
     20          <a class="epk-btn epk-btn-primary" href="<%= epkContact %>" target="_blank" rel="noopener"><%= t('epk.contact_booking') %></a>
    2121        <% } %>
    22         <a class="epk-btn" href="<%= siteUrlBase %>/">Bekijk de site →</a>
    23         <% if (_photo) { %><a class="epk-btn" href="<%= _photo %>" download>⬇ Persfoto</a><% } %>
     22        <a class="epk-btn" href="<%= siteUrlBase %>/"><%= t('epk.view_site') %></a>
     23        <% if (_photo) { %><a class="epk-btn" href="<%= _photo %>" download>⬇ <%= t('epk.press_photo') %></a><% } %>
    2424      </div>
    2525    </div>
    … …  
    2828  <% if (epkTracks && epkTracks.length) { %>
    2929    <div class="epk-block">
    30       <h2 class="epk-h2">Meest beluisterd</h2>
     30      <h2 class="epk-h2"><%= t('epk.most_played') %></h2>
    3131      <ul class="epk-tracks">
    3232        <% epkTracks.forEach(function(t, i){ %>
    … …  
    4747  <% if (epkPosts && epkPosts.length) { %>
    4848    <div class="epk-block">
    49       <h2 class="epk-h2">Recent</h2>
     49      <h2 class="epk-h2"><%= t('epk.recent') %></h2>
    5050      <ul class="epk-posts">
    5151        <% epkPosts.forEach(function(p){ %>

  • src/views/pages/fan-gate.ejs

    rbbf9d1a r4885eab  
    99  <div class="fg-card">
    1010    <div class="fg-lock">🔒</div>
    11     <h1 class="fg-h1">Alleen voor fans</h1>
     11    <h1 class="fg-h1"><%= t('fgate.title') %></h1>
    1212    <% if (typeof fgTitle !== 'undefined' && fgTitle) { %><p class="fg-which">"<%= fgTitle %>"</p><% } %>
    13     <p class="fg-sub">Dit is exclusief voor ingelogde fans. Log in om het te bekijken.</p>
    14     <p><a class="fg-btn" href="/auth/login?next=<%= encodeURIComponent(fgNext || '/') %>">Inloggen / aanmelden</a></p>
     13    <p class="fg-sub"><%= t('fgate.sub') %></p>
     14    <p><a class="fg-btn" href="/auth/login?next=<%= encodeURIComponent(fgNext || '/') %>"><%= t('fgate.login') %></a></p>
    1515  </div>
    1616</section>

  • src/views/pages/favorites.ejs

    rbbf9d1a r4885eab  
    11<div class="container favorites-page">
    2   <h1>Favorieten</h1>
    3   <p class="fav-sub">Posts die je hebt geliket. Tik op het ♥ bij een post om 'm hier te bewaren.</p>
     2  <h1><%= t('fav.title') %></h1>
     3  <p class="fav-sub"><%= t('fav.sub') %></p>
    44
    55  <% if (!posts || !posts.length) { %>
    6     <p class="fav-empty">Je hebt nog geen favorieten. Open een post en tik op het hartje ♡.</p>
     6    <p class="fav-empty"><%= t('fav.empty') %></p>
    77  <% } else { %>
    88    <ul class="post-list">

  • src/views/pages/home.ejs

    rbbf9d1a r4885eab  
    2323  <% if (allPosts.length === 0) { %>
    2424    <div class="empty">
    25       <h1>Hier is het nog stil.</h1>
    26       <p>Nog geen posts. Spannend.</p>
     25      <h1><%= t('phome.empty_title') %></h1>
     26      <p><%= t('phome.empty_sub') %></p>
    2727      <% if (user && canMutate && permissions.canCreatePost(user, site)) { %>
    2828        <p style="margin-top:2rem">
    … …  
    3030             hx-get="<%= _base %>/posts/new?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
    3131             hx-push-url="<%= _base %>/posts/new" hx-indicator="#pcms-loading">
    32             Schrijf je eerste post →
     32            <%= t('phome.write_first') %> →
    3333          </a>
    3434        </p>
    … …  
    4747<!-- ========== GRID (only visible when body[data-feed-view="grid"]) ========== -->
    4848<% if (allPosts.length > 0) { %>
    49 <section class="feed-grid container" aria-label="Grid-weergave">
     49<section class="feed-grid container" aria-label="<%= t('phome.grid_view') %>">
    5050  <div class="grid-tiles">
    5151    <% allPosts.forEach(function(post) { %>

  • src/views/pages/hub-home.ejs

    rbbf9d1a r4885eab  
    2828        </span>
    2929        <span class="hub-main-info">
    30           <span class="hub-main-badge">Hoofdpagina</span>
     30          <span class="hub-main-badge"><%= t('phub.main_badge') %></span>
    3131          <span class="hub-main-name"><%= mainSite.title %></span>
    3232          <% if (mainSite.tagline) { %><span class="hub-main-tag"><%= mainSite.tagline %></span><% } %>
    3333        </span>
    34         <span class="hub-main-cta">Bekijk de pagina <span aria-hidden="true">→</span></span>
     34        <span class="hub-main-cta"><%= t('phub.view_page') %> <span aria-hidden="true">→</span></span>
    3535      </a>
    3636    </section>
    … …  
    4343    <section class="hub-sec">
    4444      <h2 class="hub-sec-title">
    45         Leden
     45        <%= t('phub.members') %>
    4646        <% if (_hasMore) { %><span class="hub-sec-count"><%= _total %></span><% } %>
    4747      </h2>
    … …  
    5757            <span class="roster-name"><%= a.title %></span>
    5858            <% if (a.tagline) { %><span class="roster-tag"><%= a.tagline %></span><% } %>
    59             <span class="roster-count"><%= a.post_count %> post<%= a.post_count === 1 ? '' : 's' %></span>
     59            <span class="roster-count"><%= a.post_count %> <%= a.post_count === 1 ? t('phub.post_one') : t('phub.post_many') %></span>
    6060          </a>
    6161        <% }); %>
    … …  
    6363      <% if (_hasMore) { %>
    6464        <div class="hub-more">
    65           <a class="hub-more-link" href="/leden">Alle <%= _total %> leden <span aria-hidden="true">→</span></a>
     65          <a class="hub-more-link" href="/leden"><%= t('phub.all_members', { n: _total }) %> <span aria-hidden="true">→</span></a>
    6666        </div>
    6767      <% } %>
    … …  
    7272    <% if (posts && posts.length) { %>
    7373    <section class="hub-sec">
    74       <h2 class="hub-sec-title">Laatste posts van onze leden.</h2>
     74      <h2 class="hub-sec-title"><%= t('phub.latest_posts') %></h2>
    7575      <div class="hub-feed">
    7676        <% posts.forEach(function(p){ %>

  • src/views/pages/linkbio.ejs

    rbbf9d1a r4885eab  
    1313
    1414  <% if (!links.length) { %>
    15     <p class="lb-empty">Nog geen links ingesteld.</p>
     15    <p class="lb-empty"><%= t('lbio.empty') %></p>
    1616  <% } else { %>
    1717    <div class="lb-links">
    … …  
    2525  <% } %>
    2626
    27   <p class="lb-foot"><a href="<%= siteUrlBase %>/">← naar de site</a></p>
     27  <p class="lb-foot"><a href="<%= siteUrlBase %>/">← <%= t('lbio.back_to_site') %></a></p>
    2828</section>
    2929

  • src/views/pages/my-site.ejs

    rbbf9d1a r4885eab  
    11<div class="container admin-page">
    2   <p><a href="/" class="btn">&larr; Overzicht</a></p>
    3   <h1>Mijn Klonkt Hub</h1>
     2  <p><a href="/" class="btn">&larr; <%= t('myst.overview') %></a></p>
     3  <h1><%= t('myst.title') %></h1>
    44  <p class="admin-tagline"><%= mySite.title %></p>
    55
    6   <nav class="admin-quick-links" aria-label="Beheer-snelkoppelingen">
    7     <a href="/user/<%= mySite.slug %>/posts/new" class="btn">✍️ Nieuwe post</a>
    8     <a href="/admin/sites/<%= mySite.slug %>/edit" class="btn">🎨 Uiterlijk</a>
    9     <a href="/user/<%= mySite.slug %>/admin/comments" class="btn">💬 Reacties</a>
    10     <a href="/user/<%= mySite.slug %>" class="btn">👁️ Bekijk mijn site</a>
    11     <a href="/account" class="btn">👤 Account</a>
     6  <nav class="admin-quick-links" aria-label="<%= t('myst.quick_links_aria') %>">
     7    <a href="/user/<%= mySite.slug %>/posts/new" class="btn">✍️ <%= t('myst.new_post') %></a>
     8    <a href="/admin/sites/<%= mySite.slug %>/edit" class="btn">🎨 <%= t('myst.appearance') %></a>
     9    <a href="/user/<%= mySite.slug %>/admin/comments" class="btn">💬 <%= t('myst.comments') %></a>
     10    <a href="/user/<%= mySite.slug %>" class="btn">👁️ <%= t('myst.view_site') %></a>
     11    <a href="/account" class="btn">👤 <%= t('myst.account') %></a>
    1212  </nav>
    1313
    1414  <div class="admin-stats">
    15     <div class="stat-card"><div class="stat-num"><%= mine.posts %></div><div class="stat-label">Posts</div></div>
    16     <div class="stat-card"><div class="stat-num"><%= mine.published %></div><div class="stat-label">Gepubliceerd</div></div>
     15    <div class="stat-card"><div class="stat-num"><%= mine.posts %></div><div class="stat-label"><%= t('myst.posts') %></div></div>
     16    <div class="stat-card"><div class="stat-num"><%= mine.published %></div><div class="stat-label"><%= t('myst.published') %></div></div>
    1717  </div>
    1818
    1919  <% if (typeof posts !== 'undefined' && posts && posts.length) { %>
    2020    <% var _drafts = posts.filter(function(p){ return p.isDraft; }).length; %>
    21     <h2 class="ms-posts-title">Posts<% if (_drafts) { %> <span class="pl-draftcount"><%= _drafts %> concept<%= _drafts === 1 ? '' : 'en' %></span><% } %></h2>
     21    <%
     22      var _lblBadge = t('myst.draft_badge');
     23      var _lblUntitled = t('myst.untitled');
     24      var _lblEdit = t('myst.edit');
     25      var _lblView = t('myst.view');
     26    %>
     27    <h2 class="ms-posts-title"><%= t('myst.posts') %><% if (_drafts) { %> <span class="pl-draftcount"><%= _drafts === 1 ? t('myst.draft_count_one', { n: _drafts }) : t('myst.draft_count_many', { n: _drafts }) %></span><% } %></h2>
    2228    <ul class="post-admin-list">
    2329      <% posts.forEach(function(p) { %>
    2430        <li class="pal-row<%= p.isDraft ? ' is-draft' : '' %>">
    2531          <a class="pal-title" href="<%= p.editUrl %>">
    26             <% if (p.isDraft) { %><span class="pal-badge">Concept</span><% } %>
    27             <span class="pal-name"><%= p.title || '(zonder titel)' %></span>
     32            <% if (p.isDraft) { %><span class="pal-badge"><%= _lblBadge %></span><% } %>
     33            <span class="pal-name"><%= p.title || _lblUntitled %></span>
    2834          </a>
    2935          <span class="pal-actions">
    30             <a class="pal-link" href="<%= p.editUrl %>">Bewerken</a>
    31             <% if (!p.isDraft) { %><a class="pal-link" href="<%= p.viewUrl %>">Bekijk</a><% } %>
     36            <a class="pal-link" href="<%= p.editUrl %>"><%= _lblEdit %></a>
     37            <% if (!p.isDraft) { %><a class="pal-link" href="<%= p.viewUrl %>"><%= _lblView %></a><% } %>
    3238          </span>
    3339        </li>

  • src/views/pages/newsletter.ejs

    rbbf9d1a r4885eab  
    11<%
    22  var _site = site || {};
    3   var _title = _site.title || 'deze artiest';
     3  var _title = _site.title || t('news.this_artist');
    44  var st = (typeof nlState !== 'undefined') ? nlState : 'form';
    55%>
    … …  
    77  <div class="nl-card">
    88    <% if (st === 'form') { %>
    9       <h1 class="nl-h1">Blijf op de hoogte</h1>
    10       <p class="nl-sub">Schrijf je in voor de nieuwsbrief van <strong><%= _title %></strong> — nieuwe muziek, shows en updates, rechtstreeks in je inbox. Uitschrijven kan altijd met één klik.</p>
     9      <h1 class="nl-h1"><%= t('news.form_title') %></h1>
     10      <p class="nl-sub"><%= t('news.form_sub_before') %><strong><%= _title %></strong><%= t('news.form_sub_after') %></p>
    1111      <form method="POST" action="<%= siteUrlBase %>/nieuwsbrief" class="nl-form">
    12         <input type="email" name="email" required placeholder="jouw@email.nl" value="<%= (typeof nlPrefill !== 'undefined') ? nlPrefill : '' %>" autocomplete="email">
    13         <button type="submit" class="nl-btn">Inschrijven</button>
     12        <input type="email" name="email" required placeholder="<%= t('news.email_ph') %>" value="<%= (typeof nlPrefill !== 'undefined') ? nlPrefill : '' %>" autocomplete="email">
     13        <button type="submit" class="nl-btn"><%= t('news.subscribe') %></button>
    1414      </form>
    1515    <% } else if (st === 'check') { %>
    16       <h1 class="nl-h1">Bijna klaar ✉</h1>
    17       <p class="nl-sub">We hebben een bevestigingsmail gestuurd naar <strong><%= (typeof nlEmail!=='undefined')?nlEmail:'je adres' %></strong>. Klik op de link in die mail om je inschrijving te bevestigen.</p>
     16      <h1 class="nl-h1"><%= t('news.check_title') %></h1>
     17      <p class="nl-sub"><%= t('news.check_sub_before') %><strong><%= (typeof nlEmail!=='undefined')?nlEmail:t('news.your_address') %></strong><%= t('news.check_sub_after') %></p>
    1818    <% } else if (st === 'done') { %>
    19       <h1 class="nl-h1">Je bent ingeschreven ✓</h1>
    20       <p class="nl-sub">Bedankt — je staat op de lijst van <strong><%= _title %></strong>.</p>
     19      <h1 class="nl-h1"><%= t('news.done_title') %></h1>
     20      <p class="nl-sub"><%= t('news.done_sub_before') %><strong><%= _title %></strong><%= t('news.done_sub_after') %></p>
    2121    <% } else if (st === 'confirmed') { %>
    22       <h1 class="nl-h1">Inschrijving bevestigd ✓</h1>
    23       <p class="nl-sub">Top! Je ontvangt voortaan de nieuwsbrief van <strong><%= _title %></strong>.</p>
     22      <h1 class="nl-h1"><%= t('news.confirmed_title') %></h1>
     23      <p class="nl-sub"><%= t('news.confirmed_sub_before') %><strong><%= _title %></strong><%= t('news.confirmed_sub_after') %></p>
    2424    <% } else if (st === 'unsubbed') { %>
    25       <h1 class="nl-h1">Uitgeschreven</h1>
    26       <p class="nl-sub">Je bent afgemeld. Je ontvangt geen nieuwsbrieven meer. Van gedachten veranderd? Je kunt je altijd opnieuw inschrijven.</p>
     25      <h1 class="nl-h1"><%= t('news.unsubbed_title') %></h1>
     26      <p class="nl-sub"><%= t('news.unsubbed_sub') %></p>
    2727    <% } else if (st === 'invalid') { %>
    28       <h1 class="nl-h1">Ongeldig e-mailadres</h1>
    29       <p class="nl-sub">Controleer je adres en probeer 't opnieuw.</p>
    30       <p><a class="nl-btn nl-btn-ghost" href="<%= siteUrlBase %>/nieuwsbrief">← Terug</a></p>
     28      <h1 class="nl-h1"><%= t('news.invalid_title') %></h1>
     29      <p class="nl-sub"><%= t('news.invalid_sub') %></p>
     30      <p><a class="nl-btn nl-btn-ghost" href="<%= siteUrlBase %>/nieuwsbrief"><%= t('news.back') %></a></p>
    3131    <% } else if (st === 'smtperror') { %>
    32       <h1 class="nl-h1">Even niet gelukt</h1>
    33       <p class="nl-sub">De bevestigingsmail kon niet verstuurd worden. Probeer 't later nog eens.</p>
     32      <h1 class="nl-h1"><%= t('news.smtperror_title') %></h1>
     33      <p class="nl-sub"><%= t('news.smtperror_sub') %></p>
    3434    <% } else if (st === 'badtoken') { %>
    35       <h1 class="nl-h1">Link ongeldig of verlopen</h1>
    36       <p class="nl-sub">Deze link werkt niet meer. Schrijf je eventueel opnieuw in.</p>
    37       <p><a class="nl-btn nl-btn-ghost" href="<%= siteUrlBase %>/nieuwsbrief">Naar inschrijven</a></p>
     35      <h1 class="nl-h1"><%= t('news.badtoken_title') %></h1>
     36      <p class="nl-sub"><%= t('news.badtoken_sub') %></p>
     37      <p><a class="nl-btn nl-btn-ghost" href="<%= siteUrlBase %>/nieuwsbrief"><%= t('news.to_subscribe') %></a></p>
    3838    <% } else { %>
    39       <h1 class="nl-h1">Er ging iets mis</h1>
    40       <p class="nl-sub">Probeer 't later nog eens.</p>
     39      <h1 class="nl-h1"><%= t('news.error_title') %></h1>
     40      <p class="nl-sub"><%= t('news.error_sub') %></p>
    4141    <% } %>
    4242  </div>

  • src/views/pages/post-edit.ejs

    rbbf9d1a r4885eab  
    1515%>
    1616<div class="container post-edit-page">
    17   <h1><%= isNew ? 'Nieuwe post' : 'Post bewerken' %></h1>
     17  <h1><%= isNew ? t('pedit.title_new') : t('pedit.title_edit') %></h1>
    1818
    1919  <form method="post" action="<%= _base %><%= isNew ? '/posts/create' : '/posts/' + post.slug + '/save' %>" class="post-edit-form">
    … …  
    2222    <section class="pe-card">
    2323      <label class="pe-field">
    24         <span>Titel</span>
     24        <span><%= t('pedit.f_title') %></span>
    2525        <input type="text" name="title" value="<%= post.title %>" required>
    2626      </label>
    2727      <div class="pe-row pe-row-2">
    2828        <label class="pe-field">
    29           <span>Slug (URL)</span>
    30           <input type="text" name="slug" value="<%= post.slug %>" placeholder="auto van titel als leeg">
     29          <span><%= t('pedit.f_slug') %></span>
     30          <input type="text" name="slug" value="<%= post.slug %>" placeholder="<%= t('pedit.slug_placeholder') %>">
    3131        </label>
    3232        <label class="pe-field">
    33           <span>Tags <small>(komma-gescheiden)</small></span>
     33          <span><%= t('pedit.f_tags') %> <small><%= t('pedit.tags_hint') %></small></span>
    3434          <input type="text" name="tags" value="<%= Array.isArray(post.tags) ? post.tags.join(', ') : '' %>">
    3535        </label>
    3636      </div>
    3737      <label class="pe-field">
    38         <span>Samenvatting &amp; Cirkel Preview</span>
     38        <span><%= t('pedit.f_excerpt') %></span>
    3939        <textarea name="excerpt" rows="2"><%= post.excerpt %></textarea>
    40         <small class="pe-hint" style="opacity:.7">Wordt ook gebruikt als samenvatting in <strong>Cirkels</strong> (andere sites die je post tonen). Leeg laten = begin van de post.</small>
     40        <small class="pe-hint" style="opacity:.7"><%- t('pedit.excerpt_hint') %></small>
    4141      </label>
    4242    </section>
    … …  
    4444    <%# ── COVER ────────────────────────────────────────────────── %>
    4545    <section class="pe-card">
    46       <div class="pe-section-title">Cover</div>
     46      <div class="pe-section-title"><%= t('pedit.s_cover') %></div>
    4747      <div class="pe-cover-row">
    4848        <div class="pe-cover-thumb" id="cover-preview-wrap" <%= _hasCover ? '' : 'data-empty' %>>
    … …  
    5252        <div class="pe-cover-actions">
    5353          <label class="pe-field">
    54             <span>Cover URL</span>
     54            <span><%= t('pedit.f_cover_url') %></span>
    5555            <input type="text" name="cover_image_url" id="cover-url-field"
    5656                   value="<%= post.cover_image_url || '' %>"
    5757                   inputmode="url" autocapitalize="none" spellcheck="false"
    58                    placeholder="/media/…  of https://…  (of upload met de knop)">
     58                   placeholder="<%= t('pedit.cover_url_placeholder') %>">
    5959          </label>
    6060          <div class="pe-cover-upload">
    6161            <button type="button" class="pe-btn pe-btn-secondary" id="cover-upload-trigger">
    62               📷 Upload nieuwe cover
     62              📷 <%= t('pedit.cover_upload_btn') %>
    6363            </button>
    6464            <input type="file" id="cover-upload-field" accept="image/jpeg,image/png,image/webp,image/gif" hidden>
    … …  
    7272    <section class="pe-card pe-card-content">
    7373      <div class="pe-section-title">
    74         Content
    75         <small class="pe-content-hint">Sleep een afbeelding om in te voegen · selecteer tekst om op te maken</small>
     74        <%= t('pedit.s_content') %>
     75        <small class="pe-content-hint"><%= t('pedit.content_hint') %></small>
    7676      </div>
    7777      <div class="pe-editor-frame">
    7878        <div class="pe-toolbar" id="pe-toolbar" role="toolbar" aria-label="Format">
    79           <button type="button" id="pe-fs-done" class="pe-fs-done" title="Klaar met bewerken">✓ Klaar</button>
    80           <button type="button" data-cmd="bold" title="Vet (Ctrl+B)" aria-label="Vet">
     79          <button type="button" id="pe-fs-done" class="pe-fs-done" title="<%= t('pedit.tb_done_title') %>">✓ <%= t('pedit.tb_done') %></button>
     80          <button type="button" data-cmd="bold" title="<%= t('pedit.tb_bold_title') %>" aria-label="<%= t('pedit.tb_bold') %>">
    8181            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 4h8a4 4 0 0 1 0 8H6z"/><path d="M6 12h9a4 4 0 0 1 0 8H6z"/></svg>
    8282          </button>
    83           <button type="button" data-cmd="italic" title="Cursief (Ctrl+I)" aria-label="Cursief">
     83          <button type="button" data-cmd="italic" title="<%= t('pedit.tb_italic_title') %>" aria-label="<%= t('pedit.tb_italic') %>">
    8484            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/></svg>
    8585          </button>
    86           <button type="button" data-cmd="underline" title="Onderstreept" aria-label="Onderstreept">
     86          <button type="button" data-cmd="underline" title="<%= t('pedit.tb_underline') %>" aria-label="<%= t('pedit.tb_underline') %>">
    8787            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 4v6a6 6 0 0 0 12 0V4"/><line x1="4" y1="20" x2="20" y2="20"/></svg>
    8888          </button>
    8989          <span class="pe-toolbar-sep" aria-hidden="true"></span>
    90           <button type="button" class="pe-tb-text" data-cmd="formatBlock" data-arg="h2" title="Kop">H2</button>
    91           <button type="button" class="pe-tb-text" data-cmd="formatBlock" data-arg="h3" title="Subkop">H3</button>
    92           <button type="button" class="pe-tb-text" data-cmd="formatBlock" data-arg="p"  title="Paragraaf">¶</button>
     90          <button type="button" class="pe-tb-text" data-cmd="formatBlock" data-arg="h2" title="<%= t('pedit.tb_h2') %>">H2</button>
     91          <button type="button" class="pe-tb-text" data-cmd="formatBlock" data-arg="h3" title="<%= t('pedit.tb_h3') %>">H3</button>
     92          <button type="button" class="pe-tb-text" data-cmd="formatBlock" data-arg="p"  title="<%= t('pedit.tb_p') %>">¶</button>
    9393          <span class="pe-toolbar-sep" aria-hidden="true"></span>
    94           <button type="button" data-cmd="insertUnorderedList" title="Lijst" aria-label="Lijst">
     94          <button type="button" data-cmd="insertUnorderedList" title="<%= t('pedit.tb_ul') %>" aria-label="<%= t('pedit.tb_ul') %>">
    9595            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="9" y1="6" x2="20" y2="6"/><line x1="9" y1="12" x2="20" y2="12"/><line x1="9" y1="18" x2="20" y2="18"/><circle cx="4.5" cy="6" r="1.2"/><circle cx="4.5" cy="12" r="1.2"/><circle cx="4.5" cy="18" r="1.2"/></svg>
    9696          </button>
    97           <button type="button" data-cmd="insertOrderedList" title="Genummerde lijst" aria-label="Genummerde lijst">
     97          <button type="button" data-cmd="insertOrderedList" title="<%= t('pedit.tb_ol') %>" aria-label="<%= t('pedit.tb_ol') %>">
    9898            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><path d="M4 6h1v4"/><path d="M4 10h2"/><path d="M6 18H4c0-1 2-2 2-3s-1-1.5-2-1"/></svg>
    9999          </button>
    100           <button type="button" data-cmd="formatBlock" data-arg="blockquote" title="Quote" aria-label="Quote">
     100          <button type="button" data-cmd="formatBlock" data-arg="blockquote" title="<%= t('pedit.tb_quote') %>" aria-label="<%= t('pedit.tb_quote') %>">
    101101            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.75-2-2-2H4c-1.25 0-2 .75-2 2v6c0 1.25.75 2 2 2h2.5C6 17.5 4 19 3 19v2z"/><path d="M14 21c3 0 7-1 7-8V5c0-1.25-.75-2-2-2h-4c-1.25 0-2 .75-2 2v6c0 1.25.75 2 2 2h2.5c-.5 4.5-2.5 6-3.5 6v2z"/></svg>
    102102          </button>
    103           <button type="button" data-cmd="link-prompt" title="Link (Ctrl+K)" aria-label="Link">
     103          <button type="button" data-cmd="link-prompt" title="<%= t('pedit.tb_link_title') %>" aria-label="<%= t('pedit.tb_link') %>">
    104104            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
    105105          </button>
    106           <button type="button" data-cmd="code-wrap" title="Code (inline)" aria-label="Code">
     106          <button type="button" data-cmd="code-wrap" title="<%= t('pedit.tb_code_title') %>" aria-label="<%= t('pedit.tb_code') %>">
    107107            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>
    108108          </button>
    109109          <span class="pe-toolbar-sep" aria-hidden="true"></span>
    110           <button type="button" id="insert-image-btn" title="Afbeelding invoegen" aria-label="Afbeelding">
     110          <button type="button" id="insert-image-btn" title="<%= t('pedit.tb_image_title') %>" aria-label="<%= t('pedit.tb_image') %>">
    111111            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
    112112          </button>
    113           <button type="button" id="insert-track-btn" title="Track invoegen" aria-label="Track">
     113          <button type="button" id="insert-track-btn" title="<%= t('pedit.tb_track_title') %>" aria-label="<%= t('pedit.tb_track') %>">
    114114            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>
    115115          </button>
    116           <button type="button" id="insert-playlist-btn" title="Playlist invoegen" aria-label="Playlist">
     116          <button type="button" id="insert-playlist-btn" title="<%= t('pedit.tb_playlist_title') %>" aria-label="<%= t('pedit.tb_playlist') %>">
    117117            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="15" y2="18"/><polygon points="3 5 3 13 9 9"/></svg>
    118118          </button>
    119           <button type="button" id="insert-embed-btn" title="Embed (YouTube, Spotify, SoundCloud, Vimeo…)" aria-label="Media embedden">
     119          <button type="button" id="insert-embed-btn" title="<%= t('pedit.tb_embed_title') %>" aria-label="<%= t('pedit.tb_embed') %>">
    120120            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><polygon points="10 9 15.5 12 10 15"/></svg>
    121121          </button>
    122122          <span class="pe-toolbar-spacer"></span>
    123           <button type="button" data-cmd="removeFormat" title="Wis opmaak" aria-label="Wis opmaak">
     123          <button type="button" data-cmd="removeFormat" title="<%= t('pedit.tb_clear') %>" aria-label="<%= t('pedit.tb_clear') %>">
    124124            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7V4h16v3"/><path d="M9 20h6"/><path d="M5 5l14 14" stroke-linecap="round"/></svg>
    125125          </button>
    126           <button type="button" id="pe-fullscreen-btn" title="Volledig scherm" aria-label="Volledig scherm" aria-pressed="false">
     126          <button type="button" id="pe-fullscreen-btn" title="<%= t('pedit.tb_fullscreen') %>" aria-label="<%= t('pedit.tb_fullscreen') %>" aria-pressed="false">
    127127            <svg class="fs-icon-expand" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>
    128128            <svg class="fs-icon-compress" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="4 14 10 14 10 20"/><polyline points="20 10 14 10 14 4"/><line x1="14" y1="10" x2="21" y2="3"/><line x1="3" y1="21" x2="10" y2="14"/></svg>
    … …  
    135135             role="textbox"
    136136             aria-multiline="true"
    137              aria-label="Content"
    138              data-placeholder="Begin met schrijven…"></div>
     137             aria-label="<%= t('pedit.editor_aria') %>"
     138             data-placeholder="<%= t('pedit.editor_placeholder') %>"></div>
    139139
    140140        <%# Sticky "tik om te bewerken"-hint (alleen zichtbaar op touch + niet-fullscreen
    141141            via CSS). Puur visueel (pointer-events:none); de tik op het veld opent fullscreen. %>
    142         <div class="pe-edit-hint" aria-hidden="true">✎ Tik om te bewerken</div>
     142        <div class="pe-edit-hint" aria-hidden="true">✎ <%= t('pedit.tap_to_edit') %></div>
    143143
    144144        <%# Hidden field is what actually submits to the server. The visible
    … …  
    153153        <div class="pe-editor-status">
    154154          <small id="content-upload-status" class="pe-status"></small>
    155           <span class="pe-char-count"><span id="char-count">0</span> tekens</span>
     155          <span class="pe-char-count"><span id="char-count">0</span> <%= t('pedit.chars') %></span>
    156156        </div>
    157157
    … …  
    162162    <%# ── META ─────────────────────────────────────────────────── %>
    163163    <section class="pe-card">
    164       <div class="pe-section-title">Publicatie</div>
     164      <div class="pe-section-title"><%= t('pedit.s_publication') %></div>
    165165      <div class="pe-row pe-row-2">
    166166        <label class="pe-field">
    167           <span>Status</span>
     167          <span><%= t('pedit.f_status') %></span>
    168168          <% var _st = isNew ? 'published' : (post.status || 'draft'); %>
    169169          <select name="status">
    170             <option value="published" <%= _st === 'published' ? 'selected' : '' %>>Gepubliceerd</option>
    171             <option value="draft"     <%= _st === 'draft'     ? 'selected' : '' %>>Concept</option>
    172             <option value="archived"  <%= _st === 'archived'  ? 'selected' : '' %>>Gearchiveerd</option>
     170            <option value="published" <%= _st === 'published' ? 'selected' : '' %>><%= t('pedit.status_published') %></option>
     171            <option value="draft"     <%= _st === 'draft'     ? 'selected' : '' %>><%= t('pedit.status_draft') %></option>
     172            <option value="archived"  <%= _st === 'archived'  ? 'selected' : '' %>><%= t('pedit.status_archived') %></option>
    173173          </select>
    174174        </label>
    175175        <label class="pe-field">
    176           <span>Type</span>
     176          <span><%= t('pedit.f_type') %></span>
    177177          <select name="type">
    178178            <% var ptype = post.type || 'post'; %>
    179             <option value="post"  <%= ptype === 'post'  ? 'selected' : '' %>>Post</option>
    180             <option value="foto"  <%= ptype === 'foto'  ? 'selected' : '' %>>Foto</option>
    181             <option value="video" <%= ptype === 'video' ? 'selected' : '' %>>Video</option>
    182             <option value="audio" <%= ptype === 'audio' ? 'selected' : '' %>>Audio</option>
     179            <option value="post"  <%= ptype === 'post'  ? 'selected' : '' %>><%= t('pedit.type_post') %></option>
     180            <option value="foto"  <%= ptype === 'foto'  ? 'selected' : '' %>><%= t('pedit.type_foto') %></option>
     181            <option value="video" <%= ptype === 'video' ? 'selected' : '' %>><%= t('pedit.type_video') %></option>
     182            <option value="audio" <%= ptype === 'audio' ? 'selected' : '' %>><%= t('pedit.type_audio') %></option>
    183183          </select>
    184184        </label>
    … …  
    188188          <label class="pe-checkbox">
    189189            <input type="checkbox" id="pin-toggle" <%= (Number(post.pinned) > 0) ? 'checked' : '' %>>
    190             <span>📌 Vastpinnen bovenaan</span>
     190            <span>📌 <%= t('pedit.pin_label') %></span>
    191191          </label>
    192192          <input type="hidden" name="pinned" id="pin-rank" value="<%= post.pinned || 0 %>">
    193193          <div class="pe-pin-pos" id="pin-pos" <%= (Number(post.pinned) > 0) ? '' : 'hidden' %>>
    194194            <span class="pe-pin-steps">
    195               <button type="button" class="pe-pin-btn" id="pin-up" aria-label="Hoger zetten">▲</button>
    196               <button type="button" class="pe-pin-btn" id="pin-down" aria-label="Lager zetten">▼</button>
     195              <button type="button" class="pe-pin-btn" id="pin-up" aria-label="<%= t('pedit.pin_up') %>">▲</button>
     196              <button type="button" class="pe-pin-btn" id="pin-down" aria-label="<%= t('pedit.pin_down') %>">▼</button>
    197197            </span>
    198198            <span class="pe-pin-label" id="pin-label"></span>
    … …  
    201201        <label class="pe-checkbox">
    202202          <input type="checkbox" name="noindex" value="1" <%= post.noindex ? 'checked' : '' %>>
    203           <span>🚫 noindex (verberg voor zoekmachines)</span>
     203          <span>🚫 <%= t('pedit.noindex_label') %></span>
    204204        </label>
    205205        <% if (typeof premiumUnlocked === 'undefined' || premiumUnlocked) { %>
    206206          <label class="pe-checkbox">
    207207            <input type="checkbox" name="fan_only" value="1" <%= post.fan_only ? 'checked' : '' %>>
    208             <span>🔒 Alleen voor ingelogde fans</span>
     208            <span>🔒 <%= t('pedit.fan_only_label') %></span>
    209209          </label>
    210210          <div style="margin-top:8px">
    211             <label style="display:block;font-size:12.5px;opacity:.8;margin-bottom:4px">📅 Publiceren op (laat leeg = direct)</label>
     211            <label style="display:block;font-size:12.5px;opacity:.8;margin-bottom:4px">📅 <%= t('pedit.publish_at_label') %></label>
    212212            <input type="datetime-local" name="publish_at" value="<%= post.publish_at ? String(post.publish_at).replace(' ','T').slice(0,16) : '' %>" style="padding:8px 10px;border-radius:8px;border:1px solid var(--rule,rgba(128,128,128,.4));background:transparent;color:inherit">
    213             <% if (post.status === 'scheduled' && post.publish_at) { %><div style="font-size:12px;opacity:.7;margin-top:4px">⏳ Ingepland voor <%= post.publish_at %></div><% } %>
     213            <% if (post.status === 'scheduled' && post.publish_at) { %><div style="font-size:12px;opacity:.7;margin-top:4px">⏳ <%= t('pedit.scheduled_for', { d: post.publish_at }) %></div><% } %>
    214214          </div>
    215215        <% } %>
    … …  
    219219    <%# ── ACTIONS (sticky at bottom) ──────────────────────────── %>
    220220    <div class="pe-actions">
    221       <a href="<%= _base %><%= isNew ? '/' : '/' + post.slug %>" class="pe-btn">Annuleren</a>
     221      <a href="<%= _base %><%= isNew ? '/' : '/' + post.slug %>" class="pe-btn"><%= t('pedit.cancel') %></a>
    222222      <div class="pe-actions-spacer"></div>
    223223      <% if (!isNew && post.status !== 'published') { %>
    224         <button type="submit" name="action" value="publish" class="pe-btn pe-btn-success">📤 Publish</button>
     224        <button type="submit" name="action" value="publish" class="pe-btn pe-btn-success">📤 <%= t('pedit.publish') %></button>
    225225      <% } %>
    226       <button type="submit" class="pe-btn pe-btn-primary">💾 Opslaan</button>
     226      <button type="submit" class="pe-btn pe-btn-primary">💾 <%= t('pedit.save') %></button>
    227227    </div>
    228228  </form>
    … …  
    983983      if (!coverField.files[0]) return;
    984984      coverStatus.classList.remove('is-error');
    985       coverStatus.textContent = 'Uploaden…';
     985      coverStatus.textContent = '<%= t('pedit.js_uploading') %>';
    986986      try {
    987987        const j = await uploadImage(coverField.files[0]);
    988988        coverUrl.value = j.url;
    989989        showCoverPreview(j.url);
    990         coverStatus.textContent = 'Geüpload ✓';
     990        coverStatus.textContent = '<%= t('pedit.js_uploaded') %> ✓';
    991991        setTimeout(() => { coverStatus.textContent = ''; }, 2000);
    992992      } catch (e) {
    993993        coverStatus.classList.add('is-error');
    994         coverStatus.textContent = 'Mislukt: ' + e.message;
     994        coverStatus.textContent = '<%= t('pedit.js_failed') %>: ' + e.message;
    995995      }
    996996    });
    … …  
    10531053      // UUIDs are noisy — show a 6-char prefix for visual hint
    10541054      const v = String(value || '');
    1055       return 'Track ' + (v.length > 8 ? v.slice(0, 6) + '…' : v);
    1056     }
    1057     if (kind === 'album')    return 'Album: ' + value;
    1058     if (kind === 'playlist') return 'Playlist: ' + value;
     1055      return '<%= t('pedit.chip_track') %> ' + (v.length > 8 ? v.slice(0, 6) + '…' : v);
     1056    }
     1057    if (kind === 'album')    return '<%= t('pedit.chip_album') %> ' + value;
     1058    if (kind === 'playlist') return '<%= t('pedit.chip_playlist') %> ' + value;
    10591059    if (kind === 'embed') {
    10601060      const clean = String(value || '').replace(/^https?:\/\/(www\.)?/, '');
    … …  
    11871187  }
    11881188  function linkPrompt() {
    1189     const url = window.prompt('Link URL (https://… of /pad)');
     1189    const url = window.prompt('<%= t('pedit.js_link_prompt') %>');
    11901190    if (!url) return;
    11911191    execCmd('createLink', url);
    … …  
    12881288    if (fsBtn) {
    12891289      fsBtn.setAttribute('aria-pressed', on ? 'true' : 'false');
    1290       fsBtn.title = on ? 'Klaar' : 'Volledig scherm';
     1290      fsBtn.title = on ? '<%= t('pedit.tb_done') %>' : '<%= t('pedit.tb_fullscreen') %>';
    12911291    }
    12921292    if (window.visualViewport) {
    … …  
    13421342    editor.setAttribute('contenteditable', 'false');
    13431343    editor.classList.add('pe-tap-to-edit');
    1344     editor.setAttribute('data-placeholder', 'Tik om te schrijven…');
     1344    editor.setAttribute('data-placeholder', '<%= t('pedit.tap_to_write') %>');
    13451345    editor.addEventListener('click', function () {
    13461346      if (!isFs()) openFs();
    … …  
    13901390  async function uploadAndInsertImage(file) {
    13911391    contentStatus.classList.remove('is-error');
    1392     contentStatus.textContent = 'Uploaden…';
     1392    contentStatus.textContent = '<%= t('pedit.js_uploading') %>';
    13931393    try {
    13941394      const j = await uploadImage(file);
    … …  
    13961396      editor.focus({ preventScroll: true });
    13971397      document.execCommand('insertHTML', false, img);
    1398       contentStatus.textContent = 'Ingevoegd ✓';
     1398      contentStatus.textContent = '<%= t('pedit.js_inserted') %> ✓';
    13991399      setTimeout(() => { contentStatus.textContent = ''; }, 2000);
    14001400      updateCharCount();
    14011401    } catch (e) {
    14021402      contentStatus.classList.add('is-error');
    1403       contentStatus.textContent = 'Mislukt: ' + e.message;
     1403      contentStatus.textContent = '<%= t('pedit.js_failed') %>: ' + e.message;
    14041404    }
    14051405  }
    … …  
    14591459  if (embedBtn) {
    14601460    embedBtn.addEventListener('click', () => {
    1461       const raw = window.prompt('Plak een media-URL om in te sluiten\n(YouTube, Spotify, SoundCloud, Vimeo, Apple Music, Bandcamp):');
     1461      const raw = window.prompt('<%= t('pedit.js_embed_prompt') %>');
    14621462      if (!raw) return;
    14631463      const url = raw.trim();
    1464       if (!/^https?:\/\//i.test(url)) { alert('Geef een volledige URL (https://…).'); return; }
     1464      if (!/^https?:\/\//i.test(url)) { alert('<%= t('pedit.js_embed_invalid') %>'); return; }
    14651465      insertChip('embed', url);
    14661466    });
    … …  
    15011501      if (!filtered.length) {
    15021502        tpList.innerHTML = '';
    1503         tpEmpty.textContent = q ? 'Geen tracks gevonden voor "' + q + '"' : 'Nog geen tracks. Upload via Beheer → Audio.';
     1503        tpEmpty.textContent = q ? '<%= t('pedit.js_no_tracks_found') %> ' + q : '<%= t('pedit.js_no_tracks_yet') %>';
    15041504        tpList.appendChild(tpEmpty);
    15051505        return;
    … …  
    15271527    async function loadTracks() {
    15281528      if (Array.isArray(tpCache)) return tpCache;
    1529       tpEmpty.textContent = 'Tracks laden…';
     1529      tpEmpty.textContent = '<%= t('pedit.js_tracks_loading') %>';
    15301530      try {
    15311531        const r = await fetch('/admin/playlists/api/tracks', { credentials: 'same-origin' });
    … …  
    15341534      } catch (e) {
    15351535        tpCache = [];
    1536         tpEmpty.textContent = 'Kon tracks niet laden: ' + e.message;
     1536        tpEmpty.textContent = '<%= t('pedit.js_tracks_load_fail') %>: ' + e.message;
    15371537      }
    15381538      return tpCache;
    … …  
    15961596    playlistBtn.addEventListener('click', async () => {
    15971597      if (typeof window.openPlaylistEditor !== 'function') {
    1598         alert('Playlist editor niet geladen');
     1598        alert('<%= t('pedit.js_playlist_editor_missing') %>');
    15991599        return;
    16001600      }
    … …  
    16041604        if (j.ok && Array.isArray(j.playlists) && j.playlists.length > 0) {
    16051605          const choice = prompt(
    1606             'Bestaande playlists:\n\n' +
     1606            '<%= t('pedit.js_playlist_existing') %>\n\n' +
    16071607            j.playlists.map((p, i) => `${i + 1}. ${p.title} (${p.track_count} tracks)`).join('\n') +
    1608             '\n\nKies een nummer om in te voegen, leeg = nieuwe maken:'
     1608            '\n\n<%= t('pedit.js_playlist_choose') %>'
    16091609          );
    16101610          if (choice && /^\d+$/.test(choice.trim())) {
    … …  
    16441644  <div class="tp-sheet" role="dialog" aria-modal="true" aria-labelledby="tp-title">
    16451645    <header class="tp-header">
    1646       <h2 id="tp-title" class="tp-h2">Track invoegen</h2>
    1647       <button type="button" class="tp-close" data-tp-close aria-label="Sluiten">
     1646      <h2 id="tp-title" class="tp-h2"><%= t('pedit.tp_title') %></h2>
     1647      <button type="button" class="tp-close" data-tp-close aria-label="<%= t('pedit.tp_close') %>">
    16481648        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
    16491649      </button>
    … …  
    16531653        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
    16541654      </span>
    1655       <input type="search" class="tp-search" id="tp-search" placeholder="Zoek op titel of artiest…" autocomplete="off" inputmode="search">
     1655      <input type="search" class="tp-search" id="tp-search" placeholder="<%= t('pedit.tp_search_placeholder') %>" autocomplete="off" inputmode="search">
    16561656    </div>
    1657     <div class="tp-list" id="tp-list" role="listbox" aria-label="Tracks">
    1658       <div class="tp-empty" id="tp-empty">Tracks laden…</div>
     1657    <div class="tp-list" id="tp-list" role="listbox" aria-label="<%= t('pedit.tp_list_aria') %>">
     1658      <div class="tp-empty" id="tp-empty"><%= t('pedit.js_tracks_loading') %></div>
    16591659    </div>
    16601660  </div>
    … …  
    16821682  function descr(n) {
    16831683    n = Number(n) || 0;
    1684     if (n <= 1) return 'bovenaan';
    1685     return n + 'e van boven';
     1684    if (n <= 1) return '<%= t('pedit.pin_top') %>';
     1685    return n + '<%= t('pedit.pin_nth_suffix') %>';
    16861686  }
    16871687  function render() {

  • src/views/pages/prutter-conversation.ejs

    rbbf9d1a r4885eab  
    11<div class="prutter-conv-page" data-conversation-id="<%= conversation.id %>" data-me="<%= user.id %>">
    22  <header class="prutter-conv-header">
    3     <a class="prutter-back" href="<%= siteUrlBase %>/prutter" aria-label="Terug naar inbox" title="Inbox">
     3    <a class="prutter-back" href="<%= siteUrlBase %>/prutter" aria-label="<%= t('prcv.back_aria') %>" title="<%= t('prcv.inbox') %>">
    44      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
    55    </a>
    … …  
    1212    </div>
    1313    <div class="prutter-conv-id">
    14       <span class="prutter-conv-name"><%= other ? other.username : 'Onbekend' %></span>
     14      <span class="prutter-conv-name"><%= other ? other.username : t('prcv.unknown') %></span>
    1515      <% if (other) { %>
    16         <a class="prutter-conv-sub" href="/users/<%= encodeURIComponent(other.username) %>">Bekijk profiel</a>
     16        <a class="prutter-conv-sub" href="/users/<%= encodeURIComponent(other.username) %>"><%= t('prcv.view_profile') %></a>
    1717      <% } %>
    1818    </div>
    … …  
    3434        hx-target="#prutter-thread"
    3535        hx-swap="beforeend">
    36     <textarea name="content" rows="1" maxlength="2000" placeholder="Bericht…" required></textarea>
    37     <button type="submit" class="btn btn-primary">Stuur</button>
     36    <textarea name="content" rows="1" maxlength="2000" placeholder="<%= t('prcv.placeholder') %>" required></textarea>
     37    <button type="submit" class="btn btn-primary"><%= t('prcv.send') %></button>
    3838  </form>
    3939</div>

  • src/views/pages/prutter-inbox.ejs

    rbbf9d1a r4885eab  
    22  <header class="prutter-header">
    33    <h1>Prutter</h1>
    4     <p class="prutter-tagline">Your direct messages on this site.</p>
     4    <p class="prutter-tagline"><%= t('prin.tagline') %></p>
    55  </header>
    66
    77  <% if (!conversations.length) { %>
    88    <p class="prutter-empty">
    9       No conversations yet. Open someone's profile and click <em>Send DM</em> to start one.
     9      <%= t('prin.empty') %>
    1010    </p>
    1111  <% } else { %>
    … …  
    3131                <div class="prutter-conv-preview"><%= c.last_message_preview %></div>
    3232              <% } else { %>
    33                 <div class="prutter-conv-preview muted">Empty conversation</div>
     33                <div class="prutter-conv-preview muted"><%= t('prin.empty_conv') %></div>
    3434              <% } %>
    3535            </div>

  • src/views/pages/tag.ejs

    rbbf9d1a r4885eab  
    11<div class="container tag-page">
    22  <header class="tag-page-header">
    3     <p class="tag-eyebrow">Tag</p>
     3    <p class="tag-eyebrow"><%= t('ptag.eyebrow') %></p>
    44    <h1>#<%= tag %></h1>
    55    <p class="tag-meta">
    6       <%= posts.length %> post<%= posts.length === 1 ? '' : 's' %>
     6      <%= posts.length === 1 ? t('ptag.count_one', { n: posts.length }) : t('ptag.count_many', { n: posts.length }) %>
    77    </p>
    88  </header>
    99
    1010  <% if (!posts.length) { %>
    11     <p class="tag-empty">No posts with this tag yet.</p>
     11    <p class="tag-empty"><%= t('ptag.empty') %></p>
    1212  <% } else { %>
    1313    <ol class="tag-results">
    … …  
    2626                 hx-get="/<%= p.slug %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
    2727                 hx-push-url="/<%= p.slug %>" hx-indicator="#pcms-loading">
    28                 <%= p.title || '(untitled)' %>
     28                <%= p.title || t('ptag.untitled') %>
    2929              </a>
    3030            </h2>

  • src/views/pages/type.ejs

    rbbf9d1a r4885eab  
    11<div class="container type-page">
    22  <header class="type-page-header">
    3     <p class="type-eyebrow">Type</p>
     3    <p class="type-eyebrow"><%= t('ptype.eyebrow') %></p>
    44    <h1><%= type.charAt(0).toUpperCase() + type.slice(1) %></h1>
    5     <p class="type-meta"><%= posts.length %> post<%= posts.length === 1 ? '' : 's' %></p>
     5    <p class="type-meta"><%= posts.length === 1 ? t('ptype.count_one', { n: posts.length }) : t('ptype.count_many', { n: posts.length }) %></p>
    66  </header>
    77
    88  <% if (!posts.length) { %>
    9     <p class="type-empty">No posts of this type yet.</p>
     9    <p class="type-empty"><%= t('ptype.empty') %></p>
    1010  <% } else { %>
    1111    <ol class="type-results">
    … …  
    2424                 hx-get="/<%= p.slug %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
    2525                 hx-push-url="/<%= p.slug %>" hx-indicator="#pcms-loading">
    26                 <%= p.title || '(untitled)' %>
     26                <%= p.title || t('ptype.untitled') %>
    2727              </a>
    2828            </h2>

  • src/views/pages/user.ejs

    rbbf9d1a r4885eab  
    1919      <% } %>
    2020      <p class="user-stats">
    21         <%= posts.length %> post<%= posts.length === 1 ? '' : 's' %> on this site
     21        <%= posts.length %> <%= posts.length === 1 ? t('pusr.post_one') : t('pusr.post_many') %> <%= t('pusr.on_this_site') %>
    2222        <% if (totalPosts > posts.length) { %>
    23           &middot; <%= totalPosts %> total
     23          &middot; <%= t('pusr.total', { n: totalPosts }) %>
    2424        <% } %>
    2525        <% if (author.created_at) { %>
    26           &middot; joined <%= formatDate(author.created_at) %>
     26          &middot; <%= t('pusr.joined', { date: formatDate(author.created_at) }) %>
    2727        <% } %>
    2828      </p>
    2929      <% if (user && user.id !== author.id && site && site.enable_prutter && (typeof tenancy !== 'undefined' && tenancy === 'hub') && (typeof premiumUnlocked === 'undefined' || premiumUnlocked)) { %>
    3030        <p class="user-actions">
    31           <a href="<%= siteUrlBase %>/prutter/new?to=<%= encodeURIComponent(author.username) %>" class="btn btn-primary">💬 Send DM</a>
     31          <a href="<%= siteUrlBase %>/prutter/new?to=<%= encodeURIComponent(author.username) %>" class="btn btn-primary">💬 <%= t('pusr.send_dm') %></a>
    3232        </p>
    3333      <% } %>
    … …  
    3636
    3737  <% if (!posts.length) { %>
    38     <p class="user-empty">No posts on this site yet.</p>
     38    <p class="user-empty"><%= t('pusr.empty') %></p>
    3939  <% } else { %>
    40     <h2 class="user-posts-heading">Posts</h2>
     40    <h2 class="user-posts-heading"><%= t('pusr.posts_heading') %></h2>
    4141    <ol class="user-posts">
    4242      <% posts.forEach(function(p) { %>
    … …  
    5454                 hx-get="/<%= p.slug %>?partial=1" hx-target="#pcms-main" hx-swap="innerHTML"
    5555                 hx-push-url="/<%= p.slug %>" hx-indicator="#pcms-loading">
    56                 <%= p.title || '(untitled)' %>
     56                <%= p.title || t('pusr.untitled') %>
    5757              </a>
    5858            </h3>

  • src/views/pages/viewer-blocked.ejs

    rbbf9d1a r4885eab  
    22  <div class="vb-card">
    33    <div class="vb-ico" aria-hidden="true">👁️</div>
    4     <h1 class="vb-title">Kijker-modus</h1>
     4    <h1 class="vb-title"><%= t('vblk.title') %></h1>
    55    <p class="vb-text">
    6       Dit is een alleen-lezen account. Je kunt alles bekijken, maar
    7       <strong>niets wijzigen</strong> — opslaan, uploaden, verwijderen en
    8       reageren zijn uitgeschakeld.
     6      <%= t('vblk.text_before') %>
     7      <strong><%= t('vblk.text_strong') %></strong> <%= t('vblk.text_after') %>
    98    </p>
    109    <div class="vb-actions">
    11       <button type="button" class="vb-btn vb-btn-primary" onclick="history.back()">← Terug</button>
    12       <a class="vb-btn" href="/">Naar de hoofdpagina</a>
     10      <button type="button" class="vb-btn vb-btn-primary" onclick="history.back()">← <%= t('vblk.back') %></button>
     11      <a class="vb-btn" href="/"><%= t('vblk.to_home') %></a>
    1312    </div>
    1413  </div>
Note: See TracChangeset for help on using the changeset viewer.