yay website

2025-06-11 09:36:54 +03:00 · 2025-06-11 09:36:54 +03:00 · 4d44fd94a2
commit 4d44fd94a2
parent 623e26a808
585 changed files with 5066 additions and 0 deletions
--- a/_src/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav
+++ b/_src/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav
--- a/_src/assets/css/blog.css
+++ b/_src/assets/css/blog.css
@ -0,0 +1,234 @@
+:root {
+	--avatar: 3rem;
+}
+
+@media (prefers-color-scheme: light) {
+	article {
+		& p[aria-label="Post warning"] {
+			border-color: currentColor;
+			background-color: var(--primary-dark-200);
+			color: var(--primary);
+		}
+
+		& [aria-label="Addendum"] {
+			box-shadow: inset 0 0 0 2px var(--primary);
+			border-image-source: linear-gradient(
+				45deg,
+				var(--primary),
+				var(--primary-600),
+				var(--primary)
+			);
+			background-color: var(--primary-400);
+		}
+	}
+
+	#posts {
+		& a {
+			border-color: var(--primary-600);
+			background-color: var(--primary-300);
+			color: var(--primary-dark-400);
+
+			&:is(:hover, :focus) {
+				background-color: var(--primary-500);
+			}
+		}
+
+		& p:not(:last-child) {
+			color: var(--primary-dark-700);
+		}
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	article {
+		& p[aria-label="Post warning"] {
+			border-color: currentColor;
+			background-color: var(--secondary-100);
+			color: var(--secondary);
+		}
+
+		& [aria-label="Addendum"] {
+			box-shadow: inset 0 0 0 2px var(--secondary);
+			border-image-source: linear-gradient(
+				45deg,
+				var(--secondary),
+				var(--secondary-600),
+				var(--secondary)
+			);
+			background-color: var(--secondary-400);
+		}
+	}
+
+	#posts {
+		& a {
+			border-color: var(--secondary-600);
+			background-color: var(--secondary-300);
+			color: var(--secondary-light-400);
+
+			&:is(:hover, :focus) {
+				background-color: var(--secondary-500);
+			}
+		}
+
+		& p:not(:last-child) {
+			color: var(--secondary-light-700);
+		}
+	}
+}
+
+article {
+	margin: 0 auto;
+	background-image: var(--paw);
+	background-position-x: center;
+	background-position-y: bottom;
+	background-size: 64px;
+	background-repeat: no-repeat;
+	background-origin: content-box;
+	font-family: "Rubik", sans-serif;
+	& time {
+		font-size: initial;
+	}
+	& p[aria-label="Post warning"] {
+		border-style: solid;
+		border-width: 2px;
+		border-radius: 0.4rem;
+		padding: 0.4rem 0;
+		font-size: 1.4rem;
+		font-weight: bold;
+		text-align: center;
+
+		&::before,
+		&::after {
+			content: "⚠️";
+		}
+	}
+
+	& aside,
+	[aria-label="Addendum"] {
+		margin: 1rem 0;
+		border-image-slice: 1;
+		border-image-width: 2px;
+		border-image-outset: 4px;
+		padding: 1rem;
+		background-image: var(--noise);
+	}
+}
+
+article > [aria-label="Addendum"] {
+	& > p:first-child {
+		display: flex;
+		justify-content: center;
+		margin-block-start: 0;
+		font-weight: bold;
+	}
+}
+
+article > [aria-label="Postscript"] {
+	margin: 0 0 auto auto;
+	padding: 2rem 0 4rem 0;
+
+	& p {
+		display: flex;
+		flex-direction: column;
+		transition: background-color var(--trans);
+		margin-top: inherit;
+		margin-left: inherit;
+		margin-right: var(--avatar);
+		border-radius: var(--round);
+		border-bottom-right-radius: 0;
+		width: fit-content;
+		padding: 0.8rem;
+		background-color: #0060df;
+		color: #fff;
+		font-family: "Rubik", sans-serif;
+		font-size: 0.8rem;
+		word-wrap: anywhere;
+
+		&:hover {
+			background-color: #3a76f0;
+		}
+
+		&:not(:last-of-type) {
+			margin-bottom: 1rem;
+		}
+	}
+
+	& p:has(img:nth-child(n + 2)) {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(min(100%, 40%), 1fr));
+		align-items: center;
+		gap: 0.8rem;
+	}
+	& p > img {
+		transition: height var(--trans), border-radius var(--trans),
+			background-color var(--trans);
+		border-radius: var(--round);
+		min-height: fit-content;
+		max-height: 300px;
+	}
+	& img:not(p > img) {
+		display: flex;
+		box-sizing: content-box;
+		margin: 0 0 0 auto;
+		border-radius: 100%;
+		width: var(--avatar);
+		height: var(--avatar);
+	}
+}
+
+#posts {
+	max-width: 75ch;
+
+	& ul {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		margin: 0;
+		padding: 0;
+		list-style-type: none;
+	}
+
+	& li p {
+		margin-block-start: 0;
+	}
+
+	& a {
+		display: flex;
+		flex-direction: column;
+		overflow: scroll;
+		transition: border-color var(--trans);
+		border-style: solid;
+		border-width: 2px;
+		border-radius: var(--round);
+		padding: 0.8rem;
+		font-size: 1.125rem;
+		font-weight: bold;
+		text-decoration: none;
+		word-break: break-word;
+
+		&:is(:hover, :focus) {
+			border-color: currentColor;
+		}
+
+		& time,
+		p {
+			display: flex;
+			font-size: 1rem;
+			font-weight: normal;
+		}
+	}
+}
+@media screen and (max-width: 920px) {
+	#posts {
+		max-width: unset;
+		width: auto;
+	}
+	[aria-label="Postscript"] {
+		& p {
+			margin-right: unset;
+			& > img {
+				height: auto ;
+				max-height: var(--view);
+			}
+		}
+}
--- a/_src/assets/css/default.css
+++ b/_src/assets/css/default.css
@ -0,0 +1,129 @@
+@import url("/assets/css/variables.css");
+
+:root {
+	--view: 18rem;
+}
+
+body {
+	font-family: sans-serif;
+	font-size: 100%;
+	margin: 0;
+	padding: 0;
+}
+
+main {
+	padding: 2rem 2rem 4rem calc(var(--view) + 2rem);
+	overflow: hidden;
+}
+
+article {
+	height: max-content;
+	padding: 2rem;
+
+	& p {
+		margin: 1rem 0;
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+}
+
+/* Header */
+header {
+	margin: 0 var(--view);
+}
+
+/* Navigation */
+body > nav {
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+	padding: 1rem;
+	position: fixed;
+	top: 0;
+	width: var(--view);
+	height: 100%;
+}
+
+body > nav ul {
+	margin: 0;
+	padding: 0;
+}
+
+nav > details {
+	font-size: 1.5rem;
+}
+
+body > nav ul li {
+	display: inherit;
+	flex-direction: row;
+}
+
+body > nav a {
+	display: flex;
+	font-size: 1.125rem;
+	font-weight: bold;
+	height: 2rem;
+	line-height: 2rem;
+}
+
+details {
+	cursor: pointer;
+}
+
+/* Navigation > Icons */
+svg {
+	fill: currentColor;
+	stroke: currentColor;
+	stroke-width: 0;
+}
+
+body > nav li img {
+	border-radius: 100%;
+}
+
+body > nav a svg,
+body > nav li img,
+body > nav summary svg {
+	margin: 0 8px 0 8px;
+	width: 20px;
+	height: 20px;
+}
+
+body > nav li img,
+body > nav a svg {
+	align-self: center;
+}
+
+body > nav details {
+	display: flex;
+	align-items: center;
+}
+
+body > nav > ul > svg {
+	overflow: visible;
+	text-anchor: start;
+}
+
+/* Images */
+img[src*="/assets/img/pkmn/"] {
+	height: fit-content;
+	image-rendering: pixelated;
+}
+
+img[src*="/assets/img/flag/"] {
+	height: 32px;
+}
+
+ul:has(img, svg):not(article ul) {
+	list-style-type: none;
+}
+
+article {
+	max-width: 75ch;
+}
+
+iframe {
+	border: 0;
+}
--- a/_src/assets/css/gallery.css
+++ b/_src/assets/css/gallery.css
@ -0,0 +1,133 @@
+@media (prefers-color-scheme: light) {
+	#artworks {
+		& a {
+			transition: color var(--trans), background-color var(--trans),
+				border-color var(--trans);
+
+			& figure {
+				color: var(--primary-dark-400);
+				border-color: var(--primary-600);
+				background-color: var(--primary-300);
+
+				& time {
+					color: var(--primary-dark-500);
+				}
+
+				& figcaption {
+					color: var(--primary-dark-500);
+				}
+
+				&:is(:hover, :focus) {
+					border-color: currentColor;
+					background-color: var(--primary-500);
+				}
+			}
+		}
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	#artworks {
+		& a {
+			transition: color var(--trans), background-color var(--trans),
+				border-color var(--trans);
+
+			& figure {
+				color: var(--secondary-light-400);
+				border-color: var(--secondary-600);
+				background-color: var(--secondary-300);
+
+				& time {
+					color: var(--secondary-light-500);
+				}
+
+				& figcaption {
+					color: var(--secondary-light-500);
+				}
+
+				&:is(:hover, :focus) {
+					border-color: currentColor;
+					background-color: var(--secondary-500);
+				}
+			}
+		}
+	}
+}
+
+#artworks {
+	& ul {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr));
+		padding: 0;
+		margin: 0;
+		gap: 1rem;
+	}
+
+	& h2 {
+		margin: 2rem 0;
+		font-size: 2rem;
+
+		&:first-of-type {
+			margin-top: 0;
+		}
+	}
+
+	& a {
+		display: block;
+		text-decoration: unset;
+
+		& figure {
+			margin: 0;
+			padding: 0.4rem;
+			border-width: 2px;
+			border-style: solid;
+			border-radius: 0.4rem;
+
+			& img {
+				display: flex;
+				height: 12rem;
+				width: 100%;
+				border-bottom: unset;
+				object-fit: contain;
+				border-radius: inherit;
+			}
+
+			& figcaption {
+				font-family: Urbanist, sans-serif;
+				font-size: 1.2rem;
+			}
+		}
+	}
+}
+
+#gallery article {
+	& figure {
+		& time {
+			display: flex;
+			font-weight: bold;
+		}
+
+		& a {
+			width: fit-content;
+			& img {
+				min-height: fit-content;
+				max-height: 18rem;
+				object-fit: contain;
+				border-radius: inherit;
+				border-style: inherit;
+				border-width: inherit;
+				border-color: inherit;
+			}
+		}
+	}
+
+	& > section {
+		margin-top: 1rem;
+
+		&:has(figure:nth-child(n + 2)) {
+			display: grid;
+			gap: 1rem;
+			grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
+		}
+	}
+}
--- a/_src/assets/css/home.css
+++ b/_src/assets/css/home.css
@ -0,0 +1,179 @@
+@keyframes jump {
+	0% {
+		transform: translateY(0);
+	}
+
+	100% {
+		transform: translateY(-4px);
+	}
+}
+@media (prefers-color-scheme: light) {
+	#intro span[id]::before {
+		text-shadow: 0 0 1rem var(--primary-dark-500);
+	}
+	#collection {
+		& a:is(:hover, :focus) {
+			box-shadow: 0 0 0 1px currentColor;
+			background-color: var(--primary-500);
+		}
+		& img {
+			box-shadow: 0 0 0 1px
+				color-mix(in lch, transparent, var(--primary-dark-500) 30%);
+		}
+	}
+}
+@media (prefers-color-scheme: dark) {
+	#intro span[id]::before {
+		text-shadow: 0 0 1rem var(--secondary-900);
+	}
+	#collection {
+		& a:is(:hover, :focus) {
+			box-shadow: 0 0 0 1px currentColor;
+			background-color: var(--secondary-500);
+		}
+		& img {
+			box-shadow: 0 0 0 1px
+				color-mix(in lch, transparent, var(--secondary-500) 70%);
+		}
+	}
+}
+
+#pkmn {
+	display: flex;
+	flex-wrap: wrap;
+	background-image: url("/assets/img/pkmn/bg/box.png");
+	border-radius: 5px;
+	width: max-content;
+	border-bottom-color: #78a068;
+	border-left-color: #c8f8c0;
+	border-right-color: #78a068;
+	border-top-color: #c8f8c0;
+	border-width: 3px;
+	border-style: solid;
+
+	& img:hover {
+		filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 2px 0 #fff)
+			drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff)
+			drop-shadow(0 2px 3px #0006);
+		animation: jump 200ms infinite alternate;
+	}
+}
+body [id]:not(:nth-child(1)) ul {
+	display: flex;
+	flex-wrap: wrap;
+}
+#agender {
+	background-image: linear-gradient(
+		black 0 14.28%,
+		silver 0 28.57%,
+		white 0 42.85%,
+		#a3fa73 0 57.14%,
+		white 0 71.42%,
+		silver 0 85.71%,
+		black 0
+	);
+}
+#aromantic {
+	background-image: linear-gradient(
+		#0a2 20%,
+		#7d6 0 40%,
+		white 0 60%,
+		darkgray 0 80%,
+		black 0
+	);
+}
+#pansexual {
+	background-image: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0);
+}
+#agender::before {
+	content: "agender";
+}
+#aromantic::before {
+	content: "aromantic";
+}
+#pansexual::before {
+	content: "pansexual";
+}
+#intro span[id]::before {
+	width: inherit;
+	height: inherit;
+	position: absolute;
+	z-index: -1;
+}
+#intro span[id] {
+	font-size: 2rem;
+	color: transparent;
+	background-clip: text;
+	background-size: 2rem;
+	background-position: center;
+	background-repeat: repeat-x;
+}
+#intro {
+	& p {
+		font-family: "Urbanist", sans-serif;
+		font-size: 1.8rem;
+	}
+}
+#collection {
+	display: inherit;
+	gap: 1rem;
+	& ul {
+		margin: 0;
+		padding: 0;
+		justify-content: center;
+	}
+	& li {
+		display: flex;
+		& a {
+			padding: 8px;
+			transition: background-color var(--trans);
+			text-decoration: none;
+		}
+		& span {
+			display: flex;
+			width: 14ch;
+			text-align: center;
+			justify-content: center;
+		}
+	}
+	& div:has(img) {
+		margin: 0 auto;
+		width: fit-content;
+	}
+	.music img {
+		height: 48px;
+	}
+}
+#badges {
+	& ul {
+		gap: 1rem;
+		padding: 0;
+		list-style-type: none;
+	}
+	& a {
+		display: flex;
+		padding: inherit;
+		margin: 0;
+	}
+	& a:is(:hover, :focus) img {
+		filter: drop-shadow(4px 6px 0 #0006);
+		transform: translateY(-4px);
+		transition: 0.3s;
+	}
+}
+#collection div:has(img)::after {
+	content: url("/assets/img/icon/shortcut.png");
+	display: flex;
+	z-index: 1;
+	position: absolute;
+	width: 24px;
+	height: 24px;
+	margin: -1.5rem 0 0 -0.5rem;
+	pointer-events: none;
+}
+@media screen and (max-width: 920px) {
+	#collection {
+		display: flex;
+		flex-direction: column;
+	}
+}
--- a/_src/assets/css/index.css
+++ b/_src/assets/css/index.css
@ -0,0 +1,26 @@
+@import url("/assets/css/variables.css");
+
+#index {
+	width: 100%;
+	background-color: rgb(255, 190, 0);
+	background-image: url("/assets/img/theme/citrus/sundae.png");
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center;
+	margin: 0;
+	padding: 0;
+
+	main {
+		display: flex;
+	}
+
+	a img {
+		width: 100%;
+		transition: var(--trans);
+		transform: scale(0.9);
+	}
+
+	a img:hover {
+		transform: scale(0.95) translateY(-1rem);
+	}
+}
--- a/_src/assets/css/me.css
+++ b/_src/assets/css/me.css
@ -0,0 +1,445 @@
+@media (prefers-color-scheme: light) {
+	article {
+		border-color: var(--primary-300);
+		background-color: var(--primary-200);
+		color: var(--primary-dark-300);
+
+		& aside {
+			box-shadow: inset 0 0 0 2px var(--primary-500);
+			background-color: var(--primary-300);
+		}
+		& figure {
+			color: var(--primary-dark-400);
+			border-color: var(--primary-600);
+			background-color: var(--primary-300);
+		}
+
+		& s,
+		u {
+			text-decoration-color: color-mix(in lch, red, var(--primary-500) 20%);
+		}
+
+		& h3 a {
+			color: var(--primary-dark-300);
+
+			&:hover {
+				background-color: var(--primary-dark-300);
+				color: var(--primary);
+			}
+		}
+
+		& code:not(pre *) {
+			background-color: var(--primary-400);
+		}
+
+		& pre {
+			transition: background-color var(--trans), border-color var(--trans);
+			background-color: var(--primary-100);
+
+			&:hover {
+				border-color: var(--primary);
+				background-color: var(--primary-400);
+			}
+		}
+
+		& pre,
+		code {
+			border-color: var(--primary-400);
+		}
+	}
+
+	body {
+		background-color: var(--primary-100);
+		color: var(--primary-dark-300);
+
+		& > nav {
+			border-right: 1px solid var(--primary);
+
+			&::before {
+				background-color: var(--primary);
+			}
+
+			&::after {
+				background-color: var(--primary);
+			}
+
+			& a {
+				background-color: var(--primary);
+			}
+		}
+
+		&::after {
+			background-color: var(--primary);
+		}
+
+		& details {
+			box-shadow: inset 0 0 0 2px var(--primary);
+			background-color: white;
+			color: var(--primary);
+		}
+
+		& details[open] {
+			box-shadow: inset 0 0 0 2px var(--primary);
+			background-color: var(--primary-300);
+			color: var(--primary-dark-400);
+
+			& summary {
+				border-color: var(--primary);
+				background-color: var(--primary-600);
+			}
+
+			& a {
+				color: var(--primary-100);
+
+				&[aria-current] {
+					box-shadow: 0 0 0 2px var(--primary-600);
+					background-color: var(--primary-100);
+					color: var(--primary-dark-500);
+				}
+			}
+		}
+	}
+}
+
+@media (prefers-color-scheme: dark) {
+	article {
+		border-color: var(--secondary-300);
+		background-color: var(--secondary-200);
+		color: var(--secondary-light-300);
+
+		& aside {
+			box-shadow: inset 0 0 0 2px var(--secondary-500);
+			background-color: var(--secondary-300);
+		}
+		& figure {
+			color: var(--secondary-light-400);
+			border-color: var(--secondary-600);
+			background-color: var(--secondary-300);
+		}
+		& s,
+		u {
+			text-decoration-color: color-mix(in lch, red, var(--secondary-500) 20%);
+		}
+
+		& h3 a {
+			color: var(--secondary-light-300);
+
+			&:hover {
+				background-color: var(--secondary-light-300);
+				color: var(--secondary);
+			}
+		}
+
+		& code:not(pre *) {
+			background-color: var(--secondary-400);
+		}
+
+		& pre {
+			transition: background-color var(--trans), border-color var(--trans);
+			background-color: var(--secondary-100);
+
+			&:hover {
+				border-color: var(--secondary);
+				background-color: var(--secondary-400);
+			}
+		}
+
+		& pre,
+		code {
+			border-color: var(--secondary-400);
+		}
+	}
+
+	body {
+		background-color: var(--secondary-100);
+		color: var(--secondary-light-200);
+
+		& > nav {
+			border-right: 1px solid var(--secondary);
+
+			&::before {
+				background-color: var(--secondary);
+			}
+
+			&::after {
+				background-color: var(--secondary);
+			}
+
+			& a {
+				background-color: var(--secondary);
+			}
+		}
+
+		&::after {
+			background-color: var(--secondary);
+		}
+
+		& details {
+			box-shadow: inset 0 0 0 2px var(--secondary);
+			background-color: var(--secondary-100);
+			color: var(--secondary);
+		}
+
+		& details[open] {
+			box-shadow: inset 0 0 0 2px var(--secondary);
+			background-color: var(--secondary-300);
+			color: var(--secondary-light-200);
+
+			& summary {
+				border-color: var(--secondary);
+				background-color: var(--secondary-600);
+			}
+
+			& a {
+				color: var(--secondary-200);
+
+				&[aria-current] {
+					box-shadow: 0 0 0 2px var(--secondary);
+					background-color: var(--secondary-200);
+					color: var(--secondary-light-500);
+				}
+			}
+		}
+	}
+}
+
+body {
+	font-family: "Rubik", sans-serif;
+
+	& article {
+		border-style: solid;
+		border-width: 2px;
+		border-radius: var(--round);
+
+		& hr {
+			margin: 2rem 0;
+		}
+
+		& a {
+			font-weight: 500;
+		}
+
+		& s {
+			text-decoration-style: line-through;
+			text-decoration-thickness: 0.1em;
+		}
+
+		& ul {
+			
+			& li {
+				margin: 0;
+
+				& p {
+					margin: 0;
+				}
+			}
+		}
+
+		& u {
+			text-decoration-style: double;
+			text-decoration-thickness: 2px;
+		}
+
+		& em {
+			font-weight: 200;
+		}
+
+		& p {
+			word-wrap: break-word;
+		}
+
+		& code:not(pre *) {
+			padding: 0 0.2rem;
+		}
+
+		& pre {
+			display: flex;
+			width: auto;
+			overflow: scroll;
+			padding: 0.5rem;
+			white-space: pre-wrap;
+			word-break: break-word;
+		}
+
+		& pre,
+		code:not(pre *) {
+			transition: background-color var(--trans), border-color var(--trans);
+			border-style: solid;
+			border-width: 2px;
+			border-radius: var(--round);
+			font-weight: bold;
+		}
+
+		& h3 {
+			font-size: 1.6rem;
+			margin: 0;
+
+			& a {
+				display: inline-block;
+				transition: color var(--trans), background-color var(--trans);
+				border-radius: inherit;
+				height: max-content;
+				padding: 0 0.4rem;
+			}
+		}
+
+		& aside {
+			float: right;
+			border-radius: var(--round);
+			width: 66%;
+		}
+		& figure {
+			transition: var(--trans);
+			margin: 0;
+			border-style: solid;
+			border-width: 2px;
+			padding: 0.8rem;
+			border-radius: var(--round);
+			display: flex;
+			flex-direction: column;
+		}
+	}
+
+	& nav {
+		gap: 0.8rem;
+		& details {
+			gap: 0.8rem;
+			border-radius: var(--round);
+			font-weight: bold;
+		}
+		& details > summary {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 0 1.4rem 0 0;
+			height: 2rem;
+
+			& > svg {
+				transform: rotate(0deg);
+				transition: transform var(--trans);
+			}
+		}
+
+		& details[open] > summary {
+			margin-bottom: 0.4rem;
+			border-style: solid;
+			border-width: 2px;
+			border-radius: var(--round);
+			border-bottom-left-radius: 0;
+			border-bottom-right-radius: 0;
+
+			& svg {
+				transform: rotate(45deg);
+			}
+		}
+
+		& a {
+			margin: 0 1rem;
+			margin-bottom: 0.4rem;
+			border-radius: var(--round);
+		}
+	}
+}
+
+body > nav::before,
+body::after {
+	z-index: -1;
+	content: "";
+	position: absolute;
+	mask-image: url("/assets/img/theme/sundae_sit-lines.png");
+	mask-repeat: no-repeat;
+	margin: 0;
+	width: inherit;
+	height: inherit;
+	pointer-events: none;
+}
+
+body > nav::before {
+	bottom: 0;
+	left: 0;
+	mask-size: 150%;
+	mask-position-x: -10px;
+	mask-position-y: 90%;
+}
+
+body::after {
+	content: none;
+	mask-size: 100%;
+	width: 100%;
+	height: 100vw;
+	mask-position-x: 0;
+	mask-position-y: bottom;
+}
+
+main {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+	width: auto;
+}
+
+summary::marker {
+	content: none;
+}
+
+/* Mobile view */
+@media screen and (max-width: 920px) {
+	body > nav {
+		position: initial;
+		width: 100%;
+	}
+
+	main {
+		padding: 1rem;
+	}
+
+	main > section {
+		flex-direction: column;
+	}
+
+	main > section {
+		width: initial;
+	}
+
+	article {
+		max-width: initial;
+		width: auto;
+	}
+
+	body > nav::before {
+		content: none;
+	}
+
+	body > nav {
+		flex-direction: row;
+		top: 0;
+		border-right: 0;
+		width: 100%;
+
+		& details {
+			height: fit-content;
+		}
+
+		& details {
+			width: 100%;
+		}
+	}
+	body::after {
+		content: "";
+	}
+}
+
+@media screen and (max-width: 400px) {
+	article {
+		padding: 1rem !important;
+	}
+
+	body > nav {
+		flex-direction: column;
+		justify-content: start;
+
+		& details[open] {
+			width: 100%;
+		}
+	}
+}
--- a/_src/assets/css/reset.css
+++ b/_src/assets/css/reset.css
@ -0,0 +1,92 @@
+/* https://piccalil.li/blog/a-more-modern-css-reset/ A (more) Modern CSS Reset by Andy Bell */
+
+/* Box sizing rules */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+/* Prevent font size inflation */
+html {
+    -moz-text-size-adjust: none;
+    -webkit-text-size-adjust: none;
+    text-size-adjust: none;
+}
+
+/* Remove default margin in favour of better control in authored CSS */
+body,
+h1,
+h2,
+h3,
+h4,
+p,
+figure,
+blockquote,
+dl,
+dd {
+    margin-block-end: 0;
+    margin-block-start: 0;
+}
+
+/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
+ul[role='list'],
+ol[role='list'] {
+    list-style: none;
+}
+
+/* Set core body defaults */
+body {
+    min-height: 100vh;
+    line-height: 1.5;
+}
+
+/* Set shorter line heights on headings and interactive elements */
+h1,
+h2,
+h3,
+h4,
+button,
+input,
+label {
+    line-height: 1.1;
+}
+
+/* Balance text wrapping on headings */
+h1,
+h2,
+h3,
+h4 {
+    text-wrap: balance;
+}
+
+/* A elements that don't have a class get default styles */
+a:not([class]) {
+    text-decoration-skip-ink: auto;
+    color: currentColor;
+}
+
+/* Make images easier to work with */
+img,
+picture {
+    max-width: 100%;
+}
+
+/* Inherit fonts for inputs and buttons */
+input,
+button,
+textarea,
+select {
+    font-family: inherit;
+    font-size: inherit;
+}
+
+/* Make sure textareas without a rows attribute are not tiny */
+textarea:not([rows]) {
+    min-height: 10em;
+}
+
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+    scroll-margin-block: 5ex;
+}
--- a/_src/assets/css/variables.css
+++ b/_src/assets/css/variables.css
@ -0,0 +1,52 @@
+:root {
+    --primary: rgb(255, 190, 0);
+    --secondary: rgb(255, 100, 0);
+    --primary-100: color-mix(in lch, var(--primary), white 90%);
+    --primary-200: color-mix(in lch, var(--primary), white 80%);
+    --primary-300: color-mix(in lch, var(--primary), white 70%);
+    --primary-400: color-mix(in lch, var(--primary), white 60%);
+    --primary-500: color-mix(in lch, var(--primary), white);
+    --primary-600: color-mix(in lch, var(--primary), white 40%);
+    --primary-700: color-mix(in lch, var(--primary), white 30%);
+    --primary-800: color-mix(in lch, var(--primary), white 20%);
+    --primary-900: color-mix(in lch, var(--primary), white 10%);
+    --primary-dark-100: color-mix(in lch, var(--primary), black 90%);
+    --primary-dark-200: color-mix(in lch, var(--primary), black 80%);
+    --primary-dark-300: color-mix(in lch, var(--primary), black 70%);
+    --primary-dark-400: color-mix(in lch, var(--primary), black 60%);
+    --primary-dark-500: color-mix(in lch, var(--primary), black);
+    --primary-dark-600: color-mix(in lch, var(--primary), black 40%);
+    --primary-dark-700: color-mix(in lch, var(--primary), black 30%);
+    --primary-dark-800: color-mix(in lch, var(--primary), black 20%);
+    --primary-dark-900: color-mix(in lch, var(--primary), black 10%);
+    --secondary-light-100: color-mix(in lch, var(--secondary), white 90%);
+    --secondary-light-200: color-mix(in lch, var(--secondary), white 80%);
+    --secondary-light-300: color-mix(in lch, var(--secondary), white 70%);
+    --secondary-light-400: color-mix(in lch, var(--secondary), white 60%);
+    --secondary-light-500: color-mix(in lch, var(--secondary), white);
+    --secondary-light-600: color-mix(in lch, var(--secondary), white 40%);
+    --secondary-light-700: color-mix(in lch, var(--secondary), white 30%);
+    --secondary-light-800: color-mix(in lch, var(--secondary), white 20%);
+    --secondary-light-900: color-mix(in lch, var(--secondary), white 10%);
+    --secondary-100: color-mix(in lch, var(--secondary), black 90%);
+    --secondary-200: color-mix(in lch, var(--secondary), black 80%);
+    --secondary-300: color-mix(in lch, var(--secondary), black 70%);
+    --secondary-400: color-mix(in lch, var(--secondary), black 60%);
+    --secondary-500: color-mix(in lch, var(--secondary), black);
+    --secondary-600: color-mix(in lch, var(--secondary), black 40%);
+    --secondary-700: color-mix(in lch, var(--secondary), black 30%);
+    --secondary-800: color-mix(in lch, var(--secondary), black 20%);
+    --secondary-900: color-mix(in lch, var(--secondary), black 10%);
+    --trans: 300ms;
+    --round: 16px;
+    --paw: url("/assets/img/theme/cherry/pawprint.svg");
+}
+@font-face {
+    font-family: Rubik;
+    src: url("/assets/fonts/Rubik.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: Urbanist;
+    src: url("/assets/fonts/Urbanist-Bold.ttf") format("truetype");
+}
--- a/_src/assets/fonts/Rubik.ttf
+++ b/_src/assets/fonts/Rubik.ttf
--- a/_src/assets/fonts/Urbanist-Bold.ttf
+++ b/_src/assets/fonts/Urbanist-Bold.ttf
--- a/_src/assets/fonts/ms_sans_serif.woff
+++ b/_src/assets/fonts/ms_sans_serif.woff
--- a/_src/assets/fonts/ms_sans_serif.woff2
+++ b/_src/assets/fonts/ms_sans_serif.woff2
--- a/_src/assets/fonts/ms_sans_serif_bold.woff
+++ b/_src/assets/fonts/ms_sans_serif_bold.woff
--- a/_src/assets/fonts/ms_sans_serif_bold.woff2
+++ b/_src/assets/fonts/ms_sans_serif_bold.woff2
--- a/_src/assets/fox.ogg
+++ b/_src/assets/fox.ogg
--- a/_src/assets/img/art/acnl_sundae-redo1.png
+++ b/_src/assets/img/art/acnl_sundae-redo1.png
--- a/_src/assets/img/art/acnl_sundae-redo2.png
+++ b/_src/assets/img/art/acnl_sundae-redo2.png
--- a/_src/assets/img/art/acnl_sundae.png
+++ b/_src/assets/img/art/acnl_sundae.png
--- a/_src/assets/img/art/klonoa.png
+++ b/_src/assets/img/art/klonoa.png
--- a/_src/assets/img/art/klonoa_sitting.png
+++ b/_src/assets/img/art/klonoa_sitting.png
--- a/_src/assets/img/art/modular-vector-shape_bun.png
+++ b/_src/assets/img/art/modular-vector-shape_bun.png
--- a/_src/assets/img/art/nt_sundae_spritesheet.gif
+++ b/_src/assets/img/art/nt_sundae_spritesheet.gif
--- a/_src/assets/img/art/petscii_kass.png
+++ b/_src/assets/img/art/petscii_kass.png
--- a/_src/assets/img/art/petscii_lurantis.png
+++ b/_src/assets/img/art/petscii_lurantis.png
--- a/_src/assets/img/art/petscii_sue.png
+++ b/_src/assets/img/art/petscii_sue.png
--- a/_src/assets/img/art/petscii_sundae-redo1.png
+++ b/_src/assets/img/art/petscii_sundae-redo1.png
--- a/_src/assets/img/art/petscii_sundae-redo2.png
+++ b/_src/assets/img/art/petscii_sundae-redo2.png
--- a/_src/assets/img/art/petscii_sundae1.png
+++ b/_src/assets/img/art/petscii_sundae1.png
--- a/_src/assets/img/art/petscii_sundae2.png
+++ b/_src/assets/img/art/petscii_sundae2.png
--- a/_src/assets/img/art/sibuxiang.png
+++ b/_src/assets/img/art/sibuxiang.png
--- a/_src/assets/img/art/sundae.png
+++ b/_src/assets/img/art/sundae.png
--- a/_src/assets/img/art/sundae_backdrop.svg
+++ b/_src/assets/img/art/sundae_backdrop.svg
@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="327.71152"
+   height="355.21045"
+   viewBox="0 0 86.707003 93.982762"
+   version="1.1"
+   id="svg5"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <g
+     id="layer1"
+     transform="translate(-9.5631642,-6.4544547)">
+    <g
+       id="g20166">
+      <path
+         style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="M 91.159466,63.590272 C 67.378264,73.249614 70.173344,52.049691 52.135011,49.480786 77.857246,43.560405 87.0958,51.636686 91.159466,63.590272 Z M 76.979355,84.581194 C 77.062961,58.913286 58.438947,69.420204 49.32207,53.644803 53.431725,79.717682 64.372918,85.273535 76.979355,84.581194 Z"
+         id="path7463-6-1-5-2-5-6"
+         transform="rotate(55.959581,70.384236,43.761182)"
+         class="UnoptimicedTransforms" />
+      <path
+         style="display:inline;fill:#ff9a00;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m -4.2961694,71.343177 c -2.6861863,5.497186 -3.3752033,10.703868 -2.6108893,15.059087 1.7253238,10.528932 13.8142417,13.924266 21.6833467,9.53197 3.913063,-2.279937 6.852574,-6.342148 8.934288,-11.30977 C 32.324488,64.068969 26.251051,28.010878 13.69146,38.575747 7.54277,54.071726 1.8395982,58.976162 -4.2961694,71.343177 Z m 92.9860554,0 c 2.686187,5.497186 3.375204,10.703868 2.61089,15.059087 -1.725324,10.528932 -13.814242,13.924266 -21.683347,9.53197 -3.913063,-2.279937 -6.852574,-6.342148 -8.934288,-11.30977 -8.613912,-20.555495 -2.540475,-56.613586 10.019116,-46.048717 6.14869,15.495979 11.851862,20.400415 17.987629,32.76743 z"
+         id="path6899-4"
+         class="UnoptimicedTransforms"
+         transform="matrix(0.87766946,0,0,0.81609851,15.881773,20.616951)" />
+      <path
+         style="display:inline;fill:#ffad2f;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m -4.2961694,71.343177 c -2.6861863,5.497186 -3.3752033,10.703868 -2.6108893,15.059087 1.7253238,10.528932 13.8142417,13.924266 21.6833467,9.53197 3.913063,-2.279937 7.272049,-6.17383 8.934288,-11.30977 C 32.80776,56.516235 26.982633,16.577478 13.69146,38.575747 7.54277,54.071726 1.8395982,58.976162 -4.2961694,71.343177 Z m 105.8970894,0 c 2.68619,5.497186 3.3752,10.703868 2.61089,15.059087 -1.72533,10.528932 -13.814243,13.924266 -21.683348,9.53197 -3.913063,-2.279937 -7.272049,-6.17383 -8.934288,-11.30977 C 64.49699,56.516235 70.322117,16.577478 83.61329,38.575747 c 6.14869,15.495979 11.851862,20.400415 17.98763,32.76743 z"
+         id="path6899-4-8"
+         class="UnoptimicedTransforms"
+         transform="matrix(0.6906921,0,0,0.66374407,19.312856,33.192364)" />
+      <g
+         id="g13480"
+         transform="rotate(20.987925,64.335078,43.048572)"
+         style="display:inline;fill:#ff8900;fill-opacity:1"
+         class="UnoptimicedTransforms">
+        <path
+           d="M -3.6638996,74.465625 C 27.71595,79.114312 13.878251,51.055021 32.674623,41.012069 1.6870804,41.768793 14.300238,55.600215 -3.6638996,74.465625 Z M 78.151723,69.173852 C 47.632171,77.826146 57.739989,48.218077 37.806498,40.680143 68.633335,37.43876 57.907028,52.779761 78.151723,69.173852 Z"
+           style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           id="path92732"
+           class="UnoptimicedTransforms"
+           transform="rotate(-17.287232,13.597382,-5.3561787)" />
+      </g>
+      <path
+         id="circle7010"
+         style="display:inline;fill:#fec65f;stroke-width:1.83563;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         class="UnoptimicedTransforms"
+         transform="matrix(1,0,0,0.75017669,0.37043699,7.0673092)"
+         d="m 52.546875,26.630859 c 0,0 -19.266051,-2.971365 -23.673828,31.992188 -1.819818,14.435238 9.107772,20.892672 23.673828,21 14.566056,-0.107328 25.493646,-6.564762 23.673828,-21 C 71.812926,23.659494 52.546875,26.630859 52.546875,26.630859 Z" />
+      <path
+         id="path13409"
+         style="fill:#ffad2f;fill-opacity:1;stroke-width:1.69169;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m 40.32011,63.237024 c -4.887166,0.02121 -8.891642,-3.072003 -9.779797,-7.505635 -0.644343,-3.216534 0.185963,-6.788298 2.243877,-8.604651 4.057581,-3.581296 10.649613,-4.104347 13.546295,0.459191 1.599032,2.519172 2.566325,5.688099 2.043485,8.475753 -0.831462,4.433149 -3.738679,7.156613 -8.05386,7.175342 z" />
+      <path
+         id="path12331"
+         style="display:inline;fill:#fec65f;fill-opacity:1;stroke-width:2.82312;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m 45.132812,76.351562 c -0.20071,1.276153 -1.3707,3.134831 -5.996093,4.623047 -7.833069,2.520283 -15.003321,10.325727 -15.080078,15.414063 10e-5,5.215638 12.552008,9.443238 28.490234,9.443358 15.938226,-1.2e-4 28.488181,-4.22772 28.488281,-9.443358 -0.07676,-5.088336 -7.245056,-12.89378 -15.078125,-15.414063 -4.625393,-1.488216 -5.797336,-3.346893 -5.998047,-4.623047 0,0 -6.344,-0.128908 -7.412109,0 -1.068109,-0.128908 -7.414062,0 -7.414063,0 z"
+         class="UnoptimicedTransforms"
+         transform="translate(0.37043699,-10.059985)" />
+      <path
+         style="fill:#fed98c;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m 52.538545,86.257275 c -2.094355,0.691279 -16.633088,2.363653 -16.633088,2.363653 -0.435038,2.444124 7.220916,9.101325 16.584455,11.952772 9.382954,-2.786897 17.084572,-9.391216 16.666376,-11.838278 0,0 -14.526872,-1.772457 -16.616416,-2.478142"
+         id="path12720-7"
+         transform="matrix(0.99999406,-0.00318879,0.00344333,0.92607061,0.08075857,1.7425461)"
+         class="UnoptimicedTransforms" />
+      <path
+         style="fill:#fed98c;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         d="m 48.454628,83.548655 -8.112979,-0.467282 c -1.168909,-0.06732 -0.02607,3.503239 -0.02607,3.503239 l -5.308134,0.04068 c 0.08134,7.621599 11.861218,6.871067 16.479301,7.505667 3.581424,-2.983756 13.971596,-8.584938 10.004695,-15.093325 l -4.524371,2.77633 c 0,0 -0.921275,-3.634036 -1.877199,-2.957952 l -6.634706,4.692489"
+         id="path12720"
+         class="UnoptimicedTransforms"
+         transform="matrix(1.1407728,0.36541932,-0.32683109,1.2754613,24.946912,-50.18275)" />
+      <g
+         id="g13473"
+         transform="translate(0.37043699,-9.0016513)">
+        <g
+           id="g92816">
+          <path
+             style="fill:#ff7900;fill-opacity:1;stroke-width:0.572625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+             d="m 71.437471,20.438898 c -8.450265,-0.980963 -6.535762,5.735163 -12.383317,5.935799 8.39132,3.948034 11.74596,-2.071007 12.383317,-5.935799 z"
+             id="path7463-6-6" />
+          <path
+             d="M -4.1646198,14.763395 C -11.986731,7.4571333 -12.710293,2.5995675 -12.472979,-3.88295 c -2.854772,2.4214376 -5.45214,-0.2470109 -6.864526,1.6788139 -7.279121,9.9252648 3.544187,18.2625271 15.1728852,16.9675311 z M 34.31814,15.572044 c 8.122128,-6.9712203 9.049108,-11.7941028 9.084322,-18.2808671 2.750532,2.53922348 5.457703,-0.017759 6.787943,1.96569727 C 57.04616,9.4791592 45.882174,17.354397 34.31814,15.572044 Z"
+             style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+             id="path91822"
+             class="UnoptimicedTransforms"
+             transform="matrix(0.84698155,-0.01636939,0.01779787,0.92089343,39.506539,62.889045)" />
+        </g>
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:0.572625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="m 60.270009,15.456106 c 6.545508,5.433745 0.366174,8.687588 4.259618,13.055109 -8.650586,-3.341943 -6.614454,-9.925 -4.259618,-13.055109 z"
+           id="path7463-6-6-8" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:1.95642;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 13.362608,50.174884 C 36.073855,57.495078 41.351167,30.991601 58.478827,32.692418 40.699192,14.045351 21.397415,35.65758 13.362608,50.174884 Z"
+           id="path7463" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:2.20445;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 21.759319,28.757914 C 43.099325,52.601894 57.742246,30.852936 75.147311,45.139057 62.876122,13.975262 35.182861,20.641368 21.759319,28.757914 Z"
+           id="path7463-6" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:2.01407;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 88.689283,56.448215 C 60.762528,63.415486 59.366473,39.454837 38.995307,41.244974 63.190379,24.076258 81.898521,43.398114 88.689283,56.448215 Z"
+           id="path7463-6-1" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:1.84001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 21.759319,56.297424 C 53.078421,64.919155 62.298009,45.385079 66.929705,45.64891 42.317042,28.890078 26.7619,45.043087 21.759319,56.297424 Z"
+           id="path7463-6-1-0" />
+        <path
+           style="fill:#ff9a00;fill-opacity:1;stroke-width:1.63893;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+           d="M 87.171758,46.173043 C 61.19298,48.779418 64.9528,31.098623 46.687652,30.587705 71.511616,20.172901 83.922841,36.003726 87.171758,46.173043 Z"
+           id="path7463-6-1-5" />
+      </g>
+      <path
+         class="UnoptimicedTransforms"
+         id="path11410-7"
+         d="m 52.916663,70.268577 c 0,0 -0.438651,-0.363811 -0.945632,-0.797192 -0.450517,-0.385114 -0.954992,-0.825165 -1.253564,-1.113677 -2.997109,-2.905581 0.944251,-5.045279 2.199196,-2.363699 m -8.9e-5,4.274568 c 0,0 0.438657,-0.363803 0.945645,-0.797176 0.450524,-0.385106 0.955006,-0.825148 1.253583,-1.113655 2.997159,-2.90553 -0.944164,-5.045296 -2.199155,-2.363737"
+         style="fill:#ff7900;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
+         transform="matrix(-0.75034457,0,0,0.74951103,92.622391,7.9159323)" />
+      <path
+         style="fill:none;fill-opacity:1;stroke:#b25400;stroke-width:1.796;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;stroke-opacity:1;paint-order:stroke markers fill"
+         d="m 33.285316,52.366414 c 1.517969,1.192019 3.361884,1.964668 5.276181,2.210858 2.106745,0.27094 4.291692,-0.09968 6.19125,-1.050187 m 27.266102,-1.160671 c -1.51797,1.192019 -3.361885,1.964668 -5.276181,2.210858 -2.106746,0.27094 -4.291692,-0.09968 -6.19125,-1.050187"
+         id="path108017"
+         class="UnoptimicedTransforms"
+         transform="translate(0.26458333,0.89812659)" />
+    </g>
+  </g>
+</svg>
--- a/_src/assets/img/art/sundae_bunbed.png
+++ b/_src/assets/img/art/sundae_bunbed.png
--- a/_src/assets/img/art/sundae_city-old.png
+++ b/_src/assets/img/art/sundae_city-old.png
--- a/_src/assets/img/art/sundae_city.png
+++ b/_src/assets/img/art/sundae_city.png
--- a/_src/assets/img/art/sundae_cs.png
+++ b/_src/assets/img/art/sundae_cs.png
--- a/_src/assets/img/art/sundae_dragon1.png
+++ b/_src/assets/img/art/sundae_dragon1.png
--- a/_src/assets/img/art/sundae_dragon2.png
+++ b/_src/assets/img/art/sundae_dragon2.png
--- a/_src/assets/img/art/sundae_glistening-old.png
+++ b/_src/assets/img/art/sundae_glistening-old.png
--- a/_src/assets/img/art/sundae_glistening.png
+++ b/_src/assets/img/art/sundae_glistening.png
--- a/_src/assets/img/art/sundae_headpat.png
+++ b/_src/assets/img/art/sundae_headpat.png
--- a/_src/assets/img/art/sundae_hike.png
+++ b/_src/assets/img/art/sundae_hike.png
--- a/_src/assets/img/art/sundae_icon.svg
+++ b/_src/assets/img/art/sundae_icon.svg
--- a/_src/assets/img/art/sundae_lick.gif
+++ b/_src/assets/img/art/sundae_lick.gif
--- a/_src/assets/img/art/sundae_pride.png
+++ b/_src/assets/img/art/sundae_pride.png
--- a/_src/assets/img/art/sundae_refsheet-new-unfinished.png
+++ b/_src/assets/img/art/sundae_refsheet-new-unfinished.png
--- a/_src/assets/img/art/sundae_refsheet.png
+++ b/_src/assets/img/art/sundae_refsheet.png
--- a/_src/assets/img/art/sundae_starchild.png
+++ b/_src/assets/img/art/sundae_starchild.png
--- a/_src/assets/img/blog/acnl_town.png
+++ b/_src/assets/img/blog/acnl_town.png
--- a/_src/assets/img/blog/bun.png
+++ b/_src/assets/img/blog/bun.png
--- a/_src/assets/img/blog/kass.jpg
+++ b/_src/assets/img/blog/kass.jpg
--- a/_src/assets/img/blog/luxon.png
+++ b/_src/assets/img/blog/luxon.png
--- a/_src/assets/img/blog/shelf.png
+++ b/_src/assets/img/blog/shelf.png
--- a/_src/assets/img/blog/works-on-my-machine.png
+++ b/_src/assets/img/blog/works-on-my-machine.png
--- a/_src/assets/img/button/arch-linux.png
+++ b/_src/assets/img/button/arch-linux.png
--- a/_src/assets/img/button/beeps.gif
+++ b/_src/assets/img/button/beeps.gif
--- a/_src/assets/img/button/bob.gif
+++ b/_src/assets/img/button/bob.gif
--- a/_src/assets/img/button/braixdragon-cat1.gif
+++ b/_src/assets/img/button/braixdragon-cat1.gif
--- a/_src/assets/img/button/braixdragon-cat2.gif
+++ b/_src/assets/img/button/braixdragon-cat2.gif
--- a/_src/assets/img/button/cabl.gif
+++ b/_src/assets/img/button/cabl.gif
--- a/_src/assets/img/button/cc-by-nc-sa-4.0.gif
+++ b/_src/assets/img/button/cc-by-nc-sa-4.0.gif
--- a/_src/assets/img/button/creature0354.gif
+++ b/_src/assets/img/button/creature0354.gif
--- a/_src/assets/img/button/crouton.png
+++ b/_src/assets/img/button/crouton.png
--- a/_src/assets/img/button/discord-no-way.gif
+++ b/_src/assets/img/button/discord-no-way.gif
--- a/_src/assets/img/button/drakonic.gif
+++ b/_src/assets/img/button/drakonic.gif
--- a/_src/assets/img/button/firefox.gif
+++ b/_src/assets/img/button/firefox.gif
--- a/_src/assets/img/button/flashpoint.gif
+++ b/_src/assets/img/button/flashpoint.gif
--- a/_src/assets/img/button/fox-nose.gif
+++ b/_src/assets/img/button/fox-nose.gif
--- a/_src/assets/img/button/get-librewolf.gif
+++ b/_src/assets/img/button/get-librewolf.gif
--- a/_src/assets/img/button/kde.gif
+++ b/_src/assets/img/button/kde.gif
--- a/_src/assets/img/button/kiophen.gif
+++ b/_src/assets/img/button/kiophen.gif
--- a/_src/assets/img/button/lospec.png
+++ b/_src/assets/img/button/lospec.png
--- a/_src/assets/img/button/made_with_11ty.gif
+++ b/_src/assets/img/button/made_with_11ty.gif
--- a/_src/assets/img/button/marty.jpg
+++ b/_src/assets/img/button/marty.jpg
--- a/_src/assets/img/button/matrix.png
+++ b/_src/assets/img/button/matrix.png
--- a/_src/assets/img/button/mn8831.png
+++ b/_src/assets/img/button/mn8831.png
--- a/_src/assets/img/button/modarchive.gif
+++ b/_src/assets/img/button/modarchive.gif
--- a/_src/assets/img/button/msx.gif
+++ b/_src/assets/img/button/msx.gif
--- a/_src/assets/img/button/pebble.gif
+++ b/_src/assets/img/button/pebble.gif
--- a/_src/assets/img/button/pinkderg.gif
+++ b/_src/assets/img/button/pinkderg.gif
--- a/_src/assets/img/button/piracy-now.gif
+++ b/_src/assets/img/button/piracy-now.gif
--- a/_src/assets/img/button/pngquant.gif
+++ b/_src/assets/img/button/pngquant.gif
--- a/_src/assets/img/button/rowan.gif
+++ b/_src/assets/img/button/rowan.gif
--- a/_src/assets/img/button/snewberry.gif
+++ b/_src/assets/img/button/snewberry.gif
--- a/_src/assets/img/button/sunbun_a.gif
+++ b/_src/assets/img/button/sunbun_a.gif
--- a/_src/assets/img/button/sunbun_b.gif
+++ b/_src/assets/img/button/sunbun_b.gif
--- a/_src/assets/img/button/sunbun_c.gif
+++ b/_src/assets/img/button/sunbun_c.gif
--- a/_src/assets/img/button/sunbun_d.gif
+++ b/_src/assets/img/button/sunbun_d.gif
--- a/_src/assets/img/button/suspiciouslybee.png
+++ b/_src/assets/img/button/suspiciouslybee.png
--- a/_src/assets/img/button/swiftyshq.gif
+++ b/_src/assets/img/button/swiftyshq.gif
--- a/_src/assets/img/button/tequt.gif
+++ b/_src/assets/img/button/tequt.gif
--- a/_src/assets/img/button/thiswebsitesucks.gif
+++ b/_src/assets/img/button/thiswebsitesucks.gif
--- a/_src/assets/img/button/virtuallyisolated.png
+++ b/_src/assets/img/button/virtuallyisolated.png
--- a/_src/assets/img/button/vlc.png
+++ b/_src/assets/img/button/vlc.png
--- a/_src/assets/img/button/vscodium.gif
+++ b/_src/assets/img/button/vscodium.gif
--- a/_src/assets/img/button/w3_validator.gif
+++ b/_src/assets/img/button/w3_validator.gif
--- a/_src/assets/img/button/xenia.gif
+++ b/_src/assets/img/button/xenia.gif
--- a/_src/assets/img/changelog/ver0.png
+++ b/_src/assets/img/changelog/ver0.png
--- a/_src/assets/img/changelog/ver1.png
+++ b/_src/assets/img/changelog/ver1.png
--- a/Show more
+++ b/Show more