enhance(card): table of contents for image cards

TACC · Oct 31, 2024 · 13e5caf · 13e5caf
1 parent 862bbd0
commit 13e5caf
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/src/lib/_imports/components/c-card/c-card--images.hbs b/src/lib/_imports/components/c-card/c-card--images.hbs
@@ -1,3 +1,13 @@
+<h2>Table of Contents</h2>
+<nav class="c-nav">
+  <ul>
+    <li><a href="#section--null">Section (Default)</a></li>
+    <li><a href="#section--light">Section - Light</a></li>
+    <li><a href="#section--muted">Section - Muted</a></li>
+    <li><a href="#section--dark">Section - Dark</a></li>
+  </ul>
+</nav>
+
 <h2 id="section--null">Section (Default a.k.a Unstyled a.k.a Transparent)</h2>
 <section class="o-section">
     <h3>Transparent Card Image</h3>
@@ -25,7 +35,7 @@
     </section>
 </section>
 <hr>
-<h2 id="section--null">Section - Light</h2>
+<h2 id="section--light">Section - Light</h2>
 <section class="o-section o-section--style-light">
     <h3>Transparent Card Image</h3>
     <section class="o-section s-image-grid">
@@ -52,7 +62,7 @@
     </section>
 </section>
 <hr>
-<h2 id="section--null">Section - Muted</h2>
+<h2 id="section--muted">Section - Muted</h2>
 <section class="o-section o-section--style-muted">
     <h3>Transparent Card Image</h3>
     <section class="o-section s-image-grid">
@@ -79,7 +89,7 @@
     </section>
 </section>
 <hr>
-<h2 id="section--null">Section - Dark</h2>
+<h2 id="section--dark">Section - Dark</h2>
 <section class="o-section o-section--style-dark">
     <h3>Transparent Card Image</h3>
     <section class="o-section s-image-grid">