diff --git a/_src/_data/media-albums.json b/_src/_data/media-albums.json deleted file mode 100644 index e266ee2..0000000 --- a/_src/_data/media-albums.json +++ /dev/null @@ -1,142 +0,0 @@ -{ - "items": [ - { - "artist": "2 Mello", - "cover": "2-mello_sounds-of-tokyo-to-future.png", - "src": "https://2mellomakes.bandcamp.com/album/sounds-of-tokyo-to-future", - "title": "Sounds of Tokyo-To Future" - }, - { - "artist": "6no", - "cover": "6no_final-6no.png", - "src": "https://b9-6no.bandcamp.com/album/final-6no", - "title": "FINAL 6NO" - }, - { - "artist": "Baths", - "cover": "baths_cerulean.png", - "src": "https://bathsmusic.bandcamp.com/album/cerulean", - "title": "Cerulean" - }, - { - "artist": "Bôa", - "cover": "boa_the-race-of-a-thousand-camels.png", - "src": "https://musicbrainz.org/release-group/2b81ce5f-7b48-3f75-a714-cbab421db712", - "title": "The Race of a Thousand Camels" - }, - { - "artist": "Duran Duran", - "cover": "duran-duran_1993.png", - "src": "https://musicbrainz.org/release-group/faedc66c-59ae-36ee-a89d-9dda4a9ea393", - "title": "The Wedding Album" - }, - { - "artist": "Everything Everything", - "cover": "everything-everything_man-alive.png", - "src": "https://musicbrainz.org/release-group/053c59e7-2277-4187-ae85-3294923dc9ab", - "title": "Man Alive" - }, - { - "artist": "Funk Fiction", - "cover": "funk-fiction_sonic-beats.png", - "src": "https://funkfiction.bandcamp.com/album/sonic-beats", - "title": "Sonic BeATS" - }, - { - "artist": "goreshit", - "cover": "goreshit_gnb.png", - "src": "https://goreshit.bandcamp.com/album/gnb", - "title": "gnb" - }, - { - "artist": "goreshit", - "cover": "goreshit_goretrance-9.png", - "src": "https://goreshit.bandcamp.com/album/goretrance-9", - "title": "goretrance 9" - }, - { - "artist": "goreshit", - "cover": "goreshit_stankface.png", - "src": "https://goreshit.bandcamp.com/album/stankface", - "title": "stankface" - }, - { - "artist": "Kaito", - "cover": "kaito_a-hundred-million-light-years.png", - "src": "https://kaitokompakt.bandcamp.com/album/a-hundred-million-light-years", - "title": "A Hundred Million Light Years" - }, - { - "artist": "Lifeformed & Janice Kwan", - "cover": "tunic.png", - "src": "https://lifeformed.bandcamp.com/album/tunic-original-game-soundtrack", - "title": "TUNIC" - }, - { - "artist": "Linkin Park", - "cover": "linkin-park_hybrid-theory.png", - "src": "https://musicbrainz.org/release-group/b5b4bb4b-8ba5-3acf-88cb-4cae2699d8da", - "title": "Hybrid Theory" - }, - { - "artist": "Linkin Park", - "cover": "linkin-park_meteora.png", - "src": "https://musicbrainz.org/release-group/09474d62-17dd-3a4f-98fb-04c65f38a479", - "title": "Meteora" - }, - { - "artist": "Madeon", - "cover": "madeon_adventure.png", - "src": "https://musicbrainz.org/release-group/5613f475-9235-49cd-bcfb-d69c196d91a7", - "title": "Adventure" - }, - { - "artist": "Pendulum", - "cover": "pendulum_hold-your-colour.png", - "src": "https://musicbrainz.org/release-group/8ec197ee-a888-32d7-acb5-0fac3e95e263", - "title": "Hold your Colour" - }, - { - "artist": "Pendulum", - "cover": "pendulum_immersion.png", - "src": "https://musicbrainz.org/release-group/320df089-f656-433d-add7-605d06800852", - "title": "Immersion" - }, - { - "artist": "Pete Rock", - "cover": "pete-rock_petestrumentals.png", - "src": "https://peterock.bandcamp.com/album/petestrumentals", - "title": "Petestrumentals" - }, - { - "artist": "Redeyes", - "cover": "redeyes_poetry-in-motion.png", - "src": "https://spearheadrecords.bandcamp.com/album/poetry-in-motion", - "title": "Poetry in Motion" - }, - { - "artist": "T.H.C.", - "cover": "thc_adagio.png", - "src": "https://georgesarah.bandcamp.com/album/t-h-c-adagio", - "title": "Adagio" - }, - { - "artist": "Vince Kaichan", - "cover": "vince-kaichan_tracker-works.png", - "src": "https://vincekaichan.bandcamp.com/album/tracker-works-2014-2018", - "title": "Tracker Works 2014-2018" - }, - { - "artist": "Various artists", - "cover": "jet-set-radio-future.png", - "src": "https://jetsetradiofuture.live/", - "title": "Jet Set Radio Future" - }, - { - "artist": "Various artists", - "cover": "lethal-league-blaze.png", - "src": "https://store.steampowered.com/app/991870/Lethal_League_Blaze__Soundtrack/", - "title": "Lethal League Blaze" - } - ] -} \ No newline at end of file diff --git a/_src/_data/media-modules.json b/_src/_data/media-modules.json deleted file mode 100644 index 0037df1..0000000 --- a/_src/_data/media-modules.json +++ /dev/null @@ -1,154 +0,0 @@ -{ - "items": [ - { - "artist": "Axel & Cerror", - "src": "https://modarchive.org/index.php?request=view_player&query=206301", - "title": "It's been a while", - "tracker": "fasttracker2" - }, - { - "artist": "Elysis", - "src": "https://modarchive.org/index.php?request=view_player&query=41767", - "title": "Codelover", - "tracker": "impulsetracker" - }, - { - "artist": "Fearofdark", - "src": "https://modarchive.org/index.php?request=view_player&query=169104", - "title": "Surfing on a Sine Wave", - "tracker": "fasttracker2" - }, - { - "artist": "Hoffman", - "src": "https://modarchive.org/index.php?request=view_player&query=96582", - "title": "burt & ernie", - "tracker": "modplug" - }, - { - "artist": "Jereon Tel (WAVE)", - "src": "https://modarchive.org/index.php?request=view_player&query=46490", - "title": "Hello 1997", - "tracker": "fasttracker2" - }, - { - "artist": "Jereon Tel (WAVE)", - "src": "https://modarchive.org/index.php?request=view_player&query=46496", - "title": "Letting Go", - "tracker": "fasttracker2" - }, - { - "artist": "Michiel van den Bos", - "src": "https://modarchive.org/index.php?request=view_player&query=68847", - "title": "Foregone Destruction", - "tracker": "impulsetracker" - }, - { - "artist": "Michiel van den Bos", - "src": "https://modarchive.org/index.php?request=view_player&query=68859", - "title": "Skyward Fire", - "tracker": "impulsetracker" - }, - { - "artist": "Minomus & Libris", - "src": "https://modarchive.org/index.php?request=view_player&query=32525", - "title": "Stardust & Sparkles", - "tracker": "modplug" - }, - { - "artist": "Nagz & Genius", - "src": "https://modarchive.org/index.php?request=view_player&query=189549", - "title": "Keep On", - "tracker": "fasttracker2" - }, - { - "artist": "Norfair", - "src": "https://modarchive.org/index.php?request=view_player&query=146774", - "title": "Falling Flakes", - "tracker": "fasttracker2" - }, - { - "artist": "Radix", - "src": "https://modarchive.org/index.php?request=view_player&query=169628", - "title": "Feng Shui Schematics", - "tracker": "fasttracker2" - }, - { - "artist": "Radix", - "src": "https://modarchive.org/index.php?request=view_player&query=148483", - "title": "Yendi", - "tracker": "fasttracker2" - }, - { - "artist": "Radix", - "src": "https://modarchive.org/index.php?request=view_player&query=167157", - "title": "Yuki Satellites", - "tracker": "fasttracker2" - }, - { - "artist": "Reed", - "src": "https://modarchive.org/index.php?request=view_player&query=120849", - "title": "Twentyfour and Up", - "tracker": "modplug" - }, - { - "artist": "Quazar", - "src": "https://modarchive.org/index.php?request=view_player&query=66187", - "title": "Funky Stars (Hybrid song)", - "tracker": "fasttracker2" - }, - { - "artist": "Skybax", - "src": "https://modarchive.org/index.php?request=view_player&query=202163", - "title": "Marmelade Dream", - "tracker": "impulsetracker" - }, - { - "artist": "Tempest", - "src": "https://modarchive.org/index.php?request=view_player&query=66334", - "title": "Acidjazzed Evening", - "tracker": "modplug" - }, - { - "artist": "Virt", - "src": "https://modarchive.org/index.php?request=view_player&query=204060", - "title": "Keep the World Spinning", - "tracker": "impulsetracker" - }, - { - "artist": "Virt", - "src": "https://modarchive.org/index.php?request=view_player&query=181523", - "title": "Nightfall over the City", - "tracker": "impulsetracker" - }, - { - "artist": "Wire", - "src": "https://modarchive.org/index.php?request=view_player&query=66757", - "title": "Prehistoric Tale", - "tracker": "fasttracker2" - }, - { - "artist": "Zalza", - "src": "https://modarchive.org/index.php?request=view_player&query=66539", - "title": "My Blue Hashpipe", - "tracker": "fasttracker2" - }, - { - "artist": "Zalza", - "src": "https://modarchive.org/index.php?request=view_player&query=154062", - "title": "Sysop's Secrets", - "tracker": "fasttracker2" - }, - { - "artist": "Zipp", - "src": "https://modarchive.org/index.php?request=view_player&query=154265", - "title": "Manipulated", - "tracker": "fasttracker2" - }, - { - "artist": "Zipp", - "src": "https://modarchive.org/index.php?request=view_player&query=38138", - "title": "White Coffee", - "tracker": "fasttracker2" - } - ] -} \ No newline at end of file diff --git a/_src/_data/outgoing.json b/_src/_data/outgoing.json index bb4f56f..b26a7a3 100644 --- a/_src/_data/outgoing.json +++ b/_src/_data/outgoing.json @@ -1,4 +1,11 @@ { + "listenbrainz": [ + { + "icon": "listenbrainz.svg", + "title": "ListenBrainz", + "src": "https://listenbrainz.org/user/sunbun" + } + ], "mastodon": [ { "icon": "mastodon.svg", @@ -32,6 +39,7 @@ "youtube": [ { "icon": "youtube.svg", + "title": "YouTube", "src": "https://youtube.com/channel/UCE4xk4hn-M1d4w56F-TydFw" } ] diff --git a/_src/_includes/gallery-cat.njk b/_src/_includes/gallery-cat.njk new file mode 100644 index 0000000..209706a --- /dev/null +++ b/_src/_includes/gallery-cat.njk @@ -0,0 +1,25 @@ +
  • + + {% if item.data.images[0] %} +
    + +
    + {{ item.page.fileSlug }} + {% if item.data.images.length > 1 %} +

    (+{{ item.data.images.length| minus: 1 }})

    + {% endif %} +
    + {% if item.data.images[0].date %} + + {% endif %} +
    + {% endif %} +     +
    • diff --git a/_src/_includes/gallery.njk b/_src/_includes/gallery.njk index a380155..18008ff 100644 --- a/_src/_includes/gallery.njk +++ b/_src/_includes/gallery.njk @@ -39,7 +39,7 @@ layout: base
    {{image.alt}}
    - +
    {%endfor%} diff --git a/_src/_includes/nav.njk b/_src/_includes/nav.njk index 5f12ca7..169c5a9 100644 --- a/_src/_includes/nav.njk +++ b/_src/_includes/nav.njk @@ -21,7 +21,7 @@ {%if key != "signal"%}
  • - {{key|capitalize}} + {%if item.title %}{{item.title}}{%else%}{{key|capitalize}}{%endif%}
    • {%endif%} diff --git a/_src/assets/css/citrus/citrus.css b/_src/assets/css/citrus/citrus.css index 2a3c987..8faf8ac 100644 --- a/_src/assets/css/citrus/citrus.css +++ b/_src/assets/css/citrus/citrus.css @@ -63,24 +63,23 @@ main article { 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); - box-shadow: var(--shadow-light); - &:is(:hover, :focus) { - & figure { - transition: inherit; - border-color: currentColor; + & a:has(figure) { + transition: + border-color var(--trans), + background-color var(--trans); + box-shadow: var(--shadow-light); + &:is(:hover, :focus) { + & figure { + transition: inherit; + border-color: currentColor; + } + } + &:is(:not(:hover, :focus)) { + border-color: var(--light); + background-color: var(--light); } } } - & a:is(:not(:hover, :focus)) figure { - border-color: var(--light); - background-color: var(--light); - } } :is(#art li, #art section a):nth-child(odd) { transform: var(--rot-minus); @@ -90,11 +89,11 @@ main article { 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; } } #blog { @@ -151,24 +150,7 @@ main article { & s { text-decoration-color: #d00; } - & .postscript { - & span:has([alt]) { - &::after { - content: ""; - width: var(--avatar); - height: var(--avatar); - position: absolute; - margin: 5px; - background-image: - radial-gradient(circle at 0px 0px, var(--light), transparent 50%), - linear-gradient( - 135deg, - transparent 15%, - var(--light) 20%, - color-mix(in lch, var(--light), transparent 90%) 50% - ); - } - } + & .postscript { & [alt="Profile picture"] { color: unset; border-radius: inherit; @@ -182,15 +164,8 @@ main article { border-width: 3px; box-sizing: inherit; padding: 2px; - background-image: - radial-gradient( - ellipse at 50% -0%, - var(--light) 20%, - var(--dark) 150% - ), - var(--pansexual); - background-blend-mode: overlay, normal; - background-size: cover, 100%; + background-image: var(--agender); + background-size: 100%; background-position: center; background-repeat: no-repeat; box-shadow: @@ -222,9 +197,6 @@ main article { } } @media screen and (min-width: 916px) { - nav#default { - height: max-content; - } header { margin-top: 0; } diff --git a/_src/assets/css/citrus/nav.css b/_src/assets/css/citrus/nav.css index 2a56037..8aec4b6 100644 --- a/_src/assets/css/citrus/nav.css +++ b/_src/assets/css/citrus/nav.css @@ -47,15 +47,15 @@ header { background-image: var(--nav-bg); background-size: 6px; } -#floating, -#default { +#floating { border-bottom-style: solid; border-right-style: solid; border-bottom-width: 4px; border-right-width: 4px; } #default { - border-bottom-right-radius: var(--pad-l); + border-right-style: solid; + border-right-width: 4px; } body { position: relative; diff --git a/_src/assets/css/default/fallback.css b/_src/assets/css/default/fallback.css index ab43057..9fe9c1b 100644 --- a/_src/assets/css/default/fallback.css +++ b/_src/assets/css/default/fallback.css @@ -6,49 +6,60 @@ body { font-size: 100%; margin: 0; padding: 0; + & a, button { cursor: pointer; } } + main { overflow: hidden; padding: var(--pad-xl) var(--pad-xl) 0 calc(var(--view) + var(--pad-xl)); position: relative; width: fit-content; margin-bottom: var(--pad-xl); + & ul[role="list"] { display: flex; flex-wrap: wrap; margin: 0; padding: 0; } + & article { color: inherit; height: max-content; max-width: var(--main); padding: var(--pad-xl); width: auto; + &:not(:last-child) { margin-bottom: var(--pad-l); } + & 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; + &:not(li p):not(:last-child) { padding-bottom: var(--pad-m); } } + & pre { display: flex; width: auto; @@ -56,51 +67,63 @@ main { white-space: pre-wrap; word-break: break-word; } - & a { - padding: 2px; - & > img { - display: inline-flex; - height: auto; - vertical-align: middle; - padding-right: 2px; - } - &:has(figure) { - height: fit-content; - } + + & a>img { + display: inline-flex; + height: auto; + vertical-align: middle; + padding-right: 2px; } + + & a:has(figure) { + height: fit-content; + } + & figure { margin: 0; padding: var(--pad-m); - border-radius: inherit; - display: flex; - flex-direction: column; + + & figcaption { + width: 100%; + padding-top: inherit; + } } } } + header { & a { display: flex; } + & svg { width: 32px; height: 32px; margin-right: var(--pad-m); } } + footer { color: var(--dark); - display: inline-flex; + display: flex; + flex-wrap: wrap; + font-family: "Nosey Rodent", sans-serif; inset-block: 100%; - margin: 0 auto; + justify-content: center; + margin-left: var(--view); + overflow-y: hidden; position: sticky; - width: 100%; + text-align: center; + width: calc(100% - var(--view)); + word-break: break-all; z-index: -1; - & span { - width: inherit; + + & #message { background-image: var(--transgender); padding: 0 var(--pad-s); } } + h1, h2, h3, @@ -113,28 +136,35 @@ h6 { margin: 0; width: fit-content; } + details { cursor: pointer; display: flex; flex-direction: column; + & summary::marker { content: none; } } + svg { fill: currentColor; stroke: currentColor; stroke-width: 0; } + p { margin: 0; } + .paws { margin: 0; padding: 0 var(--pad-xl); + & li::marker { content: none; } + & li::before { content: ""; width: 20px; @@ -146,32 +176,39 @@ p { margin: 0 0 0 calc(var(--pad-xl) * -1); } } + 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); } } + /* home.html */ #bio .emoji { display: inline-flex; height: 20px; vertical-align: middle; width: 20px; + &::after, img { filter: drop-shadow(0 0 0.5px #000a); } } + #badges ul { gap: var(--pad-s); padding: 0; } -#interests { + +#interests details { & a { align-items: center; display: inline-flex; @@ -179,9 +216,11 @@ img[src*="/assets/img/flag/"] { height: auto; text-align: center; width: 120px; + &:not(:hover, :focus) { background: transparent; } + & span:has(img)::after { background-image: url("/assets/img/icon/shortcut.png"); background-size: 100%; @@ -196,12 +235,15 @@ img[src*="/assets/img/flag/"] { } } } + .games img { height: 48px; } + .manga img { height: 128px; } + #pkmn { background-image: url("/assets/img/pkmn/bg/box.png"); border-bottom-color: #78a068; @@ -213,107 +255,128 @@ img[src*="/assets/img/flag/"] { border-width: 3px; margin: var(--pad-l) 0 0 0; width: fit-content; + & li { display: flex; 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) - drop-shadow(0 2px 3px #000a); + 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 #000a); animation: jump 200ms infinite alternate; } } } + #agender { background-image: var(--agender); } + #aromantic { background-image: var(--aromantic); } + #pansexual { background-image: var(--pansexual); } + #badges img { max-height: 31px; width: 88px; } + /* changelog.html */ #changelog li { &::before { content: none; } + &::marker { content: initial; } } + /* gallery.html */ #art { - & h1, - p { - margin: 0; + & h1 { + display: inline-flex; } + & p { max-width: var(--post); } + & section:has(a:nth-child(n + 2)) { display: flex; flex-direction: row; gap: var(--pad-l); } + & section:has(a:nth-child(n + 3)) { flex-direction: column; } + & section { + margin-top: var(--pad-l); + &:not(:last-child) { margin-bottom: var(--pad-l); } + & a { display: flex; width: calc(var(--post) - var(--view)); flex-direction: column; height: fit-content; } + & time { margin: var(--pad-m) 0 0; } } + + & figure img { + width: 100%; + } } + #artworks { & ul { display: grid; - grid-template-columns: repeat( - auto-fill, - minmax(min(var(--thumb), 100%), 1fr) - ); + grid-template-columns: repeat(auto-fill, + minmax(min(var(--thumb), 100%), 1fr)); gap: var(--pad-l); + & a { display: block; } } - & figure { - margin: 0; - & img { - width: 100%; - height: var(--thumb); - object-fit: cover; - } - & figcaption { - display: inline-flex; - font-size: 1.4rem; - } - & .count { - margin: auto 0 0 auto; - } + + & img { + width: 100%; + height: var(--thumb); + object-fit: cover; + } + + & figcaption { + display: inline-flex; + font-size: 1.4rem; + } + + & .count { + margin: auto 0 0 auto; } } + /* blog.html */ #blog { & main article { max-width: var(--post); + & .postscript { margin: 0 0 auto auto; padding: var(--pad-xl) 0 var(--pad-xxl) 0; + &::after { content: ""; position: absolute; @@ -324,6 +387,7 @@ img[src*="/assets/img/flag/"] { mask-repeat: no-repeat; transform: rotate(15deg); } + & p { display: flex; flex-direction: column; @@ -340,6 +404,7 @@ img[src*="/assets/img/flag/"] { color: #fff; font-size: 0.8rem; word-wrap: anywhere; + &:hover { background-color: #3a76f0; } @@ -350,7 +415,8 @@ img[src*="/assets/img/flag/"] { align-items: center; gap: var(--pad-m); } - & > img { + + &>img { transition: height var(--trans), border-radius var(--trans), @@ -360,32 +426,30 @@ img[src*="/assets/img/flag/"] { max-height: var(--image); } } + & span:has([alt="Profile picture"]) { width: var(--avatar); height: var(--avatar); display: flex; float: right; - & [alt="Profile picture"] { - display: flex; - box-sizing: content-box; - margin: 0 0 0 auto; - width: inherit; - height: inherit; - } } } + & .postscript::after { background-color: var(--primary); } + & section:has(figure) { display: flex; gap: var(--pad-l); } + & aside { float: right; border-radius: var(--round); width: 66%; } + h1, h2, h3, @@ -394,10 +458,12 @@ img[src*="/assets/img/flag/"] { h6 { margin-bottom: var(--pad-m); } + & .post-warning { font-size: 1.4rem; font-weight: bold; text-align: center; + &::before, &::after { content: ""; @@ -406,7 +472,15 @@ img[src*="/assets/img/flag/"] { border-style: dashed; } } + + .addendum, + .post-warning, + aside { + margin: var(--pad-l) 0; + padding: var(--pad-l); + } } + & #posts { & ul { display: flex; @@ -424,6 +498,7 @@ img[src*="/assets/img/flag/"] { padding: var(--pad-m); text-decoration: none; word-break: break-word; + & time, p { display: flex; @@ -433,12 +508,7 @@ img[src*="/assets/img/flag/"] { } } } -.addendum, -.post-warning, -#blog main article aside { - margin: var(--pad-l) 0; - padding: var(--pad-l); -} + /* easter egg :) */ #signal { background: black; @@ -452,6 +522,7 @@ img[src*="/assets/img/flag/"] { max-width: 100%; position: fixed; width: 100%; + & article { align-content: center; display: flex; @@ -460,23 +531,28 @@ img[src*="/assets/img/flag/"] { justify-content: center; margin: 0 auto; width: fit-content; + & h1 { display: inline-flex; font-size: 4rem; margin: 0 auto; } + & p { font-size: 2rem; } + & a { margin: auto 0 0 auto; } + & img { border: 4px solid white; max-height: 250px; max-width: 100%; padding: var(--pad-s); } + & button { inset-block: 100%; bottom: 0; @@ -486,18 +562,23 @@ img[src*="/assets/img/flag/"] { } } } + @media screen and (min-width: 916px) { #sidebar { display: flex; } + #floating { display: none; } + #default button[popovertarget] { display: none; } } + @media screen and (max-width: 916px) { + /* Reset */ header, footer, @@ -506,40 +587,52 @@ img[src*="/assets/img/flag/"] { padding: 0; width: auto; } - footer span { + + footer #message { margin: 0 auto; + width: 100%; } + article { margin: var(--pad-m); padding: var(--pad-l); } + header { margin: calc(var(--pad-xxl) + var(--pad-l)) 0 0 0; + & h1 { margin: auto 0 0 auto; padding-right: var(--pad-m); } } + #default::before { content: none; } + body::after { content: ""; } + #blog { & main article { max-width: initial; + & aside { float: unset; width: fit-content; } + & section { flex-direction: column; } + & .postscript { & p { margin-right: var(--pad-sm); - & > a img { + + &>a img { height: auto; max-height: var(--view); } @@ -547,15 +640,18 @@ img[src*="/assets/img/flag/"] { } } } + #art { & p { max-width: auto; } + & a:has(img) { width: auto; } + & section:has(a:nth-child(n + 2)) { flex-direction: column; } } -} +} \ No newline at end of file diff --git a/_src/assets/css/default/index.css b/_src/assets/css/default/index.css index dbeefce..f60a20b 100644 --- a/_src/assets/css/default/index.css +++ b/_src/assets/css/default/index.css @@ -14,9 +14,10 @@ background-repeat: no-repeat; background-position: center; background-size: contain; + line-height: 0.5; & footer { position: sticky; - bottom: 0; + bottom: 1rem; } & header { top: 0; diff --git a/_src/assets/css/default/motion.css b/_src/assets/css/default/motion.css index 2bdde73..18fee1a 100644 --- a/_src/assets/css/default/motion.css +++ b/_src/assets/css/default/motion.css @@ -1,7 +1,7 @@ @media (prefers-reduced-motion: no-preference) { /* Scrolling pride flag text */ #bio span[id], - footer span { + footer #message { font-family: "Nosey Rodent", sans-serif; font-weight: bold; color: transparent; @@ -13,6 +13,9 @@ animation: slide 5s linear infinite; transition: color var(--trans); } + body { + animation: mainbg 10s infinite linear + } } @media (prefers-reduced-motion: reduce) { /* Buttons */ @@ -59,9 +62,6 @@ position: relative; } } - footer span { - width: 100%; - } #aromantic::before { background-image: url("/assets/img/flag/aromantic.svg"); } diff --git a/_src/assets/css/default/theme-dark.css b/_src/assets/css/default/theme-dark.css index 0f29ba5..5ec0026 100644 --- a/_src/assets/css/default/theme-dark.css +++ b/_src/assets/css/default/theme-dark.css @@ -53,7 +53,7 @@ } body { background-color: var(--secondary-100); - & a, + & a:not([class]), button { color: var(--secondary-light-400); border-color: var(--secondary-600); diff --git a/_src/assets/css/default/theme-light.css b/_src/assets/css/default/theme-light.css index e08b605..fa8250e 100644 --- a/_src/assets/css/default/theme-light.css +++ b/_src/assets/css/default/theme-light.css @@ -53,7 +53,7 @@ } body { background-color: var(--primary-100); - & a, + & a:not([class]), button { color: var(--primary-dark-400); border-color: var(--primary-600); diff --git a/_src/assets/css/default/variables.css b/_src/assets/css/default/variables.css index 4ae11ae..332ca53 100644 --- a/_src/assets/css/default/variables.css +++ b/_src/assets/css/default/variables.css @@ -39,7 +39,7 @@ --secondary-700: color-mix(in lch, var(--secondary), var(--dark) 30%); --secondary-800: color-mix(in lch, var(--secondary), var(--dark) 20%); --secondary-900: color-mix(in lch, var(--secondary), var(--dark) 10%); - --avatar: 3rem; /* Blog avatar */ + --avatar: 64px; /* Blog avatar */ --flag: 45deg; /* Pride flag */ --image: 24rem; /* Postscript images */ --main: 108rem; /* Main width */ @@ -111,6 +111,16 @@ background-position: 200% 100%; } } +@keyframes mainbg { + 0% { + background-position: 0rem 0rem; + } + + 100% { + background-position: 256px 256px; + } +} + @keyframes jump { 0% { transform: translateY(0); diff --git a/_src/assets/img/icon/listenbrainz.svg b/_src/assets/img/icon/listenbrainz.svg new file mode 100644 index 0000000..5d66ee2 --- /dev/null +++ b/_src/assets/img/icon/listenbrainz.svg @@ -0,0 +1,136 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_src/assets/img/icon/neocities.svg b/_src/assets/img/icon/neocities.svg index 48fa2ec..d00110c 100644 --- a/_src/assets/img/icon/neocities.svg +++ b/_src/assets/img/icon/neocities.svg @@ -1,53 +1,67 @@ - - - - - - - - - - - + + + + + + + + + + + + + + diff --git a/_src/data/art/artwork/bunbee.md b/_src/data/art/artwork/bunbee.md index 5f12655..6e35635 100644 --- a/_src/data/art/artwork/bunbee.md +++ b/_src/data/art/artwork/bunbee.md @@ -3,6 +3,7 @@ images: - src: /assets/img/art/sundae_bunbee.png alt: Full body portrait of Sundae as a three-way hybrid between a bunny, bee and qilin. date: 2026-03-02 + position: 0 -20px - src: /assets/img/art/sundae_bunbee-old.png alt: Older version, flat colors and a solid color background. His head is further back, neck fluff is spiky and his lop ears are bigger. date: 2026-02-18 diff --git a/_src/data/articles/home-bio.html b/_src/data/articles/home-bio.html index 603ad90..52735ea 100644 --- a/_src/data/articles/home-bio.html +++ b/_src/data/articles/home-bio.html @@ -8,5 +8,4 @@
  • 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 +

    I identify as: agender, aromantic and pansexual.

    \ No newline at end of file diff --git a/_src/data/articles/home-interests.html b/_src/data/articles/home-interests.html index 0df7be3..aff0e29 100644 --- a/_src/data/articles/home-interests.html +++ b/_src/data/articles/home-interests.html @@ -1,3 +1,4 @@

    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 +

    If you're looking for music that I listen to, I've decided to remove them from being listed in my interests.

    +

    Look through my {{"ListenBrainz"|link:"https://listenbrainz.org/user/sunbun/"}} instead (it's a bit sparse for now).

    \ No newline at end of file diff --git a/_src/data/changelog/2026-06-04.md b/_src/data/changelog/2026-06-04.md new file mode 100644 index 0000000..2e614c6 --- /dev/null +++ b/_src/data/changelog/2026-06-04.md @@ -0,0 +1,5 @@ +- Combined page-specific styles into one main stylesheet +- Changed sidebar + - Added {{"ListenBrainz"|link:"https://listenbrainz.org/user/sunbun/"}} +- Changed [Home](/home) + - Removed music lists in favor of ListenBrainz \ No newline at end of file diff --git a/_src/index.html b/_src/index.html index 512cad6..7fc2b5e 100644 --- a/_src/index.html +++ b/_src/index.html @@ -1,6 +1,6 @@ - {{site.name}}{% if title %} - {{title}}{% endif %} + {{site.name}} {% include "meta.njk" %} @@ -10,27 +10,16 @@

    - Link to home page + Link to home page

    - Mastodon + Mastodon
    diff --git a/_src/pages/gallery.html b/_src/pages/gallery.html index d22590d..e4e0814 100644 --- a/_src/pages/gallery.html +++ b/_src/pages/gallery.html @@ -1,29 +1,14 @@ --- order: 4 --- +
    @@ -31,20 +16,9 @@ order: 4
    diff --git a/_src/pages/home.html b/_src/pages/home.html index c8afff2..b5dc704 100644 --- a/_src/pages/home.html +++ b/_src/pages/home.html @@ -20,34 +20,6 @@ order: 1 {%endfor%} -
    - -

    Albums

    -     - -
    -
    - -

    Tracker modules

    -     - -

    Manga

    diff --git a/eleventy.config.js b/eleventy.config.js index a69cffa..ea5757b 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -4,72 +4,33 @@ import slugify from "slugify"; import { format } from "date-fns"; export default async function (eleventyConfig) { -/* - -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); - eleventyConfig.addFilter("sortByFirstDate", items => items.sort((a, b) => new Date(b.data.images[0].date) - new Date(a.data.images[0].date))); - eleventyConfig.addFilter("link", function(text, url) { - return `${text}`; - }); - eleventyConfig.addFilter("ISO", (dateObj) => { - return format(dateObj, ("yyyy-LL-dd")); - }); - eleventyConfig.addFilter("readable", (dateObj) => { - return format(dateObj, ("LLLL do, yyyy")); - }); - eleventyConfig.setBrowserSyncConfig({ - open: true, - }); -}; + const assets = "./_src/assets/"; + eleventyConfig.addPassthroughCopy(assets); + eleventyConfig.addWatchTarget(assets); + eleventyConfig.addFilter("sortByFirstDate", (items) => + items.sort( + (a, b) => + new Date(b.data.images[0].date) - + new Date(a.data.images[0].date), + ), + ); + eleventyConfig.addFilter("link", function (text, url) { + return `${text}`; + }); + eleventyConfig.addFilter("ISO", (dateObj) => { + return format(dateObj, "yyyy-LL-dd"); + }); + eleventyConfig.addFilter("readable", (dateObj) => { + return format(dateObj, "LLLL do, yyyy"); + }); + eleventyConfig.setBrowserSyncConfig({ + open: true, + }); +} export const config = { - dir: { - input: "_src", - output: "_site" - } + dir: { + input: "_src", + output: "_site", + }, }; -