feat(site): add section and heading anchors for deep-linking
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:
parent
b0325fd40d
commit
bfd29f19b9
3 changed files with 28 additions and 8 deletions
|
|
@ -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; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue