source: Klonkt/src/assets/css/guardian.css@ b1512e0

main
Last change on this file since b1512e0 was f1c50f9, checked in by Robin <roboburr@…>, 7 weeks ago

Guardian 2 wordt de nieuwe /guardian; oude v1 eruit

Robins besluit: /guardian2 is de canonieke Guardian-PWA, de oude /guardian mag
weg. guardian2 was een superset van v1 (kloon + meekijken, follow-gating,
cross-instance goedkeuring, wave, invite), dus er gaat niks verloren. De
"invite a guardian" blijft zichtbaar op de pagina maar is verder geparkeerd.

Alle paden/keys omgezet: /guardian2 -> /guardian, i18n guardian2.* -> guardian.*,
manifest-id klonkt-guardian-, short_name "Guardian". De v2-bestanden zijn
verwijderd en de v2-inhoud staat nu in de v1-bestanden. Push-URLs (follow-gating)
en de mount in server.js wijzen weer naar /guardian.

Changed files:
src/routes/guardian.js

  • vervangen door de v2-route (feed, follow-requests, wave, invite/join) op /guardian

src/views/pages/guardian.ejs

  • v2-view (wards-corner, volgverzoeken, invite-knop), titel weer "Guardian"

src/assets/js/guardian.js, src/assets/css/guardian.css

  • v2-client + styling

src/services/i18n.js

  • guardian2.* keys hernoemd naar guardian.*

src/services/ActivityPubService.js

  • push-URLs + comments /guardian2 -> /guardian

src/server.js

  • /guardian2-mount + import verwijderd; /guardian wijst naar de nieuwe route

Removed files:
src/routes/guardian2.js, src/views/pages/guardian2.ejs,
src/assets/js/guardian2.js, src/assets/css/guardian2.css

remarks: npm test 171/171; /guardian serveert de nieuwe inhoud, /guardian2 = 404.

-robo
Co-Authored-By: Claude Opus 4.8 <noreply@…>
  • Property mode set to 100644
File size: 3.6 KB
Line 
1/* Guardian PWA (FEP-633c): its own calm, dark surface; the buoy orange is
2 the accent. Standalone: this page never inherits the site theme. */
3:root {
4 --bg: #141a24;
5 --card: #1e2632;
6 --ink: #e8ecf2;
7 --sub: #93a0b4;
8 --line: #2c3646;
9 --accent: #ff6b35;
10 --ok: #4caf7d;
11}
12* { box-sizing: border-box; }
13body {
14 margin: 0;
15 background: var(--bg);
16 color: var(--ink);
17 font: 16px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
18 padding-bottom: 48px;
19}
20.g-head {
21 display: flex;
22 align-items: center;
23 gap: 12px;
24 padding: 16px;
25 background: var(--card);
26 border-bottom: 1px solid var(--line);
27 position: sticky;
28 top: 0;
29 z-index: 2;
30}
31.g-head-txt { flex: 1; }
32.g-head h1 { font-size: 1.15rem; margin: 0; }
33.g-head .g-sub { margin: 0; color: var(--sub); font-size: .78rem; }
34.g-buoy { font-size: 1.7rem; }
35.g-me { color: var(--sub); font-size: .85rem; }
36#site-picker {
37 background: var(--bg); color: var(--ink);
38 border: 1px solid var(--line); border-radius: 8px; padding: 6px 8px;
39}
40main { max-width: 640px; margin: 0 auto; padding: 8px 16px; }
41
42section { padding: 18px 0; border-bottom: 1px solid var(--line); }
43section:last-child { border-bottom: 0; }
44.g-sec-head { display: flex; align-items: center; gap: 8px; }
45.g-sec-head h2 { font-size: 1.02rem; margin: 0; }
46.g-badge {
47 background: var(--accent); color: #fff; font-size: .72rem; font-weight: 700;
48 min-width: 20px; text-align: center; border-radius: 10px; padding: 1px 7px;
49}
50.g-sec-sub { color: var(--sub); font-size: .84rem; margin: 4px 0 12px; }
51.g-empty { color: var(--sub); font-size: .9rem; margin: 6px 0 0; }
52.g-msg { font-size: .85rem; color: var(--ok); margin: 8px 0 0; }
53.g-msg.err { color: #ff7a7a; }
54.g-list { display: flex; flex-direction: column; gap: 8px; }
55
56.g-card { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; }
57.g-card.help { border-left: 3px solid var(--accent); }
58.g-card .row { display: flex; align-items: center; gap: 10px; }
59.g-card .row .grow { flex: 1; min-width: 0; }
60.g-card .who { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
61.g-card .when { color: var(--sub); font-size: .76rem; white-space: nowrap; }
62.g-card .body { margin-top: 8px; font-size: .92rem; overflow-wrap: anywhere; }
63.g-card .body img { max-width: 100%; border-radius: 8px; margin-top: 6px; }
64.g-link { display: inline-block; margin-top: 8px; color: var(--accent); font-size: .82rem; text-decoration: none; }
65
66.tag { font-size: .72rem; font-weight: 600; padding: 3px 9px; border-radius: 20px; white-space: nowrap; }
67.tag.wait { background: #3a2f1a; color: #e8b04b; }
68.tag.ok { background: #17301f; color: var(--ok); }
69.tag.co { background: #2a1f3a; color: #c39bff; }
70
71#adopt-form { display: flex; gap: 8px; }
72#adopt-form input {
73 flex: 1; min-width: 0;
74 background: var(--bg); color: var(--ink);
75 border: 1px solid var(--line); border-radius: 10px; padding: 11px 12px;
76}
77button {
78 background: var(--accent); color: #fff; border: 0;
79 border-radius: 10px; padding: 11px 18px; font-weight: 600; cursor: pointer;
80}
81button:disabled { opacity: .5; cursor: default; }
82button.quiet { background: transparent; color: var(--sub); border: 1px solid var(--line); font-weight: 500; }
83button.quiet.is-on { color: var(--ok); border-color: var(--ok); }
84button.small { padding: 6px 12px; font-size: .82rem; }
85
86/* Wards' corner (v2 meekijken) */
87.g-card.feed .g-when { color: var(--muted, #888); font-size: .8em; margin-left: auto; }
88.g-card.feed .feed-body { margin-top: 6px; line-height: 1.4; }
89.g-card.feed .feed-body img { max-width: 100%; border-radius: 8px; }
Note: See TracBrowser for help on using the repository browser.