{{ page.fileSlug }}
- {%for flag in flags%}
- 
- {%endfor%}
-
- {{ content|safe }}
- {%if programs and programs|length > 0%}
- Made with:
--
- {%for program in programs%}
-
- - {{ program.name|link(program.src)|safe }} - - {%endfor%} -
Color palette used:
- {%for palette in palettes%} --
-
- - {%if palette.src%} - {{ palette.name|link(palette.src)|safe }} - {%endif%} - -
+ {{page.fileSlug}}
+ {%for flag in flags%}
+
+ {{content|safe}}
+ {%if programs and programs|length > 0%}
+
+ {{page.fileSlug}}
+ {%for flag in flags%}
+ 
+ {%endfor%}
+
+ {{content|safe}}
+ {%if programs and programs|length > 0%}
+ Made with:
+-
+ {%for program in programs%}
+
- + {{program.name|link(program.src)|safe}} + + {%endfor%} +
Color palette used:
+ {%for palette in palettes%} +-
+
- + {%if palette.src%} + {{palette.name|link(palette.src)|safe}} + {%endif%} + +
-
{%for page in pageOrder%}
- - + - {{ page.fileSlug|capitalize }} + {{page.fileSlug|capitalize}} {%endfor%} @@ -20,16 +20,16 @@ {%for item in items%} {%if key != "signal"%}
- - - {{ key|capitalize }} + + {{key|capitalize}} {%endif%} {%endfor%} {%if key == "signal"%}
- - {%endif%} diff --git a/_src/_includes/stylesheets.njk b/_src/_includes/stylesheets.njk index a71801a..e553b14 100644 --- a/_src/_includes/stylesheets.njk +++ b/_src/_includes/stylesheets.njk @@ -1,7 +1,7 @@ - + {%if currentPage === "home"%} diff --git a/_src/assets/css/citrus/blog.css b/_src/assets/css/citrus/blog.css index a5fa4c7..62a49f2 100644 --- a/_src/assets/css/citrus/blog.css +++ b/_src/assets/css/citrus/blog.css @@ -1,35 +1,41 @@ #blog { + animation: none; background-attachment: local, fixed; + background-blend-mode: overlay, normal; background-color: var(--light); - background-image: var(--dot), + background-image: + var(--dot), linear-gradient(var(--citrus-mix-dark) 0% 10%, var(--citrus-dark) 100%); background-size: 6px, contain; - background-blend-mode: overlay, normal; - animation: none; & article { - border-radius: 0; background-color: var(--citrus-light); background-image: var(--noise); - background-size: auto; background-repeat: repeat; - box-shadow: inset 0 -2rem 3rem -4rem var(--dark), var(--shadow-heavy); - & aside, .addendum { + background-size: auto; + border-radius: 0; + box-shadow:inset 0 -2rem 3rem -4rem var(--dark),var(--shadow-heavy); + & aside, + .addendum { border-radius: 0; border-width: 4px; border-style: solid; } & aside { border-color: var(--citrus-mix-light); - background-image: linear-gradient(135deg, + background-image: linear-gradient( + 135deg, var(--citrus-light-extra) 5%, - var(--citrus-light) 50%, var(--citrus-light-extra) + var(--citrus-light) 50%, + var(--citrus-light-extra) ); } & .addendum { border-color: var(--citrus-primary); - background-image: linear-gradient(135deg, + background-image: linear-gradient( + 135deg, var(--citrus-mix-light) 5%, - var(--citrus-light) 50%, var(--citrus-mix-light) + var(--citrus-light) 50%, + var(--citrus-mix-light) ); } & pre { @@ -72,7 +78,8 @@ border-width: 3px; box-sizing: inherit; padding: 2px; - background-image: radial-gradient( + background-image: + radial-gradient( ellipse at 50% -0%, var(--light) 20%, var(--dark) 150% @@ -82,8 +89,10 @@ background-size: cover, 100%; background-position: center; background-repeat: no-repeat; - box-shadow: 0 0 0 2px var(--citrus-mix-dark), - inset 0 0 0 2px var(--citrus-mix), var(--shadow-light); + box-shadow: + 0 0 0 2px var(--citrus-mix-dark), + inset 0 0 0 2px var(--citrus-mix), + var(--shadow-light); font-size: 0; } } @@ -99,10 +108,6 @@ & p:not(:last-child) { color: var(--citrus-dark); } - &:not(:hover, :focus) { - background-color: var(--citrus-light); - border-color: var(--citrus-light); - } } } } diff --git a/_src/assets/css/citrus/default.css b/_src/assets/css/citrus/default.css index c3d98f9..66f0b08 100644 --- a/_src/assets/css/citrus/default.css +++ b/_src/assets/css/citrus/default.css @@ -4,34 +4,21 @@ @import url("./nav.css"); @import url("./variables.css"); -:is(a, button):not(span *, .postscript *, body nav *), -.link, -#posts a { - color: var(--citrus-dark); - transition: background-color var(--trans); - background-color: var(--citrus-primary); - &:is(:hover, :focus) { - color: var(--citrus-dark-extra); - background-color: var(--citrus-secondary); - } - & a { - color: inherit; - } -} body { - color: var(--citrus-dark-extra); + background-attachment: local; + background-blend-mode: soft-light; background-color: var(--citrus-primary); background-image: var(--paw-tiled); - background-size: 128px; - background-attachment: local; background-repeat: repeat; - background-blend-mode: soft-light; - animation: mainbg 10s linear infinite; + background-size: 128px; + color: var(--citrus-dark-extra); } -header { +main :is(a, button) { + background-color: var(--citrus-mix-light); + border-color: var(--citrus-mix); color: var(--citrus-dark); } -ul:not([role]) li::before { +ul li::before { background-color: var(--citrus-dark-extra); } article { @@ -41,25 +28,20 @@ article { var(--citrus-light) 70%, color-mix(in lch, var(--citrus-mix-light), var(--citrus-light)) 100% ); - border-radius: 0; box-shadow: var(--shadow-heavy); border: 0; - & .header-anchor { - border-radius: 0; - } - & code:not(pre *) { - border-radius: 0; - background-color: var(--citrus-dark); - color: var(--citrus-primary); - } - &:not(pre, code, a) { - font-family: "Nosey Rodent", sans-serif; - } + border-radius: 2px; } @media screen and (max-width: 916px) { - header { - width: calc(100% - var(--float) + 4px); - margin: auto 0 0 auto; - padding: var(--pad-xl) 0 0 0; + body::after { + content: none; + } +} +@media screen and (min-width: 916px) { + nav#default { + height: max-content; + } + header { + margin-top: 0; } } diff --git a/_src/assets/css/citrus/gallery.css b/_src/assets/css/citrus/gallery.css index 2e88b7c..29b8ce1 100644 --- a/_src/assets/css/citrus/gallery.css +++ b/_src/assets/css/citrus/gallery.css @@ -1,11 +1,28 @@ #gallery { & article { - border-radius: 0; - border: 0; + border-radius: 4px; + box-shadow: + inset 0 0 0 4px color-mix(in lch, var(--light), var(--dark) 2%), + inset 0 0 0 8px var(--citrus-mix-dark), + var(--shadow-heavy); + background-color: color-mix( + in lch, + var(--citrus-mix-dark), + var(--citrus-mix) + ); + background-image: + var(--noise), + linear-gradient( + 135deg, + color-mix(in lch, var(--citrus-mix-dark), var(--citrus-mix)), + var(--citrus-mix-dark) + ); } & a:has(figure) { font-family: "Urbanist", sans-serif; - transition: border-color var(--trans), background-color var(--trans); + transition: + border-color var(--trans), + background-color var(--trans); box-shadow: var(--shadow-light); &:is(:hover, :focus) { & figure { @@ -16,30 +33,26 @@ } & a figure { border-width: 4px; + border-radius: 0; &:is(:not(a:hover *, a:focus *)) { border-color: var(--light); background-color: var(--light); } } } -#artworks { - article { - margin: var(--pad-xl) 0 0 0; - background-color: var(--light); - background-image: var(--noise), var(--lined); - background-size: auto, 32px; - &:last-child:not(:first-of-type) { - margin: calc(var(--pad-xl) + var(--pad-xl)) 0 0 0; - } - &::before { - content: ""; - display: flex; - height: 32px; - width: calc(100% + var(--pad-xl) * 2); - margin: calc(var(--pad-xxl) * -1) 0 var(--pad-l) calc(var(--pad-xl) * -1); - background-image: var(--border), var(--lined), var(--noise); - background-size: 32px, 32px; - background-blend-mode: darken; - } +:is(#art li, #art section a):nth-child(odd) { + transform: var(--rot-minus); +} +#art div { + background-color: var(--citrus-light); + background-image: var(--noise), var(--paper); + background-size: auto, 4px; + box-shadow: var(--shadow-light); + margin-bottom: var(--pad-xl); + padding: var(--pad-xl); + transform: var(--rot-plus); + & p { + line-height: 32px; + padding: 0; } -} \ No newline at end of file +} diff --git a/_src/assets/css/citrus/home.css b/_src/assets/css/citrus/home.css index 4f84282..26906ed 100644 --- a/_src/assets/css/citrus/home.css +++ b/_src/assets/css/citrus/home.css @@ -1,25 +1,12 @@ -article#badges { - & a:is(:hover,:focus) { - transition: box-shadow var(--trans), background-color var(--trans); - box-shadow: 0 0 0 2px var(--citrus-secondary), 0 0 0 4px var(--citrus-dark-extra); - background-color: var(--citrus-secondary); - } -} -#interests li { - width: 16ch; - margin: var(--pad-s); - box-shadow: var(--shadow-light); - background-image: linear-gradient(color-mix(in lch, var(--citrus-light-extra), var(--citrus-primary) 50%), var(--citrus-primary) 200%); - & img { - filter: drop-shadow(0 0 1px var(--citrus-dark)); - } - &:nth-child(odd) { - transform: rotate(1deg); - } - & a { - align-content: center; - & span:has(img)::after { - display: none; +#interests { + & li { + & a { + & span:has(img)::after { + display: none; + } + } + &:nth-child(odd) { + transform: var(--rot-minus); } } } diff --git a/_src/assets/css/citrus/nav.css b/_src/assets/css/citrus/nav.css index 6b505c8..8e1cf0e 100644 --- a/_src/assets/css/citrus/nav.css +++ b/_src/assets/css/citrus/nav.css @@ -12,7 +12,7 @@ color: var(--citrus-light); } } - & li *:is(a, button) { + & li :is(a, button) { background: var(--button-bg); box-shadow: var(--button-shine); border: var(--button-border); @@ -24,7 +24,7 @@ border: var(--button-current-border); color: var(--citrus-light); } - &:is(:hover, :focus):not([aria-current="page"]) { + &:is(:hover, :focus):not([aria-current]) { background: var(--button-hover-bg); box-shadow: var(--button-hover-shine); border: var(--button-hover-border); @@ -37,12 +37,15 @@ } } nav#default, -nav#floating, header { +nav#floating, +header { + color: var(--citrus-dark); background-attachment: fixed; background-image: var(--nav-bg); background-size: 6px; } -nav#floating, nav#default { +nav#floating, +nav#default { border-bottom-style: solid; border-right-style: solid; border-bottom-width: 4px; @@ -50,4 +53,23 @@ nav#floating, nav#default { } nav#default { border-bottom-right-radius: var(--pad-l); -} \ No newline at end of file +} +@media screen and (max-width: 916px) { + header { + background: none; + } +} + +@media screen and (min-width: 916px) { + header { + display: flex; + width: var(--view); + border-right-width: 4px; + border-right-style: solid; + border-bottom-width: 4px; + border-bottom-style: solid; + border-bottom-right-radius: 100px; + margin-left: calc(var(--view) - 4px); + padding: var(--pad-m) 0; + } +} diff --git a/_src/assets/css/citrus/variables.css b/_src/assets/css/citrus/variables.css index e64f8d0..a844194 100644 --- a/_src/assets/css/citrus/variables.css +++ b/_src/assets/css/citrus/variables.css @@ -5,9 +5,15 @@ --citrus-dark: color-mix(in lch, var(--citrus-secondary), var(--dark) 60%); --citrus-light-extra: color-mix(in lch, var(--citrus-light), var(--light)); --citrus-dark-extra: color-mix(in lch, var(--citrus-dark), var(--dark)); - --citrus-mix: color-mix(in lch,var(--citrus-primary),var(--citrus-secondary)); + --citrus-mix: color-mix( + in lch, + var(--citrus-primary), + var(--citrus-secondary) + ); --citrus-mix-light: color-mix(in lch, var(--citrus-light), var(--citrus-mix)); --citrus-mix-dark: color-mix(in lch, var(--citrus-dark), var(--citrus-mix)); + --rot-plus: rotate(0.5deg); + --rot-minus: rotate(-0.5deg); --shadow-light: 0.2rem 0.2rem 0.2rem 0.1rem #0002; --shadow-heavy: 0.2rem 0.2rem 0.4rem 0.2rem #0004; --checker: url("/assets/img/theme/citrus/checker.png"); @@ -16,17 +22,43 @@ --paper: url("/assets/img/theme/citrus/paper.png"); --noise: url("/assets/img/theme/citrus/imagedoc-lightnoise.png"); --border: url("/assets/img/theme/citrus/border.png"); - --nav-bg: var(--dot), linear-gradient(var(--citrus-primary), var(--citrus-secondary) 60%, var(--citrus-primary) 120%); - --button-bg: linear-gradient(var(--citrus-primary) 30%, var(--citrus-mix) 80%); + --nav-bg: + var(--dot), + linear-gradient( + var(--citrus-primary), + var(--citrus-secondary) 60%, + var(--citrus-primary) 120% + ); + --button-bg: linear-gradient( + var(--citrus-primary) 30%, + var(--citrus-mix) 80% + ); --button-border: 2px solid var(--citrus-dark); - --button-shine: inset 0px 2px var(--citrus-light), inset 0px -2px var(--citrus-mix); - --button-hover-bg: linear-gradient(var(--citrus-light),var(--citrus-primary),var(--citrus-mix-light)); + --button-shine: + inset 0px 2px var(--citrus-light), inset 0px -2px var(--citrus-mix); + --button-hover-bg: linear-gradient( + var(--citrus-light), + var(--citrus-primary), + var(--citrus-mix-light) + ); --button-hover-border: 2px solid var(--citrus-light); --button-hover-shine: inset 0 -2px 0 0 var(--citrus-mix); - --button-current-bg: linear-gradient(var(--citrus-mix-dark),var(--citrus-dark-extra) 200%); + --button-current-bg: linear-gradient( + var(--citrus-mix-dark), + var(--citrus-dark-extra) 200% + ); --button-current-border: 2px solid var(--citrus-dark-extra); - --button-current-shine: inset 0px 2px 0 var(--citrus-mix-light), inset 0 -2px 0 var(--citrus-mix-dark); - --details-bg: linear-gradient(-45deg,var(--citrus-primary),var(--citrus-mix),var(--citrus-primary)); - --details-shine: inset 0 2px 0 var(--citrus-light-extra), inset 2px 0 0 var(--citrus-light), inset 0 -2px 0 var(--citrus-primary), inset -2px 0 0 var(--citrus-primary); + --button-current-shine: + inset 0px 2px 0 var(--citrus-mix-light), + inset 0 -2px 0 var(--citrus-mix-dark); + --details-bg: linear-gradient( + -45deg, + var(--citrus-primary), + var(--citrus-mix), + var(--citrus-primary) + ); + --details-shine: + inset 0 2px 0 var(--citrus-light-extra), inset 2px 0 0 var(--citrus-light), + inset 0 -2px 0 var(--citrus-primary), inset -2px 0 0 var(--citrus-primary); --details-border: 2px solid var(--citrus-dark); } \ No newline at end of file diff --git a/_src/assets/css/default/blog.css b/_src/assets/css/default/blog.css index 6710c79..d11b504 100644 --- a/_src/assets/css/default/blog.css +++ b/_src/assets/css/default/blog.css @@ -90,7 +90,9 @@ article > .postscript { gap: var(--pad-m); } & > img { - transition: height var(--trans), border-radius var(--trans), + transition: + height var(--trans), + border-radius var(--trans), background-color var(--trans); border-radius: var(--round); min-height: fit-content; @@ -114,7 +116,6 @@ article > .postscript { } #posts { - max-width: var(--post); & ul { display: flex; flex-direction: column; @@ -142,7 +143,7 @@ article > .postscript { } } } -@media screen and (max-width: 920px) { +@media screen and (max-width: 916px) { article aside { float: unset; width: fit-content; @@ -150,10 +151,6 @@ article > .postscript { article section { flex-direction: column; } - #posts { - max-width: unset; - width: auto; - } article > .postscript { & p { margin-right: var(--pad-sm); @@ -163,15 +160,4 @@ article > .postscript { } } } -} -@media (prefers-reduced-motion: reduce) { - article > .postscript { - & p, - p > img { - transition: none; - } - } - #blog #posts a { - transition: none; - } -} +} \ No newline at end of file diff --git a/_src/assets/css/default/changelog.css b/_src/assets/css/default/changelog.css new file mode 100644 index 0000000..eb60a20 --- /dev/null +++ b/_src/assets/css/default/changelog.css @@ -0,0 +1,8 @@ +li { + &::before { + content: none; + } + &::marker { + content: initial; + } +} diff --git a/_src/assets/css/default/default.css b/_src/assets/css/default/default.css index b8abe45..346f236 100644 --- a/_src/assets/css/default/default.css +++ b/_src/assets/css/default/default.css @@ -1,4 +1,4 @@ -@import url("./media.css"); +@import url("./motion.css"); @import url("./variables.css"); @import url("./nav.css"); @@ -9,144 +9,113 @@ h3, h4, h5, h6 { - font-family: "Rubik", sans-serif; display: block; font-size: 2rem; - margin-block-start: 0; - margin-block-end: 0; - margin-inline-start: 0; - margin-inline-end: 0; font-weight: bold; + width: fit-content; } - body { font-family: "Rubik", sans-serif; font-size: 100%; margin: 0; padding: 0; - & a, button { cursor: pointer; - transition: background-color var(--trans); - &:is(:hover, :focus) { outline: 0; } } } - svg { fill: currentColor; stroke: currentColor; stroke-width: 0; } - header { - padding-top: var(--pad-xl); - padding-left: calc(var(--view) + var(--pad-xl)); - + margin-top: var(--pad-xl); + margin-left: calc(var(--view) + var(--pad-xl)); + & a { + display: flex; + padding: var(--pad-s); + border-radius: var(--round); + } & svg { width: 2rem; height: 2rem; margin-right: var(--pad-m); } - - & h1 { - display: inline-flex; - } } - footer { overflow-y: hidden; word-break: break-all; flex-wrap: wrap; font-family: "Nosey Rodent", sans-serif; display: flex; - margin-left: var(--view); - width: calc(100% - var(--view)); + margin: auto 0 0 auto; + width: fit-content; justify-content: center; position: sticky; inset-block: 100%; text-align: center; - & span { background-image: var(--transgender); padding: 0 var(--pad-s); } } - main { - width: var(--main); + width: fit-content; padding: var(--pad-xl); padding-left: calc(var(--view) + var(--pad-xl)); - padding-right: var(--view); overflow: hidden; + position: relative; + & ul[role="list"] { + display: flex; + flex-wrap: wrap; + margin: 0; + padding: 0; + } } - details { cursor: pointer; display: flex; flex-direction: column; - & summary::marker { content: none; } } - -.header-anchor { - display: inline-block; - transition: - color var(--trans), - background-color var(--trans); - height: max-content; - padding: 0 var(--pad-m); - margin: 0 0 0 calc(var(--pad-xl) * -1); - border-radius: 0 var(--round) var(--round) 0; -} - article { + width: auto; + max-width: var(--main); color: inherit; border-style: solid; border-width: 2px; border-radius: var(--round); height: max-content; padding: var(--pad-xl); - & a:has(figure) { border-radius: var(--round); - & figure { border-color: inherit; } } - & s { text-decoration-style: line-through; text-decoration-thickness: 0.1em; } - & u { text-decoration-style: double; text-decoration-thickness: 2px; } - & em { font-weight: 200; } - & p { word-wrap: break-word; } - & p:not(:last-child, [aria-label]) { padding-bottom: var(--pad-s); } - - & code:not(pre *) { - padding: 0 var(--pad-s); - } - & pre { display: flex; width: auto; @@ -155,17 +124,7 @@ article { word-break: break-word; border-style: solid; border-width: 2px; - transition: - background-color var(--trans), - border-color var(--trans); } - - & pre, - code:not(pre *) { - border-radius: var(--round); - font-weight: bold; - } - & figure { margin: 0; border-style: solid; @@ -175,96 +134,52 @@ article { display: flex; flex-direction: column; } - - & ul:not([role="list"]):is(#art *) { - padding: 0; - margin: 0 0 var(--pad-s) var(--pad-xl); - } - - & li:not([role] *, #changelog *) { - &::marker { - content: none; - } - - &::before { - content: ""; - width: 20px; - height: 20px; - position: absolute; - mask-image: var(--paw); - mask-size: contain; - mask-repeat: no-repeat; - margin: 0 0 0 calc(var(--pad-xl) * -1); - z-index: 0; - } - } - & section { & a:has(figure) { height: max-content; } - & figure img { border-radius: inherit; } - & figcaption { font-weight: normal; font-style: italic; - padding-top: var(--pad-s); + padding: var(--pad-m) 0; } } - - & > :first-child > code { - display: flex; - width: fit-content; - margin: var(--pad-s) 0; - } } - +.paws li::marker { + content: none; +} +.paws li::before { + content: ""; + width: 20px; + height: 20px; + position: absolute; + mask-image: var(--paw); + mask-size: contain; + mask-repeat: no-repeat; + margin: 0 0 0 calc(var(--pad-xl) * -1); +} :is(main article, main section):not(:last-child) { margin-bottom: var(--pad-m); } - img[src*="/assets/img/flag/"] { height: 32px; border-radius: 2px; - &:first-child { margin-left: var(--pad-m); } - &:not(:last-child) { margin-right: var(--pad-m); } } - -.link { - display: inline-flex; - - & a { - margin-right: 4px; - } - - & img { - position: relative; - vertical-align: sub; - margin: 0 var(--pad-s); - } -} - -article a:not(.link *, a:has(img)) { - display: inline-flex; - padding: 0 var(--pad-s); -} - dialog button[commandfor="signal"] { width: max-content; padding: 0 var(--pad-s); margin: 0 auto; } - -dialog#signal { +#signal { cursor: default; background: black; border: none; @@ -276,7 +191,6 @@ dialog#signal { height: 100%; position: fixed; padding: var(--pad-xl); - & article { display: flex; flex-direction: column; @@ -288,15 +202,12 @@ dialog#signal { background: none; word-wrap: break-word; color: white; - & h1 { font-size: 4rem; } - & p { font-size: 2rem; } - & a { margin: auto 0 0 auto; } @@ -305,7 +216,6 @@ dialog#signal { a { font-family: "Times New Roman", Times, serif; } - & img { border: 4px solid white; padding: var(--pad-s); @@ -314,21 +224,22 @@ dialog#signal { } } } - @media screen and (min-width: 916px) { - div#sidebar { + #sidebar { display: flex; } - nav#floating { + #floating { display: none; } - nav#default button[popovertarget] { + #default button[popovertarget] { display: none; } } @media screen and (max-width: 916px) { /* Reset */ - header, footer, main { + header, + footer, + main { margin: 0; padding: 0; width: auto; @@ -338,14 +249,16 @@ dialog#signal { padding: var(--pad-l); } header { - text-align: right; + margin: calc(var(--pad-xxl) + var(--pad-l)) 0 0 0; + } + header h1 { + margin: auto 0 0 auto; padding-right: var(--pad-m); } - /* Move navbar artwork */ - nav#default::before { + #default::before { content: none; } body::after { content: ""; } -} \ No newline at end of file +} diff --git a/_src/assets/css/default/gallery.css b/_src/assets/css/default/gallery.css index 793ec1b..9629a6f 100644 --- a/_src/assets/css/default/gallery.css +++ b/_src/assets/css/default/gallery.css @@ -1,9 +1,3 @@ -#gallery { - & time { - display: flex; - align-self: center; - } -} #artworks { & ul { display: grid; @@ -11,29 +5,21 @@ auto-fill, minmax(min(var(--thumb), 100%), 1fr) ); - padding: 0; - margin: 0; gap: var(--pad-l); & a { display: block; } } - & figure { margin: 0; border-style: solid; & img { - display: flex; - width: 100%; height: var(--thumb); object-fit: cover; } - & figcaption { + display: inline-flex; font-size: 1.4rem; - display: flex; - align-items: baseline; - text-decoration-style: none; } & .count { margin: auto 0 0 auto; @@ -42,16 +28,9 @@ } #art { - display: flex; - flex-direction: column; - width: fit-content; & p { max-width: var(--post); } - & h3 { - display: flex; - gap: var(--pad-s); - } & section:has(a:nth-child(n + 2)) { display: flex; flex-direction: row; @@ -68,14 +47,6 @@ } } } -@media screen and (max-width: 1500px) { - #art section:has(a:nth-child(n + 2)) { - flex-direction: column; - & a { - width: 100%; - } - } -} @media screen and (max-width: 916px) { #art p { max-width: auto; diff --git a/_src/assets/css/default/home.css b/_src/assets/css/default/home.css index cd47362..daaf215 100644 --- a/_src/assets/css/default/home.css +++ b/_src/assets/css/default/home.css @@ -7,116 +7,65 @@ transform: translateY(-4px); } } - -article#bio { - & .emoji { - height: 20px; - width: 20px; - display: inline-flex; - vertical-align: middle; - &::after, - img { - filter: drop-shadow(0 0 0.5px #000a); - } +#bio .emoji { + display: inline-flex; + height: 20px; + vertical-align: middle; + width: 20px; + &::after, + img { + filter: drop-shadow(0 0 0.5px #000a); } } - -article#badges { - & ul { - padding: 0; - display: flex; - flex-wrap: wrap; - gap: var(--pad-s); - } - - & a { - display: flex; - margin: 0; - } - & img { - box-sizing: content-box; - } +#badges ul { + gap: var(--pad-s); + padding: 0; } - -article#interests { - & ul { - display: flex; - flex-wrap: wrap; - margin: 0; - padding: var(--pad-l) 0; - } - & li { - display: flex; - width: 14ch; - flex-wrap: wrap; - text-align: center; - justify-content: center; - - & a { - display: flex; - flex-direction: column; - padding: var(--pad-s); - width: inherit; - &:not(:hover, :focus) { - background: transparent; - } - } - } - & .music img, - .games img { - height: 48px; - } - - & .manga img { - height: 128px; - } - & span:has(img) { - width: fit-content; - margin: 0 auto; - &::after { - content: ""; - background-image: url("/assets/img/icon/shortcut.png"); - background-size: 100%; - display: block; - z-index: 1; - position: absolute; - width: 24px; - height: 24px; - margin: -1.5rem 0 0 -0.5rem; - pointer-events: none; - } - } - - & details:last-child ul { - padding: var(--pad-l) 0 0 0; - } - - & details h3 { - border-bottom-width: 1px; - border-bottom-style: solid; - } -} - -#pkmn { - display: flex; - flex-wrap: wrap; +#interests a { + align-items: center; + display: inline-flex; + flex-direction: column; + height: auto; justify-content: center; + text-align: center; + width: 160px; + &:not(:hover, :focus) { + background: transparent; + } +} +#interests span:has(img)::after { + background-image: url("/assets/img/icon/shortcut.png"); + background-size: 100%; + content: ""; + display: block; + height: 24px; + margin: -1.5rem 0 0 -0.5rem; + pointer-events: none; + position: absolute; + width: 24px; + z-index: 1; +} +.games img { + height: 48px; +} +.manga img { + height: 128px; +} +#pkmn { background-image: url("/assets/img/pkmn/bg/box.png"); - border-radius: 5px; - width: fit-content; border-bottom-color: #78a068; border-left-color: #c8f8c0; + border-radius: 4px; border-right-color: #78a068; + border-style: solid; border-top-color: #c8f8c0; border-width: 3px; - border-style: solid; margin: var(--pad-l) 0 0 0; - + width: fit-content; & li { display: flex; - margin-top: -8px; margin-left: -12px; - + margin-top: -8px; & span: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) @@ -124,23 +73,17 @@ article#interests { animation: jump 200ms infinite alternate; } } - & li:first-child { - margin-left: 0px; - } } - #agender { background-image: var(--agender); } - #aromantic { background-image: var(--aromantic); } - #pansexual { background-image: var(--pansexual); } #badges img { max-height: 31px; width: 88px; -} \ No newline at end of file +} diff --git a/_src/assets/css/default/index.css b/_src/assets/css/default/index.css index ea2cea1..dbeefce 100644 --- a/_src/assets/css/default/index.css +++ b/_src/assets/css/default/index.css @@ -14,12 +14,10 @@ background-repeat: no-repeat; background-position: center; background-size: contain; - & footer { position: sticky; bottom: 0; } - & header { top: 0; display: flex; @@ -37,7 +35,6 @@ overflow: hidden; } } - & footer, header { position: absolute; diff --git a/_src/assets/css/default/media.css b/_src/assets/css/default/motion.css similarity index 90% rename from _src/assets/css/default/media.css rename to _src/assets/css/default/motion.css index 9a11628..36c14c5 100644 --- a/_src/assets/css/default/media.css +++ b/_src/assets/css/default/motion.css @@ -1,6 +1,6 @@ @media (prefers-reduced-motion: no-preference) { /* Scrolling pride flag text */ - article#bio span[id], + #bio span[id], footer span { font-family: "Nosey Rodent", sans-serif; font-weight: bold; @@ -15,9 +15,6 @@ } } @media (prefers-reduced-motion: reduce) { - body { - animation: none; - } /* Buttons */ :is(a, button), span:has(a) { @@ -44,7 +41,8 @@ } } /* Scrolling pride flag text */ - article#bio span[id], footer span { + article#bio span[id], + footer span { transition: none; animation: none; color: inherit; @@ -79,4 +77,16 @@ animation: none; transform: translateY(-4px); } + #art div { + transform: none; + } + article > .postscript { + & p, + p > img { + transition: none; + } + } + #blog #posts a { + transition: none; + } } diff --git a/_src/assets/css/default/nav.css b/_src/assets/css/default/nav.css index 808365d..d76c1dc 100644 --- a/_src/assets/css/default/nav.css +++ b/_src/assets/css/default/nav.css @@ -1,127 +1,128 @@ .navbar { - position: fixed; display: flex; - z-index: 2; flex-direction: column; - overflow-x: hidden; - padding: var(--pad-l); - width: var(--view); - height: 100%; - overflow-y: scroll; - scrollbar-width: none; gap: var(--pad-m); + height: 100%; margin: 0; - + overflow-x: hidden; + overflow-y: scroll; + padding: var(--pad-l); + position: fixed; + scrollbar-width: none; + width: var(--view); & li *:is(a, button) { align-items: center; + border-radius: var(--round); border-style: solid; border-width: 2px; - border-radius: var(--round); } - & section { border-radius: var(--round); - font-weight: bold; - border-width: 2px; border-style: solid; - + border-width: 2px; + font-weight: bold; & h3 { display: flex; - justify-content: center; - align-items: center; - padding: 0; - height: var(--pad-xl); font-size: 1.4rem; + height: var(--pad-xl); + margin: var(--pad-s) auto 0 auto; + padding: 0; } } & * svg, li img { + align-self: center; margin: 0 8px 0 8px; width: 20px; - align-self: center; } - & ul { + margin-top: 0; margin: var(--pad-s); padding: 0; - & li, button { - padding: 0; align-items: center; margin-bottom: inherit; - + padding: 0; & img { border-radius: 100%; } } } - & li *:is(a, button) { display: flex; font-size: 1.125rem; - width: 100%; font-weight: bold; height: 36px; line-height: var(--pad-xl); + width: 100%; } } - -nav#default::before, +#default::before, body::after { - z-index: -1; content: ""; - position: absolute; + height: inherit; + margin: 0; mask-image: url("/assets/img/theme/sundae_sit-lines.png"); mask-repeat: no-repeat; - margin: 0; - width: inherit; - height: inherit; pointer-events: none; + position: absolute; + width: inherit; + z-index: -1; } - -nav#default::before { +#default::before { + -webkit-mask-position-x: -25px; + -webkit-mask-position-y: 90%; bottom: 0; left: 0; mask-size: 160%; - -webkit-mask-position-x: -25px; - -webkit-mask-position-y: 90%; } - body::after { - content: none; - mask-size: 100%; - width: 100%; - height: 100vw; -webkit-mask-position-x: 0; -webkit-mask-position-y: bottom; + content: none; + height: 100vw; + mask-size: 100%; + width: 100%; } - -nav#floating { - width: var(--float); - height: fit-content; - border-bottom-style: solid; - border-right-style: solid; - border-bottom-width: 2px; - border-right-width: 2px; +#floating { border-bottom-right-radius: var(--pad-l); + border-bottom-style: solid; + border-bottom-width: 2px; + border-right-style: solid; + border-right-width: 2px; + height: fit-content; + top: 0; + width: var(--float); & button { - width: fit-content; font-size: 0; + width: fit-content; } & a { display: none; } } - -div#sidebar { - margin: 0; - padding: 0; +#sidebar { background: none; border: 0; + margin: 0; + padding: 0; } -nav#default { +#default { border: 0; border-right-style: solid; border-right-width: 2px; } +/* hack to make the header look seamless with the nav when using citrus theme */ +body { + position: relative; + z-index: -3; + & main { + position: inherit; + z-index: -2; + } + & #sidebar { + position: inherit; + z-index: -1; + } +} \ No newline at end of file diff --git a/_src/assets/css/default/theme-dark.css b/_src/assets/css/default/theme-dark.css index 83c59c8..fee204b 100644 --- a/_src/assets/css/default/theme-dark.css +++ b/_src/assets/css/default/theme-dark.css @@ -4,52 +4,42 @@ header svg { color: var(--secondary-light-300); } - article { border-color: var(--secondary-300); background-color: var(--secondary-200); - & #default { box-shadow: inset 0 0 0 2px var(--secondary-500); background-color: var(--secondary-300); } - & s, u { text-decoration-color: color-mix(in lch, red, var(--secondary-500) 20%); } - & code:not(pre *) { color: var(--secondary-400); background-color: var(--secondary-light-400); } - & pre { background-color: var(--secondary-100); - &:hover { border-color: var(--secondary); background-color: var(--secondary-400); } } - & pre, code { border-color: var(--secondary-400); } - - /* blog.css */ & .post-warning { background-color: var(--secondary); color: var(--secondary-100); - &::before, &::after { background-color: var(--secondary); } } - & .addendum { + background-color: var(--secondary-400); box-shadow: inset 0 0 0 2px var(--secondary); border-image-source: linear-gradient( 45deg, @@ -57,20 +47,17 @@ var(--secondary-600), var(--secondary) ); - background-color: var(--secondary-400); } } - #posts { & p:not(:last-child) { color: var(--secondary-light-700); } } - /* default.css */ body { background-color: var(--secondary-100); - & :is(a, button):not(span *, .postscript *, dialog *), - span:has(a) { + & a, + button { color: var(--secondary-light-400); border-color: var(--secondary-600); background-color: color-mix(in lch, var(--secondary-300), transparent); @@ -79,24 +66,17 @@ border-color: currentColor; background-color: var(--secondary-500); } - - &:is(.header-anchor):is(:hover, :focus) { - background-color: var(--secondary-light-400); - color: var(--secondary-300); - box-shadow: 0 0 0 2px var(--secondary-300); - } } & span a { color: inherit; } - - & nav#default, - nav#floating { + & #default, + #floating { background-color: var(--secondary-100); border-color: var(--secondary); & section { border-color: var(--secondary); - background-color: color-mix(in lch, var(--secondary-300), transparent); + background-color: var(--secondary-300); color: var(--secondary-light-300); & a[aria-current] { color: var(--secondary-500); @@ -104,7 +84,6 @@ background-color: var(--secondary-light-500); } } - &::after { background-image: linear-gradient( to bottom, @@ -113,34 +92,27 @@ ); } } - &::after, - & nav#default::before { + & #default::before { background-color: var(--secondary); } } - - /* home.css */ ul:not([role]) li::before { background-color: var(--secondary-light-300); } - #interests { & a:is(:hover, :focus):not(.header-anchor) { 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%); } - & details h3 { border-color: var(--secondary-600); } } - a:has(img[src*="/assets/img/button"]) { background-color: unset; } diff --git a/_src/assets/css/default/theme-light.css b/_src/assets/css/default/theme-light.css index f624f20..af10f64 100644 --- a/_src/assets/css/default/theme-light.css +++ b/_src/assets/css/default/theme-light.css @@ -4,52 +4,42 @@ header svg { color: var(--primary-dark-300); } - article { border-color: var(--primary-300); background-color: var(--primary-200); - & #default { box-shadow: inset 0 0 0 2px var(--primary-500); background-color: var(--primary-300); } - & s, u { text-decoration-color: color-mix(in lch, red, var(--primary-500) 20%); } - & code:not(pre *) { color: var(--primary-400); background-color: var(--primary-dark-400); } - & pre { background-color: var(--primary-100); - &:hover { border-color: var(--primary); background-color: var(--primary-400); } } - & pre, code { border-color: var(--primary-400); } - - /* blog.css */ & .post-warning { background-color: var(--primary); color: var(--primary-dark-100); - &::before, &::after { background-color: var(--primary); } } - & .addendum { + background-color: var(--primary-400); box-shadow: inset 0 0 0 2px var(--primary); border-image-source: linear-gradient( 45deg, @@ -57,46 +47,36 @@ var(--primary-600), var(--primary) ); - background-color: var(--primary-400); } } - #posts { & p:not(:last-child) { color: var(--primary-dark-700); } } - /* default.css */ body { background-color: var(--primary-100); - & :is(a, button):not(span *, .postscript *, dialog *), - span:has(a) { + & a, + button { color: var(--primary-dark-400); border-color: var(--primary-600); - background-color: var(--primary-400); + background-color: color-mix(in lch, var(--primary-400), transparent); &:is(:hover, :focus) { color: var(--primary-dark-500); border-color: currentColor; background-color: var(--primary-600); } - - &:is(.header-anchor):is(:hover, :focus) { - background-color: var(--primary-dark-400); - color: var(--primary-300); - box-shadow: 0 0 0 2px var(--primary-300); - } } & span a { color: inherit; } - - & nav#default, - nav#floating { + & #default, + #floating { background-color: var(--primary-100); border-color: var(--primary-dark-500); & section { border-color: var(--primary-dark-800); - background-color: color-mix(in lch, var(--primary-300), transparent); + background-color: var(--primary-300); color: var(--primary-dark-300); & a[aria-current] { color: var(--primary-500); @@ -104,7 +84,6 @@ background-color: var(--primary-dark-500); } } - &::after { background-image: linear-gradient( to bottom, @@ -113,34 +92,27 @@ ); } } - &::after, - & nav#default::before { + & #default::before { background-color: var(--primary-dark-500); } } - - /* home.css */ ul:not([role]) li::before { background-color: var(--primary-dark-300); } - #interests { & a:is(:hover, :focus):not(.header-anchor) { 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%); } - & details h3 { border-color: var(--primary-dark-600); } } - a:has(img[src*="/assets/img/button"]) { background-color: unset; } diff --git a/_src/assets/css/default/variables.css b/_src/assets/css/default/variables.css index 4aedcb6..2ad0f01 100644 --- a/_src/assets/css/default/variables.css +++ b/_src/assets/css/default/variables.css @@ -52,7 +52,7 @@ --pad-l: 1rem; --pad-xl: 2rem; --pad-xxl: 4rem; - --round: 16px; + --round: 16px; /* Border radius */ --trans: 300ms; --paw: url("/assets/img/theme/paw.svg"); --paw-tiled: url("/assets/img/theme/paw-tiled.png"); @@ -102,17 +102,6 @@ #00d2ff 0 ); } - -@keyframes mainbg { - 0% { - background-position: 0rem 0rem; - } - - 100% { - background-position: 256px 256px; - } -} - @keyframes slide { 0% { background-position: 0% 100%; @@ -122,17 +111,14 @@ background-position: 200% 100%; } } - @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: Nosey Rodent; src: url("/assets/fonts/noseyrodent-Regular.ttf") format("truetype"); diff --git a/_src/data/art/artwork/NT sunny spritesheet.md b/_src/data/art/artwork/NT sunny spritesheet.md index 3b49918..06aab9f 100644 --- a/_src/data/art/artwork/NT sunny spritesheet.md +++ b/_src/data/art/artwork/NT sunny spritesheet.md @@ -4,7 +4,7 @@ images: alt: Various pixel art animations of Sundae as a character from Nuclear Throne. date: 2021-01-25 pixel: true - position: left + fit: contain programs: - name: paint.net src: https://www.getpaint.net/ diff --git a/_src/data/art/artwork/artwork.json b/_src/data/art/artwork/artwork.json index 84ffc5c..8e41eb7 100644 --- a/_src/data/art/artwork/artwork.json +++ b/_src/data/art/artwork/artwork.json @@ -1,4 +1,4 @@ { - "permalink": "/gallery/{{page.fileSlug|slug}}/", + "permalink": "/gallery/original/{{page.fileSlug|slug}}/", "tags": "artworks" } \ No newline at end of file diff --git a/_src/data/art/artwork/look him.md b/_src/data/art/artwork/look him.md index 6207cb4..0c077d4 100644 --- a/_src/data/art/artwork/look him.md +++ b/_src/data/art/artwork/look him.md @@ -3,6 +3,7 @@ images: - src: /assets/img/art/sundae_refsheet-new-unfinished.png alt: Reference/model sheet of Sundae with a full-length front portrait, T-posed. date: 2025-02-11 + fit: scale-down programs: - name: Krita src: https://krita.org/ diff --git a/_src/data/art/artwork/sunny headpat.md b/_src/data/art/artwork/sunny headpat.md index c50bc6f..6fe5aba 100644 --- a/_src/data/art/artwork/sunny headpat.md +++ b/_src/data/art/artwork/sunny headpat.md @@ -4,6 +4,7 @@ images: alt: Half-length portrait of Sundae getting a head pat from a disembodied white hand. date: 2021-11-18 pixel: true + fit: scale-down programs: - name: MS Paint src: https://www.microsoft.com/en-us/windows/paint diff --git a/_src/data/art/fanart/fanart.json b/_src/data/art/fanart/fanart.json index f42ad8c..5d3f31f 100644 --- a/_src/data/art/fanart/fanart.json +++ b/_src/data/art/fanart/fanart.json @@ -1,4 +1,4 @@ { - "permalink": "/gallery/{{page.fileSlug|slug}}/", + "permalink": "/gallery/fanart/{{page.fileSlug|slug}}/", "tags": "fanarts" } \ No newline at end of file diff --git a/_src/data/art/fanart/klonoa sitting.md b/_src/data/art/fanart/klonoa sitting.md index 7327147..19ffc0a 100644 --- a/_src/data/art/fanart/klonoa sitting.md +++ b/_src/data/art/fanart/klonoa sitting.md @@ -3,7 +3,7 @@ images: - src: /assets/img/art/klonoa_sitting.png alt: Klonoa sitting on a ledge, with a hand on his knee and right leg dangling from the viewer's side. date: 2021-11-18 - position: -60px + fit: scale-down programs: - name: MS Paint src: https://www.microsoft.com/en-us/windows/paint diff --git a/_src/data/articles/bio.md b/_src/data/articles/bio.md deleted file mode 100644 index 8fcad56..0000000 --- a/_src/data/articles/bio.md +++ /dev/null @@ -1,16 +0,0 @@ -## Bio - -
- an artist +
- a writer +
- an audio and video editor +
- a graphic designer +
- a web designer +
- a bunny
+ -
-
-
- {%if artwork.data.images[0]%} - - --
{{artwork.page.fileSlug}}{%if artwork.data.images.size > 1%} - {% if artwork.data.images[0].date %} - - {%endif%} {%endif%} -(+{{artwork.data.images.size| minus: 1}})
{%endif%}
- {% endfor %}
- -
-
-
- {%if fanart.data.images[0]%} - - --
{{fanart.page.fileSlug}} - {%if fanart.data.images[0].date%} - - {%endif%} {%endif%} -
- {% endfor %}
- -
-
{{item.title}} +
{%endfor%}
@@ -30,7 +28,7 @@ order: 1
{%for item in media-albums.items%}
-
-
{{item.artist}} - {{item.title}} +
{%endfor%}
@@ -44,7 +42,7 @@ order: 1
{%for item in media-modules.items%}
-
-
{{item.artist}} - {{item.title}}
+ {{item.artist}} - {{item.title}}
{%endfor%}
@@ -58,7 +56,7 @@ order: 1
{%for item in media-manga.items%}
-
-
{{item.title}} +
{%endfor%}
diff --git a/_src/pages/pages.json b/_src/pages/pages.json
index e01c833..0b642bb 100644
--- a/_src/pages/pages.json
+++ b/_src/pages/pages.json
@@ -1,5 +1,5 @@
{
"layout": "base",
- "permalink": "/{{ page.fileSlug }}/",
+ "permalink": "/{{page.fileSlug}}/",
"tags": "pages"
}
\ No newline at end of file
diff --git a/eleventy.config.js b/eleventy.config.js
index fbddf8a..961c549 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -1,19 +1,53 @@
import markdownIt from "markdown-it";
import markdownItAnchor from "markdown-it-anchor";
+import slugify from "slugify";
import { format } from "date-fns";
export default async function (eleventyConfig) {
- const markdownItOptions = {
- html: true
- };
- const markdownItAnchorOptions = {
- permalink: true, permalinkBefore: true, permalinkSymbol: '#'
- };
- const markdownLib = markdownIt(markdownItOptions).use(
- markdownItAnchor,
- markdownItAnchorOptions
- );
- eleventyConfig.setLibrary("md", markdownLib);
+/*
+
+const linkAfterHeader = markdownItAnchor.permalink.linkAfterHeader({
+ class: "anchor",
+ symbol: "#",
+ style: "aria-labelledby",
+});
+const markdownItAnchorOptions = {
+ level: [1, 2, 3],
+ slugify: (str) =>
+ slugify(str, {
+ lower: true,
+ strict: true,
+ remove: /["]/g,
+ }),
+ tabIndex: false,
+ permalink(slug, opts, state, idx) {
+ state.tokens.splice(
+ idx,
+ 0,
+ Object.assign(new state.Token("div_open", "div", 1), {
+ // Add class "header-wrapper [h1 or h2 or h3]"
+ attrs: [["class", `heading-wrapper ${state.tokens[idx].tag}`]],
+ block: true,
+ })
+ );
+
+ state.tokens.splice(
+ idx + 4,
+ 0,
+ Object.assign(new state.Token("div_close", "div", -1), {
+ block: true,
+ })
+ );
+
+ linkAfterHeader(slug, opts, state, idx + 1);
+ },
+};
+let markdownLibrary = markdownIt({
+ html: true,
+}).use(markdownItAnchor, markdownItAnchorOptions);
+eleventyConfig.setLibrary("md", markdownLibrary);
+
+*/
const assets = "./_src/assets/";
eleventyConfig.addPassthroughCopy(assets);
eleventyConfig.addWatchTarget(assets);
{{ key|capitalize }}
+ 
{{key|capitalize}}
-
-Hi! My name's Sunny. I'm:
-
-- an artist
-- a writer
-- an audio and video editor
-- a graphic designer
-- a web designer
-- a bunny
-
-I identify as: agender, aromantic and pansexual.
-
-_TO DO: add more text here plz. kthxbai ^\_^_
\ No newline at end of file
diff --git a/_src/data/articles/fanart.md b/_src/data/articles/fanart.md
deleted file mode 100644
index 2ad993e..0000000
--- a/_src/data/articles/fanart.md
+++ /dev/null
@@ -1,3 +0,0 @@
-## Fan art
-
-Various artworks featuring characters from other media
\ No newline at end of file
diff --git a/_src/data/articles/home-bio.html b/_src/data/articles/home-bio.html
new file mode 100644
index 0000000..603ad90
--- /dev/null
+++ b/_src/data/articles/home-bio.html
@@ -0,0 +1,12 @@
+
+Hi! My name's Sunny. I'm:
+-
+
I identify as: agender, aromantic and pansexual.
+TO DO: add more text here plz. kthxbai ^_^
\ No newline at end of file diff --git a/_src/data/articles/home-interests.html b/_src/data/articles/home-interests.html new file mode 100644 index 0000000..0df7be3 --- /dev/null +++ b/_src/data/articles/home-interests.html @@ -0,0 +1,3 @@ +Below are lists of media that I've enjoyed and/or still enjoy.
+It is a non-exclusive list, so not everything ever is on here. Just whatever comes to mind to recommend.
+There will be a lot of music, though.
\ No newline at end of file diff --git a/_src/data/articles/interests.md b/_src/data/articles/interests.md deleted file mode 100644 index 4e1b4f5..0000000 --- a/_src/data/articles/interests.md +++ /dev/null @@ -1,7 +0,0 @@ -## Interests - -Below are lists of media that I've enjoyed and/or still enjoy. - -It is a non-exclusive list, so not everything ever is on here. Just whatever comes to mind to recommend. - -There will be **a lot** of music, though. \ No newline at end of file diff --git a/_src/data/articles/ocs.md b/_src/data/articles/ocs.md deleted file mode 100644 index 0cacdd8..0000000 --- a/_src/data/articles/ocs.md +++ /dev/null @@ -1,3 +0,0 @@ -## Original characters - -My own characters that I've drawn \ No newline at end of file diff --git a/_src/data/blog/Rewrite 2.0.md b/_src/data/blog/Rewrite 2.0.md index 9f6e063..48f5805 100644 --- a/_src/data/blog/Rewrite 2.0.md +++ b/_src/data/blog/Rewrite 2.0.md @@ -15,7 +15,7 @@ I haven't worked on much of anything the past 8+ months, and out of the blue, I ### So, what's new? -It's now {{"open source"|link:"https://bunsin.space/forgejo/sundae/website"}} under CC-BY-NC-SA 4.0! +It's now {{"open source"|link:"https://moth.ink/forgejo/sundae/website"}} under CC-BY-NC-SA 4.0! Besides that, a lot is new, actually. For starters, I ported the site over to a fresh build of {{"Eleventy 3.1.0"|link:"https://github.com/11ty/eleventy/releases/tag/v3.1.0"}}, which was way easier than I expected, {{"since I originally started from a base"|link:"/blog/break-time#i-have-no-some-idea-what-i'm-doing"}}. diff --git a/_src/data/blog/blog.json b/_src/data/blog/blog.json index d629760..f363c93 100644 --- a/_src/data/blog/blog.json +++ b/_src/data/blog/blog.json @@ -1,5 +1,5 @@ { "layout": "blog", - "permalink": "/blog/{{ page.fileSlug | slug }}/", + "permalink": "/blog/{{page.fileSlug|slug}}/", "tags": "posts" } \ No newline at end of file diff --git a/_src/data/changelog/2023-02-16.md b/_src/data/changelog/2023-02-16.md index ad7c530..95c54e6 100644 --- a/_src/data/changelog/2023-02-16.md +++ b/_src/data/changelog/2023-02-16.md @@ -1,3 +1 @@ -## {{page.fileSlug|readable}} - - Created my Neocities account! diff --git a/_src/data/changelog/2023-03-12.md b/_src/data/changelog/2023-03-12.md index 3cd208c..7e539a0 100644 --- a/_src/data/changelog/2023-03-12.md +++ b/_src/data/changelog/2023-03-12.md @@ -1,5 +1,3 @@ -## {{page.fileSlug|readable}} - - Added [Home](/home), [Gallery](/gallery) and ~~About~~ - ~~About~~ contains Pokémon boxes and a small bio - Added links to other pages diff --git a/_src/data/changelog/2023-03-16.md b/_src/data/changelog/2023-03-16.md index b1b0930..7e361c7 100644 --- a/_src/data/changelog/2023-03-16.md +++ b/_src/data/changelog/2023-03-16.md @@ -1,9 +1,6 @@ --- title: Version 0 --- - -## {{page.fileSlug|readable}}{{title}}
-
- Added sidebar
diff --git a/_src/data/changelog/2023-04-16.md b/_src/data/changelog/2023-04-16.md
index 7bc7bf7..54845b8 100644
--- a/_src/data/changelog/2023-04-16.md
+++ b/_src/data/changelog/2023-04-16.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
- Working on my [interests](/home#interests)...
- Added ~~Favorite Pokémon~~
- Moved Pokémon boxes from ~~About~~
diff --git a/_src/data/changelog/2023-04-20.md b/_src/data/changelog/2023-04-20.md
index 362db16..2864d64 100644
--- a/_src/data/changelog/2023-04-20.md
+++ b/_src/data/changelog/2023-04-20.md
@@ -1,3 +1 @@
-## {{page.fileSlug|readable}}
-
- [Gallery](/gallery) implemented
diff --git a/_src/data/changelog/2023-07-16.md b/_src/data/changelog/2023-07-16.md
index 55c11e6..7d138a9 100644
--- a/_src/data/changelog/2023-07-16.md
+++ b/_src/data/changelog/2023-07-16.md
@@ -2,8 +2,6 @@
title: Version 1
---
-## {{page.fileSlug|readable}} {{title}}
-
- Changed backgrounds
diff --git a/_src/data/changelog/2023-07-18.md b/_src/data/changelog/2023-07-18.md
index c73de93..08ef8f6 100644
--- a/_src/data/changelog/2023-07-18.md
+++ b/_src/data/changelog/2023-07-18.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
- Changed [Gallery](/gallery)
- Now implementing {{"CSS grid layout"|link:"https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout"}}
- Removed Sunny's portrait from the sidebar
diff --git a/_src/data/changelog/2023-08-05.md b/_src/data/changelog/2023-08-05.md
index 7781575..02f4fe8 100644
--- a/_src/data/changelog/2023-08-05.md
+++ b/_src/data/changelog/2023-08-05.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
- Changed ~~About~~
- Added a collection of games and music that I enjoy
- Added 88x31 buttons to the footer of the page
diff --git a/_src/data/changelog/2023-08-14.md b/_src/data/changelog/2023-08-14.md
index 87fb267..70596cb 100644
--- a/_src/data/changelog/2023-08-14.md
+++ b/_src/data/changelog/2023-08-14.md
@@ -1,3 +1 @@
-## {{page.fileSlug|readable}}
-
- Made a 88x31 button! [](/)
\ No newline at end of file
diff --git a/_src/data/changelog/2023-09-12.md b/_src/data/changelog/2023-09-12.md
index 45bf115..31d8979 100644
--- a/_src/data/changelog/2023-09-12.md
+++ b/_src/data/changelog/2023-09-12.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
- Re-added and moved Sunny's portrait to my [bio](/home#bio)
- Changed [Gallery](/gallery)
- Added sections for [original characters](/gallery/#original-characters) and [fan art](/gallery#fan-art)
diff --git a/_src/data/changelog/2023-09-16.md b/_src/data/changelog/2023-09-16.md
index bcce94b..f61bbaf 100644
--- a/_src/data/changelog/2023-09-16.md
+++ b/_src/data/changelog/2023-09-16.md
@@ -1,3 +1 @@
-## {{page.fileSlug|readable}}
-
- Wrote more about my [interests](/home#interests)
\ No newline at end of file
diff --git a/_src/data/changelog/2023-10-16.md b/_src/data/changelog/2023-10-16.md
index e5f9c28..343e9e1 100644
--- a/_src/data/changelog/2023-10-16.md
+++ b/_src/data/changelog/2023-10-16.md
@@ -1,3 +1 @@
-## {{page.fileSlug|readable}}
-
- Starting work on a re-design. I fixed a few inconsistencies beforehand
\ No newline at end of file
diff --git a/_src/data/changelog/2023-11-02.md b/_src/data/changelog/2023-11-02.md
index 8f2ae44..4e4abf3 100644
--- a/_src/data/changelog/2023-11-02.md
+++ b/_src/data/changelog/2023-11-02.md
@@ -2,8 +2,6 @@
title: Version 2
---
-## {{page.fileSlug|readable}} {{title}}
-
Added a lot of visual flair with to page elements to look like everyday objects, with the exception being: the header, sidebar and topbar, as they're supposed to be UI.
diff --git a/_src/data/changelog/2023-12-01.md b/_src/data/changelog/2023-12-01.md
index e091e58..8c333a7 100644
--- a/_src/data/changelog/2023-12-01.md
+++ b/_src/data/changelog/2023-12-01.md
@@ -2,8 +2,6 @@
title: Version 3
---
-## {{page.fileSlug|readable}} {{title}}
-
Some considerations were put into making page elements stand out more. I tried to remove redundant rules and nesting when necessary, and tried my best to conform to {{"semantic HTML"|link:"https://developer.mozilla.org/en-US/curriculum/core/semantic-html/"}}.
diff --git a/_src/data/changelog/2023-12-04.md b/_src/data/changelog/2023-12-04.md
index 3b88297..1925ef7 100644
--- a/_src/data/changelog/2023-12-04.md
+++ b/_src/data/changelog/2023-12-04.md
@@ -1,4 +1,2 @@
-## {{page.fileSlug|readable}}
-
- Changed ~~About~~
- Updated the look of the jewel CD cases in my [interests](/home#interests)
diff --git a/_src/data/changelog/2023-12-11.md b/_src/data/changelog/2023-12-11.md
index ac7e0ac..d2d946f 100644
--- a/_src/data/changelog/2023-12-11.md
+++ b/_src/data/changelog/2023-12-11.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
- Fixed a couple of small issues regarding mobile view
- Changed [Gallery](/gallery)
- Artworks now work (ha) with keyboard navigation
diff --git a/_src/data/changelog/2023-12-17.md b/_src/data/changelog/2023-12-17.md
index 670b71d..24f3b2b 100644
--- a/_src/data/changelog/2023-12-17.md
+++ b/_src/data/changelog/2023-12-17.md
@@ -1,4 +1,2 @@
-## {{page.fileSlug|readable}}
-
- Added ~~Jukebox~~
- A page with a music player featuring a pre-defined track list from various video games and accompanying backgrounds that fade-in on track change
diff --git a/_src/data/changelog/2023-12-28.md b/_src/data/changelog/2023-12-28.md
index 64f5e56..9d386d4 100644
--- a/_src/data/changelog/2023-12-28.md
+++ b/_src/data/changelog/2023-12-28.md
@@ -1,4 +1,2 @@
-## {{page.fileSlug|readable}}
-
- Drafted ~~Jukebox~~
- I am bad at JavaScript
diff --git a/_src/data/changelog/2024-06-11.md b/_src/data/changelog/2024-06-11.md
index fd633bd..4f14be4 100644
--- a/_src/data/changelog/2024-06-11.md
+++ b/_src/data/changelog/2024-06-11.md
@@ -2,8 +2,6 @@
title: Version 4
---
-## {{page.fileSlug|readable}} {{title}}
-
- Shiny buttons are BACK!
diff --git a/_src/data/changelog/2024-09-24.md b/_src/data/changelog/2024-09-24.md
index bf5ce5e..0f4b212 100644
--- a/_src/data/changelog/2024-09-24.md
+++ b/_src/data/changelog/2024-09-24.md
@@ -2,8 +2,6 @@
title: Version 5
---
-## {{page.fileSlug|readable}} {{title}}
-
Re-wrote the website with {{"Eleventy"|link:"https://11ty.dev/"}}.
diff --git a/_src/data/changelog/2025-06-25.md b/_src/data/changelog/2025-06-25.md
index 1a8f6ce..ccd80e0 100644
--- a/_src/data/changelog/2025-06-25.md
+++ b/_src/data/changelog/2025-06-25.md
@@ -2,8 +2,6 @@
title: Version 6
---
-## {{page.fileSlug|readable}} {{title}}
-
Re-wrote the site, again.
diff --git a/_src/data/changelog/2025-08-10.md b/_src/data/changelog/2025-08-10.md
index 0ebb38c..8eb10d5 100644
--- a/_src/data/changelog/2025-08-10.md
+++ b/_src/data/changelog/2025-08-10.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
Polished the old theme
- Changed [Home](/home)
diff --git a/_src/data/changelog/2025-09-09.md b/_src/data/changelog/2025-09-09.md
index 892658b..9594b67 100644
--- a/_src/data/changelog/2025-09-09.md
+++ b/_src/data/changelog/2025-09-09.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
- Changed sidebar
- Added icon for [Changelog](/changelog)
- For some reason I forgot give it an icon, it previously used the Gallery icon
diff --git a/_src/data/changelog/2025-09-10.md b/_src/data/changelog/2025-09-10.md
index 369b25d..1edb658 100644
--- a/_src/data/changelog/2025-09-10.md
+++ b/_src/data/changelog/2025-09-10.md
@@ -1,12 +1,10 @@
-## {{page.fileSlug|readable}}
-
Website (hopefully) fixed for Chromium-based browsers _...grr_
- Changed sidebar
- ~~Added an animated tiled paw background for desktop view~~
- Changed [Home](/home)
- Updated the Pokémon box, now using a spritesheet instead of individual files
- - Ironically, this is marginally slower than before, because it includes every Pokémon (up to Gen 8), not just my favorites.(Works great if you've [forked my site](https://bunsin.space/forgejo/sundae/website) and want to change it to include your personal favorites, though!) + - Ironically, this is marginally slower than before, because it includes every Pokémon (up to Gen 8), not just my favorites.
(Works great if you've [forked my site](https://moth.ink/forgejo/sundae/website) and want to change it to include your personal favorites, though!) - Downscaled media images in [interests](/home#interests) to `300px` to offset network load - Changed [Changelog](/changelog) - **Actually** processed with [Prettier](https://github.com/prettier/prettier), now. diff --git a/_src/data/changelog/2025-09-11.md b/_src/data/changelog/2025-09-11.md index 5f8f35a..085578d 100644 --- a/_src/data/changelog/2025-09-11.md +++ b/_src/data/changelog/2025-09-11.md @@ -1,5 +1,3 @@ -## {{page.fileSlug|readable}} - Actively trying to accommodate for accessibility - Added `header` to pages back in diff --git a/_src/data/changelog/2025-10-14.md b/_src/data/changelog/2025-10-14.md index f442a3a..759a536 100644 --- a/_src/data/changelog/2025-10-14.md +++ b/_src/data/changelog/2025-10-14.md @@ -2,8 +2,6 @@ title: Version 7 --- -## {{page.fileSlug|readable}}
{{title}}
-
Overhauled the old theme
diff --git a/_src/data/changelog/2025-10-19.md b/_src/data/changelog/2025-10-19.md
index 3db17f0..474a88d 100644
--- a/_src/data/changelog/2025-10-19.md
+++ b/_src/data/changelog/2025-10-19.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
- Changed [Index](/) and [Blog](/blog)
- Updated with miscellaneous disclaimers
- Implemented proper off-site links everywhere with favicons as an Eleventy filter **(FINALLY)**
\ No newline at end of file
diff --git a/_src/data/changelog/2026-03-06.md b/_src/data/changelog/2026-03-06.md
index 019098e..387cb39 100644
--- a/_src/data/changelog/2026-03-06.md
+++ b/_src/data/changelog/2026-03-06.md
@@ -1,5 +1,3 @@
-## {{page.fileSlug|readable}}
-
- Updated to {{"Eleventy v3.1.2"|link:"https://github.com/11ty/eleventy/releases/tag/v3.1.2"}}
- Should hopefully be able to be compiled without throwing errors now.
- Updated [Gallery](/gallery)
diff --git a/_src/data/changelog/2026-03-23.md b/_src/data/changelog/2026-03-23.md
deleted file mode 100644
index d85b109..0000000
--- a/_src/data/changelog/2026-03-23.md
+++ /dev/null
@@ -1,4 +0,0 @@
-## {{page.fileSlug|readable}}
-
-- Changed sidebar
- - Toggleable on mobile
\ No newline at end of file
diff --git a/_src/data/changelog/2026-04-02.md b/_src/data/changelog/2026-04-02.md
new file mode 100644
index 0000000..06e338b
--- /dev/null
+++ b/_src/data/changelog/2026-04-02.md
@@ -0,0 +1,2 @@
+- Updated a few links, due to moving domains
+- Started working on a redesign for the sidebar, mostly intended for easier mobile navigation
\ No newline at end of file
diff --git a/_src/data/changelog/2026-04-07.md b/_src/data/changelog/2026-04-07.md
new file mode 100644
index 0000000..28ab0a5
--- /dev/null
+++ b/_src/data/changelog/2026-04-07.md
@@ -0,0 +1,4 @@
+- Changed sidebar
+ - Now toggleable on lower resolutions
+- Changed [Gallery](/gallery)
+ - Redesigned to look like a corkboard
\ No newline at end of file
diff --git a/_src/pages/blog.html b/_src/pages/blog.html
index e0c3d35..405bdd1 100644
--- a/_src/pages/blog.html
+++ b/_src/pages/blog.html
@@ -1,7 +1,8 @@
---
order: 3
---
-...I'll eventually write more stuff worth talking about on here when the motivation strikes.
+-
- {% assign sortedArtworks = collections.artworks | sortByFirstDate %} {%for artwork in sortedArtworks %}
-
-
- {%assign sortedFanarts = collections.fanarts|sortByFirstDate%} {%for
- fanart in sortedFanarts%}
-