| [90259da] | 1 | <div class="container changelog-page">
|
|---|
| [4885eab] | 2 | <p><a href="<%= (typeof siteUrlBase !== 'undefined' && siteUrlBase) ? siteUrlBase : '' %>/" class="btn">← <%= t('chlog.back') %></a></p>
|
|---|
| 3 | <h1><%= t('chlog.title') %></h1>
|
|---|
| [90259da] | 4 | <p class="cl-meta">
|
|---|
| [4885eab] | 5 | <%= t('chlog.app_version') %> <strong>v<%= appVersion %></strong>
|
|---|
| [90259da] | 6 | <% if (typeof user !== 'undefined' && user && user.role === 'god') { %>
|
|---|
| [4885eab] | 7 | <span class="cl-sep">·</span> <a href="/admin/updates"><%= t('chlog.manage_updates') %></a>
|
|---|
| [90259da] | 8 | <% } %>
|
|---|
| 9 | </p>
|
|---|
| 10 | <div class="changelog-body"><%- changelogHtml %></div>
|
|---|
| 11 | </div>
|
|---|
| 12 |
|
|---|
| 13 | <style>
|
|---|
| 14 | .changelog-page { max-width: 760px; margin: 3rem auto; padding: 0 1rem; }
|
|---|
| 15 | .changelog-page h1 { font-family: var(--font-display, serif); font-size: 2rem; margin: 0 0 0.4rem; }
|
|---|
| 16 | .cl-meta { color: var(--ink-muted); font-size: 0.9rem; margin: 0 0 1.75rem; }
|
|---|
| 17 | .cl-meta a { color: var(--accent); }
|
|---|
| 18 | .cl-sep { opacity: 0.5; margin: 0 0.2rem; }
|
|---|
| 19 | .changelog-body { color: var(--ink); line-height: 1.65; }
|
|---|
| 20 | .changelog-body h2 {
|
|---|
| 21 | font-family: var(--font-display, serif); font-size: 1.3rem;
|
|---|
| 22 | margin: 2rem 0 0.5rem; padding-top: 1.25rem; border-top: 1px solid var(--rule);
|
|---|
| 23 | }
|
|---|
| 24 | .changelog-body h2:first-of-type { border-top: none; padding-top: 0; margin-top: 1rem; }
|
|---|
| 25 | .changelog-body h3 { font-size: 1rem; margin: 1.1rem 0 0.4rem; color: var(--ink-soft, var(--ink-muted)); }
|
|---|
| 26 | .changelog-body ul { margin: 0.3rem 0 0.9rem; padding-left: 1.3rem; }
|
|---|
| 27 | .changelog-body li { margin: 0.25rem 0; }
|
|---|
| 28 | .changelog-body blockquote {
|
|---|
| 29 | margin: 1rem 0; padding: 0.6rem 0.9rem;
|
|---|
| 30 | border-left: 3px solid var(--accent); background: var(--paper-2);
|
|---|
| 31 | border-radius: 0 8px 8px 0; font-size: 0.9rem; color: var(--ink-muted);
|
|---|
| 32 | }
|
|---|
| 33 | .changelog-body code {
|
|---|
| 34 | background: var(--paper-2); padding: 0.05rem 0.35rem;
|
|---|
| 35 | border-radius: 4px; font-size: 0.88em;
|
|---|
| 36 | }
|
|---|
| 37 | .changelog-body a { color: var(--accent); }
|
|---|
| 38 | </style>
|
|---|