diff --git a/sass/_nav.scss b/sass/_nav.scss index 5375e08..298360b 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -1,6 +1,6 @@ #site-nav { - -webkit-backdrop-filter: saturate(180%) blur(20px); - backdrop-filter: saturate(180%) blur(20px); + -webkit-backdrop-filter: saturate(180%) blur(10px); + backdrop-filter: saturate(180%) blur(10px); background-color: var(--nav-bg); border-radius: 26px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), diff --git a/sass/_normalize.scss b/sass/_normalize.scss index 192eb9c..6e3d21f 100644 --- a/sass/_normalize.scss +++ b/sass/_normalize.scss @@ -1,126 +1,102 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +// normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css -/* Document - ========================================================================== */ +// Document +// ========================================================================== -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ +// 1. Correct the line height in all browsers. +// 2. Prevent adjustments of font size after orientation changes in iOS. html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ + line-height: 1.15; // 1 + -webkit-text-size-adjust: 100%; // 2 } -/* Sections - ========================================================================== */ +// Sections +// ========================================================================== -/** - * Remove the margin in all browsers. - */ +// Remove the margin in all browsers. body { margin: 0; } -/** - * Render the `main` element consistently in IE. - */ +// Render the `main` element consistently in IE. main { display: block; } -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ +// Correct the font size and margin on `h1` elements within `section` and +// `article` contexts in Chrome, Firefox, and Safari. h1 { font-size: 2em; margin: 0.67em 0; } -/* Grouping content - ========================================================================== */ +// Grouping content +// ========================================================================== -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ +// 1. Add the correct box sizing in Firefox. +// 2. Show the overflow in Edge and IE. hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ + box-sizing: content-box; // 1 + height: 0; // 1 + overflow: visible; // 2 } -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ +// 1. Correct the inheritance and scaling of font size in all browsers. +// 2. Correct the odd `em` font sizing in all browsers. pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; // 1 + font-size: 1em; // 2 } -/* Text-level semantics - ========================================================================== */ +// Text-level semantics +// ========================================================================== -/** - * Remove the gray background on active links in IE 10. - */ +// Remove the gray background on active links in IE 10. a { background-color: transparent; } -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ +// 1. Remove the bottom border in Chrome 57- +// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - text-decoration: underline dotted; /* 2 */ + border-bottom: none; // 1 + text-decoration: underline; // 2 + text-decoration: underline dotted; // 2 } -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ +// Add the correct font weight in Chrome, Edge, and Safari. b, strong { font-weight: bolder; } -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ +// 1. Correct the inheritance and scaling of font size in all browsers. +// 2. Correct the odd `em` font sizing in all browsers. code, kbd, samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ + font-family: monospace, monospace; // 1 + font-size: 1em; // 2 } -/** - * Add the correct font size in all browsers. - */ +// Add the correct font size in all browsers. small { font-size: 80%; } -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ +// Prevent `sub` and `sup` elements from affecting the line height in +// all browsers. sub, sup { @@ -138,59 +114,49 @@ sup { top: -0.5em; } -/* Embedded content - ========================================================================== */ +// Embedded content +// ========================================================================== -/** - * Remove the border on images inside links in IE 10. - */ +// Remove the border on images inside links in IE 10. img { border-style: none; } -/* Forms - ========================================================================== */ +// Forms +// ========================================================================== -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ +// 1. Change the font styles in all browsers. +// 2. Remove the margin in Firefox and Safari. button, input, optgroup, select, textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ + font-family: inherit; // 1 + font-size: 100%; // 1 + line-height: 1.15; // 1 + margin: 0; // 2 } -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ +// Show the overflow in IE. +// 1. Show the overflow in Edge. button, -input { /* 1 */ +input { // 1 overflow: visible; } -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ +// Remove the inheritance of text transform in Edge, Firefox, and IE. +// 1. Remove the inheritance of text transform in Firefox. button, -select { /* 1 */ +select { // 1 text-transform: none; } -/** - * Correct the inability to style clickable types in iOS and Safari. - */ +// Correct the inability to style clickable types in iOS and Safari. button, [type="button"], @@ -199,9 +165,7 @@ button, -webkit-appearance: button; } -/** - * Remove the inner border and padding in Firefox. - */ +// Remove the inner border and padding in Firefox. button::-moz-focus-inner, [type="button"]::-moz-focus-inner, @@ -211,9 +175,7 @@ button::-moz-focus-inner, padding: 0; } -/** - * Restore the focus styles unset by the previous rule. - */ +// Restore the focus styles unset by the previous rule. button:-moz-focusring, [type="button"]:-moz-focusring, @@ -222,127 +184,101 @@ button:-moz-focusring, outline: 1px dotted ButtonText; } -/** - * Correct the padding in Firefox. - */ +// Correct the padding in Firefox. fieldset { padding: 0.35em 0.75em 0.625em; } -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ +// 1. Correct the text wrapping in Edge and IE. +// 2. Correct the color inheritance from `fieldset` elements in IE. +// 3. Remove the padding so developers are not caught out when they zero out +// `fieldset` elements in all browsers. legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ + box-sizing: border-box; // 1 + color: inherit; // 2 + display: table; // 1 + max-width: 100%; // 1 + padding: 0; // 3 + white-space: normal; // 1 } -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ +// Add the correct vertical alignment in Chrome, Firefox, and Opera. progress { vertical-align: baseline; } -/** - * Remove the default vertical scrollbar in IE 10+. - */ +// Remove the default vertical scrollbar in IE 10+. textarea { overflow: auto; } -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ +// 1. Add the correct box sizing in IE 10. +// 2. Remove the padding in IE 10. [type="checkbox"], [type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ + box-sizing: border-box; // 1 + padding: 0; // 2 } -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ +// Correct the cursor style of increment and decrement buttons in Chrome. [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ +// 1. Correct the odd appearance in Chrome and Safari. +// 2. Correct the outline style in Safari. [type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ + -webkit-appearance: textfield; // 1 + outline-offset: -2px; // 2 } -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ +// Remove the inner padding in Chrome and Safari on macOS. [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ +// 1. Correct the inability to style clickable types in iOS and Safari. +// 2. Change font properties to `inherit` in Safari. ::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ + -webkit-appearance: button; // 1 + font: inherit; // 2 } -/* Interactive - ========================================================================== */ +// Interactive +// ========================================================================== -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ +// Add the correct display in Edge, IE 10+, and Firefox. details { display: block; } -/* - * Add the correct display in all browsers. - */ +// Add the correct display in all browsers. summary { display: list-item; } -/* Misc - ========================================================================== */ +// Misc +// ========================================================================== -/** - * Add the correct display in IE 10+. - */ +// Add the correct display in IE 10+. template { display: none; } -/** - * Add the correct display in IE 10. - */ +// Add the correct display in IE 10. [hidden] { display: none; diff --git a/sass/style.scss b/sass/style.scss index 054c231..0f8d28f 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,6 +1,6 @@ /*! * Duckquill v1.0.0 (https://daudix.codeberg.page/duckquill) - * Copyright 2023 David "Daudix" Lapshin + * Copyright 2024 David "Daudix" Lapshin * Licensed under MIT (https://codeberg.org/daudix/duckquill/src/branch/main/LICENSE) * * Based on OS Component Website which shamelessly stole CSS from systemd diff --git a/templates/includes/head.html b/templates/includes/head.html index 1d1d70e..c569791 100644 --- a/templates/includes/head.html +++ b/templates/includes/head.html @@ -7,13 +7,13 @@ - {% if page.title %} - {{ page.title }} - {{ config.title }} - {% elif section.title %} - {{ section.title }} - {{ config.title }} - {% else %} - {{ config.title }} - {% endif %} + {%- if page.title -%} + {{- page.title }} - {{ config.title -}} + {%- elif section.title -%} + {{- section.title }} - {{ config.title -}} + {%- else -%} + {{- config.title -}} + {%- endif -%} @@ -50,10 +50,9 @@ - +