diff --git a/_src/_data/88x31-critters.json b/_src/_data/88x31-critters.json index efc9b57..1ee3fd2 100644 --- a/_src/_data/88x31-critters.json +++ b/_src/_data/88x31-critters.json @@ -1,52 +1,17 @@ { "items": [ { - "alt": "Betty bee's website", - "button": "/assets/img/button/mn8831.png", - "name": "the mice nest", - "src": "https://micenest.xyz/" + "alt": "Beeps' website", + "button": "/assets/img/button/beeps.gif", + "name": "beeps", + "src": "https://beeps.website/" }, { - "alt": "Lati's website", - "button": "/assets/img/button/creature0354.gif", - "name": "lati!!!", - "src": "https://creature0354.neocities.org/" - }, - { - "alt": "Kiophen's website", - "button": "/assets/img/button/kiophen.gif", - "name": "kiophen", - "src": "https://mileshouse.neocities.org/" - }, - { - "alt": "Tequt's website", - "button": "/assets/img/button/tequt.gif", - "name": "tequt", - "src": "https://tequt.click/" - }, - { - "alt": "Marty's website", - "button": "/assets/img/button/marty.jpg", - "name": "marty's house", - "src": "https://martyshouse.neocities.org/" - }, - { - "alt": "Drakonic's website", - "button": "/assets/img/button/drakonic.gif", - "name": "DRAKONIC.ZONE", - "src": "https://drakonic.zone/" - }, - { - "alt": "Swifty's website", - "button": "/assets/img/button/swiftyshq.gif", - "name": "Swifty's HQ!", - "src": "https://swiftyshq.neocities.org/" - }, - { - "alt": "Em Essex's website", - "button": "/assets/img/button/msx.gif", - "name": "MSX.HORSE", - "src": "https://heckscaper.com/" + "alt": "BraixDragon's linktree", + "button": "/assets/img/button/braixdragon-cat1.gif", + "id": "meow", + "name": ":3", + "src": "https://linktr.ee/BraixDragon" }, { "alt": "cabl's website", @@ -54,18 +19,54 @@ "name": "cabl", "src": "https://cabl.rodeo/" }, + { + "alt": "Drakonic's website", + "button": "/assets/img/button/drakonic.gif", + "name": "DRAKONIC.ZONE", + "src": "https://drakonic.zone/" + }, + { + "alt": "Em Essex's website", + "button": "/assets/img/button/msx.gif", + "name": "MSX.HORSE", + "src": "https://heckscaper.com/" + }, + { + "alt": "Kiophen's website", + "button": "/assets/img/button/kiophen.gif", + "name": "kiophen", + "src": "https://mileshouse.neocities.org/" + }, + { + "alt": "Lati's website", + "button": "/assets/img/button/creature0354.gif", + "name": "lati!!!", + "src": "https://creature0354.neocities.org/" + }, + { + "alt": "Marty's website", + "button": "/assets/img/button/marty.jpg", + "name": "marty's house", + "src": "https://martyshouse.neocities.org/" + }, + { + "alt": "Betty bee's website", + "button": "/assets/img/button/mn8831.png", + "name": "the mice nest", + "src": "https://micenest.xyz/" + }, + { + "alt": "Pebble's website", + "button": "/assets/img/button/pebble.gif", + "name": "pebble", + "src": "https://pebble.pet/" + }, { "alt": "pinkderg's website", "button": "/assets/img/button/pinkderg.gif", "name": "pinkderg.art", "src": "https://pinkderg.art/" }, - { - "alt": "suspiciouslyBee's website", - "button": "/assets/img/button/suspiciouslybee.png", - "name": "bee on the internet", - "src": "https://bee.movie/" - }, { "alt": "Rowan's website", "button": "/assets/img/button/rowan.gif", @@ -78,44 +79,29 @@ "name": "Snewberry", "src": "https://snewberry.neocities.org/" }, + { + "alt": "suspiciouslyBee's website", + "button": "/assets/img/button/suspiciouslybee.png", + "name": "bee on the internet", + "src": "https://bee.movie/" + }, + { + "alt": "Swifty's website", + "button": "/assets/img/button/swiftyshq.gif", + "name": "Swifty's HQ!", + "src": "https://swiftyshq.neocities.org/" + }, + { + "alt": "Tequt's website", + "button": "/assets/img/button/tequt.gif", + "name": "tequt", + "src": "https://tequt.click/" + }, { "alt": "Virtually Isolated's website", "button": "/assets/img/button/virtuallyisolated.png", "name": "virtually isolated", "src": "https://virtually-isolated.neocities.org/" - }, - { - "alt": "Beeps' website", - "button": "/assets/img/button/beeps.gif", - "name": "beeps", - "src": "https://beeps.website/" - }, - { - "alt": "Pebble's website", - "button": "/assets/img/button/pebble.gif", - "name": "pebble", - "src": "https://pebble.pet/" - }, - { - "alt": "a sped-up gif of a fox sniffing the viewer", - "button": "/assets/img/button/fox-nose.gif", - "id": "fox", - "name": "fox", - "src": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit" - }, - { - "alt": "BraixDragon's linktree", - "button": "/assets/img/button/braixdragon-cat1.gif", - "id": "meow", - "name": ":3", - "src": "https://linktr.ee/BraixDragon" - }, - - { - "alt": "Crouton", - "button": "/assets/img/button/crouton.png", - "name": "Crouton", - "src": "https://crouton.net" } ] } \ No newline at end of file diff --git a/_src/_data/88x31-others.json b/_src/_data/88x31-others.json deleted file mode 100644 index f8d8844..0000000 --- a/_src/_data/88x31-others.json +++ /dev/null @@ -1,112 +0,0 @@ -{ - "items": [ - { - "alt": "Github repo for Visual Studio Codium", - "button": "/assets/img/button/vscodium.gif", - "name": "Made with VSCodium", - "src": "https://github.com/VSCodium/vscodium" - }, - { - "alt": "Eleventy home page", - "button": "/assets/img/button/made_with_11ty.gif", - "name": "Made with 11ty", - "src": "https://11ty.dev" - }, - { - "alt": "Mozilla Developer Network home page", - "button": "/assets/img/button/firefox.gif", - "name": "tested on Firefox", - "src": "https://developer.mozilla.org/" - }, - { - "alt": "Librewolf home page", - "button": "/assets/img/button/get-librewolf.gif", - "name": "Delete Chrome! GET LIBREWOLF", - "src": "https://librewolf.net/" - }, - { - "alt": "Arch Linux wiki home page", - "button": "/assets/img/button/arch-linux.png", - "name": "Arch Linux", - "src": "https://wiki.archlinux.org/title/Main_page" - }, - { - "alt": "KDE home page", - "button": "/assets/img/button/kde.gif", - "name": "Konqi!", - "src": "https://kde.org" - }, - { - "alt": "Xenia tribute page", - "button": "/assets/img/button/xenia.gif", - "name": "Linux now!", - "src": "https://xenia-linux-site.glitch.me/" - }, - { - "alt": "Pngquant home page", - "button": "/assets/img/button/pngquant.gif", - "name": "pngquant", - "src": "https://pngquant.org/" - }, - { - "alt": "World Wide Web Consortium HTML Validator page", - "button": "/assets/img/button/w3_validator.gif", - "name": "W3 Validator", - "src": "https://validator.w3.org/" - }, - { - "alt": "Videolan home page", - "button": "/assets/img/button/vlc.png", - "name": "VLC media player", - "src": "https://www.videolan.org/vlc/" - }, - { - "alt": "YouTube video featuring Bob from Animal Crossing", - "button": "/assets/img/button/bob.gif", - "name": "Bob.", - "src": "https://youtube.com/watch?v=yD2FSwTy2lw" - }, - { - "alt": "freemediaheckyeah home page", - "button": "/assets/img/button/piracy-now.gif", - "name": "Piracy now!", - "src": "https://fmhy.net/" - }, - { - "alt": "Usemumble on Neocities", - "button": "/assets/img/button/discord-no-way.gif", - "name": "Discord? No way!", - "src": "https://usemumble.neocities.org/" - }, - { - "alt": "Matrix home page", - "button": "/assets/img/button/matrix.png", - "name": "matrix", - "src": "https://matrix.org/" - }, - { - "alt": "Boodlebox on Neocities", - "button": "/assets/img/button/thiswebsitesucks.gif", - "name": "This Website SUCKS", - "src": "https://boodlebox.neocities.org/award2" - }, - { - "alt": "Flashpoint archive home page", - "button": "/assets/img/button/flashpoint.gif", - "name": "GET FLASHPOINT; WEB GAME ARCHIVE", - "src": "https://flashpointarchive.org/" - }, - { - "alt": "Lospec random palette page", - "button": "/assets/img/button/lospec.png", - "name": "Random Lospec palette", - "src": "https://lospec.com/palette-list/random" - }, - { - "alt": "The mod archive home page", - "button": "/assets/img/button/modarchive.gif", - "name": "MOD ARCHIVE", - "src": "https://modarchive.org/" - } - ] -} diff --git a/_src/_data/88x31.json b/_src/_data/88x31.json new file mode 100644 index 0000000..cf70a5b --- /dev/null +++ b/_src/_data/88x31.json @@ -0,0 +1,126 @@ +{ + "items": [ + { + "alt": "Arch Linux wiki home page", + "button": "/assets/img/button/arch-linux.png", + "name": "Arch Linux", + "src": "https://wiki.archlinux.org/title/Main_page" + }, + { + "alt": "Crouton", + "button": "/assets/img/button/crouton.png", + "name": "Crouton", + "src": "https://crouton.net" + }, + { + "alt": "Librewolf home page", + "button": "/assets/img/button/get-librewolf.gif", + "name": "Delete Chrome! GET LIBREWOLF", + "src": "https://librewolf.net/" + }, + { + "alt": "Usemumble on Neocities", + "button": "/assets/img/button/discord-no-way.gif", + "name": "Discord? No way!", + "src": "https://usemumble.neocities.org/" + }, + { + "alt": "Mozilla Developer Network home page", + "button": "/assets/img/button/firefox.gif", + "name": "tested on Firefox", + "src": "https://developer.mozilla.org/" + }, + { + "alt": "a sped-up gif of a fox sniffing the viewer", + "button": "/assets/img/button/fox-nose.gif", + "id": "fox", + "name": "fox", + "src": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit" + }, + { + "alt": "freemediaheckyeah home page", + "button": "/assets/img/button/piracy-now.gif", + "name": "Piracy now!", + "src": "https://fmhy.net/" + }, + { + "alt": "Flashpoint archive home page", + "button": "/assets/img/button/flashpoint.gif", + "name": "GET FLASHPOINT; WEB GAME ARCHIVE", + "src": "https://flashpointarchive.org/" + }, + { + "alt": "Konqi on KDE.org wiki", + "button": "/assets/img/button/kde.gif", + "name": "Konqi!", + "src": "https://community.kde.org/Konqi" + }, + { + "alt": "Lospec random palette page", + "button": "/assets/img/button/lospec.png", + "name": "Random Lospec palette", + "src": "https://lospec.com/palette-list/random" + }, + { + "alt": "Eleventy home page", + "button": "/assets/img/button/made_with_11ty.gif", + "name": "Made with 11ty", + "src": "https://11ty.dev" + }, + { + "alt": "Visual Studio Codium Github repository", + "button": "/assets/img/button/vscodium.gif", + "name": "Made with VSCodium", + "src": "https://github.com/VSCodium/vscodium" + }, + { + "alt": "Matrix home page", + "button": "/assets/img/button/matrix.png", + "name": "matrix", + "src": "https://matrix.org/" + }, + { + "alt": "The mod archive home page", + "button": "/assets/img/button/modarchive.gif", + "name": "MOD ARCHIVE", + "src": "https://modarchive.org/" + }, + { + "alt": "YouTube video featuring Bob from Animal Crossing", + "button": "/assets/img/button/no-ones-around-to-help.gif", + "id": "bob", + "name": "No one's around to help.", + "src": "https://youtube.com/watch?v=yD2FSwTy2lw" + }, + { + "alt": "Pngquant home page", + "button": "/assets/img/button/pngquant.gif", + "name": "pngquant", + "src": "https://pngquant.org/" + }, + { + "alt": "Boodlebox on Neocities", + "button": "/assets/img/button/thiswebsitesucks.gif", + "name": "This Website SUCKS", + "src": "https://boodlebox.neocities.org/award2" + }, + { + "alt": "Videolan home page", + "button": "/assets/img/button/vlc.png", + "name": "VLC media player", + "src": "https://www.videolan.org/vlc/" + }, + { + "alt": "World Wide Web Consortium HTML Validator page", + "button": "/assets/img/button/w3_validator.gif", + "name": "W3 Validator", + "src": "https://validator.w3.org/" + }, + { + "alt": "Xenia (linux mascot) tribute page", + "button": "/assets/img/button/xenia.gif", + "name": "Linux now!", + "src": "https://xenia.efi.pages.gay/" + } + ] +} \ No newline at end of file diff --git a/_src/_data/games.json b/_src/_data/games.json index 6ea3590..e512b7c 100644 --- a/_src/_data/games.json +++ b/_src/_data/games.json @@ -12,9 +12,8 @@ }, { "cover": "/assets/img/media/games/cs.png", - "title": "Cave Story+", - "src": "https://cavestory.org/game-info/game-releases.php", - "text": "i like it a lot" + "title": "Cave Story", + "src": "https://cavestory.org/game-info/game-releases.php" }, { "cover": "/assets/img/media/games/gta_sa.png", @@ -26,6 +25,16 @@ "title": "Grand Theft Auto: Vice City", "src": "https://youtube.com/watch?v=XXHhh4JIby0" }, + { + "cover": "/assets/img/media/games/hl1.png", + "title": "Half-Life", + "src": "https://bullsquid.com/" + }, + { + "cover": "/assets/img/media/games/hl2.png", + "title": "Half-Life 2", + "src": "https://www.youtube.com/watch?v=nq5EnEa7Mg8" + }, { "cover": "/assets/img/media/games/halo_mcc.png", "title": "Halo: The Master Chief Collection", @@ -51,6 +60,11 @@ "title": "LittleBigPlanet", "src": "https://youtube.com/watch?v=LattfGKNr-E" }, + { + "cover": "/assets/img/media/games/minecraft.png", + "title": "Minecraft", + "src": "https://prismlauncher.org/" + }, { "cover": "/assets/img/media/games/me.png", "title": "Mirror's Edge", @@ -86,6 +100,11 @@ "title": "Re-Volt", "src": "https://rvgl.org/" }, + { + "cover": "/assets/img/media/games/roblox.png", + "title": "Roblox", + "src": "https://www.youtube.com/watch?v=L5RPv1PWbvA" + }, { "cover": "/assets/img/media/games/smt_iv.png", "title": "Shin Megami Tensei IV", diff --git a/_src/_includes/base.njk b/_src/_includes/base.njk index a7f6683..1f70fe0 100644 --- a/_src/_includes/base.njk +++ b/_src/_includes/base.njk @@ -16,7 +16,7 @@ paw: "m 15.700739,16.184194 c 0,4.483 -2.555,2.038 -5.7060001,2.038 -3.151,0 -5. - {% set availableStyles = ['home', 'blog', 'gallery'] %} + {% set availableStyles = ['home', 'blog', 'gallery'] %} {% if page.url %} {% if availableStyles.indexOf(page.url|firstSegment) !== -1 %} diff --git a/_src/_includes/blog.njk b/_src/_includes/blog.njk index b731410..fe54abb 100644 --- a/_src/_includes/blog.njk +++ b/_src/_includes/blog.njk @@ -4,9 +4,6 @@ icon: "M 6 3 L 19 3 L 26 10 L 26 30 L 6 30 Z M 17 12 L 24 12 L 17 5 Z" ---
-

{{page.fileSlug}} - -

{{content|safe}}
{{blurb|safe}} diff --git a/_src/_includes/gallery.njk b/_src/_includes/gallery.njk index d5c3141..93f4897 100644 --- a/_src/_includes/gallery.njk +++ b/_src/_includes/gallery.njk @@ -2,17 +2,18 @@ layout: base icon: "M 30 26 L 27 26 L 21 14 L 16 23 L 11 17 L 5 26 L 2 26 L 2 2 Q 2 2 10 6 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 6 L 2 2 L 30 2 L 30 26 L 30 30 L 2 30 L 2 26" --- -
-

{{ page.fileSlug }}

+ + \ No newline at end of file + {% endfor %} + + {{ content|safe }} +
\ No newline at end of file diff --git a/_src/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav b/_src/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav deleted file mode 100644 index 8c3c2a8..0000000 Binary files a/_src/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav and /dev/null differ diff --git a/_src/assets/audio/anvil_land_low.ogg b/_src/assets/audio/anvil_land_low.ogg new file mode 100644 index 0000000..8508bfb Binary files /dev/null and b/_src/assets/audio/anvil_land_low.ogg differ diff --git a/_src/assets/audio/bob.ogg b/_src/assets/audio/bob.ogg new file mode 100644 index 0000000..4f92147 Binary files /dev/null and b/_src/assets/audio/bob.ogg differ diff --git a/_src/assets/fox.ogg b/_src/assets/audio/fox.ogg similarity index 100% rename from _src/assets/fox.ogg rename to _src/assets/audio/fox.ogg diff --git a/_src/assets/audio/select.ogg b/_src/assets/audio/select.ogg new file mode 100644 index 0000000..944ad29 Binary files /dev/null and b/_src/assets/audio/select.ogg differ diff --git a/_src/assets/css/blog.css b/_src/assets/css/blog.css index 44eda57..3aae3a8 100644 --- a/_src/assets/css/blog.css +++ b/_src/assets/css/blog.css @@ -2,97 +2,28 @@ --avatar: 3rem; } -@media (prefers-color-scheme: light) { - article { - & p[aria-label="Post warning"] { - border-color: currentColor; - background-color: var(--primary-dark-200); - color: var(--primary); - } - - & [aria-label="Addendum"] { - box-shadow: inset 0 0 0 2px var(--primary); - border-image-source: linear-gradient( - 45deg, - var(--primary), - var(--primary-600), - var(--primary) - ); - background-color: var(--primary-400); - } - } - - #posts { - & a { - border-color: var(--primary-600); - background-color: var(--primary-300); - color: var(--primary-dark-400); - - &:is(:hover, :focus) { - background-color: var(--primary-500); - } - } - - & p:not(:last-child) { - color: var(--primary-dark-700); - } - } -} - -@media (prefers-color-scheme: dark) { - article { - & p[aria-label="Post warning"] { - border-color: currentColor; - background-color: var(--secondary-100); - color: var(--secondary); - } - - & [aria-label="Addendum"] { - box-shadow: inset 0 0 0 2px var(--secondary); - border-image-source: linear-gradient( - 45deg, - var(--secondary), - var(--secondary-600), - var(--secondary) - ); - background-color: var(--secondary-400); - } - } - - #posts { - & a { - border-color: var(--secondary-600); - background-color: var(--secondary-300); - color: var(--secondary-light-400); - - &:is(:hover, :focus) { - background-color: var(--secondary-500); - } - } - - & p:not(:last-child) { - color: var(--secondary-light-700); - } - } -} - article { margin: 0 auto; - background-image: var(--paw); - background-position-x: center; - background-position-y: bottom; - background-size: 64px; - background-repeat: no-repeat; - background-origin: content-box; font-family: "Rubik", sans-serif; - & time { - font-size: initial; + max-width: var(--post); + & section:not(section:has(p)) { + display: flex; + gap: var(--pad-l); + & figure { + height: max-content; + padding: 0; + } + } + & aside { + float: right; + border-radius: var(--round); + width: 66%; } & p[aria-label="Post warning"] { border-style: solid; border-width: 2px; - border-radius: 0.4rem; - padding: 0.4rem 0; + border-radius: var(--pad-sm); + padding: var(--pad-sm) 0; font-size: 1.4rem; font-weight: bold; text-align: center; @@ -105,12 +36,11 @@ article { & aside, [aria-label="Addendum"] { - margin: 1rem 0; + margin: var(--pad-l) 0; border-image-slice: 1; border-image-width: 2px; border-image-outset: 4px; - padding: 1rem; - background-image: var(--noise); + padding: var(--pad-l); } } @@ -126,7 +56,17 @@ article > [aria-label="Addendum"] { article > [aria-label="Postscript"] { margin: 0 0 auto auto; padding: 2rem 0 4rem 0; - + &::after { + content: ""; + position: absolute; + width: 64px; + height: 64px; + mask-image: var(--paw); + mask-position-x: center; + mask-size: 100%; + mask-repeat: no-repeat; + transform: rotate(15deg); + } & p { display: flex; flex-direction: column; @@ -137,7 +77,7 @@ article > [aria-label="Postscript"] { border-radius: var(--round); border-bottom-right-radius: 0; width: fit-content; - padding: 0.8rem; + padding: var(--pad-m); background-color: #0060df; color: #fff; font-family: "Rubik", sans-serif; @@ -149,7 +89,7 @@ article > [aria-label="Postscript"] { } &:not(:last-of-type) { - margin-bottom: 1rem; + margin-bottom: var(--pad-l); } } @@ -157,14 +97,14 @@ article > [aria-label="Postscript"] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 40%), 1fr)); align-items: center; - gap: 0.8rem; + gap: var(--pad-m); } & p > img { transition: height var(--trans), border-radius var(--trans), background-color var(--trans); border-radius: var(--round); min-height: fit-content; - max-height: 300px; + max-height: var(--image); } & img:not(p > img) { display: flex; @@ -182,7 +122,7 @@ article > [aria-label="Postscript"] { & ul { display: flex; flex-direction: column; - gap: 1rem; + gap: var(--pad-l); margin: 0; padding: 0; list-style-type: none; @@ -200,7 +140,7 @@ article > [aria-label="Postscript"] { border-style: solid; border-width: 2px; border-radius: var(--round); - padding: 0.8rem; + padding: var(--pad-m); font-size: 1.125rem; font-weight: bold; text-decoration: none; @@ -219,6 +159,13 @@ article > [aria-label="Postscript"] { } } @media screen and (max-width: 920px) { + article aside { + float: none !important; + width: fit-content !important; + } + article section { + flex-direction: column; + } #posts { max-width: unset; width: auto; @@ -227,8 +174,9 @@ article > [aria-label="Postscript"] { & p { margin-right: unset; & > img { - height: auto ; + height: auto; max-height: var(--view); } } -} \ No newline at end of file + } +} diff --git a/_src/assets/css/default.css b/_src/assets/css/default.css index f192e9d..8039565 100644 --- a/_src/assets/css/default.css +++ b/_src/assets/css/default.css @@ -1,37 +1,119 @@ @import url("/assets/css/variables.css"); - +@import url("/assets/css/nav.css"); +@import url("/assets/css/theme-light.css"); +@import url("/assets/css/theme-dark.css"); :root { --view: 18rem; } body { - font-family: sans-serif; + font-family: "Rubik", sans-serif; font-size: 100%; margin: 0; padding: 0; } main { - padding: 2rem 2rem 4rem calc(var(--view) + 2rem); + padding: var(--pad-xl) var(--pad-xl) 4rem calc(var(--view) + var(--pad-xl)); overflow: hidden; } article { + border-style: solid; + border-width: 2px; + border-radius: var(--round); height: max-content; - padding: 2rem; + padding: var(--pad-xl); - & p { - margin: 1rem 0; + & a { + font-weight: 500; + } - &:last-child { - margin-bottom: 0; + & s { + text-decoration-style: line-through; + text-decoration-thickness: 0.1em; + } + + & ul { + & li { + margin: 0; + + & p { + margin: 0; + } } } -} -/* Header */ -header { - margin: 0 var(--view); + & u { + text-decoration-style: double; + text-decoration-thickness: 2px; + } + + & em { + font-weight: 200; + } + + & p { + word-wrap: break-word; + padding: var(--pad-sm) + } + + & code:not(pre *) { + padding: 0 var(--pad-sm); + } + + & pre { + display: flex; + width: auto; + overflow: scroll; + padding: var(--pad-m); + white-space: pre-wrap; + word-break: break-word; + } + + & pre, + code:not(pre *) { + transition: background-color var(--trans), border-color var(--trans); + border-style: solid; + border-width: 2px; + border-radius: var(--round); + font-weight: bold; + } + + & h3 { + font-size: 1.6rem; + margin: 0; + + & a { + display: inline-block; + transition: color var(--trans), background-color var(--trans); + border-radius: inherit; + height: max-content; + padding: 0 0.4rem; + } + } + & figure { + margin: 0; + border-style: solid; + border-width: 2px; + padding: var(--pad-m); + border-radius: var(--round); + display: flex; + flex-direction: column; + } + & section { + & a { + text-decoration: none; + } + & figure img { + border-radius: var(--round); + } + & figcaption { + font-weight: normal; + font-style: italic; + padding: var(--pad-l); + } + } } /* Navigation */ @@ -52,7 +134,10 @@ body > nav ul { } nav > details { - font-size: 1.5rem; + font-size: 1.4rem; +} +nav > details > summary::marker { + content: none; } body > nav ul li { @@ -64,8 +149,8 @@ body > nav a { display: flex; font-size: 1.125rem; font-weight: bold; - height: 2rem; - line-height: 2rem; + height: var(--pad-xl); + line-height: var(--pad-xl); } details { @@ -106,24 +191,77 @@ body > nav > ul > svg { text-anchor: start; } -/* Images */ -img[src*="/assets/img/pkmn/"] { - height: fit-content; - image-rendering: pixelated; -} - -img[src*="/assets/img/flag/"] { - height: 32px; -} - ul:has(img, svg):not(article ul) { list-style-type: none; } +:is(main article, main section):not(:last-child) { + margin-bottom: var(--pad-xl); +} +img[src*="/assets/img/flag/"] { + height: 32px; + border-radius: 0.2rem; + border-style: solid; + border-width: 2px; + border-color: #fff; +} +/* Mobile view */ +@media screen and (max-width: 920px) { + body > nav { + position: initial; + width: 100%; + } -article { - max-width: 75ch; + main { + padding: var(--pad-l); + } + + main > section { + flex-direction: column; + } + + main > section { + width: initial; + } + + article { + max-width: initial; + width: auto; + } + + body > nav::before { + content: none; + } + + body > nav { + flex-direction: row; + top: 0; + border-right: 0; + width: 100%; + + & details { + height: fit-content; + } + + & details { + width: 100%; + } + } + body::after { + content: ""; + } } -iframe { - border: 0; +@media screen and (max-width: 400px) { + article { + padding: var(--pad-l) !important; + } + + body > nav { + flex-direction: column; + justify-content: start; + + & details[open] { + width: 100%; + } + } } diff --git a/_src/assets/css/gallery.css b/_src/assets/css/gallery.css index c18a1ce..56e85a9 100644 --- a/_src/assets/css/gallery.css +++ b/_src/assets/css/gallery.css @@ -1,71 +1,21 @@ -@media (prefers-color-scheme: light) { - #artworks { - & a { - transition: color var(--trans), background-color var(--trans), - border-color var(--trans); - - & figure { - color: var(--primary-dark-400); - border-color: var(--primary-600); - background-color: var(--primary-300); - - & time { - color: var(--primary-dark-500); - } - - & figcaption { - color: var(--primary-dark-500); - } - - &:is(:hover, :focus) { - border-color: currentColor; - background-color: var(--primary-500); - } - } - } - } +:root { + --thumb: 16rem; } - -@media (prefers-color-scheme: dark) { - #artworks { - & a { - transition: color var(--trans), background-color var(--trans), - border-color var(--trans); - - & figure { - color: var(--secondary-light-400); - border-color: var(--secondary-600); - background-color: var(--secondary-300); - - & time { - color: var(--secondary-light-500); - } - - & figcaption { - color: var(--secondary-light-500); - } - - &:is(:hover, :focus) { - border-color: currentColor; - background-color: var(--secondary-500); - } - } - } - } -} - #artworks { & ul { display: grid; - grid-template-columns: repeat(auto-fill, minmax(min(210px, 100%), 1fr)); + grid-template-columns: repeat( + auto-fill, + minmax(min(var(--thumb), 100%), 1fr) + ); padding: 0; margin: 0; - gap: 1rem; + gap: var(--pad-l); } & h2 { - margin: 2rem 0; - font-size: 2rem; + margin: var(--pad-xl) 0; + font-size: var(--pad-xl); &:first-of-type { margin-top: 0; @@ -77,15 +27,14 @@ text-decoration: unset; & figure { margin: 0; - padding: 0.4rem; + padding: var(--pad-sm); border-width: 2px; border-style: solid; border-radius: var(--round); - & img { display: flex; - height: 12rem; width: 100%; + height: var(--thumb); border-bottom: unset; object-fit: contain; border-radius: inherit; @@ -93,34 +42,49 @@ & figcaption { font-family: Urbanist, sans-serif; - font-size: 1.2rem; + font-size: var(--pad-lm); } } } } -#gallery article { - & h3 { - margin-bottom: 1rem; +#art { + display: flex; + flex-direction: column; + h3 { + font-family: "Urbanist", sans-serif; } - & figure { - & time { - display: flex; - font-weight: bold; - } - + & section:has(a:nth-child(n + 2)) { + display: flex; + flex-direction: row; + gap: var(--pad-l); + } + & section { + margin: var(--pad-l) 0; & a { - width: fit-content; - align-self: center; - & img { - min-height: fit-content; - max-height: 18rem; - object-fit: contain; - border-radius: inherit; - border-style: inherit; - border-width: inherit; - border-color: inherit; - } + display: flex; + height: max-content; + text-decoration: none; + flex-direction: column; + } + } + & time { + display: flex; + font-weight: bold; + } + & a { + max-width: var(--post); + width: fit-content; + & figure { + max-width: inherit; } } } +@media screen and (max-width: 920px) { + #art section { + align-self: center; + } + #art section:has(a:nth-child(n + 2)) { + flex-direction: column; + } +} diff --git a/_src/assets/css/home.css b/_src/assets/css/home.css index 7505dfe..90b6cbe 100644 --- a/_src/assets/css/home.css +++ b/_src/assets/css/home.css @@ -15,37 +15,6 @@ color: transparent; } } -@media (prefers-color-scheme: light) { - #badges a:is(:hover, :focus) img { - filter: drop-shadow(4px 6px 0 var(--primary-500)); - } - #collection { - & a:is(:hover, :focus) { - box-shadow: 0 0 0 1px currentColor; - background-color: var(--primary-500); - } - & img { - box-shadow: 0 0 0 1px - color-mix(in lch, transparent, var(--primary-dark-500) 30%); - } - } -} -@media (prefers-color-scheme: dark) { - #badges a:is(:hover, :focus) img { - filter: drop-shadow(4px 6px 0 var(--secondary-500)); - } - #collection { - & a:is(:hover, :focus) { - box-shadow: 0 0 0 1px currentColor; - background-color: var(--secondary-500); - } - & img { - box-shadow: 0 0 0 1px - color-mix(in lch, transparent, var(--secondary-500) 70%); - } - } -} - #pkmn { display: flex; flex-wrap: wrap; @@ -58,12 +27,14 @@ border-top-color: #c8f8c0; border-width: 3px; border-style: solid; - - & img:hover { - filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 2px 0 #fff) - drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) - drop-shadow(0 2px 3px #0006); - animation: jump 200ms infinite alternate; + & img { + image-rendering: pixelated; + &:hover { + filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 2px 0 #fff) + drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) + drop-shadow(0 2px 3px #0006); + animation: jump 200ms infinite alternate; + } } } body [id]:not(:nth-child(1)) ul { @@ -94,7 +65,8 @@ body [id]:not(:nth-child(1)) ul { background-image: linear-gradient(#f09 33.33%, #ffd700 0 66.66%, #00bfff 0); } #intro { - & p, ul { + & p, + ul { font-family: "Urbanist", sans-serif; font-size: 1.3rem; } @@ -105,14 +77,13 @@ body [id]:not(:nth-child(1)) ul { background-clip: text; background-repeat: repeat; &:hover { + background-clip: initial; + transition: var(--trans); animation: fadeIn var(--trans) linear forwards; - filter: drop-shadow(2px 2px 1px #0006); } } } #collection { - display: inherit; - gap: 1rem; & ul { margin: 0; padding: 0; diff --git a/_src/assets/css/me.css b/_src/assets/css/me.css deleted file mode 100644 index 4fe76cd..0000000 --- a/_src/assets/css/me.css +++ /dev/null @@ -1,445 +0,0 @@ -@media (prefers-color-scheme: light) { - article { - border-color: var(--primary-300); - background-color: var(--primary-200); - color: var(--primary-dark-300); - - & aside { - box-shadow: inset 0 0 0 2px var(--primary-500); - background-color: var(--primary-300); - } - & figure { - color: var(--primary-dark-400); - border-color: var(--primary-600); - background-color: var(--primary-300); - } - - & s, - u { - text-decoration-color: color-mix(in lch, red, var(--primary-500) 20%); - } - - & h3 a { - color: var(--primary-dark-300); - - &:hover { - background-color: var(--primary-dark-300); - color: var(--primary); - } - } - - & code:not(pre *) { - background-color: var(--primary-400); - } - - & pre { - transition: background-color var(--trans), border-color var(--trans); - background-color: var(--primary-100); - - &:hover { - border-color: var(--primary); - background-color: var(--primary-400); - } - } - - & pre, - code { - border-color: var(--primary-400); - } - } - - body { - background-color: var(--primary-100); - color: var(--primary-dark-300); - - & > nav { - border-right: 1px solid var(--primary); - - &::before { - background-color: var(--primary); - } - - &::after { - background-color: var(--primary); - } - - & a { - background-color: var(--primary); - } - } - - &::after { - background-color: var(--primary); - } - - & details { - box-shadow: inset 0 0 0 2px var(--primary); - background-color: white; - color: var(--primary); - } - - & details[open] { - box-shadow: inset 0 0 0 2px var(--primary); - background-color: var(--primary-300); - color: var(--primary-dark-400); - - & summary { - border-color: var(--primary); - background-color: var(--primary-600); - } - - & a { - color: var(--primary-100); - - &[aria-current] { - box-shadow: 0 0 0 2px var(--primary-600); - background-color: var(--primary-100); - color: var(--primary-dark-500); - } - } - } - } -} - -@media (prefers-color-scheme: dark) { - article { - border-color: var(--secondary-300); - background-color: var(--secondary-200); - color: var(--secondary-light-300); - - & aside { - box-shadow: inset 0 0 0 2px var(--secondary-500); - background-color: var(--secondary-300); - } - & figure { - color: var(--secondary-light-400); - border-color: var(--secondary-600); - background-color: var(--secondary-300); - } - & s, - u { - text-decoration-color: color-mix(in lch, red, var(--secondary-500) 20%); - } - - & h3 a { - color: var(--secondary-light-300); - - &:hover { - background-color: var(--secondary-light-300); - color: var(--secondary); - } - } - - & code:not(pre *) { - background-color: var(--secondary-400); - } - - & pre { - transition: background-color var(--trans), border-color var(--trans); - background-color: var(--secondary-100); - - &:hover { - border-color: var(--secondary); - background-color: var(--secondary-400); - } - } - - & pre, - code { - border-color: var(--secondary-400); - } - } - - body { - background-color: var(--secondary-100); - color: var(--secondary-light-200); - - & > nav { - border-right: 1px solid var(--secondary); - - &::before { - background-color: var(--secondary); - } - - &::after { - background-color: var(--secondary); - } - - & a { - background-color: var(--secondary); - } - } - - &::after { - background-color: var(--secondary); - } - - & details { - box-shadow: inset 0 0 0 2px var(--secondary); - background-color: var(--secondary-100); - color: var(--secondary); - } - - & details[open] { - box-shadow: inset 0 0 0 2px var(--secondary); - background-color: var(--secondary-300); - color: var(--secondary-light-200); - - & summary { - border-color: var(--secondary); - background-color: var(--secondary-600); - } - - & a { - color: var(--secondary-200); - - &[aria-current] { - box-shadow: 0 0 0 2px var(--secondary); - background-color: var(--secondary-200); - color: var(--secondary-light-500); - } - } - } - } -} - -body { - font-family: "Rubik", sans-serif; - - & article { - border-style: solid; - border-width: 2px; - border-radius: var(--round); - - & hr { - margin: 2rem 0; - } - - & a { - font-weight: 500; - } - - & s { - text-decoration-style: line-through; - text-decoration-thickness: 0.1em; - } - - & ul { - - & li { - margin: 0; - - & p { - margin: 0; - } - } - } - - & u { - text-decoration-style: double; - text-decoration-thickness: 2px; - } - - & em { - font-weight: 200; - } - - & p { - word-wrap: break-word; - } - - & code:not(pre *) { - padding: 0 0.2rem; - } - - & pre { - display: flex; - width: auto; - overflow: scroll; - padding: 0.5rem; - white-space: pre-wrap; - word-break: break-word; - } - - & pre, - code:not(pre *) { - transition: background-color var(--trans), border-color var(--trans); - border-style: solid; - border-width: 2px; - border-radius: var(--round); - font-weight: bold; - } - - & h3 { - font-size: 1.6rem; - margin: 0; - - & a { - display: inline-block; - transition: color var(--trans), background-color var(--trans); - border-radius: inherit; - height: max-content; - padding: 0 0.4rem; - } - } - - & aside { - float: right; - border-radius: var(--round); - width: 66%; - } - & figure { - transition: var(--trans); - margin: 0; - border-style: solid; - border-width: 2px; - padding: 0.8rem; - border-radius: var(--round); - display: flex; - flex-direction: column; - } - } - - & nav { - gap: 0.8rem; - & details { - gap: 0.8rem; - border-radius: var(--round); - font-weight: bold; - } - & details > summary { - display: flex; - align-items: center; - justify-content: center; - padding: 0 1.4rem 0 0; - height: 2rem; - - & > svg { - transform: rotate(0deg); - transition: transform var(--trans); - } - } - - & details[open] > summary { - margin-bottom: 0.4rem; - border-style: solid; - border-width: 2px; - border-radius: var(--round); - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - - & svg { - transform: rotate(45deg); - } - } - - & a { - margin: 0 1rem; - margin-bottom: 0.4rem; - border-radius: var(--round); - } - } -} - -body > nav::before, -body::after { - z-index: -1; - content: ""; - position: absolute; - mask-image: url("/assets/img/theme/sundae_sit-lines.png"); - mask-repeat: no-repeat; - margin: 0; - width: inherit; - height: inherit; - pointer-events: none; -} - -body > nav::before { - bottom: 0; - left: 0; - mask-size: 150%; - mask-position-x: -10px; - mask-position-y: 90%; -} - -body::after { - content: none; - mask-size: 100%; - width: 100%; - height: 100vw; - mask-position-x: 0; - mask-position-y: bottom; -} - -main { - display: flex; - flex-direction: column; - gap: 1rem; - width: auto; -} - -summary::marker { - content: none; -} - -/* Mobile view */ -@media screen and (max-width: 920px) { - body > nav { - position: initial; - width: 100%; - } - - main { - padding: 1rem; - } - - main > section { - flex-direction: column; - } - - main > section { - width: initial; - } - - article { - max-width: initial; - width: auto; - } - - body > nav::before { - content: none; - } - - body > nav { - flex-direction: row; - top: 0; - border-right: 0; - width: 100%; - - & details { - height: fit-content; - } - - & details { - width: 100%; - } - } - body::after { - content: ""; - } -} - -@media screen and (max-width: 400px) { - article { - padding: 1rem !important; - } - - body > nav { - flex-direction: column; - justify-content: start; - - & details[open] { - width: 100%; - } - } -} diff --git a/_src/assets/css/nav.css b/_src/assets/css/nav.css new file mode 100644 index 0000000..351d4e1 --- /dev/null +++ b/_src/assets/css/nav.css @@ -0,0 +1,74 @@ +body > nav::before, +body::after { + z-index: -1; + content: ""; + position: absolute; + mask-image: url("/assets/img/theme/sundae_sit-lines.png"); + mask-repeat: no-repeat; + margin: 0; + width: inherit; + height: inherit; + pointer-events: none; +} + +body > nav::before { + bottom: 0; + left: 0; + mask-size: 150%; + -webkit-mask-position-x: -10px; + -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; +} + +body { + font-family: "Rubik", sans-serif; + &>nav { + gap: 0.8rem; + & details { + gap: 0.8rem; + border-radius: var(--round); + font-weight: bold; + } + & details > summary { + display: flex; + align-items: center; + justify-content: center; + padding: 0 1.4rem 0 0; + height: var(--pad); + + & > svg { + transform: rotate(0deg); + transition: transform var(--trans); + } + } + + & details[open] > summary { + margin-bottom: 0.4rem; + border-style: solid; + border-width: 2px; + border-radius: var(--round); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + & svg { + transform: rotate(45deg); + } + } + + & a { + border-style: solid; + border-width: 2px; + margin: 0 var(--pad-l); + margin-bottom: var(--pad-sm); + border-radius: var(--round); + } + } +} diff --git a/_src/assets/css/theme-dark.css b/_src/assets/css/theme-dark.css new file mode 100644 index 0000000..e0b18cf --- /dev/null +++ b/_src/assets/css/theme-dark.css @@ -0,0 +1,175 @@ +@media (prefers-color-scheme: dark) { + article { + border-color: var(--secondary-300); + background-color: var(--secondary-200); + color: var(--secondary-light-300); + + & aside { + box-shadow: inset 0 0 0 2px var(--secondary-500); + background-color: var(--secondary-300); + } + & figure { + color: var(--secondary-light-400); + border-color: var(--secondary-600); + background-color: var(--secondary-300); + } + + & s, + u { + text-decoration-color: color-mix(in lch, red, var(--secondary-500) 20%); + } + + & h3 a { + color: var(--secondary-light-300); + + &:hover { + background-color: var(--secondary-light-300); + color: var(--secondary); + } + } + + & code:not(pre *) { + background-color: var(--secondary-400); + } + + & pre { + transition: background-color var(--trans), border-color var(--trans); + background-color: var(--secondary-100); + + &:hover { + border-color: var(--secondary); + background-color: var(--secondary-400); + } + } + + & pre, + code { + border-color: var(--secondary-400); + } + } + + body { + background-color: var(--secondary-100); + color: var(--secondary-light-200); + + & > nav { + border-right: 1px solid var(--secondary); + + &::before,::after { + background-color: var(--secondary); + } + & a { + background-color: var(--secondary); + } + } + + &::after { + background-color: var(--secondary); + } + + & details { + box-shadow: inset 0 0 0 2px var(--secondary); + background-color: var(--secondary-100); + color: var(--secondary); + } + + & details[open] { + box-shadow: inset 0 0 0 2px var(--secondary); + background-color: var(--secondary-300); + color: var(--secondary-light-200); + + & summary { + border-color: var(--secondary); + background-color: var(--secondary-600); + } + + & a { + color: var(--secondary-200); + border-color: var(--secondary); + &[aria-current] { + border-color: var(--secondary-600); + background-color: var(--secondary-200); + color: var(--secondary-light-500); + } + } + } + } + /* blog.css */ + article { + & [aria-label="Postscript"]::after { + background-color: var(--secondary); + } + & p[aria-label="Post warning"] { + border-color: currentColor; + background-color: var(--secondary-100); + color: var(--secondary); + } + + & [aria-label="Addendum"] { + box-shadow: inset 0 0 0 2px var(--secondary); + border-image-source: linear-gradient( + 45deg, + var(--secondary), + var(--secondary-600), + var(--secondary) + ); + background-color: var(--secondary-400); + } + } + + #posts { + & a { + border-color: var(--secondary-600); + background-color: var(--secondary-300); + color: var(--secondary-light-400); + + &:is(:hover, :focus) { + background-color: var(--secondary-500); + } + } + + & p:not(:last-child) { + color: var(--secondary-light-700); + } + } + /* gallery.css */ + #artworks { + & a { + transition: color var(--trans), background-color var(--trans), + border-color var(--trans); + + & figure { + color: var(--secondary-light-400); + border-color: var(--secondary-600); + background-color: var(--secondary-300); + + & time { + color: var(--secondary-light-500); + } + + & figcaption { + color: var(--secondary-light-500); + } + + &:is(:hover, :focus) { + border-color: currentColor; + background-color: var(--secondary-500); + } + } + } + } + /* home.css */ + #badges a:is(:hover, :focus) img { + filter: drop-shadow(4px 6px 0 var(--secondary-500)); + } + #collection { + & a:is(:hover, :focus) { + box-shadow: 0 0 0 1px currentColor; + background-color: var(--secondary-500); + } + & img { + box-shadow: 0 0 0 1px + color-mix(in lch, transparent, var(--secondary-500) 70%); + } + } +} diff --git a/_src/assets/css/theme-light.css b/_src/assets/css/theme-light.css new file mode 100644 index 0000000..30acc50 --- /dev/null +++ b/_src/assets/css/theme-light.css @@ -0,0 +1,176 @@ +@media (prefers-color-scheme: light) { + article { + border-color: var(--primary-300); + background-color: var(--primary-200); + color: var(--primary-dark-300); + + & aside { + box-shadow: inset 0 0 0 2px var(--primary-500); + background-color: var(--primary-300); + } + & figure { + color: var(--primary-dark-400); + border-color: var(--primary-600); + background-color: var(--primary-300); + } + + & s, + u { + text-decoration-color: color-mix(in lch, red, var(--primary-500) 20%); + } + + & h3 a { + color: var(--primary-dark-300); + + &:hover { + background-color: var(--primary-dark-300); + color: var(--primary); + } + } + + & code:not(pre *) { + background-color: var(--primary-400); + } + + & pre { + transition: background-color var(--trans), border-color var(--trans); + background-color: var(--primary-100); + + &:hover { + border-color: var(--primary); + background-color: var(--primary-400); + } + } + + & pre, + code { + border-color: var(--primary-400); + } + } + + body { + background-color: var(--primary-100); + color: var(--primary-dark-300); + + & > nav { + border-right: 1px solid var(--primary); + + &::before,::after { + background-color: var(--primary); + } + + & a { + background-color: var(--primary); + } + } + + &::after { + background-color: var(--primary); + } + + & details { + box-shadow: inset 0 0 0 2px var(--primary); + background-color: white; + color: var(--primary); + } + + & details[open] { + box-shadow: inset 0 0 0 2px var(--primary); + background-color: var(--primary-300); + color: var(--primary-dark-400); + + & summary { + border-color: var(--primary); + background-color: var(--primary-600); + } + + & a { + color: var(--primary-100); + border-color: var(--primary); + &[aria-current] { + border-color: var(--primary-600); + background-color: var(--primary-100); + color: var(--primary-dark-500); + } + } + } + } + /* blog.css */ + article { + & [aria-label="Postscript"]::after { + background-color: var(--primary); + } + & p[aria-label="Post warning"] { + border-color: currentColor; + background-color: var(--primary-dark-200); + color: var(--primary); + } + + & [aria-label="Addendum"] { + box-shadow: inset 0 0 0 2px var(--primary); + border-image-source: linear-gradient( + 45deg, + var(--primary), + var(--primary-600), + var(--primary) + ); + background-color: var(--primary-400); + } + } + + #posts { + & a { + border-color: var(--primary-600); + background-color: var(--primary-300); + color: var(--primary-dark-400); + + &:is(:hover, :focus) { + background-color: var(--primary-500); + } + } + + & p:not(:last-child) { + color: var(--primary-dark-700); + } + } + /* gallery.css */ + #artworks { + & a { + transition: color var(--trans), background-color var(--trans), + border-color var(--trans); + + & figure { + color: var(--primary-dark-400); + border-color: var(--primary-600); + background-color: var(--primary-300); + + & time { + color: var(--primary-dark-500); + } + + & figcaption { + color: var(--primary-dark-500); + } + + &:is(:hover, :focus) { + border-color: currentColor; + background-color: var(--primary-500); + } + } + } + } + /* home.css */ + #badges a:is(:hover, :focus) img { + filter: drop-shadow(4px 6px 0 var(--primary-500)); + } + #collection { + & a:is(:hover, :focus) { + box-shadow: 0 0 0 1px currentColor; + background-color: var(--primary-500); + } + & img { + box-shadow: 0 0 0 1px + color-mix(in lch, transparent, var(--primary-dark-500) 30%); + } + } +} diff --git a/_src/assets/css/variables.css b/_src/assets/css/variables.css index ec87e17..6a499e9 100644 --- a/_src/assets/css/variables.css +++ b/_src/assets/css/variables.css @@ -38,8 +38,15 @@ --secondary-800: color-mix(in lch, var(--secondary), black 20%); --secondary-900: color-mix(in lch, var(--secondary), black 10%); --trans: 300ms; + --image: 24rem; + --post: 75ch; --round: 16px; - --paw: url("/assets/img/theme/cherry/pawprint.svg"); + --pad-xl: 2rem; + --pad-lm: 1.4rem; + --pad-l: 1rem; + --pad-m: 0.8rem; + --pad-sm: 0.4rem; + --paw: url("/assets/img/theme/paw.svg"); } @font-face { font-family: Rubik; diff --git a/_src/assets/img/blog/media.png b/_src/assets/img/blog/media.png index f927571..9c836b4 100644 Binary files a/_src/assets/img/blog/media.png and b/_src/assets/img/blog/media.png differ diff --git a/_src/assets/img/button/arch-linux.png b/_src/assets/img/button/arch-linux.png index 8044cd1..538c3db 100644 Binary files a/_src/assets/img/button/arch-linux.png and b/_src/assets/img/button/arch-linux.png differ diff --git a/_src/assets/img/button/no-ones-around-to-help.gif b/_src/assets/img/button/no-ones-around-to-help.gif new file mode 100644 index 0000000..99d00f4 Binary files /dev/null and b/_src/assets/img/button/no-ones-around-to-help.gif differ diff --git a/_src/assets/img/flag/agender.svg b/_src/assets/img/flag/agender.svg new file mode 100644 index 0000000..5a41543 --- /dev/null +++ b/_src/assets/img/flag/agender.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/_src/assets/img/flag/aromantic.svg b/_src/assets/img/flag/aromantic.svg new file mode 100644 index 0000000..9d7f453 --- /dev/null +++ b/_src/assets/img/flag/aromantic.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/_src/assets/img/flag/asexual.svg b/_src/assets/img/flag/asexual.svg new file mode 100644 index 0000000..af281b1 --- /dev/null +++ b/_src/assets/img/flag/asexual.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/_src/assets/img/flag/demisexual.svg b/_src/assets/img/flag/demisexual.svg new file mode 100644 index 0000000..184246b --- /dev/null +++ b/_src/assets/img/flag/demisexual.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/_src/assets/img/flag/nonbinary.svg b/_src/assets/img/flag/nonbinary.svg new file mode 100644 index 0000000..2e3b354 --- /dev/null +++ b/_src/assets/img/flag/nonbinary.svg @@ -0,0 +1,7 @@ + + + + + + + \ No newline at end of file diff --git a/_src/assets/img/flag/pansexual.svg b/_src/assets/img/flag/pansexual.svg new file mode 100644 index 0000000..f5d97cb --- /dev/null +++ b/_src/assets/img/flag/pansexual.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/_src/assets/img/flag/rainbow.svg b/_src/assets/img/flag/rainbow.svg new file mode 100644 index 0000000..50d140e --- /dev/null +++ b/_src/assets/img/flag/rainbow.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/_src/assets/img/flag/trans.svg b/_src/assets/img/flag/trans.svg new file mode 100644 index 0000000..1cea3b3 --- /dev/null +++ b/_src/assets/img/flag/trans.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/_src/assets/img/media/games/cs.png b/_src/assets/img/media/games/cs.png index c137ef7..01a93dc 100644 Binary files a/_src/assets/img/media/games/cs.png and b/_src/assets/img/media/games/cs.png differ diff --git a/_src/assets/img/media/games/hl1.png b/_src/assets/img/media/games/hl1.png new file mode 100644 index 0000000..48ea61a Binary files /dev/null and b/_src/assets/img/media/games/hl1.png differ diff --git a/_src/assets/img/media/games/hl2.png b/_src/assets/img/media/games/hl2.png new file mode 100644 index 0000000..d063cc2 Binary files /dev/null and b/_src/assets/img/media/games/hl2.png differ diff --git a/_src/assets/img/media/games/minecraft.png b/_src/assets/img/media/games/minecraft.png new file mode 100644 index 0000000..811b35d Binary files /dev/null and b/_src/assets/img/media/games/minecraft.png differ diff --git a/_src/assets/img/media/games/roblox.png b/_src/assets/img/media/games/roblox.png new file mode 100644 index 0000000..5d73abe Binary files /dev/null and b/_src/assets/img/media/games/roblox.png differ diff --git a/_src/assets/img/media/music/boa_thousand-camels.png b/_src/assets/img/media/music/boa_thousand-camels.png index 9accbc4..29d763e 100644 Binary files a/_src/assets/img/media/music/boa_thousand-camels.png and b/_src/assets/img/media/music/boa_thousand-camels.png differ diff --git a/_src/assets/img/theme/paw.svg b/_src/assets/img/theme/paw.svg new file mode 100644 index 0000000..64b059e --- /dev/null +++ b/_src/assets/img/theme/paw.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/_src/assets/js/bob.js b/_src/assets/js/bob.js new file mode 100644 index 0000000..e04c986 --- /dev/null +++ b/_src/assets/js/bob.js @@ -0,0 +1,15 @@ +let bob = document.getElementById("bob"); +let help = document.createElement("audio"); +help.src = "/assets/audio/bob.ogg"; +help.loop = true; +bob.appendChild(help); +window.addEventListener("load", function () { + help.play(); + help.muted = true; +}); +bob.onmouseover = () => { + help.muted = false; +}; +bob.onmouseout = () => { + help.muted = true; +}; diff --git a/_src/assets/js/cat.js b/_src/assets/js/cat.js index c38187a..b77497f 100644 --- a/_src/assets/js/cat.js +++ b/_src/assets/js/cat.js @@ -1,13 +1,23 @@ let pipe = document.getElementById("meow"); +let preload = new Image(); +preload.src = "/assets/img/button/braixdragon-cat2.gif"; + pipe.addEventListener("mouseover", func, true); + function func() { - pipe.src = "/assets/img/button/braixdragon-cat2.gif"; + pipe.src = preload.src; } + let audio = document.createElement("audio"); -audio.src = "/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav"; -document.body.appendChild(audio); -pipe.addEventListener("mouseover", function () { - setTimeout(() => { - audio.play(); - }, 1700); -}, { once: true }); \ No newline at end of file +audio.src = "/assets/audio/anvil_land_low.ogg"; +pipe.appendChild(audio); + +pipe.addEventListener( + "mouseover", + function () { + setTimeout(() => { + audio.play(); + }, 1700); + }, + { once: true } +); \ No newline at end of file diff --git a/_src/assets/js/fox.js b/_src/assets/js/fox.js index c8992f7..a7a036e 100644 --- a/_src/assets/js/fox.js +++ b/_src/assets/js/fox.js @@ -1,12 +1,15 @@ let fox = document.getElementById("fox"); let music = document.createElement("audio"); -music.src = "/assets/fox.ogg"; +music.src = "/assets/audio/fox.ogg"; music.loop = true; -document.body.appendChild(music); +fox.appendChild(music); +window.addEventListener("load", function () { + music.play(); + music.muted = true; +}); fox.onmouseover = () => { - music.play(); -} + music.muted = false; +}; fox.onmouseout = () => { - music.pause(); - music.currentTime = 0; -} \ No newline at end of file + music.muted = true; +}; diff --git a/_src/assets/js/nav-details.js b/_src/assets/js/nav-details.js index 94a0a46..7e789b8 100644 --- a/_src/assets/js/nav-details.js +++ b/_src/assets/js/nav-details.js @@ -1,10 +1,25 @@ const detailsElements = document.getElementsByTagName('details'); + const save = () => { Array.from(detailsElements).forEach((details, i) => { localStorage.setItem(`details${i}`, details.hasAttribute('open')); }); }; + Array.from(detailsElements).forEach((details, i) => { - details.toggleAttribute('open', JSON.parse(localStorage.getItem(`details${i}`)) || false); + const isOpen = JSON.parse(localStorage.getItem(`details${i}`)) || false; + details.toggleAttribute('open', isOpen); details.addEventListener('toggle', save); -}); \ No newline at end of file + + const svg = details.querySelector('summary svg'); + if (svg) { + svg.style.transition = isOpen ? 'none' : ''; + } +}); + +setTimeout(() => { + Array.from(detailsElements).forEach(details => { + const svg = details.querySelector('summary svg'); + if (svg) svg.style.transition = ''; + }); +}, 100); \ No newline at end of file diff --git a/_src/assets/js/poke.js b/_src/assets/js/poke.js index dc504ee..4cdb7c4 100644 --- a/_src/assets/js/poke.js +++ b/_src/assets/js/poke.js @@ -1,352 +1,375 @@ -var pkmn = [ - 'src="/assets/img/pkmn/1.png" title="Bulbasaur"', - 'src="/assets/img/pkmn/2.png" title="Ivysaur"', - 'src="/assets/img/pkmn/3.png" title="Venusaur"', - 'src="/assets/img/pkmn/4.png" title="Charmander"', - 'src="/assets/img/pkmn/5.png" title="Charmeleon"', - 'src="/assets/img/pkmn/6.png" title="Charizard"', - 'src="/assets/img/pkmn/7.png" title="Squirtle"', - 'src="/assets/img/pkmn/8.png" title="Wartortle"', - 'src="/assets/img/pkmn/9.png" title="Blastoise"', - 'src="/assets/img/pkmn/15.png" title="Beedrill"', - 'src="/assets/img/pkmn/25.png" title="Pikachu"', - 'src="/assets/img/pkmn/26.png" title="Raichu"', - 'src="/assets/img/pkmn/28.png" title="Sandslash"', - 'src="/assets/img/pkmn/29.png" title="Nidoran (Female)"', - 'src="/assets/img/pkmn/30.png" title="Nidorina"', - 'src="/assets/img/pkmn/31.png" title="Nidoqueen"', - 'src="/assets/img/pkmn/32.png" title="Nidoran (Male)"', - 'src="/assets/img/pkmn/33.png" title="Nidorino"', - 'src="/assets/img/pkmn/34.png" title="Nidoking"', - 'src="/assets/img/pkmn/37.png" title="Vulpix"', - 'src="/assets/img/pkmn/38.png" title="Ninetales"', - 'src="/assets/img/pkmn/52.png" title="Meowth"', - 'src="/assets/img/pkmn/58.png" title="Growlithe"', - 'src="/assets/img/pkmn/59.png" title="Arcanine"', - 'src="/assets/img/pkmn/79.png" title="Slowpoke"', - 'src="/assets/img/pkmn/81.png" title="Magnemite"', - 'src="/assets/img/pkmn/82.png" title="Magneton"', - 'src="/assets/img/pkmn/87.png" title="Dewgong"', - 'src="/assets/img/pkmn/90.png" title="Shellder"', - 'src="/assets/img/pkmn/92.png" title="Gastly"', - 'src="/assets/img/pkmn/93.png" title="Haunter"', - 'src="/assets/img/pkmn/94.png" title="Gengar"', - 'src="/assets/img/pkmn/96.png" title="Drowzee"', - 'src="/assets/img/pkmn/104.png" title="Cubone"', - 'src="/assets/img/pkmn/112.png" title="Rhydon"', - 'src="/assets/img/pkmn/115.png" title="Kangaskhan"', - 'src="/assets/img/pkmn/131.png" title="Lapras"', - 'src="/assets/img/pkmn/133.png" title="Eevee"', - 'src="/assets/img/pkmn/134.png" title="Vaporeon"', - 'src="/assets/img/pkmn/135.png" title="Jolteon"', - 'src="/assets/img/pkmn/136.png" title="Flareon"', - 'src="/assets/img/pkmn/137.png" title="Porygon"', - 'src="/assets/img/pkmn/138.png" title="Omanyte"', - 'src="/assets/img/pkmn/147.png" title="Dratini"', - 'src="/assets/img/pkmn/148.png" title="Dragonair"', - 'src="/assets/img/pkmn/149.png" title="Dragonite"', - 'src="/assets/img/pkmn/150.png" title="Mewtwo"', - 'src="/assets/img/pkmn/151.png" title="Mew"', - 'src="/assets/img/pkmn/155.png" title="Cyndaquil"', - 'src="/assets/img/pkmn/156.png" title="Quilava"', - 'src="/assets/img/pkmn/157.png" title="Typhlosion"', - 'src="/assets/img/pkmn/158.png" title="Totodile"', - 'src="/assets/img/pkmn/159.png" title="Croconaw"', - 'src="/assets/img/pkmn/160.png" title="Feraligatr"', - 'src="/assets/img/pkmn/162.png" title="Furret"', - 'src="/assets/img/pkmn/166.png" title="Ledian"', - 'src="/assets/img/pkmn/167.png" title="Spinarak"', - 'src="/assets/img/pkmn/172.png" title="Pichu"', - 'src="/assets/img/pkmn/175.png" title="Togepi"', - 'src="/assets/img/pkmn/176.png" title="Togetic"', - 'src="/assets/img/pkmn/177.png" title="Natu"', - 'src="/assets/img/pkmn/178.png" title="Xatu"', - 'src="/assets/img/pkmn/179.png" title="Mareep"', - 'src="/assets/img/pkmn/180.png" title="Flaaffy"', - 'src="/assets/img/pkmn/181.png" title="Ampharos"', - 'src="/assets/img/pkmn/182.png" title="Bellossom"', - 'src="/assets/img/pkmn/183.png" title="Marill"', - 'src="/assets/img/pkmn/184.png" title="Azumarill"', - 'src="/assets/img/pkmn/187.png" title="Hoppip"', - 'src="/assets/img/pkmn/190.png" title="Aipom"', - 'src="/assets/img/pkmn/194.png" title="Wooper"', - 'src="/assets/img/pkmn/195.png" title="Quagsire"', - 'src="/assets/img/pkmn/196.png" title="Espeon"', - 'src="/assets/img/pkmn/197.png" title="Umbreon"', - 'src="/assets/img/pkmn/198.png" title="Murkrow"', - 'src="/assets/img/pkmn/200.png" title="Misdreavus"', - 'src="/assets/img/pkmn/202.png" title="Girafarig"', - 'src="/assets/img/pkmn/203.png" title="Wobbuffet"', - 'src="/assets/img/pkmn/206.png" title="Dunsparce"', - 'src="/assets/img/pkmn/212.png" title="Scizor"', - 'src="/assets/img/pkmn/213.png" title="Shuckle"', - 'src="/assets/img/pkmn/215.png" title="Sneasel"', - 'src="/assets/img/pkmn/216.png" title="Teddiursa"', - 'src="/assets/img/pkmn/218.png" title="Slugma"', - 'src="/assets/img/pkmn/222.png" title="Corsola"', - 'src="/assets/img/pkmn/225.png" title="Delibird"', - 'src="/assets/img/pkmn/227.png" title="Skarmory"', - 'src="/assets/img/pkmn/228.png" title="Houndour"', - 'src="/assets/img/pkmn/229.png" title="Houndoom"', - 'src="/assets/img/pkmn/231.png" title="Phanpy"', - 'src="/assets/img/pkmn/233.png" title="Porygon2"', - 'src="/assets/img/pkmn/235.png" title="Smeargle"', - 'src="/assets/img/pkmn/241.png" title="Miltank"', - 'src="/assets/img/pkmn/245.png" title="Suicune"', - 'src="/assets/img/pkmn/248.png" title="Tyranitar"', - 'src="/assets/img/pkmn/249.png" title="Lugia"', - 'src="/assets/img/pkmn/250.png" title="Ho-oh"', - 'src="/assets/img/pkmn/251.png" title="Celebi"', - 'src="/assets/img/pkmn/252.png" title="Treecko"', - 'src="/assets/img/pkmn/253.png" title="Grovyle"', - 'src="/assets/img/pkmn/254.png" title="Sceptile"', - 'src="/assets/img/pkmn/255.png" title="Torchic"', - 'src="/assets/img/pkmn/257.png" title="Blaziken"', - 'src="/assets/img/pkmn/258.png" title="Mudkip"', - 'src="/assets/img/pkmn/260.png" title="Swampert"', - 'src="/assets/img/pkmn/261.png" title="Poochyena"', - 'src="/assets/img/pkmn/262.png" title="Mightyena"', - 'src="/assets/img/pkmn/263.png" title="Zigzagoon"', - 'src="/assets/img/pkmn/265.png" title="Wurmple"', - 'src="/assets/img/pkmn/274.png" title="Nuzleaf"', - 'src="/assets/img/pkmn/280.png" title="Ralts"', - 'src="/assets/img/pkmn/281.png" title="Kirlia"', - 'src="/assets/img/pkmn/282.png" title="Gardevoir"', - 'src="/assets/img/pkmn/286.png" title="Breloom"', - 'src="/assets/img/pkmn/287.png" title="Slakoth"', - 'src="/assets/img/pkmn/298.png" title="Azurill"', - 'src="/assets/img/pkmn/300.png" title="Skitty"', - 'src="/assets/img/pkmn/301.png" title="Delcatty"', - 'src="/assets/img/pkmn/302.png" title="Sableye"', - 'src="/assets/img/pkmn/303.png" title="Mawile"', - 'src="/assets/img/pkmn/304.png" title="Aron"', - 'src="/assets/img/pkmn/306.png" title="Aggron"', - 'src="/assets/img/pkmn/311.png" title="Plusle"', - 'src="/assets/img/pkmn/312.png" title="Minun"', - 'src="/assets/img/pkmn/315.png" title="Roselia"', - 'src="/assets/img/pkmn/322.png" title="Numel"', - 'src="/assets/img/pkmn/327.png" title="Spinda"', - 'src="/assets/img/pkmn/328.png" title="Trapinch"', - 'src="/assets/img/pkmn/329.png" title="Vibrava"', - 'src="/assets/img/pkmn/330.png" title="Flygon"', - 'src="/assets/img/pkmn/334.png" title="Altaria"', - 'src="/assets/img/pkmn/335.png" title="Zangoose"', - 'src="/assets/img/pkmn/336.png" title="Seviper"', - 'src="/assets/img/pkmn/337.png" title="Lunatone"', - 'src="/assets/img/pkmn/338.png" title="Solrock"', - 'src="/assets/img/pkmn/350.png" title="Milotic"', - 'src="/assets/img/pkmn/352.png" title="Kecleon"', - 'src="/assets/img/pkmn/354.png" title="Banette"', - 'src="/assets/img/pkmn/359.png" title="Absol"', - 'src="/assets/img/pkmn/360.png" title="Wynaut"', - 'src="/assets/img/pkmn/363.png" title="Spheal"', - 'src="/assets/img/pkmn/373.png" title="Salamence"', - 'src="/assets/img/pkmn/380.png" title="Latias"', - 'src="/assets/img/pkmn/381.png" title="Latios"', - 'src="/assets/img/pkmn/384.png" title="Rayquaza"', - 'src="/assets/img/pkmn/385.png" title="Jirachi"', - 'src="/assets/img/pkmn/387.png" title="Turtwig"', - 'src="/assets/img/pkmn/389.png" title="Torterra"', - 'src="/assets/img/pkmn/393.png" title="Piplup"', - 'src="/assets/img/pkmn/403.png" title="Shinx"', - 'src="/assets/img/pkmn/404.png" title="Luxio"', - 'src="/assets/img/pkmn/405.png" title="Luxray"', - 'src="/assets/img/pkmn/407.png" title="Roserade"', - 'src="/assets/img/pkmn/418.png" title="Buizel"', - 'src="/assets/img/pkmn/419.png" title="Floatzel"', - 'src="/assets/img/pkmn/423.png" title="Gastrodon"', - 'src="/assets/img/pkmn/424.png" title="Ambipom"', - 'src="/assets/img/pkmn/427.png" title="Buneary"', - 'src="/assets/img/pkmn/428.png" title="Lopunny"', - 'src="/assets/img/pkmn/429.png" title="Mismagius"', - 'src="/assets/img/pkmn/430.png" title="Honchkrow"', - 'src="/assets/img/pkmn/431.png" title="Glameow"', - 'src="/assets/img/pkmn/432.png" title="Purugly"', - 'src="/assets/img/pkmn/445.png" title="Garchomp"', - 'src="/assets/img/pkmn/447.png" title="Riolu"', - 'src="/assets/img/pkmn/448.png" title="Lucario"', - 'src="/assets/img/pkmn/453.png" title="Croagunk"', - 'src="/assets/img/pkmn/461.png" title="Weavile"', - 'src="/assets/img/pkmn/468.png" title="Togekiss"', - 'src="/assets/img/pkmn/470.png" title="Leafeon"', - 'src="/assets/img/pkmn/471.png" title="Glaceon"', - 'src="/assets/img/pkmn/474.png" title="Porygon-Z"', - 'src="/assets/img/pkmn/475.png" title="Gallade"', - 'src="/assets/img/pkmn/478.png" title="Froslass"', - 'src="/assets/img/pkmn/480.png" title="Uxie"', - 'src="/assets/img/pkmn/481.png" title="Mesprit"', - 'src="/assets/img/pkmn/482.png" title="Azelf"', - 'src="/assets/img/pkmn/487.png" title="Giratina"', - 'src="/assets/img/pkmn/488.png" title="Cresselia"', - 'src="/assets/img/pkmn/490.png" title="Manaphy"', - 'src="/assets/img/pkmn/492.png" title="Shaymin"', - 'src="/assets/img/pkmn/493.png" title="Arceus"', - 'src="/assets/img/pkmn/494.png" title="Victini"', - 'src="/assets/img/pkmn/495.png" title="Snivy"', - 'src="/assets/img/pkmn/496.png" title="Servine"', - 'src="/assets/img/pkmn/497.png" title="Serperior"', - 'src="/assets/img/pkmn/498.png" title="Tepig"', - 'src="/assets/img/pkmn/501.png" title="Oshawott"', - 'src="/assets/img/pkmn/502.png" title="Dewott"', - 'src="/assets/img/pkmn/503.png" title="Samurott"', - 'src="/assets/img/pkmn/509.png" title="Purrloin"', - 'src="/assets/img/pkmn/510.png" title="Liepard"', - 'src="/assets/img/pkmn/515.png" title="Panpour"', - 'src="/assets/img/pkmn/516.png" title="Simipour"', - 'src="/assets/img/pkmn/529.png" title="Drilbur"', - 'src="/assets/img/pkmn/530.png" title="Excadrill"', - 'src="/assets/img/pkmn/531.png" title="Audino"', - 'src="/assets/img/pkmn/540.png" title="Sewaddle"', - 'src="/assets/img/pkmn/541.png" title="Swadloon"', - 'src="/assets/img/pkmn/542.png" title="Leavanny"', - 'src="/assets/img/pkmn/545.png" title="Scolipede"', - 'src="/assets/img/pkmn/546.png" title="Cottonee"', - 'src="/assets/img/pkmn/547.png" title="Whimsicott"', - 'src="/assets/img/pkmn/548.png" title="Petilil"', - 'src="/assets/img/pkmn/549.png" title="Lilligant"', - 'src="/assets/img/pkmn/556.png" title="Maractus"', - 'src="/assets/img/pkmn/559.png" title="Scraggy"', - 'src="/assets/img/pkmn/560.png" title="Scrafty"', - 'src="/assets/img/pkmn/566.png" title="Archen"', - 'src="/assets/img/pkmn/567.png" title="Archeops"', - 'src="/assets/img/pkmn/570.png" title="Zorua"', - 'src="/assets/img/pkmn/571.png" title="Zoroark"', - 'src="/assets/img/pkmn/572.png" title="Minccino"', - 'src="/assets/img/pkmn/573.png" title="Cinccino"', - 'src="/assets/img/pkmn/577.png" title="Solosis"', - 'src="/assets/img/pkmn/578.png" title="Duosion"', - 'src="/assets/img/pkmn/579.png" title="Reuniclus"', - 'src="/assets/img/pkmn/580.png" title="Ducklett"', - 'src="/assets/img/pkmn/585.png" title="Deerling"', - 'src="/assets/img/pkmn/587.png" title="Emolga"', - 'src="/assets/img/pkmn/595.png" title="Joltik"', - 'src="/assets/img/pkmn/612.png" title="Haxorus"', - 'src="/assets/img/pkmn/616.png" title="Shelmet"', - 'src="/assets/img/pkmn/619.png" title="Mienfoo"', - 'src="/assets/img/pkmn/620.png" title="Mienshao"', - 'src="/assets/img/pkmn/633.png" title="Deino"', - 'src="/assets/img/pkmn/634.png" title="Zweilous"', - 'src="/assets/img/pkmn/637.png" title="Volcarona"', - 'src="/assets/img/pkmn/638.png" title="Cobalion"', - 'src="/assets/img/pkmn/640.png" title="Virizion"', - 'src="/assets/img/pkmn/643.png" title="Reshiram"', - 'src="/assets/img/pkmn/644.png" title="Zekrom"', - 'src="/assets/img/pkmn/647.png" title="Keldeo"', - 'src="/assets/img/pkmn/648.png" title="Meloetta"', - 'src="/assets/img/pkmn/3-mega.png" title="Mega Venusaur"', - 'src="/assets/img/pkmn/6-mega-x.png" title="Mega Charizard X"', - 'src="/assets/img/pkmn/6-mega-y.png" title="Mega Charizard Y"', - 'src="/assets/img/pkmn/9-mega.png" title="Mega Blastoise"', - 'src="/assets/img/pkmn/15-mega.png" title="Mega Beedrill"', - 'src="/assets/img/pkmn/115-mega.png" title="Mega Kangaskhan"', - 'src="/assets/img/pkmn/150-mega-x.png" title="Mega Mewtwo X"', - 'src="/assets/img/pkmn/150-mega-y.png" title="Mega Mewtwo Y"', - 'src="/assets/img/pkmn/181-mega.png" title="Mega Ampharos"', - 'src="/assets/img/pkmn/212-mega.png" title="Mega Scizor"', - 'src="/assets/img/pkmn/229-mega.png" title="Mega Houndoom"', - 'src="/assets/img/pkmn/248-mega.png" title="Mega Tyranitar"', - 'src="/assets/img/pkmn/254-mega.png" title="Mega Sceptile"', - 'src="/assets/img/pkmn/257-mega.png" title="Mega Blaziken"', - 'src="/assets/img/pkmn/260-mega.png" title="Mega Swampert"', - 'src="/assets/img/pkmn/282-mega.png" title="Mega Gardevoir"', - 'src="/assets/img/pkmn/302-mega.png" title="Mega Sableye"', - 'src="/assets/img/pkmn/306-mega.png" title="Mega Aggron"', - 'src="/assets/img/pkmn/334-mega.png" title="Mega Altaria"', - 'src="/assets/img/pkmn/354-mega.png" title="Mega Banette"', - 'src="/assets/img/pkmn/359-mega.png" title="Mega Absol"', - 'src="/assets/img/pkmn/373-mega.png" title="Mega Salamence"', - 'src="/assets/img/pkmn/428-mega.png" title="Mega Lopunny"', - 'src="/assets/img/pkmn/445-mega.png" title="Mega Garchomp"', - 'src="/assets/img/pkmn/448-mega.png" title="Mega Lucario"', - 'src="/assets/img/pkmn/475-mega.png" title="Mega Gallade"', - 'src="/assets/img/pkmn/531-mega.png" title="Mega Audino"', - 'src="/assets/img/pkmn/650.png" title="Chespin"', - 'src="/assets/img/pkmn/651.png" title="Quilladin"', - 'src="/assets/img/pkmn/652.png" title="Chesnaught"', - 'src="/assets/img/pkmn/653.png" title="Fennekin"', - 'src="/assets/img/pkmn/654.png" title="Braixen"', - 'src="/assets/img/pkmn/655.png" title="Delphox"', - 'src="/assets/img/pkmn/656.png" title="Froakie"', - 'src="/assets/img/pkmn/657.png" title="Frogadier"', - 'src="/assets/img/pkmn/658.png" title="Greninja"', - 'src="/assets/img/pkmn/674.png" title="Pancham"', - 'src="/assets/img/pkmn/676.png" title="Furfrou"', - 'src="/assets/img/pkmn/677.png" title="Espurr"', - 'src="/assets/img/pkmn/678-male.png" title="Meowstic (Male)"', - 'src="/assets/img/pkmn/678-female.png" title="Meowstic (Female)"', - 'src="/assets/img/pkmn/694.png" title="Helioptile"', - 'src="/assets/img/pkmn/695.png" title="Heliolisk"', - 'src="/assets/img/pkmn/699.png" title="Aurorus"', - 'src="/assets/img/pkmn/700.png" title="Sylveon"', - 'src="/assets/img/pkmn/701.png" title="Hawlucha"', - 'src="/assets/img/pkmn/704.png" title="Goomy"', - 'src="/assets/img/pkmn/705.png" title="Sliggoo"', - 'src="/assets/img/pkmn/706.png" title="Goodra"', - 'src="/assets/img/pkmn/708.png" title="Phantump"', - 'src="/assets/img/pkmn/714.png" title="Noibat"', - 'src="/assets/img/pkmn/715.png" title="Noivern"', - 'src="/assets/img/pkmn/716.png" title="Xerneas"', - 'src="/assets/img/pkmn/717.png" title="Yveltal"', - 'src="/assets/img/pkmn/722.png" title="Rowlet"', - 'src="/assets/img/pkmn/723.png" title="Dartrix"', - 'src="/assets/img/pkmn/724.png" title="Decidueye"', - 'src="/assets/img/pkmn/725.png" title="Litten"', - 'src="/assets/img/pkmn/726.png" title="Torracat"', - 'src="/assets/img/pkmn/728.png" title="Popplio"', - 'src="/assets/img/pkmn/729.png" title="Brionne"', - 'src="/assets/img/pkmn/730.png" title="Primarina"', - 'src="/assets/img/pkmn/731.png" title="Pikipek"', - 'src="/assets/img/pkmn/743.png" title="Ribombee"', - 'src="/assets/img/pkmn/744.png" title="Rockruff"', - 'src="/assets/img/pkmn/745.png" title="Lycanroc"', - 'src="/assets/img/pkmn/745-dusk.png" title="Lycanroc (Dusk Form)"', - 'src="/assets/img/pkmn/745-midnight.png" title="Lycanroc (Midnight Form)"', - 'src="/assets/img/pkmn/747.png" title="Mareanie"', - 'src="/assets/img/pkmn/748.png" title="Toxapex"', - 'src="/assets/img/pkmn/753.png" title="Fomantis"', - 'src="/assets/img/pkmn/754.png" title="Lurantis"', - 'src="/assets/img/pkmn/757.png" title="Salandit"', - 'src="/assets/img/pkmn/758.png" title="Salazzle"', - 'src="/assets/img/pkmn/759.png" title="Stufful"', - 'src="/assets/img/pkmn/760.png" title="Bewear"', - 'src="/assets/img/pkmn/762.png" title="Steenee"', - 'src="/assets/img/pkmn/763.png" title="Tsareena"', - 'src="/assets/img/pkmn/771.png" title="Pyukumuku"', - 'src="/assets/img/pkmn/775.png" title="Komala"', - 'src="/assets/img/pkmn/778.png" title="Mimikyu"', - 'src="/assets/img/pkmn/782.png" title="Jangmo-o"', - 'src="/assets/img/pkmn/784.png" title="Kommo-o"', - 'src="/assets/img/pkmn/786.png" title="Tapu Lele"', - 'src="/assets/img/pkmn/789.png" title="Cosmog"', - 'src="/assets/img/pkmn/791.png" title="Solgaleo"', - 'src="/assets/img/pkmn/792.png" title="Lunala"', - 'src="/assets/img/pkmn/797.png" title="Celesteela"', - 'src="/assets/img/pkmn/802.png" title="Marshadow"', - 'src="/assets/img/pkmn/803.png" title="Poipole"', - 'src="/assets/img/pkmn/807.png" title="Zeraora"', - 'src="/assets/img/pkmn/810.png" title="Grookey"', - 'src="/assets/img/pkmn/813.png" title="Scorbunny"', - 'src="/assets/img/pkmn/814.png" title="Raboot"', - 'src="/assets/img/pkmn/815.png" title="Cinderace"', - 'src="/assets/img/pkmn/816.png" title="Sobble"', - 'src="/assets/img/pkmn/817.png" title="Drizzile"', - 'src="/assets/img/pkmn/818.png" title="Inteleon"', - 'src="/assets/img/pkmn/823.png" title="Corviknight"', - 'src="/assets/img/pkmn/827.png" title="Nickit"', - 'src="/assets/img/pkmn/828.png" title="Thievul"', - 'src="/assets/img/pkmn/831.png" title="Wooloo"', - 'src="/assets/img/pkmn/835.png" title="Yamper"', - 'src="/assets/img/pkmn/858.png" title="Hatterene"', - 'src="/assets/img/pkmn/859.png" title="Impidimp"', - 'src="/assets/img/pkmn/862.png" title="Obstagoon"', - 'src="/assets/img/pkmn/869.png" title="Alcremie"', - 'src="/assets/img/pkmn/870.png" title="Falinks"', - 'src="/assets/img/pkmn/872.png" title="Snom"', - 'src="/assets/img/pkmn/876-male.png" title="Indeedee (Male)"', - 'src="/assets/img/pkmn/876-female.png" title="Indeedee (Female)"', - 'src="/assets/img/pkmn/887.png" title="Dragapult"', +var favorites = [ + { img: 'src="/assets/img/pkmn/1.png" title="Bulbasaur"'}, + { img: 'src="/assets/img/pkmn/2.png" title="Ivysaur"'}, + { img: 'src="/assets/img/pkmn/3.png" title="Venusaur"'}, + { img: 'src="/assets/img/pkmn/4.png" title="Charmander"'}, + { img: 'src="/assets/img/pkmn/5.png" title="Charmeleon"'}, + { img: 'src="/assets/img/pkmn/6.png" title="Charizard"'}, + { img: 'src="/assets/img/pkmn/7.png" title="Squirtle"'}, + { img: 'src="/assets/img/pkmn/8.png" title="Wartortle"'}, + { img: 'src="/assets/img/pkmn/9.png" title="Blastoise"'}, + { img: 'src="/assets/img/pkmn/15.png" title="Beedrill"'}, + { img: 'src="/assets/img/pkmn/25.png" title="Pikachu"'}, + { img: 'src="/assets/img/pkmn/26.png" title="Raichu"'}, + { img: 'src="/assets/img/pkmn/28.png" title="Sandslash"'}, + { img: 'src="/assets/img/pkmn/29.png" title="Nidoran (Female)"'}, + { img: 'src="/assets/img/pkmn/30.png" title="Nidorina"'}, + { img: 'src="/assets/img/pkmn/31.png" title="Nidoqueen"'}, + { img: 'src="/assets/img/pkmn/32.png" title="Nidoran (Male)"'}, + { img: 'src="/assets/img/pkmn/33.png" title="Nidorino"'}, + { img: 'src="/assets/img/pkmn/34.png" title="Nidoking"'}, + { img: 'src="/assets/img/pkmn/37.png" title="Vulpix"'}, + { img: 'src="/assets/img/pkmn/38.png" title="Ninetales"'}, + { img: 'src="/assets/img/pkmn/52.png" title="Meowth"'}, + { img: 'src="/assets/img/pkmn/58.png" title="Growlithe"'}, + { img: 'src="/assets/img/pkmn/59.png" title="Arcanine"'}, + { img: 'src="/assets/img/pkmn/79.png" title="Slowpoke"'}, + { img: 'src="/assets/img/pkmn/81.png" title="Magnemite"'}, + { img: 'src="/assets/img/pkmn/82.png" title="Magneton"'}, + { img: 'src="/assets/img/pkmn/87.png" title="Dewgong"'}, + { img: 'src="/assets/img/pkmn/90.png" title="Shellder"'}, + { img: 'src="/assets/img/pkmn/92.png" title="Gastly"'}, + { img: 'src="/assets/img/pkmn/93.png" title="Haunter"'}, + { img: 'src="/assets/img/pkmn/94.png" title="Gengar"'}, + { img: 'src="/assets/img/pkmn/96.png" title="Drowzee"'}, + { img: 'src="/assets/img/pkmn/104.png" title="Cubone"'}, + { img: 'src="/assets/img/pkmn/112.png" title="Rhydon"'}, + { img: 'src="/assets/img/pkmn/115.png" title="Kangaskhan"'}, + { img: 'src="/assets/img/pkmn/131.png" title="Lapras"'}, + { img: 'src="/assets/img/pkmn/133.png" title="Eevee"'}, + { img: 'src="/assets/img/pkmn/134.png" title="Vaporeon"'}, + { img: 'src="/assets/img/pkmn/135.png" title="Jolteon"'}, + { img: 'src="/assets/img/pkmn/136.png" title="Flareon"'}, + { img: 'src="/assets/img/pkmn/137.png" title="Porygon"'}, + { img: 'src="/assets/img/pkmn/138.png" title="Omanyte"'}, + { img: 'src="/assets/img/pkmn/147.png" title="Dratini"'}, + { img: 'src="/assets/img/pkmn/148.png" title="Dragonair"'}, + { img: 'src="/assets/img/pkmn/149.png" title="Dragonite"'}, + { img: 'src="/assets/img/pkmn/150.png" title="Mewtwo"'}, + { img: 'src="/assets/img/pkmn/151.png" title="Mew"'}, + { img: 'src="/assets/img/pkmn/155.png" title="Cyndaquil"'}, + { img: 'src="/assets/img/pkmn/156.png" title="Quilava"'}, + { img: 'src="/assets/img/pkmn/157.png" title="Typhlosion"'}, + { img: 'src="/assets/img/pkmn/158.png" title="Totodile"'}, + { img: 'src="/assets/img/pkmn/159.png" title="Croconaw"'}, + { img: 'src="/assets/img/pkmn/160.png" title="Feraligatr"'}, + { img: 'src="/assets/img/pkmn/162.png" title="Furret"'}, + { img: 'src="/assets/img/pkmn/166.png" title="Ledian"'}, + { img: 'src="/assets/img/pkmn/167.png" title="Spinarak"'}, + { img: 'src="/assets/img/pkmn/172.png" title="Pichu"'}, + { img: 'src="/assets/img/pkmn/175.png" title="Togepi"'}, + { img: 'src="/assets/img/pkmn/176.png" title="Togetic"'}, + { img: 'src="/assets/img/pkmn/177.png" title="Natu"'}, + { img: 'src="/assets/img/pkmn/178.png" title="Xatu"'}, + { img: 'src="/assets/img/pkmn/179.png" title="Mareep"'}, + { img: 'src="/assets/img/pkmn/180.png" title="Flaaffy"'}, + { img: 'src="/assets/img/pkmn/181.png" title="Ampharos"'}, + { img: 'src="/assets/img/pkmn/182.png" title="Bellossom"'}, + { img: 'src="/assets/img/pkmn/183.png" title="Marill"'}, + { img: 'src="/assets/img/pkmn/184.png" title="Azumarill"'}, + { img: 'src="/assets/img/pkmn/187.png" title="Hoppip"'}, + { img: 'src="/assets/img/pkmn/190.png" title="Aipom"'}, + { img: 'src="/assets/img/pkmn/194.png" title="Wooper"'}, + { img: 'src="/assets/img/pkmn/195.png" title="Quagsire"'}, + { img: 'src="/assets/img/pkmn/196.png" title="Espeon"'}, + { img: 'src="/assets/img/pkmn/197.png" title="Umbreon"'}, + { img: 'src="/assets/img/pkmn/198.png" title="Murkrow"'}, + { img: 'src="/assets/img/pkmn/200.png" title="Misdreavus"'}, + { img: 'src="/assets/img/pkmn/202.png" title="Girafarig"'}, + { img: 'src="/assets/img/pkmn/203.png" title="Wobbuffet"'}, + { img: 'src="/assets/img/pkmn/206.png" title="Dunsparce"'}, + { img: 'src="/assets/img/pkmn/212.png" title="Scizor"'}, + { img: 'src="/assets/img/pkmn/213.png" title="Shuckle"'}, + { img: 'src="/assets/img/pkmn/215.png" title="Sneasel"'}, + { img: 'src="/assets/img/pkmn/216.png" title="Teddiursa"'}, + { img: 'src="/assets/img/pkmn/218.png" title="Slugma"'}, + { img: 'src="/assets/img/pkmn/222.png" title="Corsola"'}, + { img: 'src="/assets/img/pkmn/225.png" title="Delibird"'}, + { img: 'src="/assets/img/pkmn/227.png" title="Skarmory"'}, + { img: 'src="/assets/img/pkmn/228.png" title="Houndour"'}, + { img: 'src="/assets/img/pkmn/229.png" title="Houndoom"'}, + { img: 'src="/assets/img/pkmn/231.png" title="Phanpy"'}, + { img: 'src="/assets/img/pkmn/233.png" title="Porygon2"'}, + { img: 'src="/assets/img/pkmn/235.png" title="Smeargle"'}, + { img: 'src="/assets/img/pkmn/241.png" title="Miltank"'}, + { img: 'src="/assets/img/pkmn/245.png" title="Suicune"'}, + { img: 'src="/assets/img/pkmn/248.png" title="Tyranitar"'}, + { img: 'src="/assets/img/pkmn/249.png" title="Lugia"'}, + { img: 'src="/assets/img/pkmn/250.png" title="Ho-oh"'}, + { img: 'src="/assets/img/pkmn/251.png" title="Celebi"'}, + { img: 'src="/assets/img/pkmn/252.png" title="Treecko"'}, + { img: 'src="/assets/img/pkmn/253.png" title="Grovyle"'}, + { img: 'src="/assets/img/pkmn/254.png" title="Sceptile"'}, + { img: 'src="/assets/img/pkmn/255.png" title="Torchic"'}, + { img: 'src="/assets/img/pkmn/257.png" title="Blaziken"'}, + { img: 'src="/assets/img/pkmn/258.png" title="Mudkip"'}, + { img: 'src="/assets/img/pkmn/260.png" title="Swampert"'}, + { img: 'src="/assets/img/pkmn/261.png" title="Poochyena"'}, + { img: 'src="/assets/img/pkmn/262.png" title="Mightyena"'}, + { img: 'src="/assets/img/pkmn/263.png" title="Zigzagoon"'}, + { img: 'src="/assets/img/pkmn/265.png" title="Wurmple"'}, + { img: 'src="/assets/img/pkmn/274.png" title="Nuzleaf"'}, + { img: 'src="/assets/img/pkmn/280.png" title="Ralts"'}, + { img: 'src="/assets/img/pkmn/281.png" title="Kirlia"'}, + { img: 'src="/assets/img/pkmn/282.png" title="Gardevoir"'}, + { img: 'src="/assets/img/pkmn/286.png" title="Breloom"'}, + { img: 'src="/assets/img/pkmn/287.png" title="Slakoth"'}, + { img: 'src="/assets/img/pkmn/298.png" title="Azurill"'}, + { img: 'src="/assets/img/pkmn/300.png" title="Skitty"'}, + { img: 'src="/assets/img/pkmn/301.png" title="Delcatty"'}, + { img: 'src="/assets/img/pkmn/302.png" title="Sableye"'}, + { img: 'src="/assets/img/pkmn/303.png" title="Mawile"'}, + { img: 'src="/assets/img/pkmn/304.png" title="Aron"'}, + { img: 'src="/assets/img/pkmn/306.png" title="Aggron"'}, + { img: 'src="/assets/img/pkmn/311.png" title="Plusle"'}, + { img: 'src="/assets/img/pkmn/312.png" title="Minun"'}, + { img: 'src="/assets/img/pkmn/315.png" title="Roselia"'}, + { img: 'src="/assets/img/pkmn/322.png" title="Numel"'}, + { img: 'src="/assets/img/pkmn/327.png" title="Spinda"'}, + { img: 'src="/assets/img/pkmn/328.png" title="Trapinch"'}, + { img: 'src="/assets/img/pkmn/329.png" title="Vibrava"'}, + { img: 'src="/assets/img/pkmn/330.png" title="Flygon"'}, + { img: 'src="/assets/img/pkmn/334.png" title="Altaria"'}, + { img: 'src="/assets/img/pkmn/335.png" title="Zangoose"'}, + { img: 'src="/assets/img/pkmn/336.png" title="Seviper"'}, + { img: 'src="/assets/img/pkmn/337.png" title="Lunatone"'}, + { img: 'src="/assets/img/pkmn/338.png" title="Solrock"'}, + { img: 'src="/assets/img/pkmn/350.png" title="Milotic"'}, + { img: 'src="/assets/img/pkmn/352.png" title="Kecleon"'}, + { img: 'src="/assets/img/pkmn/354.png" title="Banette"'}, + { img: 'src="/assets/img/pkmn/359.png" title="Absol"'}, + { img: 'src="/assets/img/pkmn/360.png" title="Wynaut"'}, + { img: 'src="/assets/img/pkmn/363.png" title="Spheal"'}, + { img: 'src="/assets/img/pkmn/373.png" title="Salamence"'}, + { img: 'src="/assets/img/pkmn/380.png" title="Latias"'}, + { img: 'src="/assets/img/pkmn/381.png" title="Latios"'}, + { img: 'src="/assets/img/pkmn/384.png" title="Rayquaza"'}, + { img: 'src="/assets/img/pkmn/385.png" title="Jirachi"'}, + { img: 'src="/assets/img/pkmn/387.png" title="Turtwig"'}, + { img: 'src="/assets/img/pkmn/389.png" title="Torterra"'}, + { img: 'src="/assets/img/pkmn/393.png" title="Piplup"'}, + { img: 'src="/assets/img/pkmn/403.png" title="Shinx"'}, + { img: 'src="/assets/img/pkmn/404.png" title="Luxio"'}, + { img: 'src="/assets/img/pkmn/405.png" title="Luxray"'}, + { img: 'src="/assets/img/pkmn/407.png" title="Roserade"'}, + { img: 'src="/assets/img/pkmn/418.png" title="Buizel"'}, + { img: 'src="/assets/img/pkmn/419.png" title="Floatzel"'}, + { img: 'src="/assets/img/pkmn/423.png" title="Gastrodon"'}, + { img: 'src="/assets/img/pkmn/424.png" title="Ambipom"'}, + { img: 'src="/assets/img/pkmn/427.png" title="Buneary"'}, + { img: 'src="/assets/img/pkmn/428.png" title="Lopunny"'}, + { img: 'src="/assets/img/pkmn/429.png" title="Mismagius"'}, + { img: 'src="/assets/img/pkmn/430.png" title="Honchkrow"'}, + { img: 'src="/assets/img/pkmn/431.png" title="Glameow"'}, + { img: 'src="/assets/img/pkmn/432.png" title="Purugly"'}, + { img: 'src="/assets/img/pkmn/445.png" title="Garchomp"'}, + { img: 'src="/assets/img/pkmn/447.png" title="Riolu"'}, + { img: 'src="/assets/img/pkmn/448.png" title="Lucario"'}, + { img: 'src="/assets/img/pkmn/453.png" title="Croagunk"'}, + { img: 'src="/assets/img/pkmn/461.png" title="Weavile"'}, + { img: 'src="/assets/img/pkmn/468.png" title="Togekiss"'}, + { img: 'src="/assets/img/pkmn/470.png" title="Leafeon"'}, + { img: 'src="/assets/img/pkmn/471.png" title="Glaceon"'}, + { img: 'src="/assets/img/pkmn/474.png" title="Porygon-Z"'}, + { img: 'src="/assets/img/pkmn/475.png" title="Gallade"'}, + { img: 'src="/assets/img/pkmn/478.png" title="Froslass"'}, + { img: 'src="/assets/img/pkmn/480.png" title="Uxie"'}, + { img: 'src="/assets/img/pkmn/481.png" title="Mesprit"'}, + { img: 'src="/assets/img/pkmn/482.png" title="Azelf"'}, + { img: 'src="/assets/img/pkmn/487.png" title="Giratina"'}, + { img: 'src="/assets/img/pkmn/488.png" title="Cresselia"'}, + { img: 'src="/assets/img/pkmn/490.png" title="Manaphy"'}, + { img: 'src="/assets/img/pkmn/492.png" title="Shaymin"'}, + { img: 'src="/assets/img/pkmn/493.png" title="Arceus"'}, + { img: 'src="/assets/img/pkmn/494.png" title="Victini"'}, + { img: 'src="/assets/img/pkmn/495.png" title="Snivy"'}, + { img: 'src="/assets/img/pkmn/496.png" title="Servine"'}, + { img: 'src="/assets/img/pkmn/497.png" title="Serperior"'}, + { img: 'src="/assets/img/pkmn/498.png" title="Tepig"'}, + { img: 'src="/assets/img/pkmn/501.png" title="Oshawott"'}, + { img: 'src="/assets/img/pkmn/502.png" title="Dewott"'}, + { img: 'src="/assets/img/pkmn/503.png" title="Samurott"'}, + { img: 'src="/assets/img/pkmn/509.png" title="Purrloin"'}, + { img: 'src="/assets/img/pkmn/510.png" title="Liepard"'}, + { img: 'src="/assets/img/pkmn/515.png" title="Panpour"'}, + { img: 'src="/assets/img/pkmn/516.png" title="Simipour"'}, + { img: 'src="/assets/img/pkmn/529.png" title="Drilbur"'}, + { img: 'src="/assets/img/pkmn/530.png" title="Excadrill"'}, + { img: 'src="/assets/img/pkmn/531.png" title="Audino"'}, + { img: 'src="/assets/img/pkmn/540.png" title="Sewaddle"'}, + { img: 'src="/assets/img/pkmn/541.png" title="Swadloon"'}, + { img: 'src="/assets/img/pkmn/542.png" title="Leavanny"'}, + { img: 'src="/assets/img/pkmn/545.png" title="Scolipede"'}, + { img: 'src="/assets/img/pkmn/546.png" title="Cottonee"'}, + { img: 'src="/assets/img/pkmn/547.png" title="Whimsicott"'}, + { img: 'src="/assets/img/pkmn/548.png" title="Petilil"'}, + { img: 'src="/assets/img/pkmn/549.png" title="Lilligant"'}, + { img: 'src="/assets/img/pkmn/556.png" title="Maractus"'}, + { img: 'src="/assets/img/pkmn/559.png" title="Scraggy"'}, + { img: 'src="/assets/img/pkmn/560.png" title="Scrafty"'}, + { img: 'src="/assets/img/pkmn/566.png" title="Archen"'}, + { img: 'src="/assets/img/pkmn/567.png" title="Archeops"'}, + { img: 'src="/assets/img/pkmn/570.png" title="Zorua"'}, + { img: 'src="/assets/img/pkmn/571.png" title="Zoroark"'}, + { img: 'src="/assets/img/pkmn/572.png" title="Minccino"'}, + { img: 'src="/assets/img/pkmn/573.png" title="Cinccino"'}, + { img: 'src="/assets/img/pkmn/577.png" title="Solosis"'}, + { img: 'src="/assets/img/pkmn/578.png" title="Duosion"'}, + { img: 'src="/assets/img/pkmn/579.png" title="Reuniclus"'}, + { img: 'src="/assets/img/pkmn/580.png" title="Ducklett"'}, + { img: 'src="/assets/img/pkmn/585.png" title="Deerling"'}, + { img: 'src="/assets/img/pkmn/587.png" title="Emolga"'}, + { img: 'src="/assets/img/pkmn/595.png" title="Joltik"'}, + { img: 'src="/assets/img/pkmn/612.png" title="Haxorus"'}, + { img: 'src="/assets/img/pkmn/616.png" title="Shelmet"'}, + { img: 'src="/assets/img/pkmn/619.png" title="Mienfoo"'}, + { img: 'src="/assets/img/pkmn/620.png" title="Mienshao"'}, + { img: 'src="/assets/img/pkmn/633.png" title="Deino"'}, + { img: 'src="/assets/img/pkmn/634.png" title="Zweilous"'}, + { img: 'src="/assets/img/pkmn/637.png" title="Volcarona"'}, + { img: 'src="/assets/img/pkmn/638.png" title="Cobalion"'}, + { img: 'src="/assets/img/pkmn/640.png" title="Virizion"'}, + { img: 'src="/assets/img/pkmn/643.png" title="Reshiram"'}, + { img: 'src="/assets/img/pkmn/644.png" title="Zekrom"'}, + { img: 'src="/assets/img/pkmn/647.png" title="Keldeo"'}, + { img: 'src="/assets/img/pkmn/648.png" title="Meloetta"'}, + { img: 'src="/assets/img/pkmn/3-mega.png" title="Mega Venusaur"'}, + { img: 'src="/assets/img/pkmn/6-mega-x.png" title="Mega Charizard X"'}, + { img: 'src="/assets/img/pkmn/6-mega-y.png" title="Mega Charizard Y"'}, + { img: 'src="/assets/img/pkmn/9-mega.png" title="Mega Blastoise"'}, + { img: 'src="/assets/img/pkmn/15-mega.png" title="Mega Beedrill"'}, + { img: 'src="/assets/img/pkmn/115-mega.png" title="Mega Kangaskhan"'}, + { img: 'src="/assets/img/pkmn/150-mega-x.png" title="Mega Mewtwo X"'}, + { img: 'src="/assets/img/pkmn/150-mega-y.png" title="Mega Mewtwo Y"'}, + { img: 'src="/assets/img/pkmn/181-mega.png" title="Mega Ampharos"'}, + { img: 'src="/assets/img/pkmn/212-mega.png" title="Mega Scizor"'}, + { img: 'src="/assets/img/pkmn/229-mega.png" title="Mega Houndoom"'}, + { img: 'src="/assets/img/pkmn/248-mega.png" title="Mega Tyranitar"'}, + { img: 'src="/assets/img/pkmn/254-mega.png" title="Mega Sceptile"'}, + { img: 'src="/assets/img/pkmn/257-mega.png" title="Mega Blaziken"'}, + { img: 'src="/assets/img/pkmn/260-mega.png" title="Mega Swampert"'}, + { img: 'src="/assets/img/pkmn/282-mega.png" title="Mega Gardevoir"'}, + { img: 'src="/assets/img/pkmn/302-mega.png" title="Mega Sableye"'}, + { img: 'src="/assets/img/pkmn/306-mega.png" title="Mega Aggron"'}, + { img: 'src="/assets/img/pkmn/334-mega.png" title="Mega Altaria"'}, + { img: 'src="/assets/img/pkmn/354-mega.png" title="Mega Banette"'}, + { img: 'src="/assets/img/pkmn/359-mega.png" title="Mega Absol"'}, + { img: 'src="/assets/img/pkmn/373-mega.png" title="Mega Salamence"'}, + { img: 'src="/assets/img/pkmn/428-mega.png" title="Mega Lopunny"'}, + { img: 'src="/assets/img/pkmn/445-mega.png" title="Mega Garchomp"'}, + { img: 'src="/assets/img/pkmn/448-mega.png" title="Mega Lucario"'}, + { img: 'src="/assets/img/pkmn/475-mega.png" title="Mega Gallade"'}, + { img: 'src="/assets/img/pkmn/531-mega.png" title="Mega Audino"'}, + { img: 'src="/assets/img/pkmn/650.png" title="Chespin"'}, + { img: 'src="/assets/img/pkmn/651.png" title="Quilladin"'}, + { img: 'src="/assets/img/pkmn/652.png" title="Chesnaught"'}, + { img: 'src="/assets/img/pkmn/653.png" title="Fennekin"'}, + { img: 'src="/assets/img/pkmn/654.png" title="Braixen"'}, + { img: 'src="/assets/img/pkmn/655.png" title="Delphox"'}, + { img: 'src="/assets/img/pkmn/656.png" title="Froakie"'}, + { img: 'src="/assets/img/pkmn/657.png" title="Frogadier"'}, + { img: 'src="/assets/img/pkmn/658.png" title="Greninja"'}, + { img: 'src="/assets/img/pkmn/674.png" title="Pancham"'}, + { img: 'src="/assets/img/pkmn/676.png" title="Furfrou"'}, + { img: 'src="/assets/img/pkmn/677.png" title="Espurr"'}, + { img: 'src="/assets/img/pkmn/678-male.png" title="Meowstic (Male)"'}, + { img: 'src="/assets/img/pkmn/678-female.png" title="Meowstic (Female)"'}, + { img: 'src="/assets/img/pkmn/694.png" title="Helioptile"'}, + { img: 'src="/assets/img/pkmn/695.png" title="Heliolisk"'}, + { img: 'src="/assets/img/pkmn/699.png" title="Aurorus"'}, + { img: 'src="/assets/img/pkmn/700.png" title="Sylveon"'}, + { img: 'src="/assets/img/pkmn/701.png" title="Hawlucha"'}, + { img: 'src="/assets/img/pkmn/704.png" title="Goomy"'}, + { img: 'src="/assets/img/pkmn/705.png" title="Sliggoo"'}, + { img: 'src="/assets/img/pkmn/706.png" title="Goodra"'}, + { img: 'src="/assets/img/pkmn/708.png" title="Phantump"'}, + { img: 'src="/assets/img/pkmn/714.png" title="Noibat"'}, + { img: 'src="/assets/img/pkmn/715.png" title="Noivern"'}, + { img: 'src="/assets/img/pkmn/716.png" title="Xerneas"'}, + { img: 'src="/assets/img/pkmn/717.png" title="Yveltal"'}, + { img: 'src="/assets/img/pkmn/722.png" title="Rowlet"'}, + { img: 'src="/assets/img/pkmn/723.png" title="Dartrix"'}, + { img: 'src="/assets/img/pkmn/724.png" title="Decidueye"'}, + { img: 'src="/assets/img/pkmn/725.png" title="Litten"'}, + { img: 'src="/assets/img/pkmn/726.png" title="Torracat"'}, + { img: 'src="/assets/img/pkmn/728.png" title="Popplio"'}, + { img: 'src="/assets/img/pkmn/729.png" title="Brionne"'}, + { img: 'src="/assets/img/pkmn/730.png" title="Primarina"'}, + { img: 'src="/assets/img/pkmn/731.png" title="Pikipek"'}, + { img: 'src="/assets/img/pkmn/743.png" title="Ribombee"'}, + { img: 'src="/assets/img/pkmn/744.png" title="Rockruff"'}, + { img: 'src="/assets/img/pkmn/745.png" title="Lycanroc"'}, + { img: 'src="/assets/img/pkmn/745-dusk.png" title="Lycanroc (Dusk Form)"'}, + { img: 'src="/assets/img/pkmn/745-midnight.png" title="Lycanroc (Midnight Form)"'}, + { img: 'src="/assets/img/pkmn/747.png" title="Mareanie"'}, + { img: 'src="/assets/img/pkmn/748.png" title="Toxapex"'}, + { img: 'src="/assets/img/pkmn/753.png" title="Fomantis"'}, + { img: 'src="/assets/img/pkmn/754.png" title="Lurantis"'}, + { img: 'src="/assets/img/pkmn/757.png" title="Salandit"'}, + { img: 'src="/assets/img/pkmn/758.png" title="Salazzle"'}, + { img: 'src="/assets/img/pkmn/759.png" title="Stufful"'}, + { img: 'src="/assets/img/pkmn/760.png" title="Bewear"'}, + { img: 'src="/assets/img/pkmn/762.png" title="Steenee"'}, + { img: 'src="/assets/img/pkmn/763.png" title="Tsareena"'}, + { img: 'src="/assets/img/pkmn/771.png" title="Pyukumuku"'}, + { img: 'src="/assets/img/pkmn/775.png" title="Komala"'}, + { img: 'src="/assets/img/pkmn/778.png" title="Mimikyu"'}, + { img: 'src="/assets/img/pkmn/782.png" title="Jangmo-o"'}, + { img: 'src="/assets/img/pkmn/784.png" title="Kommo-o"'}, + { img: 'src="/assets/img/pkmn/786.png" title="Tapu Lele"'}, + { img: 'src="/assets/img/pkmn/789.png" title="Cosmog"'}, + { img: 'src="/assets/img/pkmn/791.png" title="Solgaleo"'}, + { img: 'src="/assets/img/pkmn/792.png" title="Lunala"'}, + { img: 'src="/assets/img/pkmn/797.png" title="Celesteela"'}, + { img: 'src="/assets/img/pkmn/802.png" title="Marshadow"'}, + { img: 'src="/assets/img/pkmn/803.png" title="Poipole"'}, + { img: 'src="/assets/img/pkmn/807.png" title="Zeraora"'}, + { img: 'src="/assets/img/pkmn/810.png" title="Grookey"'}, + { img: 'src="/assets/img/pkmn/813.png" title="Scorbunny"'}, + { img: 'src="/assets/img/pkmn/814.png" title="Raboot"'}, + { img: 'src="/assets/img/pkmn/815.png" title="Cinderace"'}, + { img: 'src="/assets/img/pkmn/816.png" title="Sobble"'}, + { img: 'src="/assets/img/pkmn/817.png" title="Drizzile"'}, + { img: 'src="/assets/img/pkmn/818.png" title="Inteleon"'}, + { img: 'src="/assets/img/pkmn/823.png" title="Corviknight"'}, + { img: 'src="/assets/img/pkmn/827.png" title="Nickit"'}, + { img: 'src="/assets/img/pkmn/828.png" title="Thievul"'}, + { img: 'src="/assets/img/pkmn/831.png" title="Wooloo"'}, + { img: 'src="/assets/img/pkmn/835.png" title="Yamper"'}, + { img: 'src="/assets/img/pkmn/858.png" title="Hatterene"'}, + { img: 'src="/assets/img/pkmn/859.png" title="Impidimp"'}, + { img: 'src="/assets/img/pkmn/862.png" title="Obstagoon"'}, + { img: 'src="/assets/img/pkmn/869.png" title="Alcremie"'}, + { img: 'src="/assets/img/pkmn/870.png" title="Falinks"'}, + { img: 'src="/assets/img/pkmn/872.png" title="Snom"'}, + { img: 'src="/assets/img/pkmn/876-male.png" title="Indeedee (Male)"'}, + { img: 'src="/assets/img/pkmn/876-female.png" title="Indeedee (Female)"'}, + { img: 'src="/assets/img/pkmn/887.png" title="Dragapult"'} ]; -var unique = [...new Set(pkmn)]; -for (var i = 0; i < 6; i++) { - document.write(""); +function getRandomUniquePkmn(pkmnArray, count) { + const uniquePkmn = new Set(); + const totalPkmn = pkmnArray.length; + + while (uniquePkmn.size < count && uniquePkmn.size < totalPkmn) { + const randomIndex = Math.floor(Math.random() * totalPkmn); + uniquePkmn.add(pkmnArray[randomIndex]); + } + return Array.from(uniquePkmn).slice(0, count); } + +const party = getRandomUniquePkmn(favorites, 6); + +party.forEach(pkmnData => { + const imgElement = document.createElement("img"); + const imgAttributes = pkmnData.img.match(/src="([^"]+)"/); + imgElement.src = imgAttributes[1]; + imgElement.title = pkmnData.img.match(/title="([^"]+)"/)[1]; + + document.getElementById("pkmn").appendChild(imgElement); + + imgElement.addEventListener("mouseover", () => { + let select = document.createElement("audio"); + select.src = ("/assets/audio/select.ogg"); + select.play(); + }); +}); \ No newline at end of file diff --git a/_src/data/art/artwork/PETSCII sunny.md b/_src/data/art/artwork/PETSCII sunny.md index 0f2d430..a825fde 100644 --- a/_src/data/art/artwork/PETSCII sunny.md +++ b/_src/data/art/artwork/PETSCII sunny.md @@ -1,10 +1,12 @@ --- images: - src: /assets/img/art/petscii_sundae1.png - alt: Front-facing bust portrait of Sundae drawn in PETSCII (bitmap/text mode artwork). His hair looks a bit ruffled up. + alt: Front-facing bust portrait of Sundae. His hair looks a bit ruffled up. + width: 240 date: 2023-02-26 - src: /assets/img/art/petscii_sundae-redo1.png - alt: Revisioned front-facing bust portrait of Sundae. He looks closer in style to his reference/model sheet. + alt: Revisioned front-facing bust portrait of Sundae, with shinier hair. + width: 240 date: 2023-04-14 --- diff --git a/_src/data/art/artwork/acnl sunny.md b/_src/data/art/artwork/acnl sunny.md index d93f7f1..334d4d9 100644 --- a/_src/data/art/artwork/acnl sunny.md +++ b/_src/data/art/artwork/acnl sunny.md @@ -1,19 +1,24 @@ --- images: - src: /assets/img/art/acnl_sundae.png - alt: Bust portrait of Sundae smiling at the viewer with his eyes closed, silhouette outlined with the colors of the rainbow and then a white outline around. + alt: Bust portrait of Sundae smiling at the viewer with his eyes closed, outlined in rainbow colors and a secondary white outline around that. date: 2021-09-09 width: 320 - src: /assets/img/art/acnl_sundae-redo1.png - alt: Revisioned bust portrait of Sundae, smiling at the viewer with his eyes closed, superimposed on a rainbow flag background. + alt: Revisioned bust portrait of Sundae, smiling at the viewer with his eyes closed, superimposed on the rainbow pride flag. date: 2022-01-01 width: 320 - src: /assets/img/art/acnl_sundae-redo2.png - alt: hi + alt: Latest revision with the view from the front, superimposed on the Agender pride flag. date: 2024-10-28 width: 320 --- -Originally a town flag design for my Animal Crossing New Leaf town. +![Rainbow pride flag](/assets/img/flag/rainbow.svg) +![Agender pride flag](/assets/img/flag/agender.svg) -
In-game screenshot of my town hall's flag.
\ No newline at end of file +Originally made to be used as a town flag design for my Animal Crossing New Leaf town. + +I used these as avatars for a while. + +
In-game screenshot of my town hall's flag.
\ No newline at end of file diff --git a/_src/data/art/artwork/furred dragon 2.md b/_src/data/art/artwork/furred dragon 2.md index 2218c0a..b62dd27 100644 --- a/_src/data/art/artwork/furred dragon 2.md +++ b/_src/data/art/artwork/furred dragon 2.md @@ -5,6 +5,4 @@ images: date: 2021-12-24 --- -This was supposed to be a full-length portrait of sundae's dragon form, but I had difficulty figuring out perspective, drawing dragon wings and ultimately got frustrated. - -I did draw his entire body, but it had some issues, coupled with the ones above. +This was supposed to be a full-length portrait of Sundae's dragon form, but I had difficulty figuring out perspective, drawing dragon wings and ultimately got frustrated. diff --git a/_src/data/art/artwork/lick icon.md b/_src/data/art/artwork/lick icon.md index 340d1d2..bfc7f17 100644 --- a/_src/data/art/artwork/lick icon.md +++ b/_src/data/art/artwork/lick icon.md @@ -1,7 +1,7 @@ --- images: - src: /assets/img/art/sundae_lick.gif - alt: Pixel art animation of Sundae licking the screen + alt: Pixel art animation of Sundae licking the screen. date: 2025-03-18 width: 480 --- diff --git a/_src/data/art/artwork/pride.md b/_src/data/art/artwork/pride.md index af21ae3..a8566eb 100644 --- a/_src/data/art/artwork/pride.md +++ b/_src/data/art/artwork/pride.md @@ -8,7 +8,8 @@ images: date: 2022-11-20 --- +![Pansexual pride flag](/assets/img/flag/pansexual.svg) + First done in {%ai"https://www.clipstudio.net/en/"%}Clip Studio Paint{%endai%}, but I eventually settled on {%ai"https://krita.org/en/"%}Krita{%endai%} and re-drew him there. The scope of this was originally much large. It would've been a huge undertaking to re-do the background for it, which is why I re-purposed it for pride month. -![Pansexual pride flag](/assets/img/flag/pansexual.svg) diff --git a/_src/data/art/artwork/sunny doodle.md b/_src/data/art/artwork/sunny doodle.md index a5e19bb..464d8ac 100644 --- a/_src/data/art/artwork/sunny doodle.md +++ b/_src/data/art/artwork/sunny doodle.md @@ -5,7 +5,8 @@ images: date: 2020-05-06 --- -The first doodle of the boy, done in MS Paint. +The first doodle of the boy, done in Microsoft Paint. -**(?)** I'm not sure when I actually made this, again due to lack of chat logs and file dates. -The earliest I could point to is during 2020, when I made a secondary youtube channel to upload [Cave Story's soundtracks](https://youtube.com/@fosstracks/videos), since at the time, there weren't any great uploads. +I'm not sure when I actually made this, due to lack of chat logs and file dates being wiped. + +The earliest I could point to is during 2020, when I made a secondary youtube channel to upload {%ai"https://youtube.com/@fosstracks/videos"%}Cave Story's soundtracks{%endai%}, since at the time, there weren't any great uploads. diff --git a/_src/data/art/artwork/sunny headpat.md b/_src/data/art/artwork/sunny headpat.md index 66cfbfb..f943da2 100644 --- a/_src/data/art/artwork/sunny headpat.md +++ b/_src/data/art/artwork/sunny headpat.md @@ -1,6 +1,8 @@ --- images: - src: /assets/img/art/sundae_headpat.png - alt: Half-length portrait of Sundae done in MS Paint. He's getting a head pat from a disembodied white hand. + alt: Half-length portrait of Sundae. He's getting a head pat from a disembodied white hand. date: 2021-11-18 --- + +Done in Microsoft Paint. \ No newline at end of file diff --git a/_src/data/art/artwork/vector bun.md b/_src/data/art/artwork/vector bun.md index b08f779..63b2866 100644 --- a/_src/data/art/artwork/vector bun.md +++ b/_src/data/art/artwork/vector bun.md @@ -5,6 +5,8 @@ images: date: 2023-09-01 --- +![Transgender pride flag](/assets/img/flag/trans.svg) + Made using {%ai"https://lvllvl.com/"%}lvllvl{%endai%}'s vector mode, with the "modular shapes" vector set. A character that I first made in ROBLOX. @@ -13,6 +15,5 @@ They're unnamed, because I haven't done much with them outside of this artwork. Although, I was surprised how cute I could make an avatar that's not restricted to the default square body that I've been accustomed to for a decade. Color palette used: {%ai"https://lospec.com/palette-list/cs112-v2"%}CS112-V2{%endai%} -![Transgender pride flag](/assets/img/flag/trans.svg) -
Reference screenshot the bunny
\ No newline at end of file +
Reference screenshot of the avatar
\ No newline at end of file diff --git a/_src/data/art/fanart/PETSCII kass.md b/_src/data/art/fanart/PETSCII kass.md index dcee8ce..806c01b 100644 --- a/_src/data/art/fanart/PETSCII kass.md +++ b/_src/data/art/fanart/PETSCII kass.md @@ -1,7 +1,7 @@ --- images: - src: /assets/img/art/petscii_kass.png - alt: Side portrait PETSCII artwork of Kass from The Legend of Zelda Breath of the Wild. + alt: Side portrait of Kass from The Legend of Zelda Breath of the Wild. date: 2023-02-23 --- @@ -9,4 +9,4 @@ A PETSCII rendition of a screenshot that I took in The Legend of Zelda: Breath o Color palette used: {%ai"https://lospec.com/palette-list/new-worlds-46"%}New Worlds 46{%endai%} -
Reference screenshot of Kass that I took in Breath of the Wild
\ No newline at end of file +
In-game screenshot of Kass that I took as reference.
\ No newline at end of file diff --git a/_src/data/art/fanart/PETSCII sue.md b/_src/data/art/fanart/PETSCII sue.md index 063287e..51deaa4 100644 --- a/_src/data/art/fanart/PETSCII sue.md +++ b/_src/data/art/fanart/PETSCII sue.md @@ -1,7 +1,7 @@ --- images: - src: /assets/img/art/petscii_sue.png - alt: PETSCII artwork of Sue Sakamoto from Cave Story. The view is from behind them, sitting, looking out from the Outer Wall. + alt: Sue Sakamoto from Cave Story sitting and looking out from the Outer Wall. date: 2023-01-16 --- diff --git a/_src/data/art/fanart/klonoa sitting.md b/_src/data/art/fanart/klonoa sitting.md index 403cf48..54a8577 100644 --- a/_src/data/art/fanart/klonoa sitting.md +++ b/_src/data/art/fanart/klonoa sitting.md @@ -1,6 +1,8 @@ --- images: - src: /assets/img/art/klonoa_sitting.png - alt: Klonoa done in MS Paint, drawn from the side. He's sitting on a ledge, with a hand on his knee and a leg dangling from the viewer's side. + 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 ---- \ No newline at end of file +--- + +Done in Microsoft Paint. \ No newline at end of file diff --git a/_src/data/blog/Break time.md b/_src/data/blog/Break time.md index c6f46ac..e5cff8c 100644 --- a/_src/data/blog/Break time.md +++ b/_src/data/blog/Break time.md @@ -5,6 +5,10 @@ modified: 2025-05-23 blurb:

Invalid DateTime. ha, got you.

avatar: /assets/img/art/sundae_glistening.png --- +### {{page.fileSlug}} + + +

WARNING: BORING NERD TOPIC AHOY

I had mentioned on my Neocities profile that I would look into re-writing my website fairly soon right after pushing an update out. Took a bit longer than I would've liked honestly, but it's here! diff --git a/_src/data/blog/Rewrite 2.0.md b/_src/data/blog/Rewrite 2.0.md index d93a1c3..5622107 100644 --- a/_src/data/blog/Rewrite 2.0.md +++ b/_src/data/blog/Rewrite 2.0.md @@ -5,6 +5,8 @@ modified: 2025-05-23 blurb:

i hate luxon

avatar: /assets/img/art/sundae_glistening.png --- +### {{page.fileSlug}} + Hi... I spent a good 8+ months not working on much of anything, really. @@ -26,10 +28,10 @@ Here's a snippet of my time filters in my `eleventy.config.js`: import { format } from "date-fns"; eleventyConfig.addFilter("ISO", (dateObj) => { - return format(dateObj, "yyyy-LL-dd"); + return format(dateObj, "yyyy-LL-dd"); }); eleventyConfig.addFilter("readable", (dateObj) => { - return format(dateObj, "LLLL d, yyyy"); + return format(dateObj, "LLLL d, yyyy"); }); ``` @@ -37,4 +39,7 @@ eleventyConfig.addFilter("readable", (dateObj) => { I decided to change the presentation of my [interests](/home#interests), previously a shelf with game cases and CD jewel cases, to instead be desktop shortcut entries. -
How the shelving featuring my personal favorite games and music looked before.
How it looks now.
+If you'd like to implement this yourself, you can find the source files in the [old branch](https://bunsin.space/forgejo/sundae/website/src/branch/old) + +
How the shelving featuring my personal favorite games and music looked before.
 +
How it looks now.
Note: the cut-off in the middle is meant to showcase the light and dark theme.
diff --git a/_src/data/blog/System switching.md b/_src/data/blog/System switching.md index 3e9439f..d41f49c 100644 --- a/_src/data/blog/System switching.md +++ b/_src/data/blog/System switching.md @@ -5,11 +5,14 @@ modified: 2025-05-19 blurb:

whatever i'm using might not necessarily work for you

avatar: /assets/img/art/sundae_glistening.png --- +### {{page.fileSlug}} + +

EDIT:

With Microsoft announcing that {%ai"https://support.microsoft.com/en-us/windows/windows-10-support-ends-on-october-14-2025-2ca8b313-1946-43d3-b55c-2b95b107f281"%}Windows 10 will stop being supported after October 14, 2025{%endai%}, I highly recommend looking into Linux if your device is on Windows 10 and you don't want to buy a whole new device that meets the system requirements of 11. -Here's {%ai"https://endof10.org/"%}a resource for that{%endai%} if you aren't sure how to proceed. +Here's {%ai"https://kde.org/for/w10-exiles/"%}a handy resource{%endai%} if you aren't sure how to proceed. I'm not paid or anything to mention this, I just think **we shouldn't have to put up with capitalist bullshit to continue using a device.**
@@ -25,7 +28,7 @@ My main "worries" and/or misconceptions before getting into it were:

I had grown tired of Windows and Microsoft as a whole yada yada—

- +
**You've most likely heard this sentiment before, and no, I'm not any more special with my reasoning.** diff --git a/_src/data/changelog/2023-07-16.md b/_src/data/changelog/2023-07-16.md index b5df512..1e1dde2 100644 --- a/_src/data/changelog/2023-07-16.md +++ b/_src/data/changelog/2023-07-16.md @@ -1,5 +1,5 @@ ![](/assets/img/changelog/ver1.png) * Changed backgrounds - * New vector icon of Sundae as the inner background + * New vector icon of Sunny as the inner background * Orange-yellow radial gradient for the outer background diff --git a/_src/data/changelog/2025-05-23.md b/_src/data/changelog/2025-05-23.md index 7c82d2c..6155177 100644 --- a/_src/data/changelog/2025-05-23.md +++ b/_src/data/changelog/2025-05-23.md @@ -13,7 +13,7 @@ Read the [accompanying blog post](/blog/rewrite-2.0) * Headers are now consistent with blog post headers * Fixed the Pokemon box cutting off at lower resolutions * Changed sidebar - * Sunny is sitting there, now + * Sunny is there again, sitting this time. * Changed [Blog](/blog) * Fixed header links not working in blog posts * Added functionality for blog-specific avatars and image attachments to the postscript blurb diff --git a/_src/pages/home.html b/_src/pages/home.html index c1e933e..282e10b 100644 --- a/_src/pages/home.html +++ b/_src/pages/home.html @@ -15,7 +15,7 @@ icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z" {% for item in games.items %}
  • -
    Box art cover for {{item.title}}
    +
    Game icon for {{item.title}}
    {{item.title}}
    • @@ -48,15 +48,6 @@ icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z" {% endfor %} -

    Others

    -

    Critters!

    +

    Fun!

    +