Layout debugging config variable

config.toml

@@ -113,6 +113,8 @@ show_read_time = true
 # Whether to enable the KaTeX library for rendering LaTeX.
 # Note: This will make your page significantly heavier.
 katex = true
+# Display outlines around all elements for debugging purposes
+# debug_layout = true
 
 [extra.nav]
 # Whether to show the Atom/RSS feed button in the nav

sass/_general.scss

@@ -1,10 +1,3 @@
-// Layout Debugging
-// *,
-// *::before,
-// *::after {
-// 	outline: solid 0.0625rem var(--primary-color);
-// }
-
 * {
 	box-sizing: border-box;
 }
@@ -78,6 +71,7 @@ body {
 }
 
 @media (prefers-reduced-motion) {
+
 	*,
 	*::before,
 	*::after {

templates/article_list.html

@@ -7,13 +7,20 @@
 
 {{ section.content | safe }}
 
+<p>
+	{%- if config.taxonomies | length > 0 -%}
 		<small>
 			<a href="{{ get_url(path='tags', lang=lang) }}">
 				{{ macros_translate::translate(key="filter_by_tag", default="Filter by tag", language_strings=language_strings) }}
 			</a>
+		</small>
 		<br />
+	{%- endif %}
+
+	<small>
 		{{ macros_translate::translate(key="newest_to_oldest", default="From newest to oldest", language_strings=language_strings) }} ↓
 	</small>
+</p>
 
 {% include "partials/articles.html" %}
 {% endblock content %}

templates/partials/head.html

@@ -67,6 +67,14 @@
 				}
 			}
 		{%- endif %}
+
+		{%- if config.extra.debug_layout -%}
+			*,
+			*::before,
+			*::after {
+				outline: solid 1px var(--primary-color);
+			}
+		{%- endif -%}
 	</style>
 
 	{%- set stylesheets = [ "style.css" ] %}