scaffold faq

index.html

@@ -111,8 +111,7 @@
             <small
               ><a href="https://github.com/jacoby6000/polehammer" target="_blank"
                 >Source Code &amp; Credits</a
-              ></small
-            >
+              ></small>
           </div>
         </div>
         <div class="col-md-9 col-lg-6 col-xl-8 p-1">
@@ -173,6 +172,20 @@
               Data Collection
               </button>
             </li>
+            <li class="nav-item" role="presentation">
+              <button
+                class="nav-link"
+                id="faq-content-tab"
+                data-bs-toggle="tab"
+                data-bs-target="#faq-content"
+                type="button"
+                role="tab"
+                aria-controls="faq-content"
+                aria-selected="false"
+              >
+              FAQ
+              </button>
+            </li>
           </ul>
           <div class="tab-content border rounded-bottom border-top-0" id="visualization-content">
             <div
@@ -228,6 +241,24 @@
                 </div>
               </div>
             </div>
+            <div
+              class="tab-pane fade"
+              id="faq-content"
+              role="tabpanel"
+              aria-labelledby="faq-content-tab"
+            >
+              <div id="faq" class="row info">
+                <div class="category-group">How am I supposed to read the Speed values?</div>
+                <div>
+                  I dunno, use your brain
+                  <hr />
+                </div>
+                <div class="category-group">What is polehammer.net?</div>
+                <div>
+                  Polehammer all the time
+                </div>
+              </div>
+            </div>
           </div>
         </div>
         <div class="col-md-12 col-lg-3 col-xl-2 p-1">