Adjust Nunjucks template indentation
This commit is contained in:
Helen Chong
parent
45fe58d002
commit
ae6ad1d66f
@ -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="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="manifest" href="/assets/favicon/site.webmanifest">
|
||||
<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="16x16" href="/assets/shrines/asummersend/images/ase-icon.png">
|
||||
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}{% include "asummersend/hero.njk" %}{% endblock %}
|
||||
|
||||
@ -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="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="manifest" href="/assets/favicon/site.webmanifest">
|
||||
<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="16x16" href="/assets/shrines/cassettebeasts/images/cb-icon.png">
|
||||
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}{% include "cassettebeasts/hero.njk" %}{% endblock %}
|
||||
|
||||
@ -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--next { grid-area: next; }
|
||||
.blog__post--prev { grid-area: prev; }
|
||||
.blog__post--next { grid-area: next; }
|
||||
{% endcss %}
|
||||
@ -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__shrines {
|
||||
.footer__links,
|
||||
.footer__shrines {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
column-gap: var(--footer-gap);
|
||||
}
|
||||
}
|
||||
|
||||
.footer__links { justify-self: center; }
|
||||
.footer__shrines { align-self: center; }
|
||||
.footer__links { justify-self: center; }
|
||||
.footer__shrines { align-self: center; }
|
||||
{% endcss %}
|
||||
@ -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 heroTopBarEl = document.querySelector(".hero__top-bar");
|
||||
const headerImgEl = document.querySelector(".hero__img");
|
||||
const hero = document.querySelector(".hero");
|
||||
const heroTopBarEl = document.querySelector(".hero__top-bar");
|
||||
const headerImgEl = document.querySelector(".hero__img");
|
||||
|
||||
{% block eventScript %}
|
||||
{{ eventScript }}
|
||||
{% endblock %}
|
||||
{% block eventScript %}
|
||||
{{ eventScript }}
|
||||
{% endblock %}
|
||||
{% endjs %}
|
||||
@ -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:focus { outline-offset: 0.2em; }
|
||||
.navbar__menu a:hover { color: var(--clr-link-hover); }
|
||||
.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__menu a:focus { outline-offset: 0.1em; }
|
||||
.navbar__toggle:focus,
|
||||
.navbar__menu a:focus { outline: 0.15em solid var(--clr-navbar-link); }
|
||||
.navbar__toggle:focus,
|
||||
.navbar__menu a:focus { outline-offset: 0.1em; }
|
||||
.navbar__toggle:focus,
|
||||
.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 */
|
||||
@media only screen and (min-width: 43.75rem) {
|
||||
/* Tablet screen size */
|
||||
@media only screen and (min-width: 43.75rem) {
|
||||
.navbar { padding: 1em 0.6em; }
|
||||
.navbar__toggle, .navbar__popover { display: none; }
|
||||
.navbar__links { display: flex; }
|
||||
}
|
||||
}
|
||||
{% endcss %}
|
||||
|
||||
@ -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):hover { background-color: var(--clr-link-hover); }
|
||||
.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):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 %}
|
||||
@ -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 %}
|
||||
@ -6,14 +6,14 @@
|
||||
</a>
|
||||
|
||||
{%- css %}
|
||||
.top-btn,
|
||||
.top-btn:hover {
|
||||
.top-btn,
|
||||
.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 %}
|
||||
@ -27,36 +27,36 @@ articleElement: true
|
||||
{{ content | safe }}
|
||||
|
||||
{%- css %}
|
||||
.changelog__nav,
|
||||
.changelog__nav--links {
|
||||
.changelog__nav,
|
||||
.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 %}
|
||||
|
||||
@ -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 {
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
.content__nav--title { font-size: 1.7rem; }
|
||||
{% endcss %}
|
||||
|
||||
@ -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 %}
|
||||
@ -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 %}
|
||||
@ -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="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="manifest" href="/assets/favicon/site.webmanifest">
|
||||
<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="16x16" href="/assets/shrines/pokemonoras/images/ORAS_Demo_icon.png">
|
||||
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}{% include "pokemonoras/hero.njk" %}{% endblock %}
|
||||
|
||||
@ -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="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="manifest" href="/assets/favicon/site.webmanifest">
|
||||
<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="16x16" href="/assets/shrines/starwarskotor/images/kotor-icon.png">
|
||||
<link rel="manifest" href="/assets/favicon/site.webmanifest">
|
||||
{% endblock %}
|
||||
|
||||
{% block hero %}{% include "starwarskotor/hero.njk" %}{% endblock %}
|
||||
|
||||
@ -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 ul { padding-left: 1em; }
|
||||
.sitemap ul li::marker { content: "★"; }
|
||||
.sitemap ul ul li::marker { content: "♥"; }
|
||||
.sitemap ul ul ul li::marker { content: "❣"; }
|
||||
.sitemap li::marker { content: "▶"; }
|
||||
.sitemap ul { padding-left: 1em; }
|
||||
.sitemap ul li::marker { content: "★"; }
|
||||
.sitemap ul ul li::marker { content: "♥"; }
|
||||
.sitemap ul ul ul li::marker { content: "❣"; }
|
||||
{% endcss %}
|
||||
@ -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 %}
|
||||
|
||||
@ -43,8 +43,8 @@ eleventyComputed:
|
||||
</noscript>
|
||||
|
||||
{%- css %}
|
||||
.gb__messages--title {
|
||||
.gb__messages--title {
|
||||
text-align: center;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
}
|
||||
{% endcss %}
|
||||
@ -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 %}
|
||||
Loading…
x
Reference in New Issue
Block a user