source: Klonkt/src/views/pages/fan-gate.ejs@ 1e2e9e7

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

ui(fan-gate): show Newer/Older post navigation on the fan gate too

The fan gate (login wall of a fan_only post, e.g. /fans) was a dead end:
no navigation. Nav is now in a shared partial partials/post-nav.ejs, used
by both post.ejs and fan-gate.ejs. posts.js calculates the neighbours via
a shared postNeighbors() helper, also in the fan-gate branch.

Co-Authored-By: Claude <noreply@…>
  • Property mode set to 100644
File size: 1.4 KB
Line 
1<div class="container">
2 <%# Zelfde post-navigatie (Newer/Older) als op een gewone post, zodat een
3 bezoeker op de fan-gate niet vastloopt maar verder kan bladeren. %>
4 <%- include('../partials/post-nav', { newerPost: (typeof newerPost !== 'undefined' ? newerPost : null), olderPost: (typeof olderPost !== 'undefined' ? olderPost : null) }) %>
5</div>
6
7<section class="fg">
8 <div class="fg-card">
9 <div class="fg-lock">🔒</div>
10 <h1 class="fg-h1">Alleen voor fans</h1>
11 <% if (typeof fgTitle !== 'undefined' && fgTitle) { %><p class="fg-which">"<%= fgTitle %>"</p><% } %>
12 <p class="fg-sub">Dit is exclusief voor ingelogde fans. Log in om het te bekijken.</p>
13 <p><a class="fg-btn" href="/auth/login?next=<%= encodeURIComponent(fgNext || '/') %>">Inloggen / aanmelden</a></p>
14 </div>
15</section>
16
17<style>
18 .fg { max-width: 480px; margin: 0 auto; padding: 56px 18px; text-align: center; }
19 .fg-card { border: 1px solid rgba(128,128,128,.2); border-radius: 18px; padding: 36px 28px; }
20 .fg-lock { font-size: 40px; margin-bottom: 8px; }
21 .fg-h1 { font-size: 26px; margin: 0 0 6px; }
22 .fg-which { font-style: italic; opacity: .8; margin: 0 0 12px; }
23 .fg-sub { opacity: .85; line-height: 1.6; margin: 0 0 20px; }
24 .fg-btn { display: inline-block; padding: 12px 22px; border-radius: 10px; background: var(--accent,#6b8f71); color: #fff; text-decoration: none; font-weight: 600; }
25</style>
Note: See TracBrowser for help on using the repository browser.