Docs anchors (#3047)

* Fix anchor id for 'Configuring Response Handling Examples' header * Move heading anchor links to right of heading To make sure they don't get cut off by weird browsers. Also make the anchor link text the 'link' emoji which is more fun than the hashtag. * Keep anchor links on the left * Make entire header the anchor link and show link emoji on hover * Fix anchor link colour in dark mode * Revert anchor link icon to hash character --------- Co-authored-by: 1cg <[email protected]>
bigskysoftware · Dec 23, 2024 · fb3b6a1 · fb3b6a1
1 parent 16933aa
commit fb3b6a1
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 10 deletions.
diff --git a/www/content/_index.md b/www/content/_index.md
@@ -1,5 +1,5 @@
 +++
-insert_anchor_links = "left"
+insert_anchor_links = "heading"
 +++
 
 <style type="text/css">

diff --git a/www/content/docs.md b/www/content/docs.md
@@ -959,7 +959,7 @@ The fields available for response handling configuration on entries in this arra
 * `target` - A CSS selector specifying an alternative target for the response
 * `swapOverride` - An alternative swap mechanism for the response
 
-#### Configuring Response Handling Examples {#response-handling}
+#### Configuring Response Handling Examples {#response-handling-examples}
 
 As an example of how to use this configuration, consider a situation when a server-side framework responds with a
 [`422 - Unprocessable Entity`](https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/422) response when validation errors occur.  By default, htmx will ignore the response,

diff --git a/www/content/essays/_index.md b/www/content/essays/_index.md
@@ -1,5 +1,6 @@
 +++
 title = "Essays"
+insert_anchor_links = "heading"
 sort_by = "date"
 insert_anchor_links = "left"
 generate_feeds = true

diff --git a/www/content/examples/_index.md b/www/content/examples/_index.md
@@ -1,6 +1,6 @@
 +++
 title = "Examples"
-insert_anchor_links = "left"
+insert_anchor_links = "heading"
 +++
 
 ## Server-side Integration Examples

diff --git a/www/content/examples/move-before/_index.md b/www/content/examples/move-before/_index.md
@@ -1,6 +1,6 @@
 +++
 title = "Experimental moveBefore() Support"
-insert_anchor_links = "left"
+insert_anchor_links = "heading"
 +++
 
 This page demonstrates the use of the experimental [`moveBefore()`](https://github.com/whatwg/dom/issues/1255) DOM

diff --git a/www/themes/htmx-theme/static/css/site.css b/www/themes/htmx-theme/static/css/site.css
@@ -20,7 +20,7 @@
     --alertBackground: #161719;
     --alertBorder: #41464b;
     --alertShadow: rgba(0, 0, 0, 0.15);
-    --anchorColor: #e2dada;
+    --anchorColor: var(--midBlue);
     --bodyBackground: #1f1f1f;
     --footerBackground: #1a1d1e;
     --midBlue: #5b96d5;
@@ -575,11 +575,9 @@ pre[class|="language"] {
   color: lightgray;
 }
 .zola-anchor {
-  margin-left: -1.3rem;
-  margin-right: .3rem;
-  opacity: 40%;
   color: var(--anchorColor);
 }
-.zola-anchor:hover {
-    opacity: 95%;
+
+.zola-anchor:hover::after {
+  content: ' #';
 }