sundae/website
sundae/website
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

old website

Browse source
This commit is contained in:
sundae 2025-06-11 10:09:06 +03:00
commit 218487dc22
No known key found for this signature in database
557 changed files with 7054 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
_src/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav Normal file
View file

Binary file not shown.

837
_src/assets/css/98.css Normal file
View file

@ -0,0 +1,837 @@
/**
* WARNING: THIS IS NOT THE ORIGINAL .css , MEANING I EDITED IT!!!
*
* she edit on my css till i—*gun shot*
*
* 98.css
* Copyright (c) 2020 Jordan Scales <thatjdanisso.cool>
* https://github.com/jdan/98.css/blob/main/LICENSE
*/
[class="98"] {
margin: 0;
background: silver;
article p {
margin-left: 16px;
}
ul {
background: white;
padding-left: 16px;
margin: 0;
}
summary {
font-size: 12px;
font-weight: bold;
background: silver;
padding: 6px 8px;
cursor: pointer;
}
summary, section button {
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
}
section {
display: flex;
flex-direction: row;
padding: 4px 0 0 0;
}
section button[style] {
min-height: initial;
min-width: initial;
height: 24px;
width: 24px;
}
figure {
display: grid;
grid-template-columns: repeat(2,1fr);
margin: 4px;
}
figcaption {
background: silver;
padding: 8px;
margin-inline-start: 8px;
}
figure img {
width: 100%;
}
.status-bar-field, figure figcaption, details > ul {
box-shadow: inset -1px -1px #dfdfdf, inset 1px 1px #808080;
}
#changelog iframe {
box-shadow: var(--border-field);
}
.status-bar-field, #changelog iframe {
flex-grow: 1;
padding: 2px;
margin: 0;
}
}
:disabled + label,
:read-only + label {
color: var(--button-shadow);
}
/*
h1 {
font-size: 5rem;
}
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.5rem;
}
u {
text-decoration: none;
border-bottom: 0.5px solid #222222;
}
a *{
color: var(--link-blue);
}
a:focus {
outline: 1px dotted var(--link-blue);
}
pre {
display: block;
background: var(--button-highlight);
box-shadow: var(--border-field);
padding: 12px 8px;
margin: 0;
}
code, code * {
font-family: monospace;
}
*/
:root {
/* Color */
--surface: #c0c0c0;
--button-highlight: #ffffff;
--button-face: #dfdfdf;
--button-shadow: #808080;
--window-frame: #0a0a0a;
--dialog-blue: #000080;
--dialog-blue-light: #1084d0;
--dialog-gray: #808080;
--dialog-gray-light: #b5b5b5;
--link-blue: #0000ff;
/* Spacing */
--element-spacing: 4px;
--grouped-button-spacing: 4px;
--grouped-element-spacing: 6px;
--radio-width: 12px;
--checkbox-width: 13px;
--radio-label-spacing: 6px;
--range-track-height: 4px;
--range-spacing: 10px;
/* Some detailed computations for radio buttons and checkboxes */
--radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);
--radio-total-width: calc(var(--radio-total-width-precalc));
--radio-left: calc(-1 * var(--radio-total-width-precalc));
--radio-dot-width: 4px;
--radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);
--radio-dot-left: calc(
-1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(
--radio-dot-width
) / 2
);
--checkbox-total-width-precalc: var(--checkbox-width) +
var(--radio-label-spacing);
--checkbox-total-width: calc(var(--checkbox-total-width-precalc));
--checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));
--checkmark-width: 7px;
--checkmark-top: 3px;
--checkmark-left: 3px;
/* Borders */
--border-width: 1px;
--border-raised-outer: inset -1px -1px var(--window-frame),
inset 1px 1px var(--button-highlight);
--border-raised-inner: inset -2px -2px var(--button-shadow),
inset 2px 2px var(--button-face);
--border-sunken-outer: inset -1px -1px var(--button-highlight),
inset 1px 1px var(--window-frame);
--border-sunken-inner: inset -2px -2px var(--button-face),
inset 2px 2px var(--button-shadow);
/* Window borders flip button-face and button-highlight */
--border-window-outer: inset -1px -1px var(--window-frame),
inset 1px 1px var(--button-face);
--border-window-inner: inset -2px -2px var(--button-shadow),
inset 2px 2px var(--button-highlight);
/* Field borders (checkbox, input, etc) flip window-frame and button-shadow */
--border-field: inset -1px -1px var(--button-highlight),
inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),
inset 2px 2px var(--window-frame);
}
@font-face {
font-family: "Pixelated MS Sans Serif";
src: url("/assets/fonts/ms_sans_serif.woff") format("woff");
src: url("/assets/fonts/ms_sans_serif.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Pixelated MS Sans Serif";
src: url("/assets/fonts/ms_sans_serif_bold.woff") format("woff");
src: url("/assets/fonts/ms_sans_serif_bold.woff2") format("woff2");
font-weight: bold;
font-style: normal;
}
body,
button,
label,
input,
textarea,
select,
option,
ul.tree-view,
.window,
.title-bar {
font-family: "Pixelated MS Sans Serif", Arial;
-webkit-font-smoothing: none;
font-size: 11px;
}
button,
input[type="submit"],
input[type="reset"] {
box-sizing: border-box;
border: none;
background: var(--surface);
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
border-radius: 0;
min-width: 75px;
min-height: 23px;
padding: 0 12px;
}
.vertical-bar {
width: 4px;
height: 20px;
background: #c0c0c0;
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
}
button:not(:disabled):active,
input[type="submit"]:not(:disabled):active,
input[type="reset"]:not(:disabled):active {
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
/*padding: 2px 11px 0 13px;*/
}
@media (not(hover)) {
button:not(:disabled):hover,
input[type="submit"]:not(:disabled):hover,
input[type="reset"]:not(:disabled):hover {
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
}
}
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
outline: 1px dotted #000000;
outline-offset: -4px;
}
button::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
border: 0;
}
button:disabled,
input[type="submit"]:disabled,
input[type="reset"]:disabled,
:disabled + label {
text-shadow: 1px 1px 0 var(--button-highlight);
}
.window {
box-shadow: var(--border-window-outer), var(--border-window-inner);
background: var(--surface);
padding: 3px;
}
.title-bar {
background: linear-gradient(
90deg,
var(--dialog-blue),
var(--dialog-blue-light)
);
padding: 3px 2px 3px 3px;
display: flex;
justify-content: space-between;
align-items: center;
}
.title-bar.inactive {
background: linear-gradient(
90deg,
var(--dialog-gray),
var(--dialog-gray-light)
);
}
.title-bar-text {
display: flex;
font-weight: bold;
color: white;
letter-spacing: 0;
margin-right: 24px;
& img {
margin-right: 4px;
width: 16px;
height: 16px;
background-color: #fff;
}
}
.title-bar-controls {
display: flex;
}
.title-bar-controls button {
padding: 0;
display: block;
min-width: 16px;
min-height: 14px;
}
.title-bar-controls button:active {
padding: 0;
}
.title-bar-controls button:focus {
outline: none;
}
.title-bar-controls button[id="Minimize"] {
background-image: url("/assets/img/icon/98/minimize.svg");
background-repeat: no-repeat;
background-position: bottom 3px left 4px;
}
.title-bar-controls button[id="Maximize"] {
background-image: url("/assets/img/icon/98/maximize.svg");
background-repeat: no-repeat;
background-position: top 2px left 3px;
}
.title-bar-controls button[id="Restore"] {
background-image: url("/assets/img/icon/98/restore.svg");
background-repeat: no-repeat;
background-position: top 2px left 3px;
}
.title-bar-controls button[id="Help"] {
background-image: url("/assets/img/icon/98/help.svg");
background-repeat: no-repeat;
background-position: top 2px left 5px;
}
.title-bar-controls button[id="Close"] {
margin-left: 2px;
background-image: url("/assets/img/icon/98/close.svg");
background-repeat: no-repeat;
background-position: top 3px left 4px;
}
.status-bar {
margin: 0px 1px;
display: flex;
gap: 1px;
}
.window-body {
margin: var(--element-spacing);
}
fieldset {
border-image: url("/assets/img/icon/98/groupbox-border.svg") 2;
padding: calc(2 * var(--border-width) + var(--element-spacing));
padding-block-start: var(--element-spacing);
margin: 0;
}
legend {
background: var(--surface);
}
.field-row {
display: flex;
align-items: center;
}
[class^="field-row"] + [class^="field-row"] {
margin-top: var(--grouped-element-spacing);
}
.field-row > * + * {
margin-left: var(--grouped-element-spacing);
}
.field-row-stacked {
display: flex;
flex-direction: column;
}
.field-row-stacked * + * {
margin-top: var(--grouped-element-spacing);
}
label {
display: inline-flex;
align-items: center;
}
input[type="radio"],
input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
margin: 0;
background: 0;
position: fixed;
opacity: 0;
border: none;
}
input[type="radio"] + label,
input[type="checkbox"] + label {
line-height: 13px;
}
input[type="radio"] + label {
position: relative;
margin-left: var(--radio-total-width);
}
input[type="radio"] + label::before {
content: "";
position: absolute;
top: 0;
left: calc(-1 * (var(--radio-total-width-precalc)));
display: inline-block;
width: var(--radio-width);
height: var(--radio-width);
margin-right: var(--radio-label-spacing);
background: url("/assets/img/icon/98/radio-border.svg");
}
input[type="radio"]:active + label::before {
background: url("/assets/img/icon/98/radio-border-disabled.svg");
}
input[type="radio"]:checked + label::after {
content: "";
display: block;
width: var(--radio-dot-width);
height: var(--radio-dot-width);
top: var(--radio-dot-top);
left: var(--radio-dot-left);
position: absolute;
background: url("/assets/img/icon/98/radio-dot.svg");
}
input[type="radio"]:focus + label,
input[type="checkbox"]:focus + label {
outline: 1px dotted #000000;
}
input[type="radio"][disabled] + label::before {
background: url("/assets/img/icon/98/radio-border-disabled.svg");
}
input[type="radio"][disabled]:checked + label::after {
background: url("/assets/img/icon/98/radio-dot-disabled.svg");
}
input[type="checkbox"] + label {
position: relative;
margin-left: var(--checkbox-total-width);
}
input[type="checkbox"] + label::before {
content: "";
position: absolute;
left: calc(-1 * (var(--checkbox-total-width-precalc)));
display: inline-block;
width: var(--checkbox-width);
height: var(--checkbox-width);
background: var(--button-highlight);
box-shadow: var(--border-field);
margin-right: var(--radio-label-spacing);
}
input[type="checkbox"]:active + label::before {
background: var(--surface);
}
input[type="checkbox"]:checked + label::after {
content: "";
display: block;
width: var(--checkmark-width);
height: var(--checkmark-width);
position: absolute;
top: var(--checkmark-top);
left: calc(
-1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)
);
background: url("/assets/img/icon/98/checkmark.svg");
}
input[type="checkbox"][disabled] + label::before {
background: var(--surface);
}
input[type="checkbox"][disabled]:checked + label::after {
background: url("/assets/img/icon/98/checkmark-disabled.svg");
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select,
textarea {
padding: 3px 4px;
border: none;
box-shadow: var(--border-field);
background-color: var(--button-highlight);
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
input[type="text"],
input[type="password"],
input[type="email"],
select {
height: 21px;
}
input[type="number"] {
/* need this 1 pixel to fit the spinner controls in box */
height: 22px;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"] {
/* For some reason descenders are getting cut off without this */
line-height: 2;
}
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="email"]:read-only,
input[type="password"]:read-only,
input[type="text"]:read-only,
input[type="number"]:read-only,
textarea:disabled {
background-color: var(--surface);
}
select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
padding-right: 32px;
background-image: url("/assets/img/icon/98/button-down.svg");
background-position: top 2px right 2px;
background-repeat: no-repeat;
border-radius: 0;
}
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
outline: none;
}
input[type="range"] {
-webkit-appearance: none;
width: 100%;
background: transparent;
}
input[type="range"]:focus {
outline: none;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 21px;
width: 11px;
background: url("/assets/img/icon/98/indicator-horizontal.svg");
transform: translateY(-8px);
}
input[type="range"].has-box-indicator::-webkit-slider-thumb {
background: url("/assets/img/icon/98/indicator-rectangle-horizontal.svg");
transform: translateY(-10px);
}
input[type="range"]::-moz-range-thumb {
height: 21px;
width: 11px;
border: 0;
border-radius: 0;
background: url("/assets/img/icon/98/indicator-horizontal.svg");
transform: translateY(2px);
}
input[type="range"].has-box-indicator::-moz-range-thumb {
background: url("/assets/img/icon/98/indicator-rectangle-horizontal.svg");
transform: translateY(0px);
}
input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 2px;
box-sizing: border-box;
background: black;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 darkgrey,
-1px -1px 0 darkgrey, 0 -1px 0 darkgrey, -1px 1px 0 white, 1px -1px darkgrey;
}
input[type="range"]::-moz-range-track {
width: 100%;
height: 2px;
box-sizing: border-box;
background: black;
border-right: 1px solid grey;
border-bottom: 1px solid grey;
box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 darkgrey,
-1px -1px 0 darkgrey, 0 -1px 0 darkgrey, -1px 1px 0 white, 1px -1px darkgrey;
}
.is-vertical {
display: inline-block;
width: 4px;
height: 150px;
transform: translateY(50%);
}
.is-vertical > input[type="range"] {
width: 150px;
height: 4px;
margin: 0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0
var(--range-spacing);
transform-origin: left;
transform: rotate(270deg) translateX(calc(-50% + var(--element-spacing)));
}
.is-vertical > input[type="range"]::-webkit-slider-runnable-track {
border-left: 1px solid grey;
border-right: 0;
border-bottom: 1px solid grey;
box-shadow: -1px 0 0 white, -1px 1px 0 white, 0 1px 0 white, 1px 0 0 darkgrey,
1px -1px 0 darkgrey, 0 -1px 0 darkgrey, 1px 1px 0 white, -1px -1px darkgrey;
}
.is-vertical > input[type="range"]::-moz-range-track {
border-left: 1px solid grey;
border-right: 0;
border-bottom: 1px solid grey;
box-shadow: -1px 0 0 white, -1px 1px 0 white, 0 1px 0 white, 1px 0 0 darkgrey,
1px -1px 0 darkgrey, 0 -1px 0 darkgrey, 1px 1px 0 white, -1px -1px darkgrey;
}
.is-vertical > input[type="range"]::-webkit-slider-thumb {
transform: translateY(-8px) scaleX(-1);
}
.is-vertical > input[type="range"].has-box-indicator::-webkit-slider-thumb {
transform: translateY(-10px) scaleX(-1);
}
.is-vertical > input[type="range"]::-moz-range-thumb {
transform: translateY(2px) scaleX(-1);
}
.is-vertical > input[type="range"].has-box-indicator::-moz-range-thumb {
transform: translateY(0px) scaleX(-1);
}
select:focus {
color: var(--button-highlight);
background-color: var(--dialog-blue);
}
select:focus option {
color: #000;
background-color: #fff;
}
select:active {
background-image: url("/assets/img/icon/98/button-down-active.svg");
}
ul.tree-view {
display: block;
background: var(--button-highlight);
box-shadow: var(--border-field);
padding: 6px;
margin: 0;
}
ul.tree-view li {
list-style-type: none;
}
ul.tree-view a {
text-decoration: none;
color: #000;
}
ul.tree-view a:focus {
background-color: var(--dialog-blue);
color: var(--button-highlight);
}
ul.tree-view ul,
ul.tree-view li {
margin-top: 3px;
}
ul.tree-view ul {
margin-left: 16px;
padding-left: 16px;
/* Goes down too far */
border-left: 1px dotted #808080;
}
ul.tree-view ul > li {
position: relative;
}
ul.tree-view ul > li::before {
content: "";
display: block;
position: absolute;
left: -16px;
top: 6px;
width: 12px;
border-bottom: 1px dotted #808080;
}
/* Cover the bottom of the left dotted border */
ul.tree-view ul > li:last-child::after {
content: "";
display: block;
position: absolute;
left: -20px;
top: 7px;
bottom: 0px;
width: 8px;
background: var(--button-highlight);
}
ul.tree-view details {
margin-top: 0;
}
ul.tree-view details[open] summary {
margin-bottom: 0;
}
ul.tree-view ul details > summary:before {
margin-left: -22px;
position: relative;
z-index: 1;
}
ul.tree-view details > summary:before {
text-align: center;
display: block;
float: left;
content: "+";
border: 1px solid #808080;
width: 8px;
height: 9px;
line-height: 8px;
margin-right: 5px;
padding-left: 1px;
background-color: #fff;
}
ul.tree-view details[open] > summary:before {
content: "-";
}
ul.tree-view details > summary::marker,
ul.tree-view details > summary::-webkit-details-marker {
content: "";
}
summary:focus {
outline: 1px dotted #000000;
}
::-webkit-scrollbar {
width: 16px;
}
::-webkit-scrollbar:horizontal {
height: 17px;
}
::-webkit-scrollbar-corner {
background: var(--button-face);
}
::-webkit-scrollbar-track {
background-image: url("/assets/img/icon/98/scrollbar-background.svg");
}
::-webkit-scrollbar-thumb {
background-color: var(--button-face);
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
}
::-webkit-scrollbar-button:horizontal:start:decrement,
::-webkit-scrollbar-button:horizontal:end:increment,
::-webkit-scrollbar-button:vertical:start:decrement,
::-webkit-scrollbar-button:vertical:end:increment {
display: block;
}
::-webkit-scrollbar-button:vertical:start {
height: 17px;
background-image: url("/assets/img/icon/98/button-up.svg");
}
::-webkit-scrollbar-button:vertical:end {
height: 17px;
background-image: url("/assets/img/icon/98/button-down.svg");
}
::-webkit-scrollbar-button:horizontal:start {
width: 16px;
background-image: url("/assets/img/icon/98/button-left.svg");
}
::-webkit-scrollbar-button:horizontal:end {
width: 16px;
background-image: url("/assets/img/icon/98/button-right.svg");
}

766
_src/assets/css/citrus.css Normal file
View file

@ -0,0 +1,766 @@
:root {
--primary: rgb(255, 190, 0);
--secondary: rgb(255, 110, 0);
--tertiary: rgb(255, 236, 180);
--quaternary: rgb(105, 50, 0);
--shadow: 0.2rem 0.2rem 0.4rem 0.2rem #0003;
--checker: url('/assets/img/theme/citrus/checker.png');
--checker-dark: url('/assets/img/theme/citrus/checker-dark.png');
--dot: url('/assets/img/theme/citrus/dot.png');
--dot-dark: url('/assets/img/theme/citrus/dot-dark.png');
--line: url('/assets/img/theme/citrus/line.png');
--paper: url('/assets/img/theme/citrus/paper.png');
--noise: url('/assets/img/theme/citrus/imagedoc-lightnoise.png');
}
::selection {
background-color: rgb(172, 255, 0)
}
/* Page specific - Index */
#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: 0.5s;
transform: scale(0.9);
}
a img:hover {
transform: scale(0.95) translateY(-1rem);
}
}
/* Main style */
hr {
border-bottom: unset;
border-left: unset;
border-right: unset;
border-top: 1px solid #aaa;
}
body {
background-attachment: local, fixed;
background-color: var(--primary);
background-image: var(--checker), linear-gradient(var(--primary), var(--secondary));
background-size: 32px, contain;
font-family: Rubik, sans-serif;
}
body>nav,
header h1 {
box-shadow: inset -2px -2px 0 2px var(--quaternary);
}
body>nav,
header h1 {
background-attachment: fixed;
background-blend-mode: screen;
background-image: var(--dot), linear-gradient(var(--primary), var(--secondary) 20%);
background-size: 6px;
}
/* Header */
header {
& h1 {
border-radius: 0 0 5rem 0;
color: var(--quaternary);
margin: 0 0 0 -4px;
padding: 0 64px 0 16px;
}
}
header,
footer {
height: 4rem;
}
/* Navigation */
body>nav {
border-radius: 0 0 2rem 0;
& a {
background-image: linear-gradient(var(--tertiary), var(--primary) 20%, var(--primary) 80%, var(--tertiary) 100%);
border-radius: 0 1rem 1rem 0;
box-shadow: 0 0 0 2px var(--quaternary), inset 0 0 8px 2px var(--primary);
color: var(--quaternary);
margin: 0 0 8px 0;
&:hover:not([aria-current="page"]) {
box-shadow: 0 0 0 2px var(--quaternary);
}
}
& [aria-current="page"] {
background-image: linear-gradient(darkorange, var(--quaternary) 10%, chocolate);
box-shadow: 0 0 0 2px var(--quaternary), inset 0 0 4px 2px var(--quaternary);
color: var(--tertiary);
& svg {
color: var(--tertiary);
}
}
&>ul div svg {
font-size: 24px;
font-weight: bold;
}
& svg text {
fill: var(--tertiary);
paint-order: stroke markers fill;
stroke-width: 4;
stroke: var(--quaternary);
}
& li:last-child a {
margin-bottom: 0;
}
}
#flags {
flex-wrap: wrap;
display: flex;
gap: 0.8rem;
margin-bottom: 32px;
}
img[src*="/assets/img/flag/"] {
border-radius: 0.2rem;
box-shadow: 0 0 0 2px #fff, 1px 1px 0px 3px #0006;
}
/* Page-specific - Blog */
#blog {
background-attachment: local;
background-color: #eef;
background-image: var(--noise), var(--dot-dark);
background-size: auto, 4px;
}
.blog {
margin: 0 auto;
background-color: #fff;
background-image: var(--noise), url('/assets/img/theme/citrus/pawprint.svg');
background-size: auto, 64px;
background-repeat: repeat, no-repeat;
background-position-y: bottom;
background-position-x: center;
background-origin: content-box;
box-shadow: inset 0 0 2rem -0.5rem #ccc;
& ul {
padding: 0 16px;
}
& p[class="warning"] {
color: #ffcc4d;
background-color: #000;
font-weight: bold;
padding: 2px 8px;
text-align: center;
&::before,
&::after {
content: "⚠️"
}
}
& li {
margin: 0;
}
& u {
text-decoration: underline red;
}
& em {
font-weight: 200;
}
& code {
padding: 0 4px;
}
& pre {
padding: 15px;
}
& pre,
code:not(pre code) {
background-color: lightgray;
border: 1px solid darkgray;
border-radius: 0.4rem;
}
& h2 {
display: flex;
flex-direction: column;
margin: 0 auto;
text-align: center;
padding: 0 0 1rem 0
}
& time {
margin: inherit;
}
& aside {
background: #eee;
border-radius: 0.4rem;
border: 2px solid #ccc;
float: right;
margin-bottom: 0.8rem;
padding: 1rem;
width: 40ch;
}
& h3 {
border-bottom: 1px solid #aaa;
font-size: 1.6rem;
margin-bottom: 1rem;
}
}
.blog>[aria-label="Postscript"] {
display: grid;
margin: 0 0 auto auto;
padding: 0 0 4rem 0;
grid-template-columns: repeat(2, 1fr);
width: min-content;
& p,
img {
box-shadow: inset 0 0 1px #666;
}
& p {
background: #fff;
border-radius: 5rem 5rem 0 5rem;
font-size: 12px;
margin: 0 0.2rem 1rem 0;
padding: 4px 8px;
width: max-content;
}
& img {
background-color: #eee;
border-radius: 100%;
box-sizing: content-box;
height: 16px;
margin: auto 0 0 auto;
image-rendering: pixelated;
padding: 4px;
width: 16px;
}
}
#posts {
width: max-content;
& ul {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
list-style-type: none;
}
& li:not(:first-of-type) {
margin: 1rem 0 0 0;
}
& a {
display: flex;
flex-direction: column;
background-color: #fff;
transition: 0.3s;
padding: .8rem;
width: auto;
text-decoration: none;
font-size: 1.125rem;
font-weight: bold;
border: 4px solid;
border-color: #fff;
box-shadow: var(--shadow);
border-radius: 0.4rem;
&:is(:hover, :focus) {
border-color: currentColor
}
& time,
p {
font-weight: initial;
font-size: initial;
display: flex;
color: initial;
}
}
}
/* Page specific - Home */
main>section:has(nav) {
display: flex;
flex-direction: column;
}
#changelog {
width: fit-content;
& iframe {
min-width: 640px;
min-height: 480px
}
}
#buttons {
width: 640px;
& fieldset {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
& nav {
& ul {
margin: 0;
padding: 0;
display: grid;
}
& img:hover {
filter: drop-shadow(4px 6px 0 #0006);
transform: translateY(-4px);
transition: 0.3s;
}
}
}
#pkmn {
display: flex;
flex-wrap: wrap;
background-image: url("/assets/img/theme/citrus/box.png");
border-radius: 5px;
width: fit-content;
justify-content: space-around;
border-bottom-color: #78a068;
border-left-color: #c8f8c0;
border-right-color: #78a068;
border-top-color: #c8f8c0;
border-width: 3px;
border-style: solid;
margin-top: 18px;
& 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;
}
}
.note {
background-color: var(--tertiary);
background-image: var(--noise), var(--paper);
background-size: auto, 4px;
font-family: Pangolin, sans-serif;
& p {
text-transform: lowercase;
&:not(:last-of-type) {
margin-bottom: 32px;
}
}
& p,
li,
h2 {
line-height: 32px;
margin: 0;
font-size: 20px;
}
& h3 {
font-size: 32px;
line-height: 32px;
}
}
#portrait {
background-color: var(--primary);
border-radius: 100%;
height: 120px;
margin: 4px 16px;
width: 120px;
float: right;
box-shadow: 0 0 0 4px #fff, .2em .2em .1em .2em #0006;
overflow: hidden;
transition: 0.3s;
& img {
height: 120px;
transition: none;
pointer-events: none;
}
&::before {
content: "";
width: inherit;
height: inherit;
border-radius: inherit;
position: absolute;
pointer-events: none;
z-index: 1;
background-image: linear-gradient(to bottom, #fffb, transparent 50%);
}
&:hover {
transform: rotateZ(4deg);
}
&:active {
transform: scale(1.2) rotateZ(4deg) translateY(4px);
box-shadow: 0 0 0 4px #fff, .4em .4em .4em .4em #0006;
& img {
transform: translateX(-120px);
}
}
}
#collection {
& ul {
background-image: var(--line), linear-gradient(to top, chocolate 80%, var(--quaternary));
background-size: 32px;
box-shadow: inset 0 0 24px 8px var(--quaternary);
margin-bottom: 2rem;
border: 4px solid chocolate;
border-top: 0;
display: flex;
padding: 25px 0 0 25px;
overflow-x: scroll;
margin: 0;
overflow-y: hidden;
align-items: baseline;
}
& hr {
height: 2rem;
margin: 0;
border: none;
background-image: linear-gradient(darkorange 10%, chocolate 30%);
box-shadow: inset 0 4px 4px chocolate;
}
& li {
display: flex;
list-style-type: none;
position: relative;
z-index: 1;
align-self: baseline;
transition: 0.3s;
& a {
width: 100%;
}
&:hover {
transform: translateY(-6px) rotateZ(2deg);
z-index: 2;
margin: 0 -1rem 0 0;
}
& h3 {
height: 2rem;
position: absolute;
text-align: center;
transition: 0.3s;
color: transparent;
display: grid;
align-items: center;
width: inherit;
z-index: 1;
font-size: 1rem;
&:hover {
background-image: linear-gradient(#000, transparent);
color: #fff;
height: 100%;
}
}
}
}
main>section:not([id]) {
display: flex;
gap: 2rem;
}
main>*:not(*:last-child) {
margin-bottom: 2rem;
}
.games img,
.music img {
width: 160px;
}
.games li {
margin: 0 -8rem 0 0;
}
.games img {
display: flex;
width: 12rem;
}
.music {
& li {
margin: 0 -5rem 0 0;
box-shadow: inset 0 0 0.2rem #666;
background-image: linear-gradient(-45deg, #333 50%, #666);
height: 10rem;
width: 10rem;
&::before {
width: 1rem;
box-shadow: inset 1rem 0 0 0 #222;
margin: 0 -1rem;
}
&::after {
border: .2rem solid #ccc;
border-left: 0;
z-index: 1;
background-image: linear-gradient(-45deg, #fff3, transparent, #fffb);
width: 11rem;
margin: 0 0 0 -1rem;
}
&:hover::after {
animation: caseOpen .4s ease-in-out both;
}
}
& img {
border-radius: 100%;
box-shadow: 0 0 0 0.2rem #eee, 0 0 0 0.3rem #222;
height: 9rem;
width: 9rem;
margin: 0.5rem;
}
& li::before,
& li::after,
& a::after {
content: "";
box-sizing: border-box;
height: inherit;
pointer-events: none;
position: absolute;
}
& a::after {
background-image: radial-gradient(circle, #444 40%, #666);
border-radius: 100%;
box-shadow: 0 0 0 0.25rem #eee, 0 0 0 .3rem #222;
height: 32px;
content: url("/assets/img/theme/citrus/popper.svg");
margin: 4rem -6rem;
}
}
/* Page specific - Gallery */
#artworks {
background-image: var(--noise), var(--line);
background-color: #fff;
padding: 1rem;
background-size: auto, 32px;
& h2 {
padding: 0 2rem 0 1rem;
margin: 2rem 0;
border-bottom: 2px dotted;
font-size: 2rem;
font-family: Pangolin, sans-serif;
&:first-of-type {
margin: 0 0 2rem 0;
}
}
& img {
display: flex;
height: 12rem;
width: 100%;
transition: 0.3s;
border-bottom: unset;
object-fit: cover;
}
& ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(min(208px, 100%), 1fr));
padding: 0;
margin: 0;
gap: 1rem;
}
& a {
display: block;
text-decoration: unset;
transition: 0.3s;
&:is(:hover, :focus) {
figure {
transition: 0.3s;
background-color: currentColor;
border-color: currentColor;
}
figcaption {
color: #fff;
}
time {
color: #fffa
}
}
}
& figure {
margin: 0;
background-color: #fff;
border: 4px solid #fff;
box-shadow: var(--shadow);
border-radius: 0.4rem;
}
& figcaption {
font-family: Urbanist, sans-serif;
font-size: 1.2rem;
}
& time {
color: #666;
}
}
@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');
}
@font-face {
font-family: Pangolin;
src: url('/assets/fonts/Pangolin-Regular.ttf') format('truetype');
}
/* Mobile view */
@media screen and (max-width: 1400px) {
header h1 {
display: none
}
body>nav {
height: 3rem;
border-radius: 0;
box-shadow: inset 0 -4px 0 0 var(--quaternary);
}
body>nav,
header h1 {
background-color: var(--secondary);
background-attachment: unset;
background-blend-mode: unset;
background-image: unset;
}
body>nav a {
border-radius: 1rem;
margin: 6px 4px 8px 4px;
padding: 0 8px 0 0;
}
header {
display: flex;
justify-content: bottom;
background-position-y: initial;
}
.blog aside {
width: initial;
}
#posts,
#posts li {
width: auto;
}
#blog header {
height: 3rem;
}
#changelog, #buttons {
min-width: initial;
width: 100%;
}
#buttons ul {
display: flex !important;
flex-wrap: wrap;
}
#buttons fieldset {
width: 100%;
}
#changelog iframe {
min-width: initial;
width: 100%;
}
}
@keyframes caseOpen {
50% {
width: 0rem;
margin: 0 0 0 -1rem;
}
51% {
border: 0.3rem solid #999;
}
100% {
width: 11rem;
border: 0.3rem solid #999;
border-right: 0;
margin: 0 -12rem;
background-image: linear-gradient(-45deg, #ccc8, #fffa);
}
}
@keyframes jump {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-4px);
}
}

186
_src/assets/css/default.css Normal file
View file

@ -0,0 +1,186 @@
body {
font-family: sans-serif;
font-size: 100%;
margin: 0;
padding: 0;
}
main {
padding: 2rem 2rem 4rem calc(240px + 2rem);
}
h1,h2,h3,h4 {
margin: 0;
}
article {
height: max-content;
overflow: hidden;
padding: 32px;
}
article li,article p {
font-size: 1rem;
margin-bottom: .8rem;
}
/* Header */
header {
margin: 0 0 0 240px;
}
header svg {
height: 32px;
margin-right: 8px;
width: 32px;
}
header h1 {
align-content: center;
display: flex;
height: 4rem;
line-height: 64px;
margin: 0;
position: absolute;
width: max-content;
z-index: 1;
}
h2 time {
font-size: initial;
font-weight: initial;
}
/* Navigation */
body>nav {
display: flex;
flex-direction: column;
max-width: 240px;
overflow: hidden;
padding: 0 2rem 2rem 0;
position: fixed;
top: 0;
width: 240px;
}
body>nav ul {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
}
body>nav ul div {
display: flex;
align-items: center;
height: 48px;
margin: 0 auto;
padding: 0 8px;
}
body>nav a {
display: flex;
font-size: 1.125rem;
font-weight: bold;
height: 32px;
line-height: 32px;
}
/* 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 {
margin: 0 8px 0 8px;
width: 20px;
height: 20px;
}
body>nav li img,body>nav a svg,header svg {
align-self: center;
}
body>nav>ul>svg {
overflow: visible;
text-anchor: start;
}
/* Images */
article img {
height: 200px;
}
img[src*="/assets/img/pkmn/"],footer img {
height: fit-content;
image-rendering: pixelated;
}
img[src*="/assets/img/favicon/"] {
margin: 0 4px -4px 0;
height: 20px;
width: 20px;
}
img[src*="/assets/img/flag/"] {
display: flex;
height: 32px;
}
ul:has(img, svg):not(article ul) {
list-style-type: none;
}
article a:has(img) {
display: inline-block;
}
/* Footer */
footer>nav {
align-items: center;
bottom: 0;
display: flex;
text-wrap: nowrap;
height: 3rem;
left: 0;
overflow-x: scroll;
position: fixed;
right: 0;
transition: .2s;
z-index: 10;
}
footer>nav ul {
column-gap: 6px;
display: inherit;
margin: 0;
padding: 0;
}
footer>nav li,
footer>nav a {
display: inherit;
}
article {
max-width: 75ch;
}
iframe {
border: 0;
}
img[id="meow"]:hover {
background-image: url("/assets/img/button/second.gif")
}
/* Mobile view */
@media screen and (max-width: 1400px) {
header {
margin:0;
align-items: center;
}
main {
padding: 2vw 2vw 6vw 2vw;
}
main>section:not([id]) {
flex-direction: column;
}
main>section {
width: initial;
}
article {
max-width: initial;
width: auto;
}
body>nav {
display: flex;
flex-direction: row;
height: 42px;
max-width: initial;
overflow-x: scroll;
padding: 0;
position: fixed;
width: 100%;
z-index: 10;
}
body>nav ul {
flex-direction: row;
}
}

79
_src/assets/css/reset.css Normal file
View file

@ -0,0 +1,79 @@
/* 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%;
display: block;
}
*/
/* 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;
}

48
_src/assets/css/test.css Normal file
View file

@ -0,0 +1,48 @@
:root {
--bg: black
}
html {
background-color: var(--bg);
background-image: linear-gradient(transparent, var(--bg) 70%), url("https://i.redd.it/a8wis0519ol61.gif");
background-repeat: no-repeat;
background-size: cover;
}
body {
margin: 0;
}
html::before,html::after {
position: absolute;
pointer-events: none;
content: "";
width: 100%;
height: 100%;
background-attachment: fixed;
background-size: contain;
image-rendering: pixelated;
mask-image: url("/assets/img/halftone.svg");
mask-repeat: repeat-y;
mask-size: 2rem;
background-repeat: no-repeat;
top: 0;
overflow: hidden;
}
html::after {
background-image: linear-gradient(-90deg, var(--bg) 90%, transparent), url("/assets/img/sheet1.png");
transform: rotate(180deg);
}
html::before {
background-image: linear-gradient(-90deg, var(--bg) 90%, transparent), url("/assets/img/sheet2.png");
}
header {
display: flex;
margin: 0 auto;
justify-content: center;
}
@font-face {
font-family: "Silkscreen";
src: url("/assets/img/slkscr.ttf");
}
header h1 {
color: white;
font-family: "Silkscreen"
}

BIN
_src/assets/fonts/Pangolin-Regular.ttf Normal file
View file

Binary file not shown.

BIN
_src/assets/fonts/Rubik.ttf Normal file
View file

Binary file not shown.

BIN
_src/assets/fonts/Urbanist-Bold.ttf Normal file
View file

Binary file not shown.

BIN
_src/assets/fonts/ms_sans_serif.woff Normal file
View file

Binary file not shown.

BIN
_src/assets/fonts/ms_sans_serif.woff2 Normal file
View file

Binary file not shown.

BIN
_src/assets/fonts/ms_sans_serif_bold.woff Normal file
View file

Binary file not shown.

BIN
_src/assets/fonts/ms_sans_serif_bold.woff2 Normal file
View file

Binary file not shown.

BIN
_src/assets/fox.ogg Normal file
View file

Binary file not shown.

BIN
_src/assets/img/art/acnl_sundae-redo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.1 KiB

BIN
_src/assets/img/art/acnl_sundae.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
_src/assets/img/art/klonoa.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 151 KiB

BIN
_src/assets/img/art/klonoa_sitting.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
_src/assets/img/art/modular-vector-shape_bun.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
_src/assets/img/art/nt_sundae_spritesheet.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.9 KiB

BIN
_src/assets/img/art/petscii_kass.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
_src/assets/img/art/petscii_lurantis.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
_src/assets/img/art/petscii_sue.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 888 B

BIN
_src/assets/img/art/petscii_sundae-redo1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
_src/assets/img/art/petscii_sundae-redo2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
_src/assets/img/art/petscii_sundae1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
_src/assets/img/art/petscii_sundae2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
_src/assets/img/art/sibuxiang.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
_src/assets/img/art/sundae.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
_src/assets/img/art/sundae_b.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 364 KiB

132
_src/assets/img/art/sundae_backdrop.svg Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
_src/assets/img/art/sundae_bunbed.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
_src/assets/img/art/sundae_city-old.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 167 KiB

BIN
_src/assets/img/art/sundae_city.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 173 KiB

BIN
_src/assets/img/art/sundae_cs.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.8 KiB

BIN
_src/assets/img/art/sundae_dragon1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
_src/assets/img/art/sundae_dragon2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
_src/assets/img/art/sundae_glistening.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 324 KiB

BIN
_src/assets/img/art/sundae_headpat.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
_src/assets/img/art/sundae_hike.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 634 KiB

1
_src/assets/img/art/sundae_icon.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
_src/assets/img/art/sundae_lick.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
_src/assets/img/art/sundae_pride.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 165 KiB

BIN
_src/assets/img/art/sundae_refsheet.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 280 KiB

BIN
_src/assets/img/art/sundae_starchild.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
_src/assets/img/blog/acnl.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 515 KiB

BIN
_src/assets/img/blog/bun.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 244 KiB

BIN
_src/assets/img/blog/kass.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
_src/assets/img/button/arch-linux.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 311 B

BIN
_src/assets/img/button/beeps.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
_src/assets/img/button/bob.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
_src/assets/img/button/braixdragon-cat1.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
_src/assets/img/button/braixdragon-cat2.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
_src/assets/img/button/cabl.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
_src/assets/img/button/cc-by-nc-sa-4.0.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

BIN
_src/assets/img/button/creature0354.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 162 KiB

BIN
_src/assets/img/button/crouton.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.3 KiB

BIN
_src/assets/img/button/discord-no-way.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
_src/assets/img/button/drakonic.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
_src/assets/img/button/firefox.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
_src/assets/img/button/flashpoint.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.2 KiB

BIN
_src/assets/img/button/fox-nose.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 142 KiB

BIN
_src/assets/img/button/get-librewolf.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 334 B

BIN
_src/assets/img/button/kde.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
_src/assets/img/button/kiophen.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
_src/assets/img/button/lospec.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 460 B

BIN
_src/assets/img/button/made_with_11ty.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

BIN
_src/assets/img/button/marty.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
_src/assets/img/button/matrix.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1,014 B

BIN
_src/assets/img/button/mn8831.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
_src/assets/img/button/modarchive.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.5 KiB

BIN
_src/assets/img/button/msx.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
_src/assets/img/button/pinkderg.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 74 KiB

BIN
_src/assets/img/button/piracy-now.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 605 B

BIN
_src/assets/img/button/pngquant.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 606 B

BIN
_src/assets/img/button/rowan.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
_src/assets/img/button/snewberry.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.6 KiB

BIN
_src/assets/img/button/sunbun_a.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
_src/assets/img/button/sunbun_b.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
_src/assets/img/button/sunbun_c.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
_src/assets/img/button/sunbun_d.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
_src/assets/img/button/suspiciouslybee.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
_src/assets/img/button/swiftyshq.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
_src/assets/img/button/tequt.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
_src/assets/img/button/thiswebsitesucks.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
_src/assets/img/button/virtuallyisolated.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
_src/assets/img/button/vlc.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
_src/assets/img/button/vscodium.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 479 B

BIN
_src/assets/img/button/w3_validator.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 245 B

BIN
_src/assets/img/button/xenia.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 753 B

BIN
_src/assets/img/changelog/ver0.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 102 KiB

BIN
_src/assets/img/changelog/ver1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
_src/assets/img/changelog/ver2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
_src/assets/img/changelog/ver3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
_src/assets/img/changelog/ver4.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

7
_src/assets/img/flag/agender.svg Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 588 420">
<path fill="#2C2C2C" d="M0 0h588v420H0z"/>
<path fill="#BABABA" d="M0 60h588v300H0z"/>
<path fill="#FCFCFC" d="M0 120h588v180H0z"/>
<path fill="#B9F483" d="M0 180h588v60H0z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 298 B

8
_src/assets/img/flag/aromantic.svg Normal file
View file

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500">
<path fill="#3AA740" d="M0 0h750v100H0z"/>
<path fill="#A8D47A" d="M0 100h750v100H0z"/>
<path fill="#FCFCFC" d="M0 200h750v100H0z"/>
<path fill="#ABABAB" d="M0 300h750v100H0z"/>
<path fill="#2C2C2C" d="M0 400h750v100H0z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 348 B

7
_src/assets/img/flag/asexual.svg Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500">
<path fill="#2C2C2C" d="M0 0h750v125H0z"/>
<path fill="#A3A3A3" d="M0 125h750v125H0z"/>
<path fill="#FCFCFC" d="M0 250h750v125H0z"/>
<path fill="#810081" d="M0 375h750v125H0z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 295 B

7
_src/assets/img/flag/demisexual.svg Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 672 480" style="cursor: default;">
<path fill="#D2D2D2" d="M0 0h672v480H0"/>
<path fill="#6E0070" d="M0 0h672v280H0"/>
<path fill="#FCFCFC" d="M0 0h672v200H0"/>
<path fill="#2C2C2C" d="M0 0l257 240L0 480"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 313 B

7
_src/assets/img/flag/nonbinary.svg Normal file
View file

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 500">
<path fill="#FCF431" d="M0 0h750v125H0z"/>
<path fill="#FCFCFC" d="M0 125h750v125H0z"/>
<path fill="#9D59D2" d="M0 250h750v125H0z"/>
<path fill="#2C2C2C" d="M0 375h750v125H0z"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 294 B

Some files were not shown because too many files have changed in this diff Show more