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