diff --git a/CHANGELOG.md b/CHANGELOG.md
index b6e2e23..d618bf2 100644
--- a/CHANGELOG.md
+++ b/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
diff --git a/config.toml b/config.toml
index bb727ff..13142a4 100644
--- a/config.toml
+++ b/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
diff --git a/sass/_article-list.scss b/sass/_article-list.scss
index bc2969f..e7086d7 100644
--- a/sass/_article-list.scss
+++ b/sass/_article-list.scss
@@ -31,7 +31,7 @@
}
}
- &:active {
+ &:active:not(:has(.tag:active)) {
transform: var(--active);
}
diff --git a/sass/_nav.scss b/sass/_nav.scss
index c7b8955..85ea491 100644
--- a/sass/_nav.scss
+++ b/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,
- &:has(*:focus-visible, *:focus) {
- transform: none;
- opacity: 1;
- pointer-events: all;
+ &::before {
+ -webkit-backdrop-filter: saturate(1) blur(0);
+ backdrop-filter: saturate(1) blur(0);
+ transition: var(--transition);
}
}
}
diff --git a/templates/article.html b/templates/article.html
index 19f813d..1d8fa67 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -27,7 +27,7 @@
{{ page.date | date(format=date_format, locale=date_locale) -}}
{%- if page.updated -%}
- •
+ {{ config.extra.separator | default(value="•") }}
{%- if page.authors -%}
- • {% include "partials/authors.html" -%}
+ {{ config.extra.separator | default(value="•") }} {% include "partials/authors.html" -%}
{%- endif -%}
{%- if page.taxonomies -%}
diff --git a/templates/partials/head.html b/templates/partials/head.html
index f158152..8b64a98 100644
--- a/templates/partials/head.html
+++ b/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 %}
{%- endfor %}
diff --git a/templates/partials/title.html b/templates/partials/title.html
index e88d0ee..22e3f14 100644
--- a/templates/partials/title.html
+++ b/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 -}}
+ {{- config.title -}}
{%- endif -%}
diff --git a/templates/partials/variables.html b/templates/partials/variables.html
index 2bf2de3..f837834 100644
--- a/templates/partials/variables.html
+++ b/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 {