_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