Add permalinks

webgpu · Dec 2, 2024 · 101f631 · 101f631
1 parent 493ae91
commit 101f631
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/webgpu/lessons/resources/lesson.css b/webgpu/lessons/resources/lesson.css
@@ -119,6 +119,12 @@ table {
   position: relative;
 }
 
+.permalink>div {
+  position: absolute;
+  transform: translateX(-1em);
+  font-size: 19px;
+}
+
 .footnote {
   font-size: smaller;
   vertical-align: baseline;

diff --git a/webgpu/lessons/resources/lesson.js b/webgpu/lessons/resources/lesson.js
@@ -113,6 +113,12 @@ $(document).ready(function($) {
   });
 
   $('[data-table]').html();
+  $('a[id]:not([href])')
+    .addClass('permalink')
+    .each(function(i, e) {
+      $(e).attr('href', `#${$(e).attr('id')}`);
+    })
+    .append('<div class="permalink">#</div>');
 
 });
 }(jQuery));