Move the link separtor in list elements to ::after selector

This commit is contained in:
Helen Chong 2024-04-20 18:59:51 +08:00
parent 28ea0cacd9
commit aaea1dbbbf
90 changed files with 1130 additions and 645 deletions

View File

@ -522,14 +522,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -557,6 +557,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -732,14 +732,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -767,6 +767,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -497,14 +497,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -532,6 +532,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -462,14 +462,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -497,6 +497,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -532,14 +532,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -567,6 +567,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -463,14 +463,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -498,6 +498,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -479,14 +479,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -514,6 +514,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -456,14 +456,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -491,6 +491,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -610,14 +610,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -645,6 +645,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -612,14 +612,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -647,6 +647,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -566,14 +566,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -601,6 +601,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -484,14 +484,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -519,6 +519,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -475,14 +475,14 @@ After discovering the static site generator <a href="https://www.11ty.dev/">Elev
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -510,6 +510,11 @@ After discovering the static site generator <a href="https://www.11ty.dev/">Elev
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -470,14 +470,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -505,6 +505,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -481,14 +481,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -516,6 +516,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -474,14 +474,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -509,6 +509,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -475,14 +475,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -510,6 +510,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -481,14 +481,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -516,6 +516,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -484,14 +484,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -519,6 +519,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -472,14 +472,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -507,6 +507,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -472,14 +472,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -507,6 +507,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -484,14 +484,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -519,6 +519,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -561,14 +561,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -596,6 +596,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -437,14 +437,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -472,6 +472,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -437,14 +437,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -472,6 +472,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -437,14 +437,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -472,6 +472,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -457,14 +457,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -492,6 +492,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -437,14 +437,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -472,6 +472,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -447,14 +447,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -482,6 +482,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -464,14 +464,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -499,6 +499,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -447,14 +447,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -482,6 +482,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -487,14 +487,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -522,6 +522,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -437,14 +437,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -472,6 +472,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -447,14 +447,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -482,6 +482,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -437,14 +437,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -472,6 +472,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -467,14 +467,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -502,6 +502,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -507,14 +507,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -542,6 +542,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -507,14 +507,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -542,6 +542,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a href="/changelogs">Latest</a>
</li>
|
<li>
<a href="/changelogs/2024/">2024</a>
</li>
|
<li>
<a href="/changelogs/2023/">2023</a>
</li>
|
<li>
<a aria-current="page" href="/changelogs/2022/">2022</a>
</li>
|
<li>
<a href="/changelogs/layouts/">Website Layouts</a>
</li>
href="/changelogs"
>Latest</a></li>
<li><a
href="/changelogs/2024/"
>2024</a></li>
<li><a
href="/changelogs/2023/"
>2023</a></li>
<li><a
aria-current="page"
href="/changelogs/2022/"
>2022</a></li>
<li><a
href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -687,6 +687,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -725,14 +730,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -760,6 +765,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a href="/changelogs">Latest</a>
</li>
|
<li>
<a href="/changelogs/2024/">2024</a>
</li>
|
<li>
<a aria-current="page" href="/changelogs/2023/">2023</a>
</li>
|
<li>
<a href="/changelogs/2022/">2022</a>
</li>
|
<li>
<a href="/changelogs/layouts/">Website Layouts</a>
</li>
href="/changelogs"
>Latest</a></li>
<li><a
href="/changelogs/2024/"
>2024</a></li>
<li><a
aria-current="page"
href="/changelogs/2023/"
>2023</a></li>
<li><a
href="/changelogs/2022/"
>2022</a></li>
<li><a
href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -989,6 +989,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -1027,14 +1032,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -1062,6 +1067,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a href="/changelogs">Latest</a>
</li>
|
<li>
<a aria-current="page" href="/changelogs/2024/">2024</a>
</li>
|
<li>
<a href="/changelogs/2023/">2023</a>
</li>
|
<li>
<a href="/changelogs/2022/">2022</a>
</li>
|
<li>
<a href="/changelogs/layouts/">Website Layouts</a>
</li>
href="/changelogs"
>Latest</a></li>
<li><a
aria-current="page"
href="/changelogs/2024/"
>2024</a></li>
<li><a
href="/changelogs/2023/"
>2023</a></li>
<li><a
href="/changelogs/2022/"
>2022</a></li>
<li><a
href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -507,6 +507,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -545,14 +550,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -580,6 +585,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a aria-current="page" href="/changelogs">Latest</a> aria-current="page"
</li> href="/changelogs"
| >Latest</a></li>
<li> <li><a
<a href="/changelogs/2024/">2024</a>
</li> href="/changelogs/2024/"
| >2024</a></li>
<li> <li><a
<a href="/changelogs/2023/">2023</a>
</li> href="/changelogs/2023/"
| >2023</a></li>
<li> <li><a
<a href="/changelogs/2022/">2022</a>
</li> href="/changelogs/2022/"
| >2022</a></li>
<li> <li><a
<a href="/changelogs/layouts/">Website Layouts</a>
</li> href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -657,6 +657,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -695,14 +700,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a aria-current="page" href="/changelogs/">Changelogs</a> aria-current="page"
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -730,6 +735,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a href="/changelogs">Latest</a>
</li>
|
<li>
<a href="/changelogs/2024/">2024</a>
</li>
|
<li>
<a href="/changelogs/2023/">2023</a>
</li>
|
<li>
<a href="/changelogs/2022/">2022</a>
</li>
|
<li>
<a aria-current="page" href="/changelogs/layouts/">Website Layouts</a>
</li>
href="/changelogs"
>Latest</a></li>
<li><a
href="/changelogs/2024/"
>2024</a></li>
<li><a
href="/changelogs/2023/"
>2023</a></li>
<li><a
href="/changelogs/2022/"
>2022</a></li>
<li><a
aria-current="page"
href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -469,6 +469,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -507,14 +512,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -542,6 +547,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a href="/changelogs">Latest</a>
</li>
|
<li>
<a href="/changelogs/2024/">2024</a>
</li>
|
<li>
<a href="/changelogs/2023/">2023</a>
</li>
|
<li>
<a href="/changelogs/2022/">2022</a>
</li>
|
<li>
<a href="/changelogs/layouts/">Website Layouts</a>
</li>
href="/changelogs"
>Latest</a></li>
<li><a
href="/changelogs/2024/"
>2024</a></li>
<li><a
href="/changelogs/2023/"
>2023</a></li>
<li><a
href="/changelogs/2022/"
>2022</a></li>
<li><a
href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -686,6 +686,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -724,14 +729,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -759,6 +764,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a href="/changelogs">Latest</a>
</li>
|
<li>
<a href="/changelogs/2024/">2024</a>
</li>
|
<li>
<a href="/changelogs/2023/">2023</a>
</li>
|
<li>
<a href="/changelogs/2022/">2022</a>
</li>
|
<li>
<a href="/changelogs/layouts/">Website Layouts</a>
</li>
href="/changelogs"
>Latest</a></li>
<li><a
href="/changelogs/2024/"
>2024</a></li>
<li><a
href="/changelogs/2023/"
>2023</a></li>
<li><a
href="/changelogs/2022/"
>2022</a></li>
<li><a
href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -680,6 +680,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -718,14 +723,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -753,6 +758,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a href="/changelogs">Latest</a>
</li>
|
<li>
<a href="/changelogs/2024/">2024</a>
</li>
|
<li>
<a href="/changelogs/2023/">2023</a>
</li>
|
<li>
<a href="/changelogs/2022/">2022</a>
</li>
|
<li>
<a href="/changelogs/layouts/">Website Layouts</a>
</li>
href="/changelogs"
>Latest</a></li>
<li><a
href="/changelogs/2024/"
>2024</a></li>
<li><a
href="/changelogs/2023/"
>2023</a></li>
<li><a
href="/changelogs/2022/"
>2022</a></li>
<li><a
href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -663,6 +663,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -701,14 +706,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -736,6 +741,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -382,27 +382,27 @@
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a href="/changelogs">Latest</a>
</li>
|
<li>
<a href="/changelogs/2024/">2024</a>
</li>
|
<li>
<a href="/changelogs/2023/">2023</a>
</li>
|
<li>
<a href="/changelogs/2022/">2022</a>
</li>
|
<li>
<a href="/changelogs/layouts/">Website Layouts</a>
</li>
href="/changelogs"
>Latest</a></li>
<li><a
href="/changelogs/2024/"
>2024</a></li>
<li><a
href="/changelogs/2023/"
>2023</a></li>
<li><a
href="/changelogs/2022/"
>2022</a></li>
<li><a
href="/changelogs/layouts/"
>Website Layouts</a></li>
</ul> </ul>
</nav> </nav>
@ -611,6 +611,11 @@
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);
@ -649,14 +654,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -684,6 +689,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle> <subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/> <link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
<link href="https://leilukin.neocities.org"/> <link href="https://leilukin.neocities.org"/>
<updated>2024-04-20T10:33:58Z</updated> <updated>2024-04-20T10:58:29Z</updated>
<id>https://leilukin.neocities.org</id> <id>https://leilukin.neocities.org</id>
<author> <author>
<name>Leilukin</name> <name>Leilukin</name>

View File

@ -528,14 +528,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -563,6 +563,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -486,14 +486,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -521,6 +521,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -409,14 +409,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -444,6 +444,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -497,14 +497,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -532,6 +532,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -697,14 +697,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -732,6 +732,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -776,14 +776,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -811,6 +811,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -493,14 +493,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -528,6 +528,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -334,6 +334,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -359,6 +359,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -427,6 +427,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -450,6 +450,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -626,6 +626,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -391,6 +391,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -434,6 +434,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -405,6 +405,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -378,6 +378,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -411,6 +411,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -540,6 +540,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -416,14 +416,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a href="/sitemap/">Site Map</a>
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -451,6 +451,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -337,6 +337,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -649,6 +649,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -339,6 +339,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -417,6 +417,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -345,6 +345,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -356,6 +356,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -341,6 +341,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -358,6 +358,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -339,6 +339,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -409,6 +409,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -517,6 +517,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -494,6 +494,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -455,6 +455,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -335,6 +335,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -423,6 +423,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -613,6 +613,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -421,6 +421,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -328,6 +328,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -427,6 +427,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -518,14 +518,14 @@
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a aria-current="page" href="/sitemap/">Site Map</a> aria-current="page"
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a href="/changelogs/">Changelogs</a>
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
@ -553,6 +553,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -26,6 +26,11 @@
gap: 0.7em; gap: 0.7em;
} }
.footer__links li:not(:last-child)::after {
content: '|';
padding-left: 0.6em;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
.footer { .footer {
width: 100%; width: 100%;

View File

@ -7,16 +7,16 @@ layout: main/content
<nav class="changelog__nav"> <nav class="changelog__nav">
<p class="changelog__nav--title">Changelog Archive:</p> <p class="changelog__nav--title">Changelog Archive:</p>
<ul class="changelog__nav--links"> <ul class="changelog__nav--links">
<li> <li><a
<a {% if currentUrl === "/changelogs/" %}aria-current="page"{% endif %} href="/changelogs">Latest</a> {% if currentUrl === "/changelogs/" %}aria-current="page"{% endif %}
</li> href="/changelogs"
| >Latest</a></li>
{% set navPages = collections.all | eleventyNavigation("Changelogs") | reverse %} {% set navPages = collections.all | eleventyNavigation("Changelogs") | reverse %}
{%- for entry in navPages %} {%- for entry in navPages %}
<li> <li><a
<a {% if entry.url == page.url %}aria-current="page"{% endif %} href="{{ entry.url }}">{{ entry.title }}</a> {% if entry.url == page.url %}aria-current="page"{% endif %}
</li> href="{{ entry.url }}"
{% if not loop.last %}|{% endif %} >{{ entry.title }}</a></li>
{%- endfor %} {%- endfor %}
</ul> </ul>
</nav> </nav>
@ -63,6 +63,11 @@ layout: main/content
align-self: center; align-self: center;
} }
.changelog__nav--links li:not(:last-child)::after {
content: '|';
padding-left: 0.5em;
}
.changelog__nav--links [aria-current="page"] { .changelog__nav--links [aria-current="page"] {
text-decoration: none; text-decoration: none;
color: var(--clr-bold-txt); color: var(--clr-bold-txt);

View File

@ -5,14 +5,14 @@
{% set currentUrl %}{{ page.url }}{% endset %} {% set currentUrl %}{{ page.url }}{% endset %}
<ul class="footer__links"> <ul class="footer__links">
<li> <li><a
<a {% if currentUrl === "/sitemap/" %}aria-current="page"{% endif %} href="/sitemap/">Site Map</a> {% if currentUrl === "/sitemap/" %}aria-current="page"{% endif %}
</li> href="/sitemap/
| ">Site Map</a></li>
<li> <li><a
<a {% if currentUrl === "/changelogs/" %}aria-current="page"{% endif %} href="/changelogs/">Changelogs</a> {% if currentUrl === "/changelogs/" %}aria-current="page"{% endif %}
</li> href="/changelogs/"
| >Changelogs</a></li>
<li><a href="/feed.xml">RSS</a></li> <li><a href="/feed.xml">RSS</a></li>
</ul> </ul>
{% endblock %} {% endblock %}