_includes/sidenav.html in nikomatsakis-babysteps-theme-0.1.1 vs _includes/sidenav.html in nikomatsakis-babysteps-theme-0.1.7

- old
+ new

@@ -1,30 +1,33 @@ <!--- CHANGE SIDE NAV PHOTO AND OVERLAY TEXT HERE --> <div class="nav_image_container"> - <a href="/"><img class="nav_image" src="/assets/daphne.png"></a> - <a class="nav_image_overlay" href="/" style="font-family: Zilla Slab; font-weight: 400; font-size: 72px; line-height: 72px">Baby <br>Steps</a> + <a href="{{ site.baseurl }}/"><img class="nav_image" src="{{ site.baseurl }}/assets/daphne.png"></a> + <a class="nav_image_overlay" href="{{ site.baseurl }}/" + style="font-family: Zilla Slab; font-weight: 400; font-size: 72px; line-height: 72px">Baby <br>Steps</a> </div> <h3>This blog is where I post up various half-baked ideas that I have.</h3> <!---COLLAPSIBLE SIDE NAV LINKS --> <nav> <button type="button" class="collapsible">Categories</button> <div class="content"> - <ul style="list-style-type:none;"> - {% for categories in site.categories %} - <li><a style="font-family: DM Mono, monospace" href="/categories/{{categories[0]}}">{{ categories[0] }}</a></li> - {% endfor %} - </ul> -</div> -<h4><a href="/about" class="listing_title">About</a><h4> -<br> + <ul style="list-style-type:none;"> + {% for categories in site.categories %} + <li><a style="font-family: DM Mono, monospace" href="{{site.baseurl}}/categories/{{categories[0]}}">{{ + categories[0] }}</a></li> + {% endfor %} + </ul> + </div> + <h4><a href="{{site.baseurl}}/about" class="listing_title">About</a> + <h4> + <br> -<!---SOCIAL PROFILE LINKS --> + <!---SOCIAL PROFILE LINKS --> -<div class="footer-col footer-col-2"> + <div class="footer-col footer-col-2"> <ul class="social-media-list" style="list-style-type:none; padding-left:0;"> {% if site.github_username %} <li> {% include icon-github.html username=site.github_username %} </li> @@ -40,20 +43,20 @@ </nav> <!---COLLAPSIBLE CATEGORY MENU SCRIPT --> <script> -var coll = document.getElementsByClassName("collapsible"); -var i; + var coll = document.getElementsByClassName("collapsible"); + var i; -for (i = 0; i < coll.length; i++) { - coll[i].addEventListener("click", function() { - this.classList.toggle("active"); - var content = this.nextElementSibling; - if (content.style.display === "block") { - content.style.display = "none"; - } else { - content.style.display = "block"; - } - }); -} -</script> + for (i = 0; i < coll.length; i++) { + coll[i].addEventListener("click", function () { + this.classList.toggle("active"); + var content = this.nextElementSibling; + if (content.style.display === "block") { + content.style.display = "none"; + } else { + content.style.display = "block"; + } + }); + } +</script> \ No newline at end of file