Adding JS to stop scrolling to links

Author: glenrobson

source/presentation/4.0/model.md

@@ -52,7 +52,14 @@ __Previous Version:__ [3.0][prezi30]
 ----
 
 # IIIF Presentation API Data Model
-
+<script>
+  if (location.hash) {
+    const y = window.scrollY;
+    setTimeout(() => {
+      window.scrollTo({ top: y, behavior: "instant" });
+    }, 0);
+  }
+</script>
 <style>
 .content, .api-content .highlight, .api-content .code-header {
   max-width:100%;
@@ -70,6 +77,26 @@ pre.highlight code {
 .highlight .s2 {
   color: #a0f0f0
 }
+
+a > code::after {
+  content: "↗";
+  font-size: 0.65em;
+  opacity: 0.6;
+  margin-left: 0.2em;
+  vertical-align: super;
+  text-decoration: none;
+}
+
+a > code {
+ /* text-decoration: underline;*/
+  color: var(--link-color);
+  cursor: pointer;
+}
+
+a:hover > code {
+  background-color: rgba(0,0,0,0.05);
+  text-decoration: underline;
+}
 </style>