source: Klonkt/src/views/pages/404.ejs@ f5cf299

main
Last change on this file since f5cf299 was 4885eab, checked in by roboburr <roboburr@…>, 3 months ago

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@…>
  • Property mode set to 100644
File size: 1.5 KB
Line 
1<section class="nf">
2 <div class="nf-code">404</div>
3 <h1 class="nf-title"><%= t('e404.title') %></h1>
4 <p class="nf-sub"><%= t('e404.sub') %></p>
5 <div class="nf-actions">
6 <a class="nf-btn nf-btn-primary" href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/">← <%= t('e404.home') %></a>
7 <% if (typeof site !== 'undefined' && site && site.show_archive_link !== 0) { %>
8 <a class="nf-btn" href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/archive"><%= t('e404.archive') %></a>
9 <% } %>
10 </div>
11</section>
12
13<style>
14 .nf { max-width: 540px; margin: 0 auto; padding: 12vh 20px 64px; text-align: center; }
15 .nf-code { font-size: clamp(72px, 22vw, 140px); font-weight: 800; line-height: .9; color: var(--accent, #6b8f71); opacity: .9; letter-spacing: -.03em; }
16 .nf-title { font-size: clamp(22px, 6vw, 32px); margin: .4rem 0 .6rem; }
17 .nf-sub { opacity: .8; line-height: 1.6; margin: 0 auto 1.6rem; max-width: 36ch; }
18 .nf-actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
19 .nf-btn { display: inline-block; padding: 12px 20px; border-radius: 999px; text-decoration: none; font-weight: 600; font-size: 15px; border: 1px solid rgba(128,128,128,.35); color: inherit; }
20 .nf-btn-primary { background: var(--accent, #6b8f71); border-color: var(--accent, #6b8f71); color: #fff; }
21 @media (max-width: 420px) { .nf-actions { flex-direction: column; } .nf-btn { width: 100%; } }
22</style>
Note: See TracBrowser for help on using the repository browser.