old website
This commit is contained in:
commit
218487dc22
557 changed files with 7054 additions and 0 deletions
2
.gitignore
vendored
Normal file
2
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
node_modules/
|
||||
_site/
|
||||
28
_src/_data/88x31-mine.json
Normal file
28
_src/_data/88x31-mine.json
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"alt": "Sunny's website",
|
||||
"button": "/assets/img/button/sunbun_d.gif",
|
||||
"name": "sunbun",
|
||||
"url": "/"
|
||||
},
|
||||
{
|
||||
"alt": "Sunny's website",
|
||||
"button": "/assets/img/button/sunbun_c.gif",
|
||||
"name": "sunbun",
|
||||
"url": "/"
|
||||
},
|
||||
{
|
||||
"alt": "Sunny's website",
|
||||
"button": "/assets/img/button/sunbun_b.gif",
|
||||
"name": "sunbun",
|
||||
"url": "/"
|
||||
},
|
||||
{
|
||||
"alt": "Sunny's website",
|
||||
"button": "/assets/img/button/sunbun_a.gif",
|
||||
"name": "sunbun",
|
||||
"url": "/"
|
||||
}
|
||||
]
|
||||
}
|
||||
112
_src/_data/88x31-others.json
Normal file
112
_src/_data/88x31-others.json
Normal file
|
|
@ -0,0 +1,112 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"alt": "Github repo for Visual Studio Codium",
|
||||
"button": "/assets/img/button/vscodium.gif",
|
||||
"name": "Made with VSCodium",
|
||||
"url": "https://github.com/VSCodium/vscodium"
|
||||
},
|
||||
{
|
||||
"alt": "Eleventy home page",
|
||||
"button": "/assets/img/button/made_with_11ty.gif",
|
||||
"name": "Made with 11ty",
|
||||
"url": "https://11ty.dev"
|
||||
},
|
||||
{
|
||||
"alt": "Mozilla Developer Network home page",
|
||||
"button": "/assets/img/button/firefox.gif",
|
||||
"name": "tested on Firefox",
|
||||
"url": "https://developer.mozilla.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Librewolf home page",
|
||||
"button": "/assets/img/button/get-librewolf.gif",
|
||||
"name": "Delete Chrome! GET LIBREWOLF",
|
||||
"url": "https://librewolf.net/"
|
||||
},
|
||||
{
|
||||
"alt": "Arch Linux wiki home page",
|
||||
"button": "/assets/img/button/arch-linux.png",
|
||||
"name": "Arch Linux",
|
||||
"url": "https://wiki.archlinux.org/title/Main_page"
|
||||
},
|
||||
{
|
||||
"alt": "KDE home page",
|
||||
"button": "/assets/img/button/kde.gif",
|
||||
"name": "Konqi!",
|
||||
"url": "https://kde.org"
|
||||
},
|
||||
{
|
||||
"alt": "Xenia tribute page",
|
||||
"button": "/assets/img/button/xenia.gif",
|
||||
"name": "Linux now!",
|
||||
"url": "https://xenia-linux-site.glitch.me/"
|
||||
},
|
||||
{
|
||||
"alt": "Pngquant home page",
|
||||
"button": "/assets/img/button/pngquant.gif",
|
||||
"name": "pngquant",
|
||||
"url": "https://pngquant.org/"
|
||||
},
|
||||
{
|
||||
"alt": "World Wide Web Consortium HTML Validator page",
|
||||
"button": "/assets/img/button/w3_validator.gif",
|
||||
"name": "W3 Validator",
|
||||
"url": "https://validator.w3.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Videolan home page",
|
||||
"button": "/assets/img/button/vlc.png",
|
||||
"name": "VLC media player",
|
||||
"url": "https://www.videolan.org/vlc/"
|
||||
},
|
||||
{
|
||||
"alt": "YouTube video featuring Bob from Animal Crossing",
|
||||
"button": "/assets/img/button/bob.gif",
|
||||
"name": "Bob.",
|
||||
"url": "https://youtube.com/watch?v=yD2FSwTy2lw"
|
||||
},
|
||||
{
|
||||
"alt": "freemediaheckyeah home page",
|
||||
"button": "/assets/img/button/piracy-now.gif",
|
||||
"name": "Piracy now!",
|
||||
"url": "https://fmhy.net/"
|
||||
},
|
||||
{
|
||||
"alt": "Usemumble on Neocities",
|
||||
"button": "/assets/img/button/discord-no-way.gif",
|
||||
"name": "Discord? No way!",
|
||||
"url": "https://usemumble.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Matrix home page",
|
||||
"button": "/assets/img/button/matrix.png",
|
||||
"name": "matrix",
|
||||
"url": "https://matrix.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Boodlebox on Neocities",
|
||||
"button": "/assets/img/button/thiswebsitesucks.gif",
|
||||
"name": "This Website SUCKS",
|
||||
"url": "https://boodlebox.neocities.org/award2"
|
||||
},
|
||||
{
|
||||
"alt": "Flashpoint archive home page",
|
||||
"button": "/assets/img/button/flashpoint.gif",
|
||||
"name": "GET FLASHPOINT; WEB GAME ARCHIVE",
|
||||
"url": "https://flashpointarchive.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Lospec random palette page",
|
||||
"button": "/assets/img/button/lospec.png",
|
||||
"name": "Random Lospec palette",
|
||||
"url": "https://lospec.com/palette-list/random"
|
||||
},
|
||||
{
|
||||
"alt": "The mod archive home page",
|
||||
"button": "/assets/img/button/modarchive.gif",
|
||||
"name": "MOD ARCHIVE",
|
||||
"url": "https://modarchive.org/"
|
||||
}
|
||||
]
|
||||
}
|
||||
115
_src/_data/88x31-outgoing.json
Normal file
115
_src/_data/88x31-outgoing.json
Normal file
|
|
@ -0,0 +1,115 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"alt": "Betty bee's website",
|
||||
"button": "/assets/img/button/mn8831.png",
|
||||
"name": "the mice nest",
|
||||
"url": "https://micenest.xyz/"
|
||||
},
|
||||
{
|
||||
"alt": "Lati's website",
|
||||
"button": "/assets/img/button/creature0354.gif",
|
||||
"name": "lati!!!",
|
||||
"url": "https://creature0354.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Kiophen's website",
|
||||
"button": "/assets/img/button/kiophen.gif",
|
||||
"name": "kiophen",
|
||||
"url": "https://mileshouse.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Tequt's website",
|
||||
"button": "/assets/img/button/tequt.gif",
|
||||
"name": "tequt",
|
||||
"url": "https://tequt.click/"
|
||||
},
|
||||
{
|
||||
"alt": "Marty's website",
|
||||
"button": "/assets/img/button/marty.jpg",
|
||||
"name": "marty's house",
|
||||
"url": "https://martyshouse.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Drakonic's website",
|
||||
"button": "/assets/img/button/drakonic.gif",
|
||||
"name": "DRAKONIC.ZONE",
|
||||
"url": "https://drakonic.zone/"
|
||||
},
|
||||
{
|
||||
"alt": "Swifty's website",
|
||||
"button": "/assets/img/button/swiftyshq.gif",
|
||||
"name": "Swifty's HQ!",
|
||||
"url": "https://swiftyshq.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Em Essex's website",
|
||||
"button": "/assets/img/button/msx.gif",
|
||||
"name": "MSX.HORSE",
|
||||
"url": "https://heckscaper.com/"
|
||||
},
|
||||
{
|
||||
"alt": "cabl's website",
|
||||
"button": "/assets/img/button/cabl.gif",
|
||||
"name": "cabl",
|
||||
"url": "https://cabl.rodeo/"
|
||||
},
|
||||
{
|
||||
"alt": "pinkderg's website",
|
||||
"button": "/assets/img/button/pinkderg.gif",
|
||||
"name": "pinkderg.art",
|
||||
"url": "https://pinkderg.art/"
|
||||
},
|
||||
{
|
||||
"alt": "suspiciouslyBee's website",
|
||||
"button": "/assets/img/button/suspiciouslybee.png",
|
||||
"name": "bee on the internet",
|
||||
"url": "https://bee.movie/"
|
||||
},
|
||||
{
|
||||
"alt": "Rowan's website",
|
||||
"button": "/assets/img/button/rowan.gif",
|
||||
"name": "owo",
|
||||
"url": "https://rowans.blog"
|
||||
},
|
||||
{
|
||||
"alt": "Snewberry's website",
|
||||
"button": "/assets/img/button/snewberry.gif",
|
||||
"name": "Snewberry",
|
||||
"url": "https://snewberry.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Virtually Isolated's website",
|
||||
"button": "/assets/img/button/virtuallyisolated.png",
|
||||
"name": "virtually isolated",
|
||||
"url": "https://virtually-isolated.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Beeps' website",
|
||||
"button": "/assets/img/button/beeps.gif",
|
||||
"name": "beeps",
|
||||
"url": "https://beeps.website/"
|
||||
},
|
||||
{
|
||||
"alt": "a sped-up gif of a fox sniffing the viewer",
|
||||
"button": "/assets/img/button/fox-nose.gif",
|
||||
"id": "fox",
|
||||
"name": "fox",
|
||||
"url": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit"
|
||||
},
|
||||
{
|
||||
"alt": "BraixDragon's linktree",
|
||||
"button": "/assets/img/button/braixdragon-cat1.gif",
|
||||
"id": "meow",
|
||||
"name": ":3",
|
||||
"url": "https://linktr.ee/BraixDragon"
|
||||
},
|
||||
|
||||
{
|
||||
"alt": "Crouton",
|
||||
"button": "/assets/img/button/crouton.png",
|
||||
"name": "Crouton",
|
||||
"url": "https://crouton.net"
|
||||
}
|
||||
]
|
||||
}
|
||||
124
_src/_data/art.json
Normal file
124
_src/_data/art.json
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"alt": "Sundae licking the screen ala the deviantart cat lick base icon from 2011.",
|
||||
"date": "2025-03-18",
|
||||
"title": "lick",
|
||||
"url": "/assets/img/art/sundae_lick.gif"
|
||||
},
|
||||
{
|
||||
"alt": "Front-facing portrait of Sundae focused on the right side of his face. He looks vibrant and has glossy features. His hair, nose, eye and eyelid are particularly shiny.",
|
||||
"date": "2023-11-09",
|
||||
"title": "glistening",
|
||||
"url": "/assets/img/art/sundae_glistening.png"
|
||||
},
|
||||
{
|
||||
"alt": "Modular vector shape artwork of a white bunny wearing a trans pride hair bow, glasses and a pink and white sweater. They're holding their paws up against their face and blushing with their eyes closed.",
|
||||
"date": "2023-09-01",
|
||||
"title": "vector bun",
|
||||
"url": "/assets/img/art/modular-vector-shape_bun.png"
|
||||
},
|
||||
{
|
||||
"alt": "Front-facing bust portrait vector graphic artwork of Sundae, for the backdrop of the site. The colors are warm orange tones and his eyes are closed.",
|
||||
"date": "2023-07-17",
|
||||
"title": "site backdrop",
|
||||
"url": "/assets/img/art/sundae_backdrop.svg"
|
||||
},
|
||||
{
|
||||
"alt": "Full-length portrait of Sundae in a glowing blue and pink form with white hair, suspended in outer space; sleeping on the edge of a blue nebula on a space gas cloud that's his size.",
|
||||
"date": "2023-07-12",
|
||||
"title": "starchild",
|
||||
"url": "/assets/img/art/sundae_starchild.png"
|
||||
},
|
||||
{
|
||||
"alt": "Shaded sketch of a previously unfinished artwork of Sundae, superimposed on a pink shiny stained-glass background. The color palette is themed around the colors of the Pansexual pride flag.",
|
||||
"date": "2023-06-03",
|
||||
"title": "pride",
|
||||
"url": "/assets/img/art/sundae_pride.png"
|
||||
},
|
||||
{
|
||||
"alt": "Revisioned front-facing bust portrait of Sundae. He looks closer in style to his reference/model sheet.",
|
||||
"date": "2023-04-14",
|
||||
"title": "PETSCII sunny redo",
|
||||
"url": "/assets/img/art/petscii_sundae-redo1.png"
|
||||
},
|
||||
{
|
||||
"alt": "Reference/model sheet of Sundae with full-length front and side portraits and a list of colors used inbetween.",
|
||||
"date": "2023-03-26",
|
||||
"title": "sunny's model",
|
||||
"url": "/assets/img/art/sundae_refsheet.png"
|
||||
},
|
||||
{
|
||||
"alt": "Front-facing bust portrait of Sundae drawn in PETSCII (bitmap/text mode artwork). His hair looks a bit ruffled up.",
|
||||
"date": "2023-02-26",
|
||||
"title": "PETSCII sunny",
|
||||
"url": "/assets/img/art/petscii_sundae1.png"
|
||||
},
|
||||
{
|
||||
"alt": "Side portrait vector graphic artwork of Sundae.",
|
||||
"date": "2023-01-17",
|
||||
"title": "icon of sunny",
|
||||
"url": "/assets/img/art/sundae_icon.svg"
|
||||
},
|
||||
{
|
||||
"alt": "Revisioned bust portrait of Sundae drawn with Animal Crossing: New Leaf's pattern designer. He's smiling at the viewer with his eyes closed, superimposed on a rainbow flag background.",
|
||||
"date": "2022",
|
||||
"title": "ACNL sunny redo",
|
||||
"url": "/assets/img/art/acnl_sundae-redo.png"
|
||||
},
|
||||
{
|
||||
"alt": "Full-length portrait of Sundae propping his left leg up on his bed—which is just a mattress—with his right leg off to the side of it.",
|
||||
"date": "2021-12-24",
|
||||
"title": "bun bed",
|
||||
"url": "/assets/img/art/sundae_bunbed.png"
|
||||
},
|
||||
{
|
||||
"alt": "Bust portrait of Sundae as a furred dragon. He's looking at the viewer with a concerned look on his face, and flopped-over dragon ears.",
|
||||
"date": "2021-12-24",
|
||||
"title": "furred dragon (scrap)",
|
||||
"url": "/assets/img/art/sundae_dragon2.png"
|
||||
},
|
||||
{
|
||||
"alt": "Bust portrait of Sundae drawn with Animal Crossing: New Leaf's color palette (used in pattern designs). He's smiling at the viewer with his eyes closed, silhouette outlined with the colors of the rainbow and then a white outline around that.",
|
||||
"date": "2021-09-09",
|
||||
"title": "ACNL sunny",
|
||||
"url": "/assets/img/art/acnl_sundae.png"
|
||||
},
|
||||
{
|
||||
"alt": "Bust pixel art portrait of Sundae as a furred dragon. His eyes are closed with a relaxed look on his face.",
|
||||
"date": "2021-08-03",
|
||||
"title": "furred dragon",
|
||||
"url": "/assets/img/art/sundae_dragon1.png"
|
||||
},
|
||||
{
|
||||
"alt": "Half-length portrait of Sundae done in MS Paint. He's getting a head pat from a disembodied white hand.",
|
||||
"date": "2021-11-18",
|
||||
"title": "sunny headpat",
|
||||
"url": "/assets/img/art/sundae_headpat.png"
|
||||
},
|
||||
{
|
||||
"alt": "Poster artwork of Sundae sitting on the edge of a non-descript building's rooftop, with distant skyscrapers and fog looming.",
|
||||
"date": "2021-07-04",
|
||||
"title": "city",
|
||||
"url": "/assets/img/art/sundae_city.png"
|
||||
},
|
||||
{
|
||||
"alt": "Various pixel art animations of Sundae as a character from Nuclear Throne.",
|
||||
"date": "2021-01-25",
|
||||
"title": "NT sunny spritesheet",
|
||||
"url": "/assets/img/art/nt_sundae_spritesheet.gif"
|
||||
},
|
||||
{
|
||||
"alt": "Pixel art avatar of Sundae as a character from Cave Story, using Sue Sakamoto's portrait as a base.",
|
||||
"date": "2020-11-12",
|
||||
"title": "cave story sunny",
|
||||
"url": "/assets/img/art/sundae_cs.png"
|
||||
},
|
||||
{
|
||||
"alt": "Bust portrait pixel art doodle of Sundae in monochrome and dithering.",
|
||||
"date": "2020-05-06",
|
||||
"title": "sundae doodle",
|
||||
"url": "/assets/img/art/sundae.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
40
_src/_data/fanart.json
Normal file
40
_src/_data/fanart.json
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"alt": "Side portrait of qilin Sibuxiang from You Shou Yan (Fabulous Beasts).",
|
||||
"date": "2025-01-07",
|
||||
"title": "sibuxiang",
|
||||
"url": "/assets/img/art/sibuxiang.png"
|
||||
},
|
||||
{
|
||||
"alt": "Side portrait PETSCII artwork of Kass from The Legend of Zelda: Breath of the Wild.",
|
||||
"date": "2023-02-23",
|
||||
"title": "PETSCII kass",
|
||||
"url": "/assets/img/art/petscii_kass.png"
|
||||
},
|
||||
{
|
||||
"alt": "Front-facing half-length portrait PETSCII artwork of Lurantis from Pokémon, but with a zig-zag mouth.",
|
||||
"date": "2023-02-15",
|
||||
"title": "PETSCII lurantis",
|
||||
"url": "/assets/img/art/petscii_lurantis.png"
|
||||
},
|
||||
{
|
||||
"alt": "Monotone sketch of Klonoa ...from Klonoa. He's standing, looking at the viewer and waving his hand.",
|
||||
"date": "2023-02-13",
|
||||
"title": "klonoa",
|
||||
"url": "/assets/img/art/klonoa.png"
|
||||
},
|
||||
{
|
||||
"alt": "PETSCII artwork of Sue Sakamoto from Cave Story. The view is from behind them, sitting, looking out from the Outer Wall.",
|
||||
"date": "2023-01-16",
|
||||
"title": "PETSCII sue",
|
||||
"url": "/assets/img/art/petscii_sue.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.",
|
||||
"date": "2021-11-18",
|
||||
"title": "klonoa doodle",
|
||||
"url": "/assets/img/art/klonoa_sitting.png"
|
||||
}
|
||||
]
|
||||
}
|
||||
124
_src/_data/games.json
Normal file
124
_src/_data/games.json
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"alt": "Box art cover for Animal Crossing: New Leaf",
|
||||
"cover": "/assets/img/media/ac_nl.png",
|
||||
"title": "Animal Crossing: New Leaf",
|
||||
"url": "https://tane.us/ac/nl.html"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Burnout Paradise",
|
||||
"cover": "/assets/img/media/burnout_paradise.png",
|
||||
"title": "Burnout Paradise",
|
||||
"url": "https://youtube.com/watch?v=p3TYriU2-jo"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Cave Story+",
|
||||
"cover": "/assets/img/media/cave-story.png",
|
||||
"title": "Cave Story+",
|
||||
"url": "https://cavestory.org/game-info/game-releases.php"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Burnout Paradise",
|
||||
"cover": "/assets/img/media/gta_sa.png",
|
||||
"title": "Grand Theft Auto: San Andreas",
|
||||
"url": "https://youtube.com/watch?v=fNCtWaGMW4w"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Grand Theft Auto: Vice City",
|
||||
"cover": "/assets/img/media/gta_vc.png",
|
||||
"title": "Grand Theft Auto: Vice City",
|
||||
"url": "https://youtube.com/watch?v=XXHhh4JIby0"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Just Cause 2",
|
||||
"cover": "/assets/img/media/just-cause_2.png",
|
||||
"title": "Just Cause 2",
|
||||
"url": "https://youtube.com/watch?v=PIVW0vPa4_o"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Klonoa: Door to Phantomile",
|
||||
"cover": "/assets/img/media/klonoa_dtp.png",
|
||||
"title": "Klonoa: Door to Phantomile",
|
||||
"url": "https://youtube.com/watch?v=mGI-tc0Hbl0"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Klonoa 2: Lunatea's Veil",
|
||||
"cover": "/assets/img/media/klonoa_lv.png",
|
||||
"title": "Klonoa 2: Lunatea's Veil",
|
||||
"url": "https://youtube.com/watch?v=3Tknfc8In3Y"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for LittleBigPlanet",
|
||||
"cover": "/assets/img/media/lbp.png",
|
||||
"title": "LittleBigPlanet",
|
||||
"url": "https://youtube.com/watch?v=LattfGKNr-E"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Mirror's Edge",
|
||||
"cover": "/assets/img/media/mirrors-edge.png",
|
||||
"title": "Mirror's Edge",
|
||||
"url": "https://youtube.com/watch?v=RfUwQsCzkgs"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Need For Speed: Carbon",
|
||||
"cover": "/assets/img/media/nfs_c.png",
|
||||
"title": "Need For Speed: Carbon",
|
||||
"url": "https://youtube.com/watch?v=IOKWeLCirhI"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Need For Speed: Most Wanted",
|
||||
"cover": "/assets/img/media/nfs_mw.png",
|
||||
"title": "Need For Speed: Most Wanted",
|
||||
"url": "https://youtube.com/watch?v=CcHHZKKS2MI"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Nuclear Throne",
|
||||
"cover": "/assets/img/media/nuclear-throne.png",
|
||||
"title": "Nuclear Throne",
|
||||
"url": "https://www.youtube.com/watch?v=KbpbzbE3sjg"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Ori and the Blind Forest",
|
||||
"cover": "/assets/img/media/ori_blind-forest.png",
|
||||
"title": "Ori and the Blind Forest",
|
||||
"url": "https://www.fangamer.com/products/ori-plush"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Pokémon SoulSilver",
|
||||
"cover": "/assets/img/media/pkmn_ss.png",
|
||||
"title": "Pokémon SoulSilver",
|
||||
"url": "https://youtube.com/watch?v=4ujh7lvcsRs"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Re-Volt",
|
||||
"cover": "/assets/img/media/re-volt.png",
|
||||
"title": "Re-Volt",
|
||||
"url": "https://rvgl.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for Shin Megami Tensei IV",
|
||||
"cover": "/assets/img/media/smt_iv.png",
|
||||
"title": "Shin Megami Tensei IV",
|
||||
"url": "https://youtube.com/watch?v=ZscuJCOoIPc"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for StepMania",
|
||||
"cover": "/assets/img/media/stepmania.png",
|
||||
"title": "StepMania",
|
||||
"url": "https://youtube.com/watch?v=crEz8i6oVpI"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for The Legend of Zelda: Breath of the Wild",
|
||||
"cover": "/assets/img/media/tloz_botw.png",
|
||||
"title": "The Legend of Zelda: Breath of the Wild",
|
||||
"url": "https://youtube.com/watch?v=Vgev9Gzybk8"
|
||||
},
|
||||
{
|
||||
"alt": "Box art cover for We Love Katamari",
|
||||
"cover": "/assets/img/media/we-love-katamari.png",
|
||||
"title": "We Love Katamari",
|
||||
"url": "https://youtube.com/watch?v=l6CkDxYzGME"
|
||||
}
|
||||
]
|
||||
}
|
||||
106
_src/_data/music.json
Normal file
106
_src/_data/music.json
Normal file
|
|
@ -0,0 +1,106 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"alt": "Album art cover for Sunsound Collisions",
|
||||
"cover": "/assets/img/media/2-mello_sunsound.png",
|
||||
"title": "2 Mello - Sunsound Collisions",
|
||||
"url": "https://2mellomakes.bandcamp.com/album/sunsound-collisions"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Sounds of Tokyo-To Future",
|
||||
"cover": "/assets/img/media/2-mello_future.png",
|
||||
"title": "2 Mello - Sounds of Tokyo-To Future",
|
||||
"url": "https://2mellomakes.bandcamp.com/album/sounds-of-tokyo-to-future"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for FINAL 6NO",
|
||||
"cover": "/assets/img/media/6no_final-6no.png",
|
||||
"title": "6no - FINAL 6NO",
|
||||
"url": "https://b9-6no.bandcamp.com/album/final-6no"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Cerulean",
|
||||
"cover": "/assets/img/media/baths_cerulean.png",
|
||||
"title": "Baths - Cerulean",
|
||||
"url": "https://bathsmusic.bandcamp.com/album/cerulean"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Man Alive",
|
||||
"cover": "/assets/img/media/ee_man-alive.png",
|
||||
"title": "Everything Everything - Man Alive",
|
||||
"url": "https://musicbrainz.org/release-group/053c59e7-2277-4187-ae85-3294923dc9ab"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Sonic BeATS",
|
||||
"cover": "/assets/img/media/funk-fiction_sonic-beats.png",
|
||||
"title": "Funk Fiction - Sonic BeATS",
|
||||
"url": "https://funkfiction.bandcamp.com/album/sonic-beats"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for gnb",
|
||||
"cover": "/assets/img/media/goreshit_gnb.png",
|
||||
"title": "goreshit - gnb",
|
||||
"url": "https://goreshit.bandcamp.com/album/gnb"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for goretrance 9",
|
||||
"cover": "/assets/img/media/goreshit_goretrance-9.png",
|
||||
"title": "goreshit - goretrance 9",
|
||||
"url": "https://goreshit.bandcamp.com/album/goretrance-9"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for stankface",
|
||||
"cover": "/assets/img/media/goreshit_stankface.png",
|
||||
"title": "goreshit - stankface",
|
||||
"url": "https://goreshit.bandcamp.com/album/stankface"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for TUNIC's Original Game Soundtrack",
|
||||
"cover": "/assets/img/media/tunic.png",
|
||||
"title": "Lifeformed & Janice Kwan - TUNIC",
|
||||
"url": "https://lifeformed.bandcamp.com/album/tunic-original-game-soundtrack"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Adventure",
|
||||
"cover": "/assets/img/media/madeon_adventure.png",
|
||||
"title": "Madeon - Adventure (Deluxe)",
|
||||
"url": "https://musicbrainz.org/release/37d1cc6e-a1b2-404e-9896-2b305217e05e"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Hold your Colour",
|
||||
"cover": "/assets/img/media/pendulum_hold-your-colour.png",
|
||||
"title": "Pendulum - Hold your Colour",
|
||||
"url": "https://musicbrainz.org/release/9d9b873c-fbd4-43df-9533-b401dd86081d"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Immersion",
|
||||
"cover": "/assets/img/media/pendulum_immersion.png",
|
||||
"title": "Pendulum - Immersion",
|
||||
"url": "https://musicbrainz.org/release/8eb52812-f660-475c-ba17-3410c8f0c0a8"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Poetry in Motion",
|
||||
"cover": "/assets/img/media/redeyes_poetry-in-motion.png",
|
||||
"title": "Redeyes - Poetry in Motion",
|
||||
"url": "https://musicbrainz.org/release/c826d8e3-63c8-392e-ba74-7aef28438045"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Tracker Works 2014-2018",
|
||||
"cover": "/assets/img/media/vince-kaichan_tracker-works.png",
|
||||
"title": "Vince Kaichan - Tracker Works 2014-2018",
|
||||
"url": "https://vincekaichan.bandcamp.com/album/tracker-works-2014-2018"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Jet Set Radio Future's Original Game Soundtrack",
|
||||
"cover": "/assets/img/media/jet-set-radio_future.png",
|
||||
"title": "Various artists - Jet Set Radio Future",
|
||||
"url": "https://jetsetradiofuture.live/"
|
||||
},
|
||||
{
|
||||
"alt": "Album art cover for Lethal League Blaze's Original Game Soundtrack",
|
||||
"cover": "/assets/img/media/lethal-league-blaze.png",
|
||||
"title": "Various artists - Lethal League Blaze",
|
||||
"url": "https://store.steampowered.com/app/991870/Lethal_League_Blaze__Soundtrack/"
|
||||
}
|
||||
]
|
||||
}
|
||||
29
_src/_data/outgoing.json
Normal file
29
_src/_data/outgoing.json
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"icon": "/assets/img/icon/neocities.svg",
|
||||
"name": "Neocities",
|
||||
"url": "https://neocities.org/site/sunbun"
|
||||
},
|
||||
{
|
||||
"icon": "/assets/img/icon/mastodon.svg",
|
||||
"name": "Mastodon",
|
||||
"url": "https://denden.world/@fossilisk"
|
||||
},
|
||||
{
|
||||
"icon": "/assets/img/icon/matrix.svg",
|
||||
"name": "Matrix",
|
||||
"url": "https://matrix.to/#/@sundae:bunsin.space"
|
||||
},
|
||||
{
|
||||
"icon": "/assets/img/icon/steam.svg",
|
||||
"name": "Steam",
|
||||
"url": "https://steamcommunity.com/profiles/76561198043767096"
|
||||
},
|
||||
{
|
||||
"icon": "/assets/img/icon/youtube.svg",
|
||||
"name": "YouTube",
|
||||
"url": "https://youtube.com/channel/UCE4xk4hn-M1d4w56F-TydFw"
|
||||
}
|
||||
]
|
||||
}
|
||||
3
_src/_data/site.json
Normal file
3
_src/_data/site.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"name": "sundae's bunspace"
|
||||
}
|
||||
3
_src/_includes/about.njk
Normal file
3
_src/_includes/about.njk
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<article class="note">
|
||||
{{ content | safe }}
|
||||
</article>
|
||||
69
_src/_includes/base.njk
Normal file
69
_src/_includes/base.njk
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>
|
||||
{{site.name}}{% if title %} - {{title}}{% endif %}
|
||||
</title>
|
||||
<link rel="icon" href="/assets/img/theme/citrus/bunny.png">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="utf-8">
|
||||
{% if page.url == '/home/' %}
|
||||
<link rel="stylesheet" href="/assets/css/98.css">
|
||||
{% endif %}
|
||||
<link rel="stylesheet" href="/assets/css/reset.css">
|
||||
<link rel="stylesheet" href="/assets/css/default.css">
|
||||
<link rel="stylesheet" href="/assets/css/citrus.css">
|
||||
</head>
|
||||
<body id="{{page.url | firstUrlSegment }}">
|
||||
<header>
|
||||
<h1>
|
||||
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="{{icon}}"></path>
|
||||
</svg>
|
||||
{{title}}
|
||||
</h1>
|
||||
</header>
|
||||
<nav>
|
||||
{% set currentUrl %}{{ page.url }}{% endset %}
|
||||
<a href="../">
|
||||
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M 4 11 L 12 5 L 15 5 L 9 10 L 28 10 L 28 12 L 9 12 L 15 17 L 12 17 Z"></path>
|
||||
</svg>
|
||||
Back
|
||||
</a>
|
||||
<ul>
|
||||
<div>
|
||||
<svg width="130" height="28" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Navigation</title>
|
||||
<text y="20" x="0">Navigation</text>
|
||||
</svg>
|
||||
</div>
|
||||
{% for page in collections.pages %}
|
||||
<li>
|
||||
<a
|
||||
{% if currentUrl === page.url %} aria-current="page"{% endif %} href="{{page.url}}">
|
||||
<svg width="20" height="20" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="{{page.data.icon}}"></path>
|
||||
</svg>
|
||||
{{page.data.title}}</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<ul>
|
||||
<div>
|
||||
<svg width="112" height="28" xmlns="http://www.w3.org/2000/svg">
|
||||
<title>Outgoing</title>
|
||||
<text y="20" x="0">Outgoing</text>
|
||||
</svg>
|
||||
</div>
|
||||
{% for item in outgoing.items %}
|
||||
<li><a href="{{item.url}}"><img src="{{item.icon}}" alt="">{{item.name}}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
<main>
|
||||
{{content | safe}}
|
||||
</main>
|
||||
<footer></footer>
|
||||
</body>
|
||||
</html>
|
||||
12
_src/_includes/blog.njk
Normal file
12
_src/_includes/blog.njk
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
layout: base
|
||||
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"
|
||||
---
|
||||
<article class="blog">
|
||||
<h2>{{title}} <time datetime="{{date | ISO }}">{{date | humanReadable}}</time></h2>
|
||||
{{ content | safe }}
|
||||
<div aria-label="Postscript">
|
||||
<p>{{blurb}}</p>
|
||||
<img src="/assets/img/theme/citrus/bunny.png" alt="">
|
||||
</div>
|
||||
</article>
|
||||
15
_src/_includes/update.njk
Normal file
15
_src/_includes/update.njk
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>
|
||||
{{site.name}}{% if title %} - {{title}}{% endif %}
|
||||
</title>
|
||||
<link rel="icon" href="/assets/img/favicon/sundae.png">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="/assets/css/reset.css">
|
||||
<link rel="stylesheet" href="/assets/css/98.css">
|
||||
</head>
|
||||
<body class="98">
|
||||
{{content | safe}}
|
||||
</body>
|
||||
</html>
|
||||
BIN
_src/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav
Normal file
BIN
_src/assets/Destruction_Metal_Pole_L_Wave_2_0_0.wav
Normal file
Binary file not shown.
837
_src/assets/css/98.css
Normal file
837
_src/assets/css/98.css
Normal file
|
|
@ -0,0 +1,837 @@
|
|||
/**
|
||||
* WARNING: THIS IS NOT THE ORIGINAL .css , MEANING I EDITED IT!!!
|
||||
*
|
||||
* she edit on my css till i—*gun shot*
|
||||
*
|
||||
* 98.css
|
||||
* Copyright (c) 2020 Jordan Scales <thatjdanisso.cool>
|
||||
* https://github.com/jdan/98.css/blob/main/LICENSE
|
||||
*/
|
||||
[class="98"] {
|
||||
margin: 0;
|
||||
background: silver;
|
||||
article p {
|
||||
margin-left: 16px;
|
||||
}
|
||||
ul {
|
||||
background: white;
|
||||
padding-left: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
summary {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
background: silver;
|
||||
padding: 6px 8px;
|
||||
cursor: pointer;
|
||||
}
|
||||
summary, section button {
|
||||
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
|
||||
}
|
||||
section {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
padding: 4px 0 0 0;
|
||||
}
|
||||
section button[style] {
|
||||
min-height: initial;
|
||||
min-width: initial;
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
}
|
||||
figure {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2,1fr);
|
||||
margin: 4px;
|
||||
}
|
||||
figcaption {
|
||||
background: silver;
|
||||
padding: 8px;
|
||||
margin-inline-start: 8px;
|
||||
}
|
||||
figure img {
|
||||
width: 100%;
|
||||
}
|
||||
.status-bar-field, figure figcaption, details > ul {
|
||||
box-shadow: inset -1px -1px #dfdfdf, inset 1px 1px #808080;
|
||||
}
|
||||
#changelog iframe {
|
||||
box-shadow: var(--border-field);
|
||||
}
|
||||
.status-bar-field, #changelog iframe {
|
||||
flex-grow: 1;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
:disabled + label,
|
||||
:read-only + label {
|
||||
color: var(--button-shadow);
|
||||
}
|
||||
|
||||
/*
|
||||
h1 {
|
||||
font-size: 5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
u {
|
||||
text-decoration: none;
|
||||
border-bottom: 0.5px solid #222222;
|
||||
}
|
||||
|
||||
a *{
|
||||
color: var(--link-blue);
|
||||
}
|
||||
|
||||
a:focus {
|
||||
outline: 1px dotted var(--link-blue);
|
||||
}
|
||||
pre {
|
||||
display: block;
|
||||
background: var(--button-highlight);
|
||||
box-shadow: var(--border-field);
|
||||
padding: 12px 8px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
code, code * {
|
||||
font-family: monospace;
|
||||
}
|
||||
*/
|
||||
:root {
|
||||
/* Color */
|
||||
--surface: #c0c0c0;
|
||||
--button-highlight: #ffffff;
|
||||
--button-face: #dfdfdf;
|
||||
--button-shadow: #808080;
|
||||
--window-frame: #0a0a0a;
|
||||
--dialog-blue: #000080;
|
||||
--dialog-blue-light: #1084d0;
|
||||
--dialog-gray: #808080;
|
||||
--dialog-gray-light: #b5b5b5;
|
||||
--link-blue: #0000ff;
|
||||
|
||||
/* Spacing */
|
||||
--element-spacing: 4px;
|
||||
--grouped-button-spacing: 4px;
|
||||
--grouped-element-spacing: 6px;
|
||||
--radio-width: 12px;
|
||||
--checkbox-width: 13px;
|
||||
--radio-label-spacing: 6px;
|
||||
--range-track-height: 4px;
|
||||
--range-spacing: 10px;
|
||||
|
||||
/* Some detailed computations for radio buttons and checkboxes */
|
||||
--radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);
|
||||
--radio-total-width: calc(var(--radio-total-width-precalc));
|
||||
--radio-left: calc(-1 * var(--radio-total-width-precalc));
|
||||
--radio-dot-width: 4px;
|
||||
--radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);
|
||||
--radio-dot-left: calc(
|
||||
-1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(
|
||||
--radio-dot-width
|
||||
) / 2
|
||||
);
|
||||
|
||||
--checkbox-total-width-precalc: var(--checkbox-width) +
|
||||
var(--radio-label-spacing);
|
||||
--checkbox-total-width: calc(var(--checkbox-total-width-precalc));
|
||||
--checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));
|
||||
--checkmark-width: 7px;
|
||||
--checkmark-top: 3px;
|
||||
--checkmark-left: 3px;
|
||||
|
||||
/* Borders */
|
||||
--border-width: 1px;
|
||||
--border-raised-outer: inset -1px -1px var(--window-frame),
|
||||
inset 1px 1px var(--button-highlight);
|
||||
--border-raised-inner: inset -2px -2px var(--button-shadow),
|
||||
inset 2px 2px var(--button-face);
|
||||
--border-sunken-outer: inset -1px -1px var(--button-highlight),
|
||||
inset 1px 1px var(--window-frame);
|
||||
--border-sunken-inner: inset -2px -2px var(--button-face),
|
||||
inset 2px 2px var(--button-shadow);
|
||||
|
||||
/* Window borders flip button-face and button-highlight */
|
||||
--border-window-outer: inset -1px -1px var(--window-frame),
|
||||
inset 1px 1px var(--button-face);
|
||||
--border-window-inner: inset -2px -2px var(--button-shadow),
|
||||
inset 2px 2px var(--button-highlight);
|
||||
|
||||
/* Field borders (checkbox, input, etc) flip window-frame and button-shadow */
|
||||
--border-field: inset -1px -1px var(--button-highlight),
|
||||
inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),
|
||||
inset 2px 2px var(--window-frame);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Pixelated MS Sans Serif";
|
||||
src: url("/assets/fonts/ms_sans_serif.woff") format("woff");
|
||||
src: url("/assets/fonts/ms_sans_serif.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Pixelated MS Sans Serif";
|
||||
src: url("/assets/fonts/ms_sans_serif_bold.woff") format("woff");
|
||||
src: url("/assets/fonts/ms_sans_serif_bold.woff2") format("woff2");
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body,
|
||||
button,
|
||||
label,
|
||||
input,
|
||||
textarea,
|
||||
select,
|
||||
option,
|
||||
ul.tree-view,
|
||||
.window,
|
||||
.title-bar {
|
||||
font-family: "Pixelated MS Sans Serif", Arial;
|
||||
-webkit-font-smoothing: none;
|
||||
font-size: 11px;
|
||||
}
|
||||
button,
|
||||
input[type="submit"],
|
||||
input[type="reset"] {
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
background: var(--surface);
|
||||
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
|
||||
border-radius: 0;
|
||||
|
||||
min-width: 75px;
|
||||
min-height: 23px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.vertical-bar {
|
||||
width: 4px;
|
||||
height: 20px;
|
||||
background: #c0c0c0;
|
||||
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
|
||||
}
|
||||
|
||||
button:not(:disabled):active,
|
||||
input[type="submit"]:not(:disabled):active,
|
||||
input[type="reset"]:not(:disabled):active {
|
||||
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
|
||||
/*padding: 2px 11px 0 13px;*/
|
||||
}
|
||||
|
||||
@media (not(hover)) {
|
||||
button:not(:disabled):hover,
|
||||
input[type="submit"]:not(:disabled):hover,
|
||||
input[type="reset"]:not(:disabled):hover {
|
||||
box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);
|
||||
}
|
||||
}
|
||||
|
||||
button:focus,
|
||||
input[type="submit"]:focus,
|
||||
input[type="reset"]:focus {
|
||||
outline: 1px dotted #000000;
|
||||
outline-offset: -4px;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
input[type="submit"]::-moz-focus-inner,
|
||||
input[type="reset"]::-moz-focus-inner {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
button:disabled,
|
||||
input[type="submit"]:disabled,
|
||||
input[type="reset"]:disabled,
|
||||
:disabled + label {
|
||||
text-shadow: 1px 1px 0 var(--button-highlight);
|
||||
}
|
||||
|
||||
.window {
|
||||
box-shadow: var(--border-window-outer), var(--border-window-inner);
|
||||
background: var(--surface);
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--dialog-blue),
|
||||
var(--dialog-blue-light)
|
||||
);
|
||||
padding: 3px 2px 3px 3px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title-bar.inactive {
|
||||
background: linear-gradient(
|
||||
90deg,
|
||||
var(--dialog-gray),
|
||||
var(--dialog-gray-light)
|
||||
);
|
||||
}
|
||||
|
||||
.title-bar-text {
|
||||
display: flex;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
letter-spacing: 0;
|
||||
margin-right: 24px;
|
||||
& img {
|
||||
margin-right: 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.title-bar-controls {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.title-bar-controls button {
|
||||
padding: 0;
|
||||
display: block;
|
||||
min-width: 16px;
|
||||
min-height: 14px;
|
||||
}
|
||||
|
||||
.title-bar-controls button:active {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.title-bar-controls button:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.title-bar-controls button[id="Minimize"] {
|
||||
background-image: url("/assets/img/icon/98/minimize.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: bottom 3px left 4px;
|
||||
}
|
||||
|
||||
.title-bar-controls button[id="Maximize"] {
|
||||
background-image: url("/assets/img/icon/98/maximize.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: top 2px left 3px;
|
||||
}
|
||||
|
||||
.title-bar-controls button[id="Restore"] {
|
||||
background-image: url("/assets/img/icon/98/restore.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: top 2px left 3px;
|
||||
}
|
||||
|
||||
.title-bar-controls button[id="Help"] {
|
||||
background-image: url("/assets/img/icon/98/help.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: top 2px left 5px;
|
||||
}
|
||||
|
||||
.title-bar-controls button[id="Close"] {
|
||||
margin-left: 2px;
|
||||
background-image: url("/assets/img/icon/98/close.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: top 3px left 4px;
|
||||
}
|
||||
|
||||
.status-bar {
|
||||
margin: 0px 1px;
|
||||
display: flex;
|
||||
gap: 1px;
|
||||
}
|
||||
|
||||
.window-body {
|
||||
margin: var(--element-spacing);
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border-image: url("/assets/img/icon/98/groupbox-border.svg") 2;
|
||||
padding: calc(2 * var(--border-width) + var(--element-spacing));
|
||||
padding-block-start: var(--element-spacing);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
background: var(--surface);
|
||||
}
|
||||
|
||||
.field-row {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
[class^="field-row"] + [class^="field-row"] {
|
||||
margin-top: var(--grouped-element-spacing);
|
||||
}
|
||||
|
||||
.field-row > * + * {
|
||||
margin-left: var(--grouped-element-spacing);
|
||||
}
|
||||
|
||||
.field-row-stacked {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.field-row-stacked * + * {
|
||||
margin-top: var(--grouped-element-spacing);
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
margin: 0;
|
||||
background: 0;
|
||||
position: fixed;
|
||||
opacity: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
input[type="radio"] + label,
|
||||
input[type="checkbox"] + label {
|
||||
line-height: 13px;
|
||||
}
|
||||
|
||||
input[type="radio"] + label {
|
||||
position: relative;
|
||||
margin-left: var(--radio-total-width);
|
||||
}
|
||||
|
||||
input[type="radio"] + label::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: calc(-1 * (var(--radio-total-width-precalc)));
|
||||
display: inline-block;
|
||||
width: var(--radio-width);
|
||||
height: var(--radio-width);
|
||||
margin-right: var(--radio-label-spacing);
|
||||
background: url("/assets/img/icon/98/radio-border.svg");
|
||||
}
|
||||
|
||||
input[type="radio"]:active + label::before {
|
||||
background: url("/assets/img/icon/98/radio-border-disabled.svg");
|
||||
}
|
||||
|
||||
input[type="radio"]:checked + label::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: var(--radio-dot-width);
|
||||
height: var(--radio-dot-width);
|
||||
top: var(--radio-dot-top);
|
||||
left: var(--radio-dot-left);
|
||||
position: absolute;
|
||||
background: url("/assets/img/icon/98/radio-dot.svg");
|
||||
}
|
||||
|
||||
input[type="radio"]:focus + label,
|
||||
input[type="checkbox"]:focus + label {
|
||||
outline: 1px dotted #000000;
|
||||
}
|
||||
|
||||
input[type="radio"][disabled] + label::before {
|
||||
background: url("/assets/img/icon/98/radio-border-disabled.svg");
|
||||
}
|
||||
|
||||
input[type="radio"][disabled]:checked + label::after {
|
||||
background: url("/assets/img/icon/98/radio-dot-disabled.svg");
|
||||
}
|
||||
|
||||
input[type="checkbox"] + label {
|
||||
position: relative;
|
||||
margin-left: var(--checkbox-total-width);
|
||||
}
|
||||
|
||||
input[type="checkbox"] + label::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: calc(-1 * (var(--checkbox-total-width-precalc)));
|
||||
display: inline-block;
|
||||
width: var(--checkbox-width);
|
||||
height: var(--checkbox-width);
|
||||
background: var(--button-highlight);
|
||||
box-shadow: var(--border-field);
|
||||
margin-right: var(--radio-label-spacing);
|
||||
}
|
||||
|
||||
input[type="checkbox"]:active + label::before {
|
||||
background: var(--surface);
|
||||
}
|
||||
|
||||
input[type="checkbox"]:checked + label::after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: var(--checkmark-width);
|
||||
height: var(--checkmark-width);
|
||||
position: absolute;
|
||||
top: var(--checkmark-top);
|
||||
left: calc(
|
||||
-1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)
|
||||
);
|
||||
background: url("/assets/img/icon/98/checkmark.svg");
|
||||
}
|
||||
|
||||
input[type="checkbox"][disabled] + label::before {
|
||||
background: var(--surface);
|
||||
}
|
||||
|
||||
input[type="checkbox"][disabled]:checked + label::after {
|
||||
background: url("/assets/img/icon/98/checkmark-disabled.svg");
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="number"],
|
||||
select,
|
||||
textarea {
|
||||
padding: 3px 4px;
|
||||
border: none;
|
||||
box-shadow: var(--border-field);
|
||||
background-color: var(--button-highlight);
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
select {
|
||||
height: 21px;
|
||||
}
|
||||
input[type="number"] {
|
||||
/* need this 1 pixel to fit the spinner controls in box */
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="email"],
|
||||
input[type="number"] {
|
||||
/* For some reason descenders are getting cut off without this */
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
input[type="email"]:disabled,
|
||||
input[type="password"]:disabled,
|
||||
input[type="text"]:disabled,
|
||||
input[type="number"]:disabled,
|
||||
input[type="email"]:read-only,
|
||||
input[type="password"]:read-only,
|
||||
input[type="text"]:read-only,
|
||||
input[type="number"]:read-only,
|
||||
textarea:disabled {
|
||||
background-color: var(--surface);
|
||||
}
|
||||
|
||||
select {
|
||||
appearance: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
position: relative;
|
||||
padding-right: 32px;
|
||||
background-image: url("/assets/img/icon/98/button-down.svg");
|
||||
background-position: top 2px right 2px;
|
||||
background-repeat: no-repeat;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
select:focus,
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="number"]:focus,
|
||||
textarea:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type="range"] {
|
||||
-webkit-appearance: none;
|
||||
width: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
input[type="range"]:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
input[type="range"]::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
height: 21px;
|
||||
width: 11px;
|
||||
background: url("/assets/img/icon/98/indicator-horizontal.svg");
|
||||
transform: translateY(-8px);
|
||||
}
|
||||
|
||||
input[type="range"].has-box-indicator::-webkit-slider-thumb {
|
||||
background: url("/assets/img/icon/98/indicator-rectangle-horizontal.svg");
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
|
||||
input[type="range"]::-moz-range-thumb {
|
||||
height: 21px;
|
||||
width: 11px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: url("/assets/img/icon/98/indicator-horizontal.svg");
|
||||
transform: translateY(2px);
|
||||
}
|
||||
|
||||
input[type="range"].has-box-indicator::-moz-range-thumb {
|
||||
background: url("/assets/img/icon/98/indicator-rectangle-horizontal.svg");
|
||||
transform: translateY(0px);
|
||||
}
|
||||
|
||||
input[type="range"]::-webkit-slider-runnable-track {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
box-sizing: border-box;
|
||||
background: black;
|
||||
border-right: 1px solid grey;
|
||||
border-bottom: 1px solid grey;
|
||||
box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 darkgrey,
|
||||
-1px -1px 0 darkgrey, 0 -1px 0 darkgrey, -1px 1px 0 white, 1px -1px darkgrey;
|
||||
}
|
||||
|
||||
input[type="range"]::-moz-range-track {
|
||||
width: 100%;
|
||||
height: 2px;
|
||||
box-sizing: border-box;
|
||||
background: black;
|
||||
border-right: 1px solid grey;
|
||||
border-bottom: 1px solid grey;
|
||||
box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 darkgrey,
|
||||
-1px -1px 0 darkgrey, 0 -1px 0 darkgrey, -1px 1px 0 white, 1px -1px darkgrey;
|
||||
}
|
||||
|
||||
.is-vertical {
|
||||
display: inline-block;
|
||||
width: 4px;
|
||||
height: 150px;
|
||||
transform: translateY(50%);
|
||||
}
|
||||
|
||||
.is-vertical > input[type="range"] {
|
||||
width: 150px;
|
||||
height: 4px;
|
||||
margin: 0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0
|
||||
var(--range-spacing);
|
||||
transform-origin: left;
|
||||
transform: rotate(270deg) translateX(calc(-50% + var(--element-spacing)));
|
||||
}
|
||||
|
||||
.is-vertical > input[type="range"]::-webkit-slider-runnable-track {
|
||||
border-left: 1px solid grey;
|
||||
border-right: 0;
|
||||
border-bottom: 1px solid grey;
|
||||
box-shadow: -1px 0 0 white, -1px 1px 0 white, 0 1px 0 white, 1px 0 0 darkgrey,
|
||||
1px -1px 0 darkgrey, 0 -1px 0 darkgrey, 1px 1px 0 white, -1px -1px darkgrey;
|
||||
}
|
||||
|
||||
.is-vertical > input[type="range"]::-moz-range-track {
|
||||
border-left: 1px solid grey;
|
||||
border-right: 0;
|
||||
border-bottom: 1px solid grey;
|
||||
box-shadow: -1px 0 0 white, -1px 1px 0 white, 0 1px 0 white, 1px 0 0 darkgrey,
|
||||
1px -1px 0 darkgrey, 0 -1px 0 darkgrey, 1px 1px 0 white, -1px -1px darkgrey;
|
||||
}
|
||||
|
||||
.is-vertical > input[type="range"]::-webkit-slider-thumb {
|
||||
transform: translateY(-8px) scaleX(-1);
|
||||
}
|
||||
|
||||
.is-vertical > input[type="range"].has-box-indicator::-webkit-slider-thumb {
|
||||
transform: translateY(-10px) scaleX(-1);
|
||||
}
|
||||
|
||||
.is-vertical > input[type="range"]::-moz-range-thumb {
|
||||
transform: translateY(2px) scaleX(-1);
|
||||
}
|
||||
|
||||
.is-vertical > input[type="range"].has-box-indicator::-moz-range-thumb {
|
||||
transform: translateY(0px) scaleX(-1);
|
||||
}
|
||||
|
||||
select:focus {
|
||||
color: var(--button-highlight);
|
||||
background-color: var(--dialog-blue);
|
||||
}
|
||||
select:focus option {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
select:active {
|
||||
background-image: url("/assets/img/icon/98/button-down-active.svg");
|
||||
}
|
||||
|
||||
ul.tree-view {
|
||||
display: block;
|
||||
background: var(--button-highlight);
|
||||
box-shadow: var(--border-field);
|
||||
padding: 6px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul.tree-view li {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
ul.tree-view a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
ul.tree-view a:focus {
|
||||
background-color: var(--dialog-blue);
|
||||
color: var(--button-highlight);
|
||||
}
|
||||
|
||||
ul.tree-view ul,
|
||||
ul.tree-view li {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
ul.tree-view ul {
|
||||
margin-left: 16px;
|
||||
padding-left: 16px;
|
||||
/* Goes down too far */
|
||||
border-left: 1px dotted #808080;
|
||||
}
|
||||
|
||||
ul.tree-view ul > li {
|
||||
position: relative;
|
||||
}
|
||||
ul.tree-view ul > li::before {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -16px;
|
||||
top: 6px;
|
||||
width: 12px;
|
||||
border-bottom: 1px dotted #808080;
|
||||
}
|
||||
|
||||
/* Cover the bottom of the left dotted border */
|
||||
ul.tree-view ul > li:last-child::after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -20px;
|
||||
top: 7px;
|
||||
bottom: 0px;
|
||||
width: 8px;
|
||||
background: var(--button-highlight);
|
||||
}
|
||||
|
||||
ul.tree-view details {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
ul.tree-view details[open] summary {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ul.tree-view ul details > summary:before {
|
||||
margin-left: -22px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
ul.tree-view details > summary:before {
|
||||
text-align: center;
|
||||
display: block;
|
||||
float: left;
|
||||
content: "+";
|
||||
border: 1px solid #808080;
|
||||
width: 8px;
|
||||
height: 9px;
|
||||
line-height: 8px;
|
||||
margin-right: 5px;
|
||||
padding-left: 1px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
ul.tree-view details[open] > summary:before {
|
||||
content: "-";
|
||||
}
|
||||
|
||||
ul.tree-view details > summary::marker,
|
||||
ul.tree-view details > summary::-webkit-details-marker {
|
||||
content: "";
|
||||
}
|
||||
summary:focus {
|
||||
outline: 1px dotted #000000;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 16px;
|
||||
}
|
||||
::-webkit-scrollbar:horizontal {
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background: var(--button-face);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-image: url("/assets/img/icon/98/scrollbar-background.svg");
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: var(--button-face);
|
||||
box-shadow: var(--border-raised-outer), var(--border-raised-inner);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:horizontal:start:decrement,
|
||||
::-webkit-scrollbar-button:horizontal:end:increment,
|
||||
::-webkit-scrollbar-button:vertical:start:decrement,
|
||||
::-webkit-scrollbar-button:vertical:end:increment {
|
||||
display: block;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:vertical:start {
|
||||
height: 17px;
|
||||
background-image: url("/assets/img/icon/98/button-up.svg");
|
||||
}
|
||||
::-webkit-scrollbar-button:vertical:end {
|
||||
height: 17px;
|
||||
background-image: url("/assets/img/icon/98/button-down.svg");
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:start {
|
||||
width: 16px;
|
||||
background-image: url("/assets/img/icon/98/button-left.svg");
|
||||
}
|
||||
::-webkit-scrollbar-button:horizontal:end {
|
||||
width: 16px;
|
||||
background-image: url("/assets/img/icon/98/button-right.svg");
|
||||
}
|
||||
766
_src/assets/css/citrus.css
Normal file
766
_src/assets/css/citrus.css
Normal file
|
|
@ -0,0 +1,766 @@
|
|||
:root {
|
||||
--primary: rgb(255, 190, 0);
|
||||
--secondary: rgb(255, 110, 0);
|
||||
--tertiary: rgb(255, 236, 180);
|
||||
--quaternary: rgb(105, 50, 0);
|
||||
--shadow: 0.2rem 0.2rem 0.4rem 0.2rem #0003;
|
||||
--checker: url('/assets/img/theme/citrus/checker.png');
|
||||
--checker-dark: url('/assets/img/theme/citrus/checker-dark.png');
|
||||
--dot: url('/assets/img/theme/citrus/dot.png');
|
||||
--dot-dark: url('/assets/img/theme/citrus/dot-dark.png');
|
||||
--line: url('/assets/img/theme/citrus/line.png');
|
||||
--paper: url('/assets/img/theme/citrus/paper.png');
|
||||
--noise: url('/assets/img/theme/citrus/imagedoc-lightnoise.png');
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: rgb(172, 255, 0)
|
||||
}
|
||||
|
||||
/* Page specific - Index */
|
||||
#index {
|
||||
width: 100%;
|
||||
background-color: rgb(255, 190, 0);
|
||||
background-image: url('/assets/img/theme/citrus/sundae.png');
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
a img {
|
||||
width: 100%;
|
||||
transition: 0.5s;
|
||||
transform: scale(0.9);
|
||||
}
|
||||
|
||||
a img:hover {
|
||||
transform: scale(0.95) translateY(-1rem);
|
||||
}
|
||||
}
|
||||
|
||||
/* Main style */
|
||||
hr {
|
||||
border-bottom: unset;
|
||||
border-left: unset;
|
||||
border-right: unset;
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
|
||||
body {
|
||||
background-attachment: local, fixed;
|
||||
background-color: var(--primary);
|
||||
background-image: var(--checker), linear-gradient(var(--primary), var(--secondary));
|
||||
background-size: 32px, contain;
|
||||
font-family: Rubik, sans-serif;
|
||||
}
|
||||
|
||||
body>nav,
|
||||
header h1 {
|
||||
box-shadow: inset -2px -2px 0 2px var(--quaternary);
|
||||
}
|
||||
|
||||
body>nav,
|
||||
header h1 {
|
||||
background-attachment: fixed;
|
||||
background-blend-mode: screen;
|
||||
background-image: var(--dot), linear-gradient(var(--primary), var(--secondary) 20%);
|
||||
background-size: 6px;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
header {
|
||||
& h1 {
|
||||
border-radius: 0 0 5rem 0;
|
||||
color: var(--quaternary);
|
||||
margin: 0 0 0 -4px;
|
||||
padding: 0 64px 0 16px;
|
||||
}
|
||||
}
|
||||
|
||||
header,
|
||||
footer {
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
/* Navigation */
|
||||
body>nav {
|
||||
border-radius: 0 0 2rem 0;
|
||||
|
||||
& a {
|
||||
background-image: linear-gradient(var(--tertiary), var(--primary) 20%, var(--primary) 80%, var(--tertiary) 100%);
|
||||
border-radius: 0 1rem 1rem 0;
|
||||
box-shadow: 0 0 0 2px var(--quaternary), inset 0 0 8px 2px var(--primary);
|
||||
color: var(--quaternary);
|
||||
margin: 0 0 8px 0;
|
||||
|
||||
&:hover:not([aria-current="page"]) {
|
||||
box-shadow: 0 0 0 2px var(--quaternary);
|
||||
}
|
||||
}
|
||||
|
||||
& [aria-current="page"] {
|
||||
background-image: linear-gradient(darkorange, var(--quaternary) 10%, chocolate);
|
||||
box-shadow: 0 0 0 2px var(--quaternary), inset 0 0 4px 2px var(--quaternary);
|
||||
color: var(--tertiary);
|
||||
|
||||
& svg {
|
||||
color: var(--tertiary);
|
||||
}
|
||||
}
|
||||
|
||||
&>ul div svg {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
& svg text {
|
||||
fill: var(--tertiary);
|
||||
paint-order: stroke markers fill;
|
||||
stroke-width: 4;
|
||||
stroke: var(--quaternary);
|
||||
}
|
||||
|
||||
& li:last-child a {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#flags {
|
||||
flex-wrap: wrap;
|
||||
display: flex;
|
||||
gap: 0.8rem;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
img[src*="/assets/img/flag/"] {
|
||||
border-radius: 0.2rem;
|
||||
box-shadow: 0 0 0 2px #fff, 1px 1px 0px 3px #0006;
|
||||
}
|
||||
|
||||
/* Page-specific - Blog */
|
||||
#blog {
|
||||
background-attachment: local;
|
||||
background-color: #eef;
|
||||
background-image: var(--noise), var(--dot-dark);
|
||||
background-size: auto, 4px;
|
||||
}
|
||||
|
||||
.blog {
|
||||
margin: 0 auto;
|
||||
background-color: #fff;
|
||||
background-image: var(--noise), url('/assets/img/theme/citrus/pawprint.svg');
|
||||
background-size: auto, 64px;
|
||||
background-repeat: repeat, no-repeat;
|
||||
background-position-y: bottom;
|
||||
background-position-x: center;
|
||||
background-origin: content-box;
|
||||
box-shadow: inset 0 0 2rem -0.5rem #ccc;
|
||||
|
||||
& ul {
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
& p[class="warning"] {
|
||||
color: #ffcc4d;
|
||||
background-color: #000;
|
||||
font-weight: bold;
|
||||
padding: 2px 8px;
|
||||
text-align: center;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: "⚠️"
|
||||
}
|
||||
}
|
||||
|
||||
& li {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
& u {
|
||||
text-decoration: underline red;
|
||||
}
|
||||
|
||||
& em {
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
& code {
|
||||
padding: 0 4px;
|
||||
}
|
||||
|
||||
& pre {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
& pre,
|
||||
code:not(pre code) {
|
||||
background-color: lightgray;
|
||||
border: 1px solid darkgray;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
|
||||
& h2 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
padding: 0 0 1rem 0
|
||||
}
|
||||
|
||||
& time {
|
||||
margin: inherit;
|
||||
}
|
||||
|
||||
& aside {
|
||||
background: #eee;
|
||||
border-radius: 0.4rem;
|
||||
border: 2px solid #ccc;
|
||||
float: right;
|
||||
margin-bottom: 0.8rem;
|
||||
padding: 1rem;
|
||||
width: 40ch;
|
||||
}
|
||||
|
||||
& h3 {
|
||||
border-bottom: 1px solid #aaa;
|
||||
font-size: 1.6rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.blog>[aria-label="Postscript"] {
|
||||
display: grid;
|
||||
margin: 0 0 auto auto;
|
||||
padding: 0 0 4rem 0;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
width: min-content;
|
||||
|
||||
& p,
|
||||
img {
|
||||
box-shadow: inset 0 0 1px #666;
|
||||
}
|
||||
|
||||
& p {
|
||||
background: #fff;
|
||||
border-radius: 5rem 5rem 0 5rem;
|
||||
font-size: 12px;
|
||||
margin: 0 0.2rem 1rem 0;
|
||||
padding: 4px 8px;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
& img {
|
||||
background-color: #eee;
|
||||
border-radius: 100%;
|
||||
box-sizing: content-box;
|
||||
height: 16px;
|
||||
margin: auto 0 0 auto;
|
||||
image-rendering: pixelated;
|
||||
padding: 4px;
|
||||
width: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
#posts {
|
||||
width: max-content;
|
||||
|
||||
& ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
& li:not(:first-of-type) {
|
||||
margin: 1rem 0 0 0;
|
||||
}
|
||||
|
||||
& a {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff;
|
||||
transition: 0.3s;
|
||||
padding: .8rem;
|
||||
width: auto;
|
||||
text-decoration: none;
|
||||
font-size: 1.125rem;
|
||||
font-weight: bold;
|
||||
border: 4px solid;
|
||||
border-color: #fff;
|
||||
box-shadow: var(--shadow);
|
||||
border-radius: 0.4rem;
|
||||
|
||||
&:is(:hover, :focus) {
|
||||
border-color: currentColor
|
||||
}
|
||||
|
||||
& time,
|
||||
p {
|
||||
font-weight: initial;
|
||||
font-size: initial;
|
||||
display: flex;
|
||||
color: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Page specific - Home */
|
||||
main>section:has(nav) {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#changelog {
|
||||
width: fit-content;
|
||||
|
||||
& iframe {
|
||||
min-width: 640px;
|
||||
min-height: 480px
|
||||
}
|
||||
}
|
||||
|
||||
#buttons {
|
||||
width: 640px;
|
||||
& fieldset {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
& nav {
|
||||
& ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: grid;
|
||||
}
|
||||
|
||||
& img:hover {
|
||||
filter: drop-shadow(4px 6px 0 #0006);
|
||||
transform: translateY(-4px);
|
||||
transition: 0.3s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#pkmn {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
background-image: url("/assets/img/theme/citrus/box.png");
|
||||
border-radius: 5px;
|
||||
width: fit-content;
|
||||
justify-content: space-around;
|
||||
border-bottom-color: #78a068;
|
||||
border-left-color: #c8f8c0;
|
||||
border-right-color: #78a068;
|
||||
border-top-color: #c8f8c0;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
margin-top: 18px;
|
||||
|
||||
& img:hover {
|
||||
filter: drop-shadow(0 -2px 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 3px #0006);
|
||||
animation: jump 200ms infinite alternate;
|
||||
}
|
||||
}
|
||||
|
||||
.note {
|
||||
background-color: var(--tertiary);
|
||||
background-image: var(--noise), var(--paper);
|
||||
background-size: auto, 4px;
|
||||
font-family: Pangolin, sans-serif;
|
||||
|
||||
& p {
|
||||
text-transform: lowercase;
|
||||
|
||||
&:not(:last-of-type) {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
& p,
|
||||
li,
|
||||
h2 {
|
||||
line-height: 32px;
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
& h3 {
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
#portrait {
|
||||
background-color: var(--primary);
|
||||
border-radius: 100%;
|
||||
height: 120px;
|
||||
margin: 4px 16px;
|
||||
width: 120px;
|
||||
float: right;
|
||||
box-shadow: 0 0 0 4px #fff, .2em .2em .1em .2em #0006;
|
||||
overflow: hidden;
|
||||
transition: 0.3s;
|
||||
|
||||
& img {
|
||||
height: 120px;
|
||||
transition: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
border-radius: inherit;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
background-image: linear-gradient(to bottom, #fffb, transparent 50%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
transform: rotateZ(4deg);
|
||||
}
|
||||
|
||||
&:active {
|
||||
transform: scale(1.2) rotateZ(4deg) translateY(4px);
|
||||
box-shadow: 0 0 0 4px #fff, .4em .4em .4em .4em #0006;
|
||||
|
||||
& img {
|
||||
transform: translateX(-120px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#collection {
|
||||
& ul {
|
||||
background-image: var(--line), linear-gradient(to top, chocolate 80%, var(--quaternary));
|
||||
background-size: 32px;
|
||||
box-shadow: inset 0 0 24px 8px var(--quaternary);
|
||||
margin-bottom: 2rem;
|
||||
border: 4px solid chocolate;
|
||||
border-top: 0;
|
||||
display: flex;
|
||||
padding: 25px 0 0 25px;
|
||||
overflow-x: scroll;
|
||||
margin: 0;
|
||||
overflow-y: hidden;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
& hr {
|
||||
height: 2rem;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background-image: linear-gradient(darkorange 10%, chocolate 30%);
|
||||
box-shadow: inset 0 4px 4px chocolate;
|
||||
}
|
||||
|
||||
& li {
|
||||
display: flex;
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
align-self: baseline;
|
||||
transition: 0.3s;
|
||||
|
||||
& a {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
transform: translateY(-6px) rotateZ(2deg);
|
||||
z-index: 2;
|
||||
margin: 0 -1rem 0 0;
|
||||
}
|
||||
|
||||
& h3 {
|
||||
height: 2rem;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
transition: 0.3s;
|
||||
color: transparent;
|
||||
display: grid;
|
||||
align-items: center;
|
||||
width: inherit;
|
||||
z-index: 1;
|
||||
font-size: 1rem;
|
||||
|
||||
&:hover {
|
||||
background-image: linear-gradient(#000, transparent);
|
||||
color: #fff;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main>section:not([id]) {
|
||||
display: flex;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
main>*:not(*:last-child) {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.games img,
|
||||
.music img {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.games li {
|
||||
margin: 0 -8rem 0 0;
|
||||
}
|
||||
|
||||
.games img {
|
||||
display: flex;
|
||||
width: 12rem;
|
||||
}
|
||||
|
||||
.music {
|
||||
& li {
|
||||
margin: 0 -5rem 0 0;
|
||||
box-shadow: inset 0 0 0.2rem #666;
|
||||
background-image: linear-gradient(-45deg, #333 50%, #666);
|
||||
height: 10rem;
|
||||
width: 10rem;
|
||||
|
||||
&::before {
|
||||
width: 1rem;
|
||||
box-shadow: inset 1rem 0 0 0 #222;
|
||||
margin: 0 -1rem;
|
||||
}
|
||||
|
||||
&::after {
|
||||
border: .2rem solid #ccc;
|
||||
border-left: 0;
|
||||
z-index: 1;
|
||||
background-image: linear-gradient(-45deg, #fff3, transparent, #fffb);
|
||||
width: 11rem;
|
||||
margin: 0 0 0 -1rem;
|
||||
}
|
||||
|
||||
&:hover::after {
|
||||
animation: caseOpen .4s ease-in-out both;
|
||||
}
|
||||
}
|
||||
|
||||
& img {
|
||||
border-radius: 100%;
|
||||
box-shadow: 0 0 0 0.2rem #eee, 0 0 0 0.3rem #222;
|
||||
height: 9rem;
|
||||
width: 9rem;
|
||||
margin: 0.5rem;
|
||||
}
|
||||
|
||||
& li::before,
|
||||
& li::after,
|
||||
& a::after {
|
||||
content: "";
|
||||
box-sizing: border-box;
|
||||
height: inherit;
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
& a::after {
|
||||
background-image: radial-gradient(circle, #444 40%, #666);
|
||||
border-radius: 100%;
|
||||
box-shadow: 0 0 0 0.25rem #eee, 0 0 0 .3rem #222;
|
||||
height: 32px;
|
||||
content: url("/assets/img/theme/citrus/popper.svg");
|
||||
margin: 4rem -6rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Page specific - Gallery */
|
||||
#artworks {
|
||||
background-image: var(--noise), var(--line);
|
||||
background-color: #fff;
|
||||
padding: 1rem;
|
||||
background-size: auto, 32px;
|
||||
|
||||
& h2 {
|
||||
padding: 0 2rem 0 1rem;
|
||||
margin: 2rem 0;
|
||||
border-bottom: 2px dotted;
|
||||
font-size: 2rem;
|
||||
font-family: Pangolin, sans-serif;
|
||||
|
||||
&:first-of-type {
|
||||
margin: 0 0 2rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
& img {
|
||||
display: flex;
|
||||
height: 12rem;
|
||||
width: 100%;
|
||||
transition: 0.3s;
|
||||
border-bottom: unset;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
& ul {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(min(208px, 100%), 1fr));
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
& a {
|
||||
display: block;
|
||||
text-decoration: unset;
|
||||
transition: 0.3s;
|
||||
|
||||
&:is(:hover, :focus) {
|
||||
figure {
|
||||
transition: 0.3s;
|
||||
background-color: currentColor;
|
||||
border-color: currentColor;
|
||||
}
|
||||
|
||||
figcaption {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
time {
|
||||
color: #fffa
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& figure {
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
border: 4px solid #fff;
|
||||
box-shadow: var(--shadow);
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
|
||||
& figcaption {
|
||||
font-family: Urbanist, sans-serif;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
& time {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Rubik;
|
||||
src: url('/assets/fonts/Rubik.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Urbanist;
|
||||
src: url('/assets/fonts/Urbanist-Bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Pangolin;
|
||||
src: url('/assets/fonts/Pangolin-Regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
/* Mobile view */
|
||||
@media screen and (max-width: 1400px) {
|
||||
header h1 {
|
||||
display: none
|
||||
}
|
||||
|
||||
body>nav {
|
||||
height: 3rem;
|
||||
border-radius: 0;
|
||||
box-shadow: inset 0 -4px 0 0 var(--quaternary);
|
||||
}
|
||||
|
||||
body>nav,
|
||||
header h1 {
|
||||
background-color: var(--secondary);
|
||||
background-attachment: unset;
|
||||
background-blend-mode: unset;
|
||||
background-image: unset;
|
||||
}
|
||||
|
||||
body>nav a {
|
||||
border-radius: 1rem;
|
||||
margin: 6px 4px 8px 4px;
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: bottom;
|
||||
background-position-y: initial;
|
||||
}
|
||||
|
||||
.blog aside {
|
||||
width: initial;
|
||||
}
|
||||
|
||||
#posts,
|
||||
#posts li {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#blog header {
|
||||
height: 3rem;
|
||||
}
|
||||
|
||||
#changelog, #buttons {
|
||||
min-width: initial;
|
||||
width: 100%;
|
||||
}
|
||||
#buttons ul {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
#buttons fieldset {
|
||||
width: 100%;
|
||||
}
|
||||
#changelog iframe {
|
||||
min-width: initial;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes caseOpen {
|
||||
50% {
|
||||
width: 0rem;
|
||||
margin: 0 0 0 -1rem;
|
||||
}
|
||||
|
||||
51% {
|
||||
border: 0.3rem solid #999;
|
||||
}
|
||||
|
||||
100% {
|
||||
width: 11rem;
|
||||
border: 0.3rem solid #999;
|
||||
border-right: 0;
|
||||
margin: 0 -12rem;
|
||||
background-image: linear-gradient(-45deg, #ccc8, #fffa);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes jump {
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translateY(-4px);
|
||||
}
|
||||
}
|
||||
186
_src/assets/css/default.css
Normal file
186
_src/assets/css/default.css
Normal file
|
|
@ -0,0 +1,186 @@
|
|||
body {
|
||||
font-family: sans-serif;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
main {
|
||||
padding: 2rem 2rem 4rem calc(240px + 2rem);
|
||||
}
|
||||
h1,h2,h3,h4 {
|
||||
margin: 0;
|
||||
}
|
||||
article {
|
||||
height: max-content;
|
||||
overflow: hidden;
|
||||
padding: 32px;
|
||||
}
|
||||
article li,article p {
|
||||
font-size: 1rem;
|
||||
margin-bottom: .8rem;
|
||||
}
|
||||
/* Header */
|
||||
header {
|
||||
margin: 0 0 0 240px;
|
||||
}
|
||||
header svg {
|
||||
height: 32px;
|
||||
margin-right: 8px;
|
||||
width: 32px;
|
||||
}
|
||||
header h1 {
|
||||
align-content: center;
|
||||
display: flex;
|
||||
height: 4rem;
|
||||
line-height: 64px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
width: max-content;
|
||||
z-index: 1;
|
||||
}
|
||||
h2 time {
|
||||
font-size: initial;
|
||||
font-weight: initial;
|
||||
}
|
||||
/* Navigation */
|
||||
body>nav {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 240px;
|
||||
overflow: hidden;
|
||||
padding: 0 2rem 2rem 0;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 240px;
|
||||
}
|
||||
body>nav ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body>nav ul div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 48px;
|
||||
margin: 0 auto;
|
||||
padding: 0 8px;
|
||||
}
|
||||
body>nav a {
|
||||
display: flex;
|
||||
font-size: 1.125rem;
|
||||
font-weight: bold;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
}
|
||||
/* Navigation > Icons */
|
||||
svg {
|
||||
fill: currentColor;
|
||||
stroke: currentColor;
|
||||
stroke-width: 0;
|
||||
}
|
||||
body>nav li img {
|
||||
border-radius: 100%;
|
||||
}
|
||||
body>nav a svg,body>nav li img {
|
||||
margin: 0 8px 0 8px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
body>nav li img,body>nav a svg,header svg {
|
||||
align-self: center;
|
||||
}
|
||||
body>nav>ul>svg {
|
||||
overflow: visible;
|
||||
text-anchor: start;
|
||||
}
|
||||
/* Images */
|
||||
article img {
|
||||
height: 200px;
|
||||
}
|
||||
img[src*="/assets/img/pkmn/"],footer img {
|
||||
height: fit-content;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
img[src*="/assets/img/favicon/"] {
|
||||
margin: 0 4px -4px 0;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
img[src*="/assets/img/flag/"] {
|
||||
display: flex;
|
||||
height: 32px;
|
||||
}
|
||||
ul:has(img, svg):not(article ul) {
|
||||
list-style-type: none;
|
||||
}
|
||||
article a:has(img) {
|
||||
display: inline-block;
|
||||
}
|
||||
/* Footer */
|
||||
footer>nav {
|
||||
align-items: center;
|
||||
bottom: 0;
|
||||
display: flex;
|
||||
text-wrap: nowrap;
|
||||
height: 3rem;
|
||||
left: 0;
|
||||
overflow-x: scroll;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
transition: .2s;
|
||||
z-index: 10;
|
||||
}
|
||||
footer>nav ul {
|
||||
column-gap: 6px;
|
||||
display: inherit;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
footer>nav li,
|
||||
footer>nav a {
|
||||
display: inherit;
|
||||
}
|
||||
article {
|
||||
max-width: 75ch;
|
||||
}
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
img[id="meow"]:hover {
|
||||
background-image: url("/assets/img/button/second.gif")
|
||||
}
|
||||
/* Mobile view */
|
||||
@media screen and (max-width: 1400px) {
|
||||
header {
|
||||
margin:0;
|
||||
align-items: center;
|
||||
}
|
||||
main {
|
||||
padding: 2vw 2vw 6vw 2vw;
|
||||
}
|
||||
main>section:not([id]) {
|
||||
flex-direction: column;
|
||||
}
|
||||
main>section {
|
||||
width: initial;
|
||||
}
|
||||
article {
|
||||
max-width: initial;
|
||||
width: auto;
|
||||
}
|
||||
body>nav {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
height: 42px;
|
||||
max-width: initial;
|
||||
overflow-x: scroll;
|
||||
padding: 0;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
body>nav ul {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
79
_src/assets/css/reset.css
Normal file
79
_src/assets/css/reset.css
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
/* https://piccalil.li/blog/a-more-modern-css-reset/ A (more) Modern CSS Reset by Andy Bell */
|
||||
/* Box sizing rules */
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Prevent font size inflation */
|
||||
html {
|
||||
-moz-text-size-adjust: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
text-size-adjust: none;
|
||||
}
|
||||
|
||||
/* Remove default margin in favour of better control in authored CSS */
|
||||
body, h1, h2, h3, h4, p,
|
||||
figure, blockquote, dl, dd {
|
||||
margin-block-end: 0;
|
||||
margin-block-start: 0;
|
||||
}
|
||||
|
||||
/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed
|
||||
ul[role='list'],
|
||||
ol[role='list'] {
|
||||
list-style: none;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Set core body defaults */
|
||||
body {
|
||||
min-height: 100vh;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* Set shorter line heights on headings and interactive elements
|
||||
h1, h2, h3, h4,
|
||||
button, input, label {
|
||||
line-height: 1.1;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Balance text wrapping on headings */
|
||||
h1, h2,
|
||||
h3, h4 {
|
||||
text-wrap: balance;
|
||||
}
|
||||
|
||||
/* A elements that don't have a class get default styles
|
||||
a:not([class]) {
|
||||
text-decoration-skip-ink: auto;
|
||||
color: currentColor;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Make images easier to work with
|
||||
img,
|
||||
picture {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Inherit fonts for inputs and buttons */
|
||||
input, button,
|
||||
textarea, select {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
/* Make sure textareas without a rows attribute are not tiny */
|
||||
textarea:not([rows]) {
|
||||
min-height: 10em;
|
||||
}
|
||||
|
||||
/* Anything that has been anchored to should have extra scroll margin */
|
||||
:target {
|
||||
scroll-margin-block: 5ex;
|
||||
}
|
||||
48
_src/assets/css/test.css
Normal file
48
_src/assets/css/test.css
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
:root {
|
||||
--bg: black
|
||||
}
|
||||
html {
|
||||
background-color: var(--bg);
|
||||
background-image: linear-gradient(transparent, var(--bg) 70%), url("https://i.redd.it/a8wis0519ol61.gif");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
html::before,html::after {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-attachment: fixed;
|
||||
background-size: contain;
|
||||
image-rendering: pixelated;
|
||||
mask-image: url("/assets/img/halftone.svg");
|
||||
mask-repeat: repeat-y;
|
||||
mask-size: 2rem;
|
||||
background-repeat: no-repeat;
|
||||
top: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
html::after {
|
||||
background-image: linear-gradient(-90deg, var(--bg) 90%, transparent), url("/assets/img/sheet1.png");
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
html::before {
|
||||
background-image: linear-gradient(-90deg, var(--bg) 90%, transparent), url("/assets/img/sheet2.png");
|
||||
}
|
||||
header {
|
||||
display: flex;
|
||||
margin: 0 auto;
|
||||
justify-content: center;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Silkscreen";
|
||||
src: url("/assets/img/slkscr.ttf");
|
||||
}
|
||||
header h1 {
|
||||
color: white;
|
||||
font-family: "Silkscreen"
|
||||
}
|
||||
BIN
_src/assets/fonts/Pangolin-Regular.ttf
Normal file
BIN
_src/assets/fonts/Pangolin-Regular.ttf
Normal file
Binary file not shown.
BIN
_src/assets/fonts/Rubik.ttf
Normal file
BIN
_src/assets/fonts/Rubik.ttf
Normal file
Binary file not shown.
BIN
_src/assets/fonts/Urbanist-Bold.ttf
Normal file
BIN
_src/assets/fonts/Urbanist-Bold.ttf
Normal file
Binary file not shown.
BIN
_src/assets/fonts/ms_sans_serif.woff
Normal file
BIN
_src/assets/fonts/ms_sans_serif.woff
Normal file
Binary file not shown.
BIN
_src/assets/fonts/ms_sans_serif.woff2
Normal file
BIN
_src/assets/fonts/ms_sans_serif.woff2
Normal file
Binary file not shown.
BIN
_src/assets/fonts/ms_sans_serif_bold.woff
Normal file
BIN
_src/assets/fonts/ms_sans_serif_bold.woff
Normal file
Binary file not shown.
BIN
_src/assets/fonts/ms_sans_serif_bold.woff2
Normal file
BIN
_src/assets/fonts/ms_sans_serif_bold.woff2
Normal file
Binary file not shown.
BIN
_src/assets/fox.ogg
Normal file
BIN
_src/assets/fox.ogg
Normal file
Binary file not shown.
BIN
_src/assets/img/art/acnl_sundae-redo.png
Normal file
BIN
_src/assets/img/art/acnl_sundae-redo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
_src/assets/img/art/acnl_sundae.png
Normal file
BIN
_src/assets/img/art/acnl_sundae.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
_src/assets/img/art/klonoa.png
Normal file
BIN
_src/assets/img/art/klonoa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
BIN
_src/assets/img/art/klonoa_sitting.png
Normal file
BIN
_src/assets/img/art/klonoa_sitting.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
_src/assets/img/art/modular-vector-shape_bun.png
Normal file
BIN
_src/assets/img/art/modular-vector-shape_bun.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
BIN
_src/assets/img/art/nt_sundae_spritesheet.gif
Normal file
BIN
_src/assets/img/art/nt_sundae_spritesheet.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
_src/assets/img/art/petscii_kass.png
Normal file
BIN
_src/assets/img/art/petscii_kass.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.3 KiB |
BIN
_src/assets/img/art/petscii_lurantis.png
Normal file
BIN
_src/assets/img/art/petscii_lurantis.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
_src/assets/img/art/petscii_sue.png
Normal file
BIN
_src/assets/img/art/petscii_sue.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 888 B |
BIN
_src/assets/img/art/petscii_sundae-redo1.png
Normal file
BIN
_src/assets/img/art/petscii_sundae-redo1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
_src/assets/img/art/petscii_sundae-redo2.png
Normal file
BIN
_src/assets/img/art/petscii_sundae-redo2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
_src/assets/img/art/petscii_sundae1.png
Normal file
BIN
_src/assets/img/art/petscii_sundae1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
_src/assets/img/art/petscii_sundae2.png
Normal file
BIN
_src/assets/img/art/petscii_sundae2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
_src/assets/img/art/sibuxiang.png
Normal file
BIN
_src/assets/img/art/sibuxiang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
BIN
_src/assets/img/art/sundae.png
Normal file
BIN
_src/assets/img/art/sundae.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
_src/assets/img/art/sundae_b.png
Normal file
BIN
_src/assets/img/art/sundae_b.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 364 KiB |
132
_src/assets/img/art/sundae_backdrop.svg
Normal file
132
_src/assets/img/art/sundae_backdrop.svg
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="327.71152"
|
||||
height="355.21045"
|
||||
viewBox="0 0 86.707003 93.982762"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
id="layer1"
|
||||
transform="translate(-9.5631642,-6.4544547)">
|
||||
<g
|
||||
id="g20166">
|
||||
<path
|
||||
style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="M 91.159466,63.590272 C 67.378264,73.249614 70.173344,52.049691 52.135011,49.480786 77.857246,43.560405 87.0958,51.636686 91.159466,63.590272 Z M 76.979355,84.581194 C 77.062961,58.913286 58.438947,69.420204 49.32207,53.644803 53.431725,79.717682 64.372918,85.273535 76.979355,84.581194 Z"
|
||||
id="path7463-6-1-5-2-5-6"
|
||||
transform="rotate(55.959581,70.384236,43.761182)"
|
||||
class="UnoptimicedTransforms" />
|
||||
<path
|
||||
style="display:inline;fill:#ff9a00;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="m -4.2961694,71.343177 c -2.6861863,5.497186 -3.3752033,10.703868 -2.6108893,15.059087 1.7253238,10.528932 13.8142417,13.924266 21.6833467,9.53197 3.913063,-2.279937 6.852574,-6.342148 8.934288,-11.30977 C 32.324488,64.068969 26.251051,28.010878 13.69146,38.575747 7.54277,54.071726 1.8395982,58.976162 -4.2961694,71.343177 Z m 92.9860554,0 c 2.686187,5.497186 3.375204,10.703868 2.61089,15.059087 -1.725324,10.528932 -13.814242,13.924266 -21.683347,9.53197 -3.913063,-2.279937 -6.852574,-6.342148 -8.934288,-11.30977 -8.613912,-20.555495 -2.540475,-56.613586 10.019116,-46.048717 6.14869,15.495979 11.851862,20.400415 17.987629,32.76743 z"
|
||||
id="path6899-4"
|
||||
class="UnoptimicedTransforms"
|
||||
transform="matrix(0.87766946,0,0,0.81609851,15.881773,20.616951)" />
|
||||
<path
|
||||
style="display:inline;fill:#ffad2f;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="m -4.2961694,71.343177 c -2.6861863,5.497186 -3.3752033,10.703868 -2.6108893,15.059087 1.7253238,10.528932 13.8142417,13.924266 21.6833467,9.53197 3.913063,-2.279937 7.272049,-6.17383 8.934288,-11.30977 C 32.80776,56.516235 26.982633,16.577478 13.69146,38.575747 7.54277,54.071726 1.8395982,58.976162 -4.2961694,71.343177 Z m 105.8970894,0 c 2.68619,5.497186 3.3752,10.703868 2.61089,15.059087 -1.72533,10.528932 -13.814243,13.924266 -21.683348,9.53197 -3.913063,-2.279937 -7.272049,-6.17383 -8.934288,-11.30977 C 64.49699,56.516235 70.322117,16.577478 83.61329,38.575747 c 6.14869,15.495979 11.851862,20.400415 17.98763,32.76743 z"
|
||||
id="path6899-4-8"
|
||||
class="UnoptimicedTransforms"
|
||||
transform="matrix(0.6906921,0,0,0.66374407,19.312856,33.192364)" />
|
||||
<g
|
||||
id="g13480"
|
||||
transform="rotate(20.987925,64.335078,43.048572)"
|
||||
style="display:inline;fill:#ff8900;fill-opacity:1"
|
||||
class="UnoptimicedTransforms">
|
||||
<path
|
||||
d="M -3.6638996,74.465625 C 27.71595,79.114312 13.878251,51.055021 32.674623,41.012069 1.6870804,41.768793 14.300238,55.600215 -3.6638996,74.465625 Z M 78.151723,69.173852 C 47.632171,77.826146 57.739989,48.218077 37.806498,40.680143 68.633335,37.43876 57.907028,52.779761 78.151723,69.173852 Z"
|
||||
style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
id="path92732"
|
||||
class="UnoptimicedTransforms"
|
||||
transform="rotate(-17.287232,13.597382,-5.3561787)" />
|
||||
</g>
|
||||
<path
|
||||
id="circle7010"
|
||||
style="display:inline;fill:#fec65f;stroke-width:1.83563;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
class="UnoptimicedTransforms"
|
||||
transform="matrix(1,0,0,0.75017669,0.37043699,7.0673092)"
|
||||
d="m 52.546875,26.630859 c 0,0 -19.266051,-2.971365 -23.673828,31.992188 -1.819818,14.435238 9.107772,20.892672 23.673828,21 14.566056,-0.107328 25.493646,-6.564762 23.673828,-21 C 71.812926,23.659494 52.546875,26.630859 52.546875,26.630859 Z" />
|
||||
<path
|
||||
id="path13409"
|
||||
style="fill:#ffad2f;fill-opacity:1;stroke-width:1.69169;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="m 40.32011,63.237024 c -4.887166,0.02121 -8.891642,-3.072003 -9.779797,-7.505635 -0.644343,-3.216534 0.185963,-6.788298 2.243877,-8.604651 4.057581,-3.581296 10.649613,-4.104347 13.546295,0.459191 1.599032,2.519172 2.566325,5.688099 2.043485,8.475753 -0.831462,4.433149 -3.738679,7.156613 -8.05386,7.175342 z" />
|
||||
<path
|
||||
id="path12331"
|
||||
style="display:inline;fill:#fec65f;fill-opacity:1;stroke-width:2.82312;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="m 45.132812,76.351562 c -0.20071,1.276153 -1.3707,3.134831 -5.996093,4.623047 -7.833069,2.520283 -15.003321,10.325727 -15.080078,15.414063 10e-5,5.215638 12.552008,9.443238 28.490234,9.443358 15.938226,-1.2e-4 28.488181,-4.22772 28.488281,-9.443358 -0.07676,-5.088336 -7.245056,-12.89378 -15.078125,-15.414063 -4.625393,-1.488216 -5.797336,-3.346893 -5.998047,-4.623047 0,0 -6.344,-0.128908 -7.412109,0 -1.068109,-0.128908 -7.414062,0 -7.414063,0 z"
|
||||
class="UnoptimicedTransforms"
|
||||
transform="translate(0.37043699,-10.059985)" />
|
||||
<path
|
||||
style="fill:#fed98c;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="m 52.538545,86.257275 c -2.094355,0.691279 -16.633088,2.363653 -16.633088,2.363653 -0.435038,2.444124 7.220916,9.101325 16.584455,11.952772 9.382954,-2.786897 17.084572,-9.391216 16.666376,-11.838278 0,0 -14.526872,-1.772457 -16.616416,-2.478142"
|
||||
id="path12720-7"
|
||||
transform="matrix(0.99999406,-0.00318879,0.00344333,0.92607061,0.08075857,1.7425461)"
|
||||
class="UnoptimicedTransforms" />
|
||||
<path
|
||||
style="fill:#fed98c;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="m 48.454628,83.548655 -8.112979,-0.467282 c -1.168909,-0.06732 -0.02607,3.503239 -0.02607,3.503239 l -5.308134,0.04068 c 0.08134,7.621599 11.861218,6.871067 16.479301,7.505667 3.581424,-2.983756 13.971596,-8.584938 10.004695,-15.093325 l -4.524371,2.77633 c 0,0 -0.921275,-3.634036 -1.877199,-2.957952 l -6.634706,4.692489"
|
||||
id="path12720"
|
||||
class="UnoptimicedTransforms"
|
||||
transform="matrix(1.1407728,0.36541932,-0.32683109,1.2754613,24.946912,-50.18275)" />
|
||||
<g
|
||||
id="g13473"
|
||||
transform="translate(0.37043699,-9.0016513)">
|
||||
<g
|
||||
id="g92816">
|
||||
<path
|
||||
style="fill:#ff7900;fill-opacity:1;stroke-width:0.572625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="m 71.437471,20.438898 c -8.450265,-0.980963 -6.535762,5.735163 -12.383317,5.935799 8.39132,3.948034 11.74596,-2.071007 12.383317,-5.935799 z"
|
||||
id="path7463-6-6" />
|
||||
<path
|
||||
d="M -4.1646198,14.763395 C -11.986731,7.4571333 -12.710293,2.5995675 -12.472979,-3.88295 c -2.854772,2.4214376 -5.45214,-0.2470109 -6.864526,1.6788139 -7.279121,9.9252648 3.544187,18.2625271 15.1728852,16.9675311 z M 34.31814,15.572044 c 8.122128,-6.9712203 9.049108,-11.7941028 9.084322,-18.2808671 2.750532,2.53922348 5.457703,-0.017759 6.787943,1.96569727 C 57.04616,9.4791592 45.882174,17.354397 34.31814,15.572044 Z"
|
||||
style="fill:#ff7900;fill-opacity:1;stroke-width:1.53865;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
id="path91822"
|
||||
class="UnoptimicedTransforms"
|
||||
transform="matrix(0.84698155,-0.01636939,0.01779787,0.92089343,39.506539,62.889045)" />
|
||||
</g>
|
||||
<path
|
||||
style="fill:#ff9a00;fill-opacity:1;stroke-width:0.572625;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="m 60.270009,15.456106 c 6.545508,5.433745 0.366174,8.687588 4.259618,13.055109 -8.650586,-3.341943 -6.614454,-9.925 -4.259618,-13.055109 z"
|
||||
id="path7463-6-6-8" />
|
||||
<path
|
||||
style="fill:#ff9a00;fill-opacity:1;stroke-width:1.95642;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="M 13.362608,50.174884 C 36.073855,57.495078 41.351167,30.991601 58.478827,32.692418 40.699192,14.045351 21.397415,35.65758 13.362608,50.174884 Z"
|
||||
id="path7463" />
|
||||
<path
|
||||
style="fill:#ff9a00;fill-opacity:1;stroke-width:2.20445;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="M 21.759319,28.757914 C 43.099325,52.601894 57.742246,30.852936 75.147311,45.139057 62.876122,13.975262 35.182861,20.641368 21.759319,28.757914 Z"
|
||||
id="path7463-6" />
|
||||
<path
|
||||
style="fill:#ff9a00;fill-opacity:1;stroke-width:2.01407;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="M 88.689283,56.448215 C 60.762528,63.415486 59.366473,39.454837 38.995307,41.244974 63.190379,24.076258 81.898521,43.398114 88.689283,56.448215 Z"
|
||||
id="path7463-6-1" />
|
||||
<path
|
||||
style="fill:#ff9a00;fill-opacity:1;stroke-width:1.84001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="M 21.759319,56.297424 C 53.078421,64.919155 62.298009,45.385079 66.929705,45.64891 42.317042,28.890078 26.7619,45.043087 21.759319,56.297424 Z"
|
||||
id="path7463-6-1-0" />
|
||||
<path
|
||||
style="fill:#ff9a00;fill-opacity:1;stroke-width:1.63893;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
d="M 87.171758,46.173043 C 61.19298,48.779418 64.9528,31.098623 46.687652,30.587705 71.511616,20.172901 83.922841,36.003726 87.171758,46.173043 Z"
|
||||
id="path7463-6-1-5" />
|
||||
</g>
|
||||
<path
|
||||
class="UnoptimicedTransforms"
|
||||
id="path11410-7"
|
||||
d="m 52.916663,70.268577 c 0,0 -0.438651,-0.363811 -0.945632,-0.797192 -0.450517,-0.385114 -0.954992,-0.825165 -1.253564,-1.113677 -2.997109,-2.905581 0.944251,-5.045279 2.199196,-2.363699 m -8.9e-5,4.274568 c 0,0 0.438657,-0.363803 0.945645,-0.797176 0.450524,-0.385106 0.955006,-0.825148 1.253583,-1.113655 2.997159,-2.90553 -0.944164,-5.045296 -2.199155,-2.363737"
|
||||
style="fill:#ff7900;fill-opacity:1;stroke-width:2.64583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;paint-order:stroke markers fill"
|
||||
transform="matrix(-0.75034457,0,0,0.74951103,92.622391,7.9159323)" />
|
||||
<path
|
||||
style="fill:none;fill-opacity:1;stroke:#b25400;stroke-width:1.796;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:6;stroke-opacity:1;paint-order:stroke markers fill"
|
||||
d="m 33.285316,52.366414 c 1.517969,1.192019 3.361884,1.964668 5.276181,2.210858 2.106745,0.27094 4.291692,-0.09968 6.19125,-1.050187 m 27.266102,-1.160671 c -1.51797,1.192019 -3.361885,1.964668 -5.276181,2.210858 -2.106746,0.27094 -4.291692,-0.09968 -6.19125,-1.050187"
|
||||
id="path108017"
|
||||
class="UnoptimicedTransforms"
|
||||
transform="translate(0.26458333,0.89812659)" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
BIN
_src/assets/img/art/sundae_bunbed.png
Normal file
BIN
_src/assets/img/art/sundae_bunbed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
_src/assets/img/art/sundae_city-old.png
Normal file
BIN
_src/assets/img/art/sundae_city-old.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
BIN
_src/assets/img/art/sundae_city.png
Normal file
BIN
_src/assets/img/art/sundae_city.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 173 KiB |
BIN
_src/assets/img/art/sundae_cs.png
Normal file
BIN
_src/assets/img/art/sundae_cs.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
BIN
_src/assets/img/art/sundae_dragon1.png
Normal file
BIN
_src/assets/img/art/sundae_dragon1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
_src/assets/img/art/sundae_dragon2.png
Normal file
BIN
_src/assets/img/art/sundae_dragon2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.1 KiB |
BIN
_src/assets/img/art/sundae_glistening.png
Normal file
BIN
_src/assets/img/art/sundae_glistening.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 324 KiB |
BIN
_src/assets/img/art/sundae_headpat.png
Normal file
BIN
_src/assets/img/art/sundae_headpat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
_src/assets/img/art/sundae_hike.png
Normal file
BIN
_src/assets/img/art/sundae_hike.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 634 KiB |
1
_src/assets/img/art/sundae_icon.svg
Normal file
1
_src/assets/img/art/sundae_icon.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.7 KiB |
BIN
_src/assets/img/art/sundae_lick.gif
Normal file
BIN
_src/assets/img/art/sundae_lick.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
_src/assets/img/art/sundae_pride.png
Normal file
BIN
_src/assets/img/art/sundae_pride.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
BIN
_src/assets/img/art/sundae_refsheet.png
Normal file
BIN
_src/assets/img/art/sundae_refsheet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 KiB |
BIN
_src/assets/img/art/sundae_starchild.png
Normal file
BIN
_src/assets/img/art/sundae_starchild.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
BIN
_src/assets/img/blog/acnl.png
Normal file
BIN
_src/assets/img/blog/acnl.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 515 KiB |
BIN
_src/assets/img/blog/bun.png
Normal file
BIN
_src/assets/img/blog/bun.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 244 KiB |
BIN
_src/assets/img/blog/kass.jpg
Normal file
BIN
_src/assets/img/blog/kass.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
_src/assets/img/button/arch-linux.png
Normal file
BIN
_src/assets/img/button/arch-linux.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 311 B |
BIN
_src/assets/img/button/beeps.gif
Normal file
BIN
_src/assets/img/button/beeps.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
_src/assets/img/button/bob.gif
Normal file
BIN
_src/assets/img/button/bob.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
_src/assets/img/button/braixdragon-cat1.gif
Normal file
BIN
_src/assets/img/button/braixdragon-cat1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
_src/assets/img/button/braixdragon-cat2.gif
Normal file
BIN
_src/assets/img/button/braixdragon-cat2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
_src/assets/img/button/cabl.gif
Normal file
BIN
_src/assets/img/button/cabl.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
_src/assets/img/button/cc-by-nc-sa-4.0.gif
Normal file
BIN
_src/assets/img/button/cc-by-nc-sa-4.0.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 KiB |
BIN
_src/assets/img/button/creature0354.gif
Normal file
BIN
_src/assets/img/button/creature0354.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
BIN
_src/assets/img/button/crouton.png
Normal file
BIN
_src/assets/img/button/crouton.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
BIN
_src/assets/img/button/discord-no-way.gif
Normal file
BIN
_src/assets/img/button/discord-no-way.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
_src/assets/img/button/drakonic.gif
Normal file
BIN
_src/assets/img/button/drakonic.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
_src/assets/img/button/firefox.gif
Normal file
BIN
_src/assets/img/button/firefox.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
_src/assets/img/button/flashpoint.gif
Normal file
BIN
_src/assets/img/button/flashpoint.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
BIN
_src/assets/img/button/fox-nose.gif
Normal file
BIN
_src/assets/img/button/fox-nose.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 142 KiB |
BIN
_src/assets/img/button/get-librewolf.gif
Normal file
BIN
_src/assets/img/button/get-librewolf.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 334 B |
BIN
_src/assets/img/button/kde.gif
Normal file
BIN
_src/assets/img/button/kde.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
_src/assets/img/button/kiophen.gif
Normal file
BIN
_src/assets/img/button/kiophen.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
_src/assets/img/button/lospec.png
Normal file
BIN
_src/assets/img/button/lospec.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 460 B |
BIN
_src/assets/img/button/made_with_11ty.gif
Normal file
BIN
_src/assets/img/button/made_with_11ty.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 KiB |
BIN
_src/assets/img/button/marty.jpg
Normal file
BIN
_src/assets/img/button/marty.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
_src/assets/img/button/matrix.png
Normal file
BIN
_src/assets/img/button/matrix.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1,014 B |
BIN
_src/assets/img/button/mn8831.png
Normal file
BIN
_src/assets/img/button/mn8831.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
_src/assets/img/button/modarchive.gif
Normal file
BIN
_src/assets/img/button/modarchive.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
BIN
_src/assets/img/button/msx.gif
Normal file
BIN
_src/assets/img/button/msx.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
_src/assets/img/button/pinkderg.gif
Normal file
BIN
_src/assets/img/button/pinkderg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
BIN
_src/assets/img/button/piracy-now.gif
Normal file
BIN
_src/assets/img/button/piracy-now.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 605 B |
BIN
_src/assets/img/button/pngquant.gif
Normal file
BIN
_src/assets/img/button/pngquant.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 606 B |
BIN
_src/assets/img/button/rowan.gif
Normal file
BIN
_src/assets/img/button/rowan.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
_src/assets/img/button/snewberry.gif
Normal file
BIN
_src/assets/img/button/snewberry.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
_src/assets/img/button/sunbun_a.gif
Normal file
BIN
_src/assets/img/button/sunbun_a.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
_src/assets/img/button/sunbun_b.gif
Normal file
BIN
_src/assets/img/button/sunbun_b.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
_src/assets/img/button/sunbun_c.gif
Normal file
BIN
_src/assets/img/button/sunbun_c.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
_src/assets/img/button/sunbun_d.gif
Normal file
BIN
_src/assets/img/button/sunbun_d.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
_src/assets/img/button/suspiciouslybee.png
Normal file
BIN
_src/assets/img/button/suspiciouslybee.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
_src/assets/img/button/swiftyshq.gif
Normal file
BIN
_src/assets/img/button/swiftyshq.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
_src/assets/img/button/tequt.gif
Normal file
BIN
_src/assets/img/button/tequt.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
_src/assets/img/button/thiswebsitesucks.gif
Normal file
BIN
_src/assets/img/button/thiswebsitesucks.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
_src/assets/img/button/virtuallyisolated.png
Normal file
BIN
_src/assets/img/button/virtuallyisolated.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue