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

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

ui(fan-gate): post-nav pixel-perfect match with the regular post

The fan gate wrapped the nav in a plain .container (672px); the post
page uses .post-page (720px, padding 0 1rem). Fan gate wrapper is now
.fg-navwrap with identical dimensions so the Newer/Older cards line up
exactly.

Co-Authored-By: Claude <noreply@…>
  • Property mode set to 100644
File size: 1.6 KB
RevLine 
[f33b24a]1<div class="fg-navwrap">
[1e2e9e7]2 <%# Zelfde post-navigatie (Newer/Older) als op een gewone post, zodat een
[f33b24a]3 bezoeker op de fan-gate niet vastloopt maar verder kan bladeren. Zelfde
4 maten als .post-page (720px / padding 0 1rem) zodat de nav pixel-gelijk is. %>
[1e2e9e7]5 <%- include('../partials/post-nav', { newerPost: (typeof newerPost !== 'undefined' ? newerPost : null), olderPost: (typeof olderPost !== 'undefined' ? olderPost : null) }) %>
6</div>
7
[b9dc94c]8<section class="fg">
9 <div class="fg-card">
10 <div class="fg-lock">🔒</div>
11 <h1 class="fg-h1">Alleen voor fans</h1>
12 <% 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>
15 </div>
16</section>
17
18<style>
[f33b24a]19 /* Identiek aan .post-page (post.ejs) zodat de post-nav exact gelijk uitlijnt. */
20 .fg-navwrap { max-width: 720px; margin: 0.5rem auto 0; padding: 0 1rem; }
[b9dc94c]21 .fg { max-width: 480px; margin: 0 auto; padding: 56px 18px; text-align: center; }
22 .fg-card { border: 1px solid rgba(128,128,128,.2); border-radius: 18px; padding: 36px 28px; }
23 .fg-lock { font-size: 40px; margin-bottom: 8px; }
24 .fg-h1 { font-size: 26px; margin: 0 0 6px; }
25 .fg-which { font-style: italic; opacity: .8; margin: 0 0 12px; }
26 .fg-sub { opacity: .85; line-height: 1.6; margin: 0 0 20px; }
27 .fg-btn { display: inline-block; padding: 12px 22px; border-radius: 10px; background: var(--accent,#6b8f71); color: #fff; text-decoration: none; font-weight: 600; }
28</style>
Note: See TracBrowser for help on using the repository browser.