Change indenting to 1 tab (4 spaces)

It's more readable this way

.editorconfig

@@ -1,10 +0,0 @@
-root = true
-
-[*]
-end_of_line = lf
-charset = utf-8
-insert_final_newline = true
-
-[*.{css,scss,html}]
-indent_style = space
-indent_size = 2

config.toml

@@ -52,9 +52,9 @@ source_url = "https://codeberg.org/daudix/duckquill"
 show_feed = true
 # Links used in the nav
 links = [
-  {url = "https://codeberg.org/daudix/duckquill", name = "Repo"},
-  {url = "$BASE_URL/demo", name = "Demo"},
   {url = "$BASE_URL/blog", name = "Blog"},
+  {url = "$BASE_URL/demo", name = "Demo"},
+  {url = "https://codeberg.org/daudix/duckquill", name = "Repo"},
 ]
 
 [extra.footer]

sass/_crt.scss

@@ -1,17 +1,13 @@
 .crt {
 	margin: 1rem 0 1rem;
 	border-radius: var(--rounded-corner);
-  background: radial-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.85)),
+	background: radial-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.85)), var(--primary-color);
-    var(--primary-color);
+	box-shadow: 0 0 0 1px var(--primary-color-alpha), 0 2px 6px 2px var(--primary-color-alpha), 0 4px 24px 4px var(--primary-color-alpha);
-  box-shadow: 0 0 0 1px var(--primary-color-alpha),
-    0 2px 6px 2px var(--primary-color-alpha),
-    0 4px 24px 4px var(--primary-color-alpha);
 
 	pre {
 		color: var(--primary-color);
 		padding: 1rem 1rem;
-    text-shadow: var(--primary-color-alpha) 0 0 4px,
+		text-shadow: var(--primary-color-alpha) 0 0 4px, var(--primary-color) 0 0 12px;
-      var(--primary-color) 0 0 12px;
 		// Unset some <pre> stuff
 		background-color: unset;
 		box-shadow: unset;
@@ -22,15 +18,19 @@
 			from {
 				opacity: 1;
 			}
+
 			25% {
 				opacity: 0.95;
 			}
+
 			50% {
 				opacity: 0.85;
 			}
+
 			75% {
 				opacity: 1;
 			}
+
 			to {
 				opacity: 0.9;
 			}
@@ -48,13 +48,7 @@
 
 	&::before {
 		animation: scanlines 250ms linear infinite;
-    background: repeating-linear-gradient(
+		background: repeating-linear-gradient(to top, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 1px, transparent 3px, transparent 4px);
-      to top,
-      rgba(0, 0, 0, 0.25),
-      rgba(0, 0, 0, 0.25) 1px,
-      transparent 3px,
-      transparent 4px
-    );
 		content: "";
 		display: block;
 		height: calc(100% + 0.5rem);
@@ -69,6 +63,7 @@
 			from {
 				transform: translateY(-0.5rem);
 			}
+
 			to {
 				transform: translateY(0);
 			}
@@ -81,12 +76,7 @@
 
 	&::after {
 		animation: scanline 5s linear infinite;
-    background: linear-gradient(
+		background: linear-gradient(to top, transparent 0%, var(--primary-color-alpha) 10%, transparent 100%);
-      to top,
-      transparent 0%,
-      var(--primary-color-alpha) 10%,
-      transparent 100%
-    );
 		bottom: 100%;
 		content: "";
 		display: block;
@@ -100,9 +90,11 @@
 			from {
 				bottom: 100%;
 			}
+
 			50% {
 				bottom: 100%;
 			}
+
 			to {
 				bottom: -8rem;
 			}
@@ -121,9 +113,11 @@
 		from {
 			opacity: 1;
 		}
+
 		50% {
 			opacity: 0;
 		}
+
 		75% {
 			opacity: 1;
 		}

sass/_media.scss

@@ -33,4 +33,3 @@ img {
 		transform: scale(1.1);
 	}
 }
-

sass/_variables.scss

@@ -19,27 +19,18 @@
 
 	// VARIABLES
 	--active: 0.9;
-  --bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
+	--bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), var(--primary-color);
-    var(--primary-color);
+	--bg-color-l: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), var(--primary-color);
-  --bg-color-l: linear-gradient(
-      rgba(255, 255, 255, 0.8),
-      rgba(255, 255, 255, 0.8)
-    ),
-    var(--primary-color);
 	--blur: saturate(180%) blur(10px);
 	--content-width: 720px;
 	--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-  --font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
+	--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
-    Consolas, "DejaVu Sans Mono", monospace;
+	--font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;
-  --font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif",
-    "Sitka Small", serif;
 	--font-system: system-ui, sans-serif;
 	--rounded-corner-small: 8px;
 	--rounded-corner: 12px;
-  --shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06),
+	--shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
-    0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);
+	--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);
-  --shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07),
-    0 2px 6px 2px rgba(0, 0, 0, 0.03);
 	--transition-bezier: 350ms cubic-bezier(0.17, 0.89, 0.32, 1.28);
 	--transition-long: 800ms;
 	--transition-longer: 400ms;

templates/blog.html

@@ -5,7 +5,7 @@
 
 {%- if page.date %}
 	<small>
-    <time datetime='{{ page.date | date(format='%+') }}' pubdate>
+		<time datetime="{{ page.date | date(format=' %+') }}" pubdate>
 			{{- page.date | date(format=config.extra.date_format) -}}
 		</time>
 		{%- if page.authors %}
@@ -49,9 +49,7 @@
 {% endif %}
 
 {% if page.extra.toc %}
-  <h2>
+	<h2>Table of Contents</h2>
-    Table of Contents
-  </h2>
 	<ul>
 		{% for h1 in page.toc %}
 			<li>

templates/blog_list.html

@@ -14,17 +14,13 @@
 <div class="blog-list">
 	{% for page in section.pages %}
 		<article>
-  <h3>
+			<h3><a class="link-page" href="{{ page.permalink | safe }}">{{ page.title }}</a></h3>
-    <a class="link-page" href="{{ page.permalink | safe }}">{{ page.title }}</a>
-  </h3>
 			{%- if page.description %}
 				<p>{{ page.description }}</p>
 			{%- endif %}
 			{%- if page.date %}
 				<small>
-      <time datetime="{{ page.date | date(format='%+') }}" pubdate>
+					<time datetime="{{ page.date | date(format='%+') }}" pubdate>{{- page.date | date(format=config.extra.date_format) -}}</time>
-        {{- page.date | date(format=config.extra.date_format) -}}
-      </time>
 					{%- if page.authors %}
 						<span>•</span>
 						<span>Author: {{ page.authors[0] }}</span>
@@ -34,9 +30,7 @@
 							<span>•</span>
 							<ul class="tags">
 								{%-for item in taxon %}
-          <li>
+									<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">{{ item }}</a></li>
-            <a class="tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">{{ item }}</a>
-          </li>
 								{%- endfor %}
 							</ul>
 						{%- endfor %}

templates/partials/comments.html

@@ -24,7 +24,8 @@
 	</p>
 	<p>
 		<small>
-      Since Fediverse is decentralized, you can use your existing Mastodon API compatible account if you don't have an
+			Since Fediverse is decentralized, you can use your existing Mastodon API compatible account if you don't
+			have an
 			account on this server. Known non-private replies are displayed below.
 		</small>
 	</p>

templates/partials/footer.html

@@ -12,7 +12,8 @@
 	{% endif %}
 
 	{% if config.extra.footer.show_johnvert %}
-    <details><summary>Johnvertisement</summary>
+		<details>
+			<summary>Johnvertisement</summary>
 			<iframe id="johnvertisement" title="Johnvertisement" src="https://john.citrons.xyz/embed?ref={{ config.extra.footer.johnvert_ref }}"></iframe>
 		</details>
 	{% endif %}

templates/partials/head.html

@@ -52,9 +52,7 @@
 
 	<!-- Open Graph -->
 	<meta property="og:site_name" content="{{ config.title }}" />
-  <meta property="og:title" content="{%- if page.title -%} {{- page.title }} - {{ config.title -}}
+	<meta property="og:title" content="{%- if page.title -%}{{- page.title }} - {{ config.title -}}{%- elif section.title -%}{{- section.title }} - {{ config.title -}}{%- else -%}{{- config.title -}}{%- endif -%}" />
-    {%- elif section.title -%} {{- section.title }} - {{ config.title -}}
-    {%- else -%} {{- config.title -}} {%- endif -%}" />
 	<meta property="og:url" content="{{ current_url | default(value='/') }}" />
 	<meta property="og:description" content="{{ page.description | default(value=config.description) }}" />
 	<meta property="og:image" content="{{ get_url(path='card.png') }}" />

templates/partials/nav.html

@@ -7,15 +7,14 @@
 			</li>
 			{% for link in config.extra.nav.links %}
 				<li>
-        <a href="{{ link.url | safe | replace(from='$BASE_URL', to=get_url(path='')) | safe }}">{{ link.name }}</a>
+					<a href="{{ link.url | safe | replace(from='$BASE_URL', to=get_url(path='')) | safe }}">{{ link.name
+						}}</a>
 				</li>
 			{% endfor %}
 			{% if config.extra.nav.show_feed %}
 				<li id="feed">
 					<a href="{{ get_url(path='') }}/{{ config.feed_filename }}">
-          <svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+						<svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998m0 0" /></svg>
-            <path d="M1.988 1.988V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988v-.004zm0 4V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988v-.004zm2 4a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998m0 0" />
-          </svg>
 						<span>Feed</span>
 					</a>
 				</li>

templates/shortcodes/image.html

@@ -1,12 +1,10 @@
 <a href="{{url}}">
-  <img
+	<img class="
-    class="
 			{% if full %}full{% endif %}
 			{% if pixels %}pixels{% endif %}
 			{% if transparent %}transparent{% endif %}
 			{% if no_hover %}no-hover{% endif %}
 		"
 		{% if alt %}alt="{{alt}}"{% endif %}
-    src="{% if url_min %}{{url_min}}{% else %}{{url}}{% endif %}"
+		src="{% if url_min %}{{url_min}}{% else %}{{url}}{% endif %}" />
-  />
 </a>

templates/shortcodes/video.html

@@ -5,6 +5,5 @@
 		{% if transparent %}transparent{% endif %}
   	"
 	{% if alt %}alt="{{alt}}"{% endif %}
-  controls
+	controls src="{{url}}">
-  src="{{url}}">
 </video>

templates/taxonomy_list.html

@@ -7,9 +7,7 @@
 <small>
 	<ul class="tags">
 		{% for tag in terms %}
-    <li>
+			<li><a class="tag" href="{{ get_taxonomy_url(kind='tags', name=tag.name) }}">{{ tag.name }}</a></li>
-      <a class="tag" href="{{ get_taxonomy_url(kind='tags', name=tag.name) }}">{{ tag.name }}</a>
-    </li>
 		{% endfor %}
 	</ul>
 </small>

templates/taxonomy_single.html

@@ -9,26 +9,18 @@
 </small>
 <article>
 	{% for page in term.pages %}
-  <h3>
+		<h3><a class="link-page" href="{{ page.permalink | safe }}">{{ page.title }}</a></h3>
-    <a class="link-page" href="{{ page.permalink | safe }}">
-      {{ page.title }}
-    </a>
-  </h3>
 		{%- if page.description %}
 			<p>{{ page.description }}</p>
 		{%- endif %}
 		<small>
-    <time datetime='{{ page.date | date(format='%+') }}' pubdate>
+			<time datetime='{{ page.date | date(format=' %+') }}' pubdate>{{- page.date | date(format=config.extra.date_format) -}}</time>
-      {{- page.date | date(format=config.extra.date_format) -}}
-    </time>
 			{%- if page.taxonomies %}
 				{%- for name, taxon in page.taxonomies %}
 					<span>•</span>
 					<ul class="tags">
 						{%-for item in taxon %}
-        <li>
+							<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">{{ item }}</a></li>
-          <a class="tag" href="{{ get_taxonomy_url(kind=name, name=item) }}">{{ item }}</a>
-        </li>
 						{%- endfor %}
 					</ul>
 				{%- endfor %}