feat: add Fontes/Dossiê top links and sob-sigilo stamp to the timeline page

This commit is contained in:
2026-09-13 13:53:21 +02:00
parent fcb280effc
commit 1421f93efe
+24
View File
@@ -27,6 +27,7 @@
--s5: #e87ba4; /* Secretaria e Cartório */ --s5: #e87ba4; /* Secretaria e Cartório */
--accent: var(--s1); --accent: var(--s1);
--accent-wash: rgba(42,120,214,0.10); --accent-wash: rgba(42,120,214,0.10);
--danger: #a8271f;
} }
@media (prefers-color-scheme: dark){ @media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){ :root:not([data-theme="light"]){
@@ -47,6 +48,7 @@
--s4: #c98500; --s4: #c98500;
--s5: #d55181; --s5: #d55181;
--accent-wash: rgba(57,135,229,0.16); --accent-wash: rgba(57,135,229,0.16);
--danger: #f0847a;
} }
} }
:root[data-theme="dark"]{ :root[data-theme="dark"]{
@@ -67,6 +69,7 @@
--s4: #c98500; --s4: #c98500;
--s5: #d55181; --s5: #d55181;
--accent-wash: rgba(57,135,229,0.16); --accent-wash: rgba(57,135,229,0.16);
--danger: #f0847a;
} }
*{ box-sizing:border-box; } *{ box-sizing:border-box; }
@@ -83,6 +86,20 @@
/* ---- header ---- */ /* ---- header ---- */
header{ display:flex; flex-direction:column; gap:14px; margin-bottom:22px; } header{ display:flex; flex-direction:column; gap:14px; margin-bottom:22px; }
.page-top-row{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px; }
.page-top-links{ display:flex; flex-wrap:wrap; gap:10px; }
.page-link{
font-family:"IBM Plex Mono",monospace; font-size:11px; letter-spacing:.06em; text-transform:uppercase;
color:var(--ink-2); border:1px solid var(--border); background:var(--surface); border-radius:999px;
padding:5px 11px; text-decoration:none; cursor:pointer;
}
.page-link:hover{ border-color:var(--accent); color:var(--ink); }
.page-link:focus-visible{ outline:2px solid var(--accent); outline-offset:2px; }
.stamp{
font-family:"IBM Plex Mono",monospace; font-size:10.5px; letter-spacing:.09em; text-transform:uppercase;
color:var(--danger); border:1.4px solid var(--danger); border-radius:2px;
padding:4px 8px; transform:rotate(-2deg); white-space:nowrap; flex-shrink:0;
}
h1{ font-size:clamp(24px,3.2vw,32px); font-weight:600; letter-spacing:-0.01em; } h1{ font-size:clamp(24px,3.2vw,32px); font-weight:600; letter-spacing:-0.01em; }
.lede{ max-width:62ch; color:var(--ink-2); font-size:14.5px; line-height:1.55; margin:0; } .lede{ max-width:62ch; color:var(--ink-2); font-size:14.5px; line-height:1.55; margin:0; }
.lede .mono{ font-size:12.5px; background:var(--accent-wash); color:var(--ink); padding:1px 6px; border-radius:4px; } .lede .mono{ font-size:12.5px; background:var(--accent-wash); color:var(--ink); padding:1px 6px; border-radius:4px; }
@@ -393,6 +410,13 @@
</head> </head>
<body> <body>
<header> <header>
<div class="page-top-row">
<div class="stamp">Sob sigilo nos autos originais</div>
<div class="page-top-links">
<a class="page-link" href="https://git.rodado.xyz/rodado/pet16704" target="_blank" rel="noopener noreferrer">Fontes</a>
<a class="page-link" href="revelacoes.html">Dossiê</a>
</div>
</div>
<h1>Análise da Petição Nº 16704</h1> <h1>Análise da Petição Nº 16704</h1>
<p class="lede"> <p class="lede">
Linha do tempo interativa da <span class="mono">Pet16704</span> (STF) — um ponto por documento, agrupado Linha do tempo interativa da <span class="mono">Pet16704</span> (STF) — um ponto por documento, agrupado