added side bar to human practices

app.py

@@ -32,4 +32,4 @@ def pages(page):
 
 # Main Function, Runs at http://0.0.0.0:8080
 if __name__ == "__main__":
-    app.run(port=3000)
+    app.run(port=3001)

static/style.css

-body { padding-top: 56px; }
+body { 
+  padding-top: 56px; 
+  background-color: var(--purple);
+  color: var(--offblack);
+}
 .left-aligned { margin-left: auto; }
 .bg-dark { background-color: var(--darkpurple) !important; }
 .bg-hero { background-color: var(--purple) }
@@ -45,4 +49,26 @@ footer a:hover { color: white; text-decoration: underline; }
     --igemmediumgreen: #019968; 
     --igemlightgreen: #99cb9a; 
   }
-  
\ No newline at end of file
+  
+  /*sidenav*/
+  /* Style the sidenav */
+.sidebar{
+    border-left: 8px solid;
+    border-left-color: currentcolor;
+    border-color: var(--orange);
+    list-style-type: none;
+    line-height: 280%;
+    margin: 0px 0px;
+    padding: 0px 0px;
+   
+}
+.sidebarEntry {
+  font-family: ebgaramond-bold;
+  font-size: 25px;
+  color: #191308;
+  background: linear-gradient(var(--orange) 0 0) var(--p, 0) / var(--p, 0) no-repeat;
+  transition: .2s, background-position 0s;
+}
+
+
+

wiki/pages/human-practices.html

 {% extends "layout.html" %}
   
-{% block title %}Human Practices{% endblock %}
-{% block lead %}We ask every team to think deeply and creatively about whether their project is responsible and good for the world. Consider how the world affects your work and how your work affects the world.{% endblock %}
-
 {% block page_content %}
+<div class="container-fluid">
+  <div class="row mt-5">
+    <div class="col-2 d-none d-lg-block">
+      <div class="sticky-top" style="top: 80px; overflow-wrap: break-word;">
+        <ul class="sidebar">
+          <li> <a class="anchor sidebarEntry" href="#">1</a> </li>
+          <li> <a class="anchor sidebarEntry" href="#">2</a> </li>
+          <li> <a class="anchor sidebarEntry" href="#">3</a> </li>
+          <li> <a class="anchor sidebarEntry" href="#">4</a> </li>
+        </ul>
+       </div>    
+    </div>
+  </div>
+</div>
+
 
 <div class="row mt-4">
   <div class="col">