From 12a54bcbd4c448d03e819713f9bbe7043545c76b Mon Sep 17 00:00:00 2001
From: Samuel Berthe <dev@samuel-berthe.fr>
Date: Tue, 26 Jan 2021 23:31:54 +0100
Subject: [PATCH] :lipstick: adding anchors for easy linking

---
 rules.md | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/rules.md b/rules.md
index 6509c39..84f5a9b 100644
--- a/rules.md
+++ b/rules.md
@@ -2,6 +2,22 @@
   ul {
     list-style: none;
   }
+
+  a.anchor {
+    font-size: 15px;
+    vertical-align: middle;
+    color: darkblue;
+    display: inline-block;
+    padding-bottom: 5px;
+    margin-right: 5px;
+    opacity: 0;
+    transition: opacity 0.4s;
+  }
+  h2:hover a.anchor,
+  h3:hover a.anchor,
+  h4:hover a.anchor {
+    opacity: 1;
+  }
 </style>
 
 <div style="padding: 20px 20px 10px 20px; border: solid grey 1px; border-radius: 10px;">
@@ -31,6 +47,7 @@
       <li>
         {% assign serviceId = service.name | replace: " ", "-" | downcase %}
         <h2 id="{{ serviceId }}">
+          <a class="anchor" href="#{{ serviceId }}">#</a>
           {{ groupIndex }}.
           {{ serviceIndex }}.
           {{ service.name }}
@@ -63,7 +80,8 @@
           {% assign ruleIndex = forloop.index %}
           {% assign comments = rule.comments | strip | newline_to_br | split: '<br />' %}
           <li>
-            <h4>
+            <h4 id="rule-{{ serviceId }}-{{ ruleIndex }}">
+              <a class="anchor" href="#rule-{{ serviceId }}-{{ ruleIndex }}">#</a>
               {{ groupIndex}}.{{ serviceIndex }}.{{ ruleIndex }}.
               {{ rule.name }}
             </h4>