adding awesome colors!

Signed-off-by: Vanessa Sochat <[email protected]>

Author: vsoch

_includes/footer.html

@@ -42,17 +42,6 @@
 
 </footer>
 <script src="{{ site.baseurl }}/assets/js/application.js"></script>
-<script>
-$(".pancakes-parent").on('click', function(){ 
-    console.log($(this).next());
-    $(this).next().find('.pancakes-child').toggle();
-    if ($(this).hasClass('open-parent')){
-        $(this).removeClass('open-parent');
-    } else {
-        $(this).addClass('open-parent');
-    }
-})
-</script>
 {% assign slashes = page.url | split: "/" %}
 <script>console.log('{{ slashes | size }}')</script>
 <script>app.initialize({version:"0.17.4", url:{base:'{{ site.baseurl }}'}})</script>

_includes/headers.html

@@ -0,0 +1,23 @@
+<script>
+var headers = ["h1", "h2", "h3", "h4"]
+var colors = ["red", "orange", "green", "blue"]
+
+$.each(headers, function(i, header){
+    var color = colors[i];
+    $(header).each(function () {
+        var href=$(this).attr("id");
+        $(this).append('<a class="headerlink" style="color:' + color + '" href="#' + href + '" title="Permanent link">¶</a>')
+    });
+})
+
+// Ensure that sidebar on left has arrows
+$(".pancakes-parent").on('click', function(){ 
+    console.log($(this).next());
+    $(this).next().find('.pancakes-child').toggle();
+    if ($(this).hasClass('open-parent')){
+        $(this).removeClass('open-parent');
+    } else {
+        $(this).addClass('open-parent');
+    }
+})
+</script>

_includes/toc.html

@@ -10,7 +10,7 @@
 
     // Select each header
     sections = $('#md-container-pancakes h1');
-        $.each(sections, function( idx, v ) {
+        $.each(sections, function(idx, v) {
             section = $(v);
             var div_id = $(section).attr('id');
             var div_text = section.text();

_layouts/default.html

@@ -16,6 +16,7 @@
         </main>
     </div>
     {% include footer.html %}
+    {% include headers.html %}
     {% include tags.html %}
     {% include scrolltop.html %}
   </body>