Adjust Nunjucks template indentation
This commit is contained in:
Helen Chong
parent
45fe58d002
commit
ae6ad1d66f
@ -3,20 +3,20 @@
|
||||
{% 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 %}
|
||||
{% block navbar %}{% include "asummersend/navbar.njk" %}{% endblock %}
|
||||
{% block footer %}{% include "asummersend/footer.njk" %}{% endblock %}
|
||||
{% block footer %}{% include "asummersend/footer.njk" %}{% endblock %}
|
||||
|
||||
@ -3,20 +3,20 @@
|
||||
{% 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 %}
|
||||
{% block navbar %}{% include "cassettebeasts/navbar.njk" %}{% endblock %}
|
||||
{% block footer %}{% include "cassettebeasts/footer.njk" %}{% endblock %}
|
||||
{% block footer %}{% include "cassettebeasts/footer.njk" %}{% endblock %}
|
||||
|
||||
@ -86,30 +86,30 @@
|
||||
</content-wrapper>
|
||||
|
||||
{%- css %}
|
||||
.breadcrumbs {
|
||||
margin-bottom: 0.7em;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.breadcrumbs {
|
||||
margin-bottom: 0.7em;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.blog__post--pagination {
|
||||
padding-top: 1em;
|
||||
margin-block-start: 2.5em;
|
||||
border-top: 0.1em solid var(--clr-title-border);
|
||||
}
|
||||
.blog__post--pagination {
|
||||
padding-top: 1em;
|
||||
margin-block-start: 2.5em;
|
||||
border-top: 0.1em solid var(--clr-title-border);
|
||||
}
|
||||
|
||||
.blog__post--nextprev {
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
gap: 0.7em;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-areas: 'prev next';
|
||||
}
|
||||
.blog__post--nextprev {
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
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; }
|
||||
{% endcss %}
|
||||
.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">
|
||||
<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 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>
|
||||
{%- endif -%}
|
||||
|
||||
<p>
|
||||
@ -28,26 +28,26 @@
|
||||
</footer>
|
||||
|
||||
{%- css %}
|
||||
:root { --footer-gap: 0.5em; }
|
||||
:root { --footer-gap: 0.5em; }
|
||||
|
||||
.footer {
|
||||
margin-top: auto;
|
||||
width: 100%;
|
||||
background: var(--clr-main-footer-bg);
|
||||
padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
|
||||
text-align: center;
|
||||
display: grid;
|
||||
gap: var(--footer-gap);
|
||||
}
|
||||
.footer {
|
||||
margin-top: auto;
|
||||
width: 100%;
|
||||
background: var(--clr-main-footer-bg);
|
||||
padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem);
|
||||
text-align: center;
|
||||
display: grid;
|
||||
gap: var(--footer-gap);
|
||||
}
|
||||
|
||||
.footer__links,
|
||||
.footer__shrines {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
column-gap: var(--footer-gap);
|
||||
}
|
||||
.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; }
|
||||
{% endcss %}
|
||||
.footer__links { justify-self: center; }
|
||||
.footer__shrines { align-self: center; }
|
||||
{% endcss %}
|
||||
|
||||
@ -8,39 +8,39 @@
|
||||
</header>
|
||||
|
||||
{%- css %}
|
||||
.hero {
|
||||
width: 100%;
|
||||
background-color: var(--clr-hero-bg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
.hero {
|
||||
width: 100%;
|
||||
background-color: var(--clr-hero-bg);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.hero__top-bar {
|
||||
background: var(--clr-navbar-bg);
|
||||
width: 100%;
|
||||
padding: 0.5em 0.7em;
|
||||
}
|
||||
.hero__top-bar {
|
||||
background: var(--clr-navbar-bg);
|
||||
width: 100%;
|
||||
padding: 0.5em 0.7em;
|
||||
}
|
||||
|
||||
.hero__img {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
.hero__img {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
}
|
||||
|
||||
.hero img {
|
||||
object-fit: contain;
|
||||
overflow: hidden;
|
||||
max-height: 16rem;
|
||||
}
|
||||
.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 %}
|
||||
{% endjs %}
|
||||
{% block eventScript %}
|
||||
{{ eventScript }}
|
||||
{% endblock %}
|
||||
{% endjs %}
|
||||
|
||||
@ -24,82 +24,82 @@
|
||||
</div>
|
||||
|
||||
{%- css %}
|
||||
.navbar {
|
||||
background: var(--clr-navbar-bg);
|
||||
width: 100%;
|
||||
z-index: 998;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding: 0.6em;
|
||||
}
|
||||
.navbar {
|
||||
background: var(--clr-navbar-bg);
|
||||
width: 100%;
|
||||
z-index: 998;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding: 0.6em;
|
||||
}
|
||||
|
||||
.navbar__menu {
|
||||
list-style-type: "";
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
flex-wrap: wrap;
|
||||
text-align: center;
|
||||
}
|
||||
.navbar__menu {
|
||||
list-style-type: "";
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
flex-wrap: wrap;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navbar__menu a {
|
||||
color: var(--clr-navbar-link);
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
display: inline-block;
|
||||
}
|
||||
.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 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
gap: 0.5em;
|
||||
}
|
||||
.navbar__links {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.navbar__toggle {
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
border: none;
|
||||
padding: 0;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
display: none;
|
||||
align-items: center;
|
||||
gap: 0.3em;
|
||||
}
|
||||
.navbar__toggle {
|
||||
background-color: inherit;
|
||||
color: var(--clr-navbar-link);
|
||||
border: none;
|
||||
padding: 0;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
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 {
|
||||
background: var(--clr-navbar-bg);
|
||||
border: 0.15em solid var(--clr-navbar-link);
|
||||
padding: 1.5em;
|
||||
max-width: 85%;
|
||||
}
|
||||
.navbar__popover {
|
||||
background: var(--clr-navbar-bg);
|
||||
border: 0.15em solid var(--clr-navbar-link);
|
||||
padding: 1.5em;
|
||||
max-width: 85%;
|
||||
}
|
||||
|
||||
.navbar__popover::backdrop {
|
||||
background-color: black;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.navbar__popover::backdrop {
|
||||
background-color: black;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@supports selector([popover]) {
|
||||
.navbar__toggle { display: flex; }
|
||||
.navbar__links { display: none; }
|
||||
}
|
||||
@supports selector([popover]) {
|
||||
.navbar__toggle { display: flex; }
|
||||
.navbar__links { display: none; }
|
||||
}
|
||||
|
||||
/* 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; }
|
||||
}
|
||||
/* 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 %}
|
||||
|
||||
@ -19,80 +19,80 @@ Newer{% endset %}
|
||||
<ul class="pagination">
|
||||
<li>
|
||||
{% if pagination.href.first %}
|
||||
<a href="{{ pagination.href.first }}">
|
||||
{{ firstLabel | safe }}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href="{{ pagination.href.first }}">
|
||||
{{ firstLabel | safe }}
|
||||
</a>
|
||||
{% else %}
|
||||
{{ firstLabel | safe }}
|
||||
{% endif %}
|
||||
</li>
|
||||
<li>
|
||||
{% if pagination.href.previous %}
|
||||
<a href=" {{ pagination.href.previous }}">
|
||||
<i class="fa-solid fa-angle-left"></i>
|
||||
{{ prevLabel | safe }}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href=" {{ pagination.href.previous }}">
|
||||
<i class="fa-solid fa-angle-left"></i>
|
||||
{{ prevLabel | safe }}
|
||||
</a>
|
||||
{% else %}
|
||||
{{ prevLabel | safe }}
|
||||
{% endif %}
|
||||
</li>
|
||||
<li>
|
||||
{% if pagination.href.next %}
|
||||
<a href=" {{ pagination.href.next }}">
|
||||
{{ nextLabel | safe }}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href=" {{ pagination.href.next }}">
|
||||
{{ nextLabel | safe }}
|
||||
</a>
|
||||
{% else %}
|
||||
{{ nextLabel | safe }}
|
||||
{% endif %}
|
||||
</li>
|
||||
<li>
|
||||
{% if pagination.href.last %}
|
||||
<a href=" {{ pagination.href.last }}">
|
||||
{{ lastLabel | safe }}
|
||||
</a>
|
||||
{% else %}
|
||||
<a href=" {{ pagination.href.last }}">
|
||||
{{ lastLabel | safe }}
|
||||
</a>
|
||||
{% else %}
|
||||
{{ lastLabel | safe }}
|
||||
{% endif %}
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
{%- css %}
|
||||
.pagination__wrapper {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
margin-top: 3em;
|
||||
}
|
||||
.pagination__wrapper {
|
||||
display: grid;
|
||||
place-content: center;
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.pagination {
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.pagination {
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pagination li {
|
||||
text-align: center;
|
||||
padding: 0.3em 0.7em;
|
||||
color: var(--clr-title-border);
|
||||
background-color: var(--clr-code-bg);
|
||||
}
|
||||
.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 {
|
||||
outline: 0.2em solid var(--clr-title-border);
|
||||
outline-offset: 0.15em;
|
||||
}
|
||||
.pagination li:has(a):focus-within {
|
||||
outline: 0.2em solid var(--clr-title-border);
|
||||
outline-offset: 0.15em;
|
||||
}
|
||||
|
||||
.pagination li a {
|
||||
color: var(--clr-link-btn-hover);
|
||||
text-decoration: none;
|
||||
}
|
||||
.pagination li a {
|
||||
color: var(--clr-link-btn-hover);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.pagination li a:focus { outline: none; }
|
||||
{% endcss %}
|
||||
.pagination li a:focus { outline: none; }
|
||||
{% endcss %}
|
||||
|
||||
@ -14,26 +14,26 @@
|
||||
</aside>
|
||||
|
||||
{%- css %}
|
||||
.right-sidebar {
|
||||
background-color: var(--clr-content-bg);
|
||||
font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
|
||||
}
|
||||
.right-sidebar {
|
||||
background-color: var(--clr-content-bg);
|
||||
font-size: clamp(0.9rem, 0.9rem + 3vw, 1rem);
|
||||
}
|
||||
|
||||
.shrine__info {
|
||||
padding: 1rem;
|
||||
max-height: var(--ht-sticky-sidebar);
|
||||
overflow-x: auto;
|
||||
}
|
||||
.shrine__info {
|
||||
padding: 1rem;
|
||||
max-height: var(--ht-sticky-sidebar);
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.shrine__info h2 {
|
||||
font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
.shrine__info h2 {
|
||||
font-size: clamp(1.5rem, 1rem + 3vw, 1.7rem);
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
.shrine__info h3 {
|
||||
font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
|
||||
margin-top: 1em;
|
||||
}
|
||||
.shrine__info h3 {
|
||||
font-size: clamp(1.3rem, 1rem + 3vw, 1.5rem);
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.shrine__info ul { margin-top: 0.5em; }
|
||||
{% endcss %}
|
||||
.shrine__info ul { margin-top: 0.5em; }
|
||||
{% endcss %}
|
||||
|
||||
@ -6,38 +6,38 @@
|
||||
</a>
|
||||
|
||||
{%- css %}
|
||||
.top-btn,
|
||||
.top-btn:hover {
|
||||
color: var(--clr-top-btn-txt);
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
.top-btn,
|
||||
.top-btn:hover {
|
||||
color: var(--clr-top-btn-txt);
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.top-btn {
|
||||
position: fixed;
|
||||
bottom: 0.5rem;
|
||||
right: 0.5rem;
|
||||
z-index: 999;
|
||||
.top-btn {
|
||||
position: fixed;
|
||||
bottom: 0.5rem;
|
||||
right: 0.5rem;
|
||||
z-index: 999;
|
||||
|
||||
background-color: var(--clr-top-btn-bg);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 50em;
|
||||
padding: 0.3em 0.5em;
|
||||
gap: 0.2em;
|
||||
}
|
||||
background-color: var(--clr-top-btn-bg);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 50em;
|
||||
padding: 0.3em 0.5em;
|
||||
gap: 0.2em;
|
||||
}
|
||||
|
||||
.top-btn:focus {
|
||||
outline: 0.25em solid var(--clr-top-btn-bg);
|
||||
outline-offset: 0.15em;
|
||||
}
|
||||
.top-btn:focus {
|
||||
outline: 0.25em solid var(--clr-top-btn-bg);
|
||||
outline-offset: 0.15em;
|
||||
}
|
||||
|
||||
.top-btn__arrow {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
aspect-ratio: 1 / 1;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
}
|
||||
{% endcss %}
|
||||
.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 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.changelog__nav,
|
||||
.changelog__nav--links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.changelog__nav {
|
||||
flex-direction: column;
|
||||
gap: 0.2em;
|
||||
align-self: center;
|
||||
font-weight: 700;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.changelog__nav--links li {
|
||||
text-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.changelog__nav--links [aria-current="page"] {
|
||||
text-decoration: none;
|
||||
color: var(--clr-bold-txt);
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.changelog__nav {
|
||||
flex-direction: column;
|
||||
gap: 0.2em;
|
||||
align-self: center;
|
||||
font-weight: 700;
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
.changelog__nav--links li {
|
||||
text-align: center;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.changelog__nav--links [aria-current="page"] {
|
||||
text-decoration: none;
|
||||
color: var(--clr-bold-txt);
|
||||
}
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.changelog__nav {
|
||||
flex-direction: row;
|
||||
gap: 1em;
|
||||
}
|
||||
flex-direction: row;
|
||||
gap: 1em;
|
||||
}
|
||||
}
|
||||
{% endcss %}
|
||||
|
||||
@ -14,12 +14,10 @@
|
||||
</aside>
|
||||
|
||||
{%- css %}
|
||||
.content__nav {
|
||||
padding: 1.2em clamp(1em, 5%, 1.5em);
|
||||
background-color: var(--clr-content-bg);
|
||||
}
|
||||
.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,131 +11,131 @@ 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) {
|
||||
heroTopBarEl.classList.remove('hidden');
|
||||
heroTopBarEl.innerHTML = todayEvent.blurb;
|
||||
if (todayEvent) {
|
||||
heroTopBarEl.classList.remove('hidden');
|
||||
heroTopBarEl.innerHTML = todayEvent.blurb;
|
||||
|
||||
if (todayEvent.class) {
|
||||
headerImgEl.classList.add(todayEvent.class);
|
||||
if (todayEvent.class) {
|
||||
headerImgEl.classList.add(todayEvent.class);
|
||||
}
|
||||
}
|
||||
|
||||
function getTodayEvent() {
|
||||
const date = new Date();
|
||||
const month = date.getMonth() + 1;
|
||||
const day = date.getDate();
|
||||
const year = date.getFullYear();
|
||||
const weekOfMonth = Math.ceil(day / 7);
|
||||
|
||||
const leilukinsHubLaunchDate = new Date("2022-09-11").getFullYear();
|
||||
const siteAnniversary = year - leilukinsHubLaunchDate;
|
||||
|
||||
if (month === 3 && day === 1)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.unaids.org/en/zero-discrimination-day">Zero Discrimination Day</a>`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 3 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.internationalwomensday.com/">International Women's Day</a>`,
|
||||
class: "symbol-venus",
|
||||
};
|
||||
else if (month === 3 && day === 31)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/tdov.html">Trans Day of Visibility</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else if (month === 4 && day === 6)
|
||||
return {
|
||||
blurb: `Today is <a href="https://internationalasexualityday.org/en">International Asexuality Day</a>`,
|
||||
class: "flag-ace",
|
||||
};
|
||||
else if (month === 4 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 4 && weekOfMonth === 4)
|
||||
return {
|
||||
blurb: `This week is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Week</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 5 && day === 17)
|
||||
return {
|
||||
blurb: `Today is <a href="https://may17.org">International Day Against Homophobia, Biphobia and Transphobia</a>`,
|
||||
class: "flag-progress",
|
||||
};
|
||||
else if (month === 5 && day === 19)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/">Agender Pride Day</a>`,
|
||||
class: "flag-agender",
|
||||
};
|
||||
else if (month === 5 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.papyrus-uk.org/pan-visibility-day/">Pansexual and Panromantic Awareness and Visibility Day</a>`,
|
||||
class: "flag-pan",
|
||||
};
|
||||
else if (month === 6)
|
||||
return {
|
||||
blurb: `Happy <a href="https://www.loc.gov/lgbt-pride-month/about/">Pride Month</a>!`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 7 && day === 14)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html">Non-Binary People's Day</a>`,
|
||||
class: "flag-non-binary",
|
||||
};
|
||||
else if (month === 7 && day === 28)
|
||||
return {
|
||||
blurb: `Today is Leilukin's Birthday`
|
||||
};
|
||||
else if (month === 7)
|
||||
return{
|
||||
blurb: `Happy <a href="https://diversity.ldeo.columbia.edu/heritage-months/disability-pride">Disability Pride Month</a>!`,
|
||||
class: "flag-disability"
|
||||
}
|
||||
}
|
||||
|
||||
function getTodayEvent() {
|
||||
const date = new Date();
|
||||
const month = date.getMonth() + 1;
|
||||
const day = date.getDate();
|
||||
const year = date.getFullYear();
|
||||
const weekOfMonth = Math.ceil(day / 7);
|
||||
|
||||
const leilukinsHubLaunchDate = new Date("2022-09-11").getFullYear();
|
||||
const siteAnniversary = year - leilukinsHubLaunchDate;
|
||||
|
||||
if (month === 3 && day === 1)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.unaids.org/en/zero-discrimination-day">Zero Discrimination Day</a>`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 3 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.internationalwomensday.com/">International Women's Day</a>`,
|
||||
class: "symbol-venus",
|
||||
};
|
||||
else if (month === 3 && day === 31)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/tdov.html">Trans Day of Visibility</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else if (month === 4 && day === 6)
|
||||
return {
|
||||
blurb: `Today is <a href="https://internationalasexualityday.org/en">International Asexuality Day</a>`,
|
||||
class: "flag-ace",
|
||||
};
|
||||
else if (month === 4 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 4 && weekOfMonth === 4)
|
||||
return {
|
||||
blurb: `This week is <a href="https://www.lesbianvisibilityweek.com">Lesbian Visibility Week</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 5 && day === 17)
|
||||
return {
|
||||
blurb: `Today is <a href="https://may17.org">International Day Against Homophobia, Biphobia and Transphobia</a>`,
|
||||
class: "flag-progress",
|
||||
};
|
||||
else if (month === 5 && day === 19)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.believeoutloud.com/voices/article/agender-pride-day/">Agender Pride Day</a>`,
|
||||
class: "flag-agender",
|
||||
};
|
||||
else if (month === 5 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.papyrus-uk.org/pan-visibility-day/">Pansexual and Panromantic Awareness and Visibility Day</a>`,
|
||||
class: "flag-pan",
|
||||
};
|
||||
else if (month === 6)
|
||||
return {
|
||||
blurb: `Happy <a href="https://www.loc.gov/lgbt-pride-month/about/">Pride Month</a>!`,
|
||||
class: "flag-progress-intersex",
|
||||
};
|
||||
else if (month === 7 && day === 14)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.manygendersonevoice.org/non-binary-peoples-day.html">Non-Binary People's Day</a>`,
|
||||
class: "flag-non-binary",
|
||||
};
|
||||
else if (month === 7 && day === 28)
|
||||
return {
|
||||
blurb: `Today is Leilukin's Birthday`
|
||||
};
|
||||
else if (month === 7)
|
||||
return{
|
||||
blurb: `Happy <a href="https://diversity.ldeo.columbia.edu/heritage-months/disability-pride">Disability Pride Month</a>!`,
|
||||
class: "flag-disability"
|
||||
}
|
||||
else if (month === 8 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://aromanticspectrumday.net/">Aromantic Spectrum Visibility Day</a>`,
|
||||
class: "flag-aro",
|
||||
};
|
||||
else if (month === 9 && day === 11)
|
||||
return {
|
||||
blurb: `Today is the ${siteAnniversary}-year anniversary of the launch of {{ sitemeta.siteName }}`
|
||||
};
|
||||
else if (month === 9 && day === 23)
|
||||
return {
|
||||
blurb: `Today is <a href="https://bivisibilityday.com/about">Bi Visibility Day</a>`,
|
||||
class: "flag-bi",
|
||||
};
|
||||
else if (month === 10 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2">International Lesbian Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 10 && day === 11)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.hrc.org/resources/national-coming-out-day">National Coming Out Day</a>`,
|
||||
class: "flag-rainbow",
|
||||
};
|
||||
else if (month === 10 && day === 17)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/genderfluid-visibility-week">Genderfluid Visibility Week</a>`,
|
||||
class: "flag-genderfluid",
|
||||
};
|
||||
else if (month === 10 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://interactadvocates.org/intersex-awareness-day">Intersex Awareness Day</a>`,
|
||||
class: "flag-intersex",
|
||||
};
|
||||
else if (month === 11 && day === 13)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://glaad.org/transweek/">Transgender Awareness Week</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else
|
||||
return null;
|
||||
}
|
||||
{% endblock %}
|
||||
else if (month === 8 && day === 25)
|
||||
return {
|
||||
blurb: `Today is <a href="https://aromanticspectrumday.net/">Aromantic Spectrum Visibility Day</a>`,
|
||||
class: "flag-aro",
|
||||
};
|
||||
else if (month === 9 && day === 11)
|
||||
return {
|
||||
blurb: `Today is the ${siteAnniversary}-year anniversary of the launch of {{ sitemeta.siteName }}`
|
||||
};
|
||||
else if (month === 9 && day === 23)
|
||||
return {
|
||||
blurb: `Today is <a href="https://bivisibilityday.com/about">Bi Visibility Day</a>`,
|
||||
class: "flag-bi",
|
||||
};
|
||||
else if (month === 10 && day === 8)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.lgbtiqhealth.org.au/international_lesbian_day2">International Lesbian Day</a>`,
|
||||
class: "flag-lesbian",
|
||||
};
|
||||
else if (month === 10 && day === 11)
|
||||
return {
|
||||
blurb: `Today is <a href="https://www.hrc.org/resources/national-coming-out-day">National Coming Out Day</a>`,
|
||||
class: "flag-rainbow",
|
||||
};
|
||||
else if (month === 10 && day === 17)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://www.grlgbtqhealthcareconsortium.org/significantdates/genderfluid-visibility-week">Genderfluid Visibility Week</a>`,
|
||||
class: "flag-genderfluid",
|
||||
};
|
||||
else if (month === 10 && day === 26)
|
||||
return {
|
||||
blurb: `Today is <a href="https://interactadvocates.org/intersex-awareness-day">Intersex Awareness Day</a>`,
|
||||
class: "flag-intersex",
|
||||
};
|
||||
else if (month === 11 && day === 13)
|
||||
return {
|
||||
blurb: `Today is the start of <a href="https://glaad.org/transweek/">Transgender Awareness Week</a>`,
|
||||
class: "flag-trans",
|
||||
};
|
||||
else
|
||||
return null;
|
||||
}
|
||||
{% endblock %}
|
||||
|
||||
@ -5,11 +5,11 @@
|
||||
</div>
|
||||
|
||||
{%- css %}
|
||||
.support-me {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 1em;
|
||||
align-items: center;
|
||||
margin-top: 0.7em;
|
||||
}
|
||||
{% endcss %}
|
||||
.support-me {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 1em;
|
||||
align-items: center;
|
||||
margin-top: 0.7em;
|
||||
}
|
||||
{% endcss %}
|
||||
|
||||
@ -3,20 +3,20 @@
|
||||
{% 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 %}
|
||||
{% block navbar %}{% include "pokemonoras/navbar.njk" %}{% endblock %}
|
||||
{% block footer %}{% include "pokemonoras/footer.njk" %}{% endblock %}
|
||||
{% block footer %}{% include "pokemonoras/footer.njk" %}{% endblock %}
|
||||
|
||||
@ -3,20 +3,20 @@
|
||||
{% 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 %}
|
||||
{% block navbar %}{% include "starwarskotor/navbar.njk" %}{% endblock %}
|
||||
{% block footer %}{% include "starwarskotor/footer.njk" %}{% endblock %}
|
||||
{% block footer %}{% include "starwarskotor/footer.njk" %}{% endblock %}
|
||||
|
||||
@ -14,10 +14,10 @@ eleventyNavigation:
|
||||
<li class="blog__postlist--item">
|
||||
<h2 class="blog__postlist--title">
|
||||
<a href="{{ post.url }}">
|
||||
{% if post.data.title %}{{ post.data.articleTitle }}
|
||||
{% else %}
|
||||
{% if post.data.title %}{{ post.data.articleTitle }}
|
||||
{% else %}
|
||||
<code>{{ post.url }}</code>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</a>
|
||||
</h2>
|
||||
<time datetime="{{ post.date }}">{{ post.date | formatDate }}</time>
|
||||
|
||||
@ -20,28 +20,28 @@ eleventyComputed:
|
||||
{{ collections.all | eleventyNavigation | eleventyNavigationToHtml(navigationOptions) | safe }}
|
||||
|
||||
{%- css %}
|
||||
main ul {
|
||||
display: grid;
|
||||
gap: 0.5rem;
|
||||
margin-top: 0.3em;
|
||||
}
|
||||
main ul {
|
||||
display: grid;
|
||||
gap: 0.5rem;
|
||||
margin-top: 0.3em;
|
||||
}
|
||||
|
||||
.sitemap {
|
||||
margin: 1em 0;
|
||||
padding: 0 0 0 1em;
|
||||
list-style-type: "";
|
||||
}
|
||||
.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 {
|
||||
padding-left: 0.5em;
|
||||
align-items: start;
|
||||
}
|
||||
.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: "❣"; }
|
||||
{% endcss %}
|
||||
.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 {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 1.5em 0 0 0;
|
||||
}
|
||||
.blog__posts {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 1.5em 0 0 0;
|
||||
}
|
||||
|
||||
.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 {
|
||||
--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 {
|
||||
font-size: clamp(1.55rem, 1rem + 3vw, 1.8rem);
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
.blog__post--title {
|
||||
font-size: clamp(1.55rem, 1rem + 3vw, 1.8rem);
|
||||
line-height: 1.3;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.blog__post--time {
|
||||
color: var(--clr-sub-heading);
|
||||
font-weight: 700;
|
||||
}
|
||||
.blog__post--time {
|
||||
color: var(--clr-sub-heading);
|
||||
font-weight: 700;
|
||||
}
|
||||
{% endcss %}
|
||||
|
||||
@ -43,8 +43,8 @@ eleventyComputed:
|
||||
</noscript>
|
||||
|
||||
{%- css %}
|
||||
.gb__messages--title {
|
||||
text-align: center;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
{% endcss %}
|
||||
.gb__messages--title {
|
||||
text-align: center;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
{% endcss %}
|
||||
|
||||
@ -34,16 +34,16 @@ eleventyComputed:
|
||||
</ul>
|
||||
|
||||
{%- css %}
|
||||
.shrine-index {
|
||||
display: grid;
|
||||
gap: 2em;
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 2em 0 0;
|
||||
}
|
||||
.shrine-index {
|
||||
display: grid;
|
||||
gap: 2em;
|
||||
list-style-type: "";
|
||||
padding: 0;
|
||||
margin: 2em 0 0;
|
||||
}
|
||||
|
||||
.shrine-index li {
|
||||
display: grid;
|
||||
gap: 0.7em;
|
||||
}
|
||||
{% endcss %}
|
||||
.shrine-index li {
|
||||
display: grid;
|
||||
gap: 0.7em;
|
||||
}
|
||||
{% endcss %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user