chore(visual_guide): ensure headers in visual guide are linkable

aravinda0 · Jun 20, 2024 · e248d95 · e248d95
1 parent 4511ea5
commit e248d95
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/static/visual_guide/index.html b/static/visual_guide/index.html
@@ -19,7 +19,7 @@ <h1>Qtile Bonsai</h1>
     <ul class="guide">
 
         <li class="section">
-          <h2 class="title">Splits</h2>
+          <h2 id="Splits" class="title">Splits</h2>
 
             <style>
   .example-splits_1 .lhs {
@@ -191,7 +191,7 @@ <h2 class="title">Splits</h2>
         </li>
 
         <li class="section">
-          <h2 class="title">Tabs</h2>
+          <h2 id="Tabs" class="title">Tabs</h2>
 
             <style>
   .example-tabs_1 .lhs {
@@ -800,7 +800,7 @@ <h2 class="title">Tabs</h2>
         </li>
 
         <li class="section">
-          <h2 class="title">Merge to Subtab</h2>
+          <h2 id="Merge to Subtab" class="title">Merge to Subtab</h2>
 
             <style>
   .example-merge_to_subtab_1 .lhs {
@@ -1496,7 +1496,7 @@ <h2 class="title">Merge to Subtab</h2>
         </li>
 
         <li class="section">
-          <h2 class="title">Push In</h2>
+          <h2 id="Push In" class="title">Push In</h2>
 
             <style>
   .example-push_in_1 .lhs {
@@ -1818,7 +1818,7 @@ <h2 class="title">Push In</h2>
         </li>
 
         <li class="section">
-          <h2 class="title">Pull Out</h2>
+          <h2 id="Pull Out" class="title">Pull Out</h2>
 
             <style>
   .example-pull_out_1 .lhs {
@@ -2591,7 +2591,7 @@ <h2 class="title">Pull Out</h2>
         </li>
 
         <li class="section">
-          <h2 class="title">Pull Out to Tab</h2>
+          <h2 id="Pull Out to Tab" class="title">Pull Out to Tab</h2>
 
             <style>
   .example-pull_out_to_tab_1 .lhs {
@@ -3166,7 +3166,7 @@ <h2 class="title">Pull Out to Tab</h2>
         </li>
 
         <li class="section">
-          <h2 class="title">Merge Tabs</h2>
+          <h2 id="Merge Tabs" class="title">Merge Tabs</h2>
 
             <style>
   .example-merge_tabs .lhs {
@@ -3416,7 +3416,7 @@ <h2 class="title">Merge Tabs</h2>
         </li>
 
         <li class="section">
-          <h2 class="title">Branch Select Mode</h2>
+          <h2 id="Branch Select Mode" class="title">Branch Select Mode</h2>
 
             <style>
   .example-branch_select_mode_1 .lhs {
@@ -4185,7 +4185,7 @@ <h2 class="title">Branch Select Mode</h2>
         </li>
 
         <li class="section">
-          <h2 class="title">Advanced Options for Branch Selection</h2>
+          <h2 id="Advanced Options for Branch Selection" class="title">Advanced Options for Branch Selection</h2>
 
             <style>
   .example-advanced_1 .lhs {

diff --git a/templates/visual_guide/index.template.html b/templates/visual_guide/index.template.html
@@ -19,7 +19,7 @@ <h1>Qtile Bonsai</h1>
     <ul class="guide">
       {% for section, examples in sections.items() %}
         <li class="section">
-          <h2 class="title">{{ section }}</h2>
+          <h2 id="{{ section }}" class="title">{{ section }}</h2>
           {% for example in examples %}
             {% include example.template_path %}
           {% endfor %}