Backport some changes and fixes

Return the separator customization that got lost in some commit
Don't blur the nav when it's not visible
Don't scale down the article card when clicking on a tag

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased](https://codeberg.org/daudix/duckquill/compare/v6.0.0...main)
 
+### Changed
+
+- Don't scale down article cards when clicking on tags in them.
+- Improve performance of the page when navbar is hidden by using the `config.extra.nav.auto_hide` config variable.
+- Replace `config.extra.debug_*` config variables with variables under the `config.extra.debug` section.
+
 ## [6.0.0](https://codeberg.org/daudix/duckquill/compare/v5.4.0...v6.0.0)
 
 ### Added

config.toml

@@ -158,6 +158,11 @@ show_backlinks = true
 # Can be set per page/section.
 # toc_ordered = true
 #
+# Custom separator used across the theme.
+# separator = "•"
+# Custom separator used in title tag and posts metadata.
+# title_separator = "-"
+#
 # Whether to use Content Security Policy.
 # Keep in mind that although this can potentially increase security,
 # it can break some stuff, in which case you will need to set custom policy.
@@ -173,10 +178,6 @@ csp = [
 	{ directive = "base-uri", domains = ["'none'"] },
 	{ directive = "form-action", domains = ["'none'"] }
 ]
-# Display outlines around all elements for debugging purposes
-# debug_layout = true
-# Don't load any styles for debugging purposes
-# debug_no_styles = true
 
 [extra.nav]
 # Whether to automatically hide nav when not hovered or focused
@@ -254,3 +255,9 @@ show_qr = true
 #
 # Your GoatCounter username
 user = "duckquill"
+
+[extra.debug]
+# Display outlines around all elements for debugging purposes
+layout = false
+# Don't load any styles for debugging purposes
+no_styles = false

sass/_article-list.scss

@@ -31,7 +31,7 @@
 			}
 		}
 
-		&:active {
+		&:active:not(:has(.tag:active)) {
 			transform: var(--active);
 		}
 

sass/_nav.scss

@@ -31,15 +31,22 @@
 		opacity: 0;
 	}
 
-	&:hover + #site-nav {
+	&:hover + #site-nav,
+	& + #site-nav:hover,
+	& + #site-nav:has(*:focus-visible, *:focus) {
 		transform: none;
 		opacity: 1;
 		pointer-events: auto;
+
+		&::before {
+			-webkit-backdrop-filter: var(--blur);
+			backdrop-filter: var(--blur);
+		}
 	}
 
 	& + #site-nav {
 		position: fixed;
-		transform: translateY(calc(-50% - 1rem)) scale(0.5);
+		transform: translateY(-1rem) scale(0.5);
 		transform-origin: top;
 		opacity: 0;
 		transition: var(--transition);
@@ -47,11 +54,10 @@
 		width: max-content;
 		pointer-events: none;
 
-		&:hover,
+		&::before {
-		&:has(*:focus-visible, *:focus) {
+			-webkit-backdrop-filter: saturate(1) blur(0);
-			transform: none;
+			backdrop-filter: saturate(1) blur(0);
-			opacity: 1;
+			transition: var(--transition);
-			pointer-events: all;
 		}
 	}
 }

templates/article.html

@@ -27,7 +27,7 @@
 						{{ page.date | date(format=date_format, locale=date_locale) -}}
 					</time>
 					{%- if page.updated -%}
-						<span> • </span>
+						<span> {{ config.extra.separator | default(value="•") }} </span>
 						<time datetime="{{ page.updated | date(format=' %+') }}">
 							{{- macros_translate::translate(key="updated", default="Updated on", language_strings=language_strings) }}
 							{{ page.updated | date(format=date_format, locale=date_locale) -}}
@@ -45,14 +45,14 @@
 					{%- if page.authors -%}
 						<span>{% include "partials/authors.html" -%}</span>
 						{%- if config.extra.show_reading_time -%}
-							<span> • </span>
+							<span> {{ config.extra.separator | default(value="•") }} </span>
 						{%- endif -%}
 					{%- endif -%}
 
 					{%- if config.extra.show_reading_time -%}
 						<span>{{ macros_translate::translate(key="minutes_read", number=page.reading_time, default="$NUMBER minute read", language_strings=language_strings) }}</span>
 						{%- if page.taxonomies -%}
-							<span> • </span>
+							<span> {{ config.extra.separator | default(value="•") }} </span>
 						{%- endif -%}
 					{%- endif -%}
 				</small>

templates/partials/articles.html

@@ -46,7 +46,7 @@
 							{{- page.date | date(format=date_format, locale=date_locale) -}}
 						</time>
 						{%- if page.authors -%}
-							<span> • {% include "partials/authors.html" -%}</span>
+							<span> {{ config.extra.separator | default(value="•") }} {% include "partials/authors.html" -%}</span>
 						{%- endif -%}
 					</small>
 					{%- if page.taxonomies -%}

templates/partials/head.html

@@ -54,7 +54,7 @@
 		{%- set styles = styles | concat(with=section.extra.styles) %}
 	{%- endif %}
 
-	{%- if not config.extra.debug_no_styles %}
+	{%- if not config.extra.debug.no_styles %}
 		{%- for style in styles %}
 			<link type="text/css" rel="stylesheet" href="{{ get_url(path=style) | safe }}" />
 		{%- endfor %}

templates/partials/title.html

@@ -1,7 +1,7 @@
 {%- if page.title -%}
-	{{- page.title }} - {{ config.title -}}
+    {{- page.title }} {{ config.extra.title_separator | default(value="-") }} {{ config.title -}}
 {%- elif section.title -%}
-	{{- section.title }} - {{ config.title -}}
+    {{- section.title }} {{ config.extra.title_separator | default(value="-") }} {{ config.title -}}
 {%- else -%}
     {{- config.title -}}
 {%- endif -%}

templates/partials/variables.html

@@ -63,7 +63,7 @@
 		}
 	{%- endif -%}
 
-	{%- if page.extra.debug_layout or section.extra.debug_layout or config.extra.debug_layout -%}
+	{%- if config.extra.debug.layout -%}
 		*,
 		*::before,
 		*::after {