Adjust Nunjucks template indentation

src/_includes/asummersend/base.njk

@@ -3,18 +3,18 @@
 {% extends "global/baselayout.njk" %}
 
 {% block metaTitle %}
-    <meta property="og:title" content="{{ title + ' | ' if title }}A Summer’s End — Hong Kong 1986 Shrine">
+<meta property="og:title" content="{{ title + ' | ' if title }}A Summer’s End — Hong Kong 1986 Shrine">
 {% endblock %}
 
 {% block pageTitle %}
-    {{ title + " | " if title }}A Summer’s End — Hong Kong 1986 Shrine | {{ sitemeta.siteName | safe }}
+{{ title + " | " if title }}A Summer’s End — Hong Kong 1986 Shrine | {{ sitemeta.siteName | safe }}
 {% endblock %}
 
 {% block favicon %}
-    <link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/asummersend/images/ase-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/asummersend/images/ase-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/asummersend/images/ase-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/asummersend/images/ase-icon.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/asummersend/images/ase-icon.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/asummersend/images/ase-icon.png">
-    <link rel="manifest" href="/assets/favicon/site.webmanifest">
+<link rel="manifest" href="/assets/favicon/site.webmanifest">
 {% endblock %}
 
 {% block hero %}{% include "asummersend/hero.njk" %}{% endblock %}

src/_includes/cassettebeasts/base.njk

@@ -3,18 +3,18 @@
 {% extends "global/baselayout.njk" %}
 
 {% block metaTitle %}
-    <meta property="og:title" content="{{ title + ' | ' if title }}Cassette Beasts Shrine">
+<meta property="og:title" content="{{ title + ' | ' if title }}Cassette Beasts Shrine">
 {% endblock %}
 
 {% block pageTitle %}
-    {{ title + " | " if title }}Cassette Beasts Shrine | {{ sitemeta.siteName | safe }}
+{{ title + " | " if title }}Cassette Beasts Shrine | {{ sitemeta.siteName | safe }}
 {% endblock %}
 
 {% block favicon %}
-    <link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
-    <link rel="manifest" href="/assets/favicon/site.webmanifest">
+<link rel="manifest" href="/assets/favicon/site.webmanifest">
 {% endblock %}
 
 {% block hero %}{% include "cassettebeasts/hero.njk" %}{% endblock %}

src/_includes/global/content.njk

@@ -86,21 +86,21 @@
 </content-wrapper>
 
 {%- css %}
-    .breadcrumbs {
+.breadcrumbs {
     margin-bottom: 0.7em;
     display: flex;
     gap: 0.5em;
     flex-wrap: wrap;
     justify-content: center;
-    }
+}
 
-    .blog__post--pagination {
+.blog__post--pagination {
     padding-top: 1em;
     margin-block-start: 2.5em;
     border-top: 0.1em solid var(--clr-title-border);
-    }
+}
 
-    .blog__post--nextprev {
+.blog__post--nextprev {
     list-style-type: "";
     padding: 0;
     margin: 0;
@@ -108,8 +108,8 @@
     gap: 0.7em;
     grid-template-columns: repeat(2, 1fr);
     grid-template-areas: 'prev next';
-    }
+}
 
-    .blog__post--prev { grid-area: prev; }
+.blog__post--prev { grid-area: prev; }
-    .blog__post--next { grid-area: next; }
+.blog__post--next { grid-area: next; }
 {% endcss %}

src/_includes/global/footer.njk

@@ -5,17 +5,17 @@
     </p>
 
 {%- block footerContent %}
-    {{ footerContent }}
+{{ footerContent }}
 {% endblock -%}
 
 {%- if tags and tags.includes("shrine pages") %}
-    <nav class="footer__shrines" aria-labelledby="backto-title">
+<nav class="footer__shrines" aria-labelledby="backto-title">
     <p id="backto-title">Back to:</p>
     <ul class="inline-nav footer__links">
         <li><a href="/shrines/">Shrine Directory</a></li>
         <li><a href="/">{{ sitemeta.siteName }}</a></li>
     </ul>
-    </nav>
+</nav>
 {%- endif -%}
 
     <p>
@@ -28,9 +28,9 @@
 </footer>
 
 {%- css %}
-    :root { --footer-gap: 0.5em; }
+:root { --footer-gap: 0.5em; }
 
-    .footer {
+.footer {
     margin-top: auto;
     width: 100%;
     background: var(--clr-main-footer-bg);
@@ -38,16 +38,16 @@
     text-align: center;
     display: grid;
     gap: var(--footer-gap);
-    }
+}
 
-    .footer__links,
+.footer__links,
-    .footer__shrines {
+.footer__shrines {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     column-gap: var(--footer-gap);
-    }
+}
 
-    .footer__links { justify-self: center; }
+.footer__links { justify-self: center; }
-    .footer__shrines { align-self: center; }
+.footer__shrines { align-self: center; }
 {% endcss %}

src/_includes/global/hero.njk

@@ -8,39 +8,39 @@
 </header>
 
 {%- css %}
-    .hero {
+.hero {
     width: 100%;
     background-color: var(--clr-hero-bg);
     display: flex;
     flex-direction: column;
     justify-content: center;
     text-align: center;
-    }
+}
 
-    .hero__top-bar {
+.hero__top-bar {
     background: var(--clr-navbar-bg);
     width: 100%;
     padding: 0.5em 0.7em;
-    }
+}
 
-    .hero__img {
+.hero__img {
     display: grid;
     place-content: center;
-    }
+}
 
-    .hero img {
+.hero img {
     object-fit: contain;
     overflow: hidden;
     max-height: 16rem;
-    }
+}
 {% endcss %}
 
 {%- js %}
-    const hero = document.querySelector(".hero");
+const hero = document.querySelector(".hero");
-    const heroTopBarEl = document.querySelector(".hero__top-bar");
+const heroTopBarEl = document.querySelector(".hero__top-bar");
-    const headerImgEl = document.querySelector(".hero__img");
+const headerImgEl = document.querySelector(".hero__img");
 
-    {% block eventScript %}
+{% block eventScript %}
-        {{ eventScript }}
+{{ eventScript }}
-    {% endblock %}
+{% endblock %}
 {% endjs %}

src/_includes/global/navbar.njk

@@ -24,16 +24,16 @@
 </div>
 
 {%- css %}
-    .navbar {
+.navbar {
     background: var(--clr-navbar-bg);
     width: 100%;
     z-index: 998;
     position: sticky;
     top: 0;
     padding: 0.6em;
-    }
+}
 
-    .navbar__menu {
+.navbar__menu {
     list-style-type: "";
     margin: 0;
     padding: 0;
@@ -41,26 +41,26 @@
     gap: 1em;
     flex-wrap: wrap;
     text-align: center;
-    }
+}
 
-    .navbar__menu a {
+.navbar__menu a {
     color: var(--clr-navbar-link);
     text-decoration: none;
     font-weight: 700;
     display: inline-block;
-    }
+}
 
-    .navbar__menu a:hover { color: var(--clr-link-hover); }
+.navbar__menu a:hover { color: var(--clr-link-hover); }
-    .navbar__menu a:focus { outline-offset: 0.2em; }
+.navbar__menu a:focus { outline-offset: 0.2em; }
 
-    .navbar__links {
+.navbar__links {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-evenly;
     gap: 0.5em;
-    }
+}
 
-    .navbar__toggle {
+.navbar__toggle {
     background-color: inherit;
     color: var(--clr-navbar-link);
     border: none;
@@ -70,36 +70,36 @@
     display: none;
     align-items: center;
     gap: 0.3em;
-    }
+}
 
-    .navbar__toggle svg { fill: currentColor; }
+.navbar__toggle svg { fill: currentColor; }
 
-    .navbar__toggle:focus,
+.navbar__toggle:focus,
-    .navbar__menu a:focus { outline-offset: 0.1em; }
+.navbar__menu a:focus { outline-offset: 0.1em; }
-    .navbar__toggle:focus,
+.navbar__toggle:focus,
-    .navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
+.navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
 
-    .navbar__popover {
+.navbar__popover {
     background: var(--clr-navbar-bg);
     border: 0.15em solid var(--clr-navbar-link);
     padding: 1.5em;
     max-width: 85%;
-    }
+}
 
-    .navbar__popover::backdrop {
+.navbar__popover::backdrop {
     background-color: black;
     opacity: 0.5;
-    }
+}
 
-    @supports selector([popover]) {
+@supports selector([popover]) {
     .navbar__toggle { display: flex; }
     .navbar__links { display: none; }
-    }
+}
 
-    /* Tablet screen size */
+/* Tablet screen size */
-    @media only screen and (min-width: 43.75rem) {
+@media only screen and (min-width: 43.75rem) {
     .navbar { padding: 1em 0.6em; }
     .navbar__toggle, .navbar__popover { display: none; }
     .navbar__links { display: flex; }
-    }
+}
 {% endcss %}

src/_includes/global/pagination-oldnew.njk

@@ -58,13 +58,13 @@ Newer{% endset %}
 </nav>
 
 {%- css %}
-    .pagination__wrapper {
+.pagination__wrapper {
     display: grid;
     place-content: center;
     margin-top: 3em;
-    }
+}
 
-    .pagination {
+.pagination {
     list-style-type: "";
     padding: 0;
     margin: 0;
@@ -72,27 +72,27 @@ Newer{% endset %}
     gap: 0.5em;
     flex-wrap: wrap;
     justify-content: center;
-    }
+}
 
-    .pagination li {
+.pagination li {
     text-align: center;
     padding: 0.3em 0.7em;
     color: var(--clr-title-border);
     background-color: var(--clr-code-bg);
-    }
+}
 
-    .pagination li:has(a) { background-color: var(--clr-title-border); }
+.pagination li:has(a) { background-color: var(--clr-title-border); }
-    .pagination li:has(a):hover { background-color: var(--clr-link-hover); }
+.pagination li:has(a):hover { background-color: var(--clr-link-hover); }
 
-    .pagination li:has(a):focus-within {
+.pagination li:has(a):focus-within {
     outline: 0.2em solid var(--clr-title-border);
     outline-offset: 0.15em;
-    }
+}
 
-    .pagination li a {
+.pagination li a {
     color: var(--clr-link-btn-hover);
     text-decoration: none;
-    }
+}
 
-    .pagination li a:focus { outline: none; }
+.pagination li a:focus { outline: none; }
 {% endcss %}

src/_includes/global/shrineinfo.njk

@@ -14,26 +14,26 @@
 </aside>
 
 {%- css %}
-    .right-sidebar {
+.right-sidebar {
     background-color: var(--clr-content-bg);
     font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
-    }
+}
 
-    .shrine__info {
+.shrine__info {
     padding: 1rem;
     max-height: var(--ht-sticky-sidebar);
     overflow-x: auto;
-    }
+}
 
-    .shrine__info h2 {
+.shrine__info h2 {
     font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
     margin-bottom: 0.2em;
-    }
+}
 
-    .shrine__info h3 {
+.shrine__info h3 {
     font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
     margin-top: 1em;
-    }
+}
 
-    .shrine__info ul { margin-top: 0.5em; }
+.shrine__info ul { margin-top: 0.5em; }
 {% endcss %}

src/_includes/global/top-btn.njk

@@ -6,14 +6,14 @@
 </a>
 
 {%- css %}
-    .top-btn,
+.top-btn,
-    .top-btn:hover {
+.top-btn:hover {
     color: var(--clr-top-btn-txt);
     text-decoration: none;
     font-weight: 700;
-    }
+}
 
-    .top-btn {
+.top-btn {
     position: fixed;
     bottom: 0.5rem;
     right: 0.5rem;
@@ -25,19 +25,19 @@
     border-radius: 50em;
     padding: 0.3em 0.5em;
     gap: 0.2em;
-    }
+}
 
-    .top-btn:focus {
+.top-btn:focus {
     outline: 0.25em solid var(--clr-top-btn-bg);
     outline-offset: 0.15em;
-    }
+}
 
-    .top-btn__arrow {
+.top-btn__arrow {
     display: inline-block;
     width: 1em;
     aspect-ratio: 1 / 1;
     stroke-width: 0;
     stroke: currentColor;
     fill: currentColor;
-    }
+}
 {% endcss %}

src/_includes/main/changelogs.njk

@@ -27,36 +27,36 @@ articleElement: true
 {{ content | safe }}
 
 {%- css %}
-    .changelog__nav,
+.changelog__nav,
-    .changelog__nav--links {
+.changelog__nav--links {
     display: flex;
     align-items: center;
     justify-content: center;
     flex-wrap: wrap;
-    }
+}
 
-    .changelog__nav {
+.changelog__nav {
     flex-direction: column;
     gap: 0.2em;
     align-self: center;
     font-weight: 700;
     gap: 0.5em;
-    }
+}
 
-    .changelog__nav--links li {
+.changelog__nav--links li {
     text-align: center;
     align-self: center;
-    }
+}
 
-    .changelog__nav--links [aria-current="page"] {
+.changelog__nav--links [aria-current="page"] {
     text-decoration: none;
     color: var(--clr-bold-txt);
-    }
+}
 
-    @media (min-width: 640px) {
+@media (min-width: 640px) {
     .changelog__nav {
         flex-direction: row;
         gap: 1em;
     }
-    }
+}
 {% endcss %}

src/_includes/main/content-nav.njk

@@ -14,12 +14,10 @@
 </aside>
 
 {%- css %}
-    .content__nav {
+.content__nav {
     padding: 1.2em clamp(1em, 5%, 1.5em);
     background-color: var(--clr-content-bg);
-    }
+}
 
-    .content__nav--title {
+.content__nav--title { font-size: 1.7rem; }
-        font-size: 1.7rem;
-    }
 {% endcss %}

src/_includes/main/hero.njk

@@ -11,18 +11,18 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
 {%- css %}.hero img { filter: {{ heroDropShadow }}; }{% endcss %}
 
 {% block eventScript %}
-    const todayEvent = getTodayEvent();
+const todayEvent = getTodayEvent();
 
-    if (todayEvent) {
+if (todayEvent) {
     heroTopBarEl.classList.remove('hidden');
     heroTopBarEl.innerHTML = todayEvent.blurb;
 
     if (todayEvent.class) {
         headerImgEl.classList.add(todayEvent.class);
     }
-    }
+}
 
-    function getTodayEvent() {
+function getTodayEvent() {
     const date = new Date();
     const month = date.getMonth() + 1;
     const day = date.getDate();
@@ -137,5 +137,5 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
         };
     else
         return null;
-    }
+}
 {% endblock %}

src/_includes/main/support-me.njk

@@ -5,11 +5,11 @@
 </div>
 
 {%- css %}
-    .support-me {
+.support-me {
     display: flex;
     flex-wrap: wrap;
     gap: 1em;
     align-items: center;
     margin-top: 0.7em;
-    }
+}
 {% endcss %}

src/_includes/pokemonoras/base.njk

@@ -3,18 +3,18 @@
 {% extends "global/baselayout.njk" %}
 
 {% block metaTitle %}
-    <meta property="og:title" content="{{ title + ' | ' if title }}Pokémon Omega Ruby and Alpha Sapphire Shrine">
+<meta property="og:title" content="{{ title + ' | ' if title }}Pokémon Omega Ruby and Alpha Sapphire Shrine">
 {% endblock %}
 
 {% block pageTitle %}
-    {{ title + " | " if title }}Pokémon Omega Ruby and Alpha Sapphire Shrine | {{ sitemeta.siteName | safe }}
+{{ title + " | " if title }}Pokémon Omega Ruby and Alpha Sapphire Shrine | {{ sitemeta.siteName | safe }}
 {% endblock %}
 
 {% block favicon %}
-    <link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/pokemonoras/images/ORAS_Demo_icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/pokemonoras/images/ORAS_Demo_icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/pokemonoras/images/ORAS_Demo_icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/pokemonoras/images/ORAS_Demo_icon.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/pokemonoras/images/ORAS_Demo_icon.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/pokemonoras/images/ORAS_Demo_icon.png">
-    <link rel="manifest" href="/assets/favicon/site.webmanifest">
+<link rel="manifest" href="/assets/favicon/site.webmanifest">
 {% endblock %}
 
 {% block hero %}{% include "pokemonoras/hero.njk" %}{% endblock %}

src/_includes/starwarskotor/base.njk

@@ -3,18 +3,18 @@
 {% extends "global/baselayout.njk" %}
 
 {% block metaTitle %}
-    <meta property="og:title" content="{{ title + ' | ' if title }}Star Wars: Knights of the Old Republic Shrine">
+<meta property="og:title" content="{{ title + ' | ' if title }}Star Wars: Knights of the Old Republic Shrine">
 {% endblock %}
 
 {% block pageTitle %}
-    {{ title + " | " if title }}Star Wars: Knights of the Old Republic Shrine | {{ sitemeta.siteName | safe }}
+{{ title + " | " if title }}Star Wars: Knights of the Old Republic Shrine | {{ sitemeta.siteName | safe }}
 {% endblock %}
 
 {% block favicon %}
-    <link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
+<link rel="apple-touch-icon" sizes="180x180" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
-    <link rel="manifest" href="/assets/favicon/site.webmanifest">
+<link rel="manifest" href="/assets/favicon/site.webmanifest">
 {% endblock %}
 
 {% block hero %}{% include "starwarskotor/hero.njk" %}{% endblock %}

src/slashes/footerlinks/sitemap.njk

@@ -20,28 +20,28 @@ eleventyComputed:
 {{ collections.all | eleventyNavigation | eleventyNavigationToHtml(navigationOptions) | safe }}
 
 {%- css %}
-    main ul {
+main ul {
     display: grid;
     gap: 0.5rem;
     margin-top: 0.3em;
-    }
+}
 
-    .sitemap {
+.sitemap {
     margin: 1em 0;
     padding: 0 0 0 1em;
     list-style-type: "";
-    }
+}
 
-    .sitemap a:focus { outline: 0.15rem solid var(--clr-link); }
+.sitemap a:focus { outline: 0.15rem solid var(--clr-link); }
 
-    .sitemap li {
+.sitemap li {
     padding-left: 0.5em;
     align-items: start;
-    }
+}
 
-    .sitemap li::marker { content: "▶"; }
+.sitemap li::marker { content: "▶"; }
-    .sitemap ul { padding-left: 1em; }
+.sitemap ul { padding-left: 1em; }
-    .sitemap ul li::marker { content: "★"; }
+.sitemap ul li::marker { content: "★"; }
-    .sitemap ul ul li::marker { content: "♥"; }
+.sitemap ul ul li::marker { content: "♥"; }
-    .sitemap ul ul ul li::marker { content: "❣"; }
+.sitemap ul ul ul li::marker { content: "❣"; }
 {% endcss %}

src/slashes/navbarlinks/blog.njk

@@ -44,31 +44,31 @@ eleventyComputed:
 </section>
 
 {%- css %}
-    .blog__posts, .blog__post { display: grid; }
+.blog__posts, .blog__post { display: grid; }
 
-    .blog__posts {
+.blog__posts {
     list-style-type: none;
     padding: 0;
     margin: 1.5em 0 0 0;
-    }
+}
 
-    .blog__post {
+.blog__post {
     --bdr-blogpost: 0.2em solid var(--clr-quote-border);
     gap: 0.6em;
     padding: 1.5em 0;
     border-bottom: var(--bdr-blogpost);
-    }
+}
 
-    .blog__post:first-of-type { border-top: var(--bdr-blogpost); }
+.blog__post:first-of-type { border-top: var(--bdr-blogpost); }
 
-    .blog__post--title {
+.blog__post--title {
     font-size: clamp(1.55rem, 1rem + 3vw, 1.8rem);
     line-height: 1.3;
     margin-bottom: 0 !important;
-    }
+}
 
-    .blog__post--time {
+.blog__post--time {
     color: var(--clr-sub-heading);
     font-weight: 700;
-    }
+}
 {% endcss %}

src/slashes/navbarlinks/guestbook.njk

@@ -43,8 +43,8 @@ eleventyComputed:
 </noscript>
 
 {%- css %}
-    .gb__messages--title {
+.gb__messages--title {
     text-align: center;
     margin-bottom: 0.5em;
-    }
+}
 {% endcss %}

src/slashes/navbarlinks/shrines.njk

@@ -34,16 +34,16 @@ eleventyComputed:
 </ul>
 
 {%- css %}
-    .shrine-index {
+.shrine-index {
     display: grid;
     gap: 2em;
     list-style-type: "";
     padding: 0;
     margin: 2em 0 0;
-    }
+}
 
-    .shrine-index li {
+.shrine-index li {
     display: grid;
     gap: 0.7em;
-    }
+}
 {% endcss %}