feat(site): add section and heading anchors for deep-linking
All checks were successful
ci / test-commons-core (push) Successful in 44s
ci / analyze (push) Successful in 1m25s
site / deploy (push) Successful in 32s
ci / test-app-seeds (push) Successful in 5m51s

Landing sections now carry ids (status, features, faq, collab, …) so any
section is directly linkable (e.g. /#faq). About and Legal headings get a
discreet, hover-revealed permalink via a goldmark heading render hook.
A scroll-margin-top offset keeps anchored targets clear of the sticky header.
This commit is contained in:
vjrj 2026-07-17 17:28:39 +02:00
parent b0325fd40d
commit bfd29f19b9
3 changed files with 28 additions and 8 deletions

View file

@ -272,3 +272,19 @@ h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); color: var(--green-dark); }
.collab-grid { grid-template-columns: 1fr; }
.rtl-note { flex-direction: column; text-align: center; }
}
/* Anchor targets clear the sticky header */
main > section[id],
.doc :is(h2, h3)[id] { scroll-margin-top: 5.5rem; }
/* Discreet, hover-revealed heading permalinks (About + Legal) */
.heading-anchor {
margin-inline-start: .35em;
color: var(--green);
text-decoration: none;
font-weight: 400;
opacity: 0;
transition: opacity .15s;
}
.doc :is(h2, h3):hover .heading-anchor,
.heading-anchor:focus { opacity: .6; }