From d538f38d0cc35c47dcab8c3481d6502964c0fb34 Mon Sep 17 00:00:00 2001
From: Conway <yawnoc@pm.me>
Date: Sun, 19 Nov 2023 21:03:04 +0800
Subject: [PATCH] Add heading permalinks

---
 about/index.cmd   |  4 ++--
 about/index.html  |  4 ++--
 res/common.cmdr   | 12 ++++++++++++
 res/mahjong.css   |  8 ++++++++
 res/permalink.svg |  7 +++++++
 scores/index.html |  4 ++--
 6 files changed, 33 insertions(+), 6 deletions(-)
 create mode 100644 res/permalink.svg

diff --git a/about/index.cmd b/about/index.cmd
index fb65ed6..2e4ce41 100644
--- a/about/index.cmd
+++ b/about/index.cmd
@@ -3,7 +3,7 @@
 OrdinaryDictionaryReplacement: #.boilerplate-properties-override
 - queue_position: BEFORE #boilerplate-properties
 * %title --> About
-* %date-modified --> 2023-07-09
+* %date-modified --> 2023-11-19
 
 %%%
 
@@ -16,7 +16,7 @@ from a group chat into an actual gathering.
 --
 
 
-## Established 2023-06-25
+##{#established} Established 2023-06-25
 
 --
 Whereas certain people of Perth thought it good
diff --git a/about/index.html b/about/index.html
index 5d415d4..1eef4a3 100644
--- a/about/index.html
+++ b/about/index.html
@@ -34,7 +34,7 @@ <h1>About the Perth Mahjong Society</h1>
 Credit to Felicia for progressing things
 from a group chat into an actual gathering.
 </p>
-<h2>Established 2023-06-25</h2>
+<h2 id="established"><a href="#established" class="permalink" aria-label="Permalink"></a>Established 2023-06-25</h2>
 <p>
 Whereas certain people of Perth thought it good
 to assemble players of all abilities in a fine venue
@@ -50,7 +50,7 @@ <h2>Established 2023-06-25</h2>
 </p>
 <footer>
 Source: <a href="https://github.com/perthmahjongsoc/perthmahjongsoc.github.io/blob/master/about/index.cmd"><code>about/index.cmd</code></a>.
-Last modified: <time datetime="2023-07-09">2023-07-09</time>.
+Last modified: <time datetime="2023-11-19">2023-11-19</time>.
 </footer>
 </body>
 </html>
diff --git a/res/common.cmdr b/res/common.cmdr
index 87ce277..cb59451 100644
--- a/res/common.cmdr
+++ b/res/common.cmdr
@@ -37,3 +37,15 @@ RegexDictionaryReplacement: #.common.footer
         Last modified: <time datetime="%date-modified">%date-modified</time>.
       </footer>
     "
+
+RegexDictionaryReplacement: #.heading-permalinks
+- queue_position: BEFORE #headings
+* (?P<opening_hashes_etc>
+    [#]{2,6}
+    \{
+      [#] (?P<id_> [\S]+ )
+    \}
+    [\s]+
+  )
+    -->
+  \g<opening_hashes_etc> []{.permalink aria-label=Permalink}(#\g<id_>)
diff --git a/res/mahjong.css b/res/mahjong.css
index fe74f59..54c47e2 100644
--- a/res/mahjong.css
+++ b/res/mahjong.css
@@ -90,6 +90,14 @@ th, td {
 }
 
 
+.permalink {
+  background-image: url(permalink.svg);
+  background-position: center left;
+  background-repeat: no-repeat;
+  background-size: 1em;
+  padding-left: 1.5em;
+}
+
 .wide {
   overflow-x: auto;
 }
diff --git a/res/permalink.svg b/res/permalink.svg
new file mode 100644
index 0000000..50ecbab
--- /dev/null
+++ b/res/permalink.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
+<path fill="none" stroke="black" stroke-linecap="square" stroke-width="10"
+d="
+M 59 43 A 19 19 0 0 0 30 40 L 20 50 A 21 21 0 0 0 50 80
+M 41 57 A 19 19 0 0 0 70 60 L 80 50 A 21 21 0 0 0 50 20
+"/>
+</svg>
diff --git a/scores/index.html b/scores/index.html
index a2d2e9d..c72b9dc 100644
--- a/scores/index.html
+++ b/scores/index.html
@@ -34,7 +34,7 @@ <h1>Perth Mahjong Society Scores</h1>
 Compiled from <a href="scores.txt"><code>scores.txt</code></a> using <a href="https://github.com/yawnoc/mahjong-scorer"><code>mahjongscore.py</code></a>.
 Rows are sorted by Net Score Per Game.
 </p>
-<h2 id="latest">Latest meet (2023-11-19)</h2>
+<h2 id="latest"><a href="#latest" class="permalink" aria-label="Permalink"></a>Latest meet (2023-11-19)</h2>
 <div class="wide">
 <table>
 <thead>
@@ -135,7 +135,7 @@ <h2 id="latest">Latest meet (2023-11-19)</h2>
 </tfoot>
 </table>
 </div>
-<h2 id="all-time">All time</h2>
+<h2 id="all-time"><a href="#all-time" class="permalink" aria-label="Permalink"></a>All time</h2>
 <div class="wide">
 <table>
 <thead>