feat(site): show discreet # permalinks on landing section titles

The landing sections had ids but no visible anchor, unlike About/Legal.
Add a hover-revealed # link on each section title (Status, Features,
Screenshots, Values, FAQ, Collaborate, Get it) and widen the reveal rule
beyond .doc so it applies to the home too.

site/assets/css/main.css

@@ -277,7 +277,7 @@ h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); color: var(--green-dark); }
 main > section[id],
 .doc :is(h2, h3)[id] { scroll-margin-top: 5.5rem; }
 
-/* Discreet, hover-revealed heading permalinks (About + Legal) */
+/* Discreet, hover-revealed heading permalinks (landing sections + About/Legal) */
 .heading-anchor {
   margin-inline-start: .35em;
   color: var(--green);
@@ -286,5 +286,5 @@ main > section[id],
   opacity: 0;
   transition: opacity .15s;
 }
-.doc :is(h2, h3):hover .heading-anchor,
+:is(h2, h3):hover .heading-anchor,
 .heading-anchor:focus { opacity: .6; }

site/layouts/index.html

@@ -22,7 +22,7 @@
 <section class="status" id="status">
   <span class="badge-beta">{{ T "statusBadge" }}</span>
   <div>
-    <h2>{{ T "statusTitle" }}</h2>
+    <h2>{{ T "statusTitle" }} <a class="heading-anchor" href="#status" aria-label="Permalink">#</a></h2>
     <p>{{ T "statusBody" }}</p>
   </div>
 </section>
@@ -39,7 +39,7 @@
 
 {{ with .Params.features }}
 <section class="features" id="features">
-  <h2>{{ .title }}</h2>
+  <h2>{{ .title }} <a class="heading-anchor" href="#features" aria-label="Permalink">#</a></h2>
   {{ with .intro }}<p class="features-intro">{{ . }}</p>{{ end }}
   <div class="feature-groups">
     {{ range .groups }}
@@ -57,7 +57,7 @@
 
 {{ $screens := slice "home" "inventory" "market" "calendar" "detail" }}
 <section class="shots" id="screenshots">
-  <h2>{{ T "screenshotsTitle" }}</h2>
+  <h2>{{ T "screenshotsTitle" }} <a class="heading-anchor" href="#screenshots" aria-label="Permalink">#</a></h2>
   <div class="shot-row">
     {{ range $s := $screens }}
       {{ $img := resources.Get (printf "screenshots/%s/%s.png" $lang $s) | fingerprint }}
@@ -82,14 +82,14 @@
 </section>
 
 <section class="values" id="values">
-  <h2>{{ .Params.values.title }}</h2>
+  <h2>{{ .Params.values.title }} <a class="heading-anchor" href="#values" aria-label="Permalink">#</a></h2>
   <ul>
     {{ range .Params.values.points }}<li>{{ . }}</li>{{ end }}
   </ul>
 </section>
 
 <section class="faq" id="faq">
-  <h2>{{ T "faqTitle" }}</h2>
+  <h2>{{ T "faqTitle" }} <a class="heading-anchor" href="#faq" aria-label="Permalink">#</a></h2>
   <dl>
     <dt>{{ T "faqFreeQ" }}</dt><dd>{{ T "faqFreeA" }}</dd>
     <dt>{{ T "faqAccountQ" }}</dt><dd>{{ T "faqAccountA" }}</dd>
@@ -100,7 +100,7 @@
 </section>
 
 <section class="collab" id="collab">
-  <h2>{{ T "collabTitle" }}</h2>
+  <h2>{{ T "collabTitle" }} <a class="heading-anchor" href="#collab" aria-label="Permalink">#</a></h2>
   <p class="lead">{{ T "collabIntro" }}</p>
   <div class="collab-grid">
     <article>
@@ -124,7 +124,7 @@
 </section>
 
 <section class="get-it" id="get">
-  <h2>{{ T "getItTitle" }}</h2>
+  <h2>{{ T "getItTitle" }} <a class="heading-anchor" href="#get" aria-label="Permalink">#</a></h2>
   {{ partial "store-badges.html" . }}
 </section>
 {{ end }}