make details linkable

index.html

@@ -137,7 +137,7 @@
           <a href="https://www.merriam-webster.com/dictionary/freelancer">Freelancer</a>.
         </p>
       </div>
-      <details>
+      <details id="current">
         <summary>What I am doing right now</summary>
         <p>
           I’m currently in Berlin, Germany, thinking about tooling in static
@@ -146,7 +146,7 @@
           ideas around that.
         </p>
       </details>
-      <details>
+      <details id="services">
         <summary>What I can do for you</summary>
         <p>
           I am available for consulting work. Here are a few examples of
@@ -190,7 +190,7 @@
           you’re especially curious.
         </p>
       </details>
-      <details>
+      <details id="rates">
         <summary>What I charge</summary>
         <p>
           My rates are fixed and follow a simple, but beautiful scheme:
@@ -216,7 +216,7 @@
           <a href="mailto:veit@veitheller.de">contact me</a>!
         </p>
       </details>
-      <details>
+      <details id="contact">
         <summary>How you can contact me</summary>
         <p>
           I love to hear from any- and everyone who wants to share something
@@ -236,5 +236,13 @@
         </p>
       </details>
     </div>
+    <script>
+// convenience for your linking pleasure. sorry for the hack.
+let hash = location.hash.substring(1);
+if (hash) {
+  let details = document.getElementById(hash);
+  if (details) details.open = true;
+}
+    </script>
   </body>
 </html>