Pre and syntax highlighting

config.toml

@@ -6,6 +6,7 @@ build_search_index = false
 
 [markdown]
 highlight_code = true
+highlight_theme = "kronuz"
 external_links_no_follow = true
 external_links_no_referrer = true
 smart_punctuation = true

sass/style.scss

@@ -45,6 +45,11 @@ img {
 	max-width: 100%;
 }
 
+pre {
+	overflow: auto;
+	padding: 1rem;
+}
+
 body>header {
 	.img {
 		display: block;

templates/base.html

@@ -35,22 +35,22 @@
 				{% endfor %}
 			</nav>
 		</header>
+		<main>
+			{% block content %}
+				<section>
+					{% if section %}
+						{{ section.content | safe }}
+					{% elif page %}
+						{{ page.content | safe }}
+					{% endif %}
+				</section>
+			{% endblock content %}
+		</main>
+		<footer>
+			Build time: {{ now() | date(format="%Y-%m-%d %H:%M") }}
+			{% if config.extra.git %}
+				, <a href="{{ config.extra.git }}">Source</a>
+			{% endif %}
+		</footer>
 	</body>
-	<main>
-		{% block content %}
-			<section>
-				{% if section %}
-					{{ section.content | safe }}
-				{% elif page %}
-					{{ page.content | safe }}
-				{% endif %}
-			</section>
-		{% endblock content %}
-	</main>
-	<footer>
-		Build time: {{ now() | date(format="%Y-%m-%d %H:%M") }}
-		{% if config.extra.git %}
-			, <a href="{{ config.extra.git }}">Source</a>
-		{% endif %}
-	</footer>
 </html>