sass/style.scss

@@ -28,8 +28,6 @@
 	color: #000;
 }
 
-html { scroll-behavior: smooth }
-
 .wrap {
 	max-width: 55rem;
 	margin: 0 auto;
@@ -83,9 +81,6 @@ nav {
 	align-self: start;
 	top: 2em;
 	margin-bottom: 4rem;
-	max-height: calc(100vh - 2em);
-	box-sizing: border-box;
-	overflow-y: auto;
 
 	span.title {
 		display: block;
@@ -99,8 +94,7 @@ nav {
 		li a {
 			color: #000;
 			display: block;
-			line-height: 1;
-			padding: .25em .5em;
+			padding: 0 .5em;
 
 			&:hover {
 				color: #fff;
@@ -109,35 +103,6 @@ nav {
 			}
 		}
 	}
-	ul.table-of-contents li {
-		a {
-			color: #e1140a;
-			position: relative;
-
-			&::before, &::after {
-				content: "";
-				background-color: #bbb;
-				position: absolute;
-				left: 0;
-				top: 0;
-			}
-			&::before {
-				height: 2px;
-				width: .5em;
-			}
-			&::after {
-				width: 2px;
-				height: .5em;
-			}
-			&:hover { color: #fff }
-			&:hover::before, &:hover::after { display: none }
-		}
-
-		li {
-			padding: 0 .5em;
-			&>a::before, &>a::after { display: none }
-		}
-	}
 }
 
 main {
@@ -288,19 +253,14 @@ a {
 		color: inherit;
 	}
 
-	nav ul li a, nav ul.table-of-contents li a {
+	nav ul li a {
 		color: inherit;
+
 		&:hover {
 			color: #131516;
 			background-color: #cdcdcd;
 		}
 	}
-	nav ul.table-of-contents li a {
-		color: #ff6e67;
-		&::before, &::after {
-			background-color: #383838;
-		}
-	}
 
 	main {
 		.info, input.search { border-color: #383838 }

templates/index.html

@@ -29,10 +29,6 @@
 					<li><a href="{{ get_url(path=item.path, trailing_slash=true) }}">{{ item.title }}</a></li>
 				{% endfor %}
 			</ul>
-			{% if page.toc and not page.extra.notoc %}
-				<span class="title">Table of Contents</span>
-				{{ macros::toc() }}
-			{% endif %}
 			<span class="title">Categories</span>
 			{{ macros::list_taxonomy(kind="categories") }}
 		</nav>

templates/macros.html

@@ -48,7 +48,8 @@
 {% endmacro %}
 
 {% macro toc() %}
-	<ul class="table-of-contents">
+	{% if page.toc and not page.extra.notoc %}
+		<ul>
 		{% for h1 in page.toc %}
 			<li>
 				<a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
@@ -64,6 +65,7 @@
 			</li>
 		{% endfor %}
 		</ul>
+	{% endif %}
 {% endmacro %}
 
 {% macro list_taxonomy(kind, page=false, prepend="") %}

templates/page.html

@@ -6,6 +6,7 @@
 
 {% block content %}
 	<h1>{{ page.title }}</h1>
+	{{ macros::toc() }}
 	{{ page.content | safe }}
 	{{ macros::page_info(page=page) }}
 	{{ macros::page_updates(page=page) }}