changed home page message and misc stuff
This commit is contained in:
parent
dfba7f8f29
commit
ea235120f8
7 changed files with 106 additions and 114 deletions
|
|
@ -4,91 +4,91 @@
|
|||
"alt": "Betty bee's website",
|
||||
"button": "/assets/img/button/mn8831.png",
|
||||
"name": "the mice nest",
|
||||
"url": "https://micenest.xyz/"
|
||||
"src": "https://micenest.xyz/"
|
||||
},
|
||||
{
|
||||
"alt": "Lati's website",
|
||||
"button": "/assets/img/button/creature0354.gif",
|
||||
"name": "lati!!!",
|
||||
"url": "https://creature0354.neocities.org/"
|
||||
"src": "https://creature0354.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Kiophen's website",
|
||||
"button": "/assets/img/button/kiophen.gif",
|
||||
"name": "kiophen",
|
||||
"url": "https://mileshouse.neocities.org/"
|
||||
"src": "https://mileshouse.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Tequt's website",
|
||||
"button": "/assets/img/button/tequt.gif",
|
||||
"name": "tequt",
|
||||
"url": "https://tequt.click/"
|
||||
"src": "https://tequt.click/"
|
||||
},
|
||||
{
|
||||
"alt": "Marty's website",
|
||||
"button": "/assets/img/button/marty.jpg",
|
||||
"name": "marty's house",
|
||||
"url": "https://martyshouse.neocities.org/"
|
||||
"src": "https://martyshouse.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Drakonic's website",
|
||||
"button": "/assets/img/button/drakonic.gif",
|
||||
"name": "DRAKONIC.ZONE",
|
||||
"url": "https://drakonic.zone/"
|
||||
"src": "https://drakonic.zone/"
|
||||
},
|
||||
{
|
||||
"alt": "Swifty's website",
|
||||
"button": "/assets/img/button/swiftyshq.gif",
|
||||
"name": "Swifty's HQ!",
|
||||
"url": "https://swiftyshq.neocities.org/"
|
||||
"src": "https://swiftyshq.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Em Essex's website",
|
||||
"button": "/assets/img/button/msx.gif",
|
||||
"name": "MSX.HORSE",
|
||||
"url": "https://heckscaper.com/"
|
||||
"src": "https://heckscaper.com/"
|
||||
},
|
||||
{
|
||||
"alt": "cabl's website",
|
||||
"button": "/assets/img/button/cabl.gif",
|
||||
"name": "cabl",
|
||||
"url": "https://cabl.rodeo/"
|
||||
"src": "https://cabl.rodeo/"
|
||||
},
|
||||
{
|
||||
"alt": "pinkderg's website",
|
||||
"button": "/assets/img/button/pinkderg.gif",
|
||||
"name": "pinkderg.art",
|
||||
"url": "https://pinkderg.art/"
|
||||
"src": "https://pinkderg.art/"
|
||||
},
|
||||
{
|
||||
"alt": "suspiciouslyBee's website",
|
||||
"button": "/assets/img/button/suspiciouslybee.png",
|
||||
"name": "bee on the internet",
|
||||
"url": "https://bee.movie/"
|
||||
"src": "https://bee.movie/"
|
||||
},
|
||||
{
|
||||
"alt": "Rowan's website",
|
||||
"button": "/assets/img/button/rowan.gif",
|
||||
"name": "owo",
|
||||
"url": "https://rowans.blog"
|
||||
"src": "https://rowans.blog"
|
||||
},
|
||||
{
|
||||
"alt": "Snewberry's website",
|
||||
"button": "/assets/img/button/snewberry.gif",
|
||||
"name": "Snewberry",
|
||||
"url": "https://snewberry.neocities.org/"
|
||||
"src": "https://snewberry.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Virtually Isolated's website",
|
||||
"button": "/assets/img/button/virtuallyisolated.png",
|
||||
"name": "virtually isolated",
|
||||
"url": "https://virtually-isolated.neocities.org/"
|
||||
"src": "https://virtually-isolated.neocities.org/"
|
||||
},
|
||||
{
|
||||
"alt": "Beeps' website",
|
||||
"button": "/assets/img/button/beeps.gif",
|
||||
"name": "beeps",
|
||||
"url": "https://beeps.website/"
|
||||
"src": "https://beeps.website/"
|
||||
},
|
||||
{
|
||||
"alt": "Pebble's website",
|
||||
|
|
@ -101,21 +101,21 @@
|
|||
"button": "/assets/img/button/fox-nose.gif",
|
||||
"id": "fox",
|
||||
"name": "fox",
|
||||
"url": "https://soundcloud.com/yeenimal/calling-you-nightcorefuchscore-edit"
|
||||
"src": "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"
|
||||
"src": "https://linktr.ee/BraixDragon"
|
||||
},
|
||||
|
||||
{
|
||||
"alt": "Crouton",
|
||||
"button": "/assets/img/button/crouton.png",
|
||||
"name": "Crouton",
|
||||
"url": "https://crouton.net"
|
||||
"src": "https://crouton.net"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -1,114 +1,113 @@
|
|||
{
|
||||
"items": [
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/ac_nl.png",
|
||||
"cover": "/assets/img/media/games/ac_nl.png",
|
||||
"title": "Animal Crossing: New Leaf",
|
||||
"src": "https://tane.us/ac/nl.html"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/b_p.png",
|
||||
"cover": "/assets/img/media/games/b_p.png",
|
||||
"title": "Burnout Paradise",
|
||||
"src": "https://youtube.com/watch?v=p3TYriU2-jo"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/cs.png",
|
||||
"cover": "/assets/img/media/games/cs.png",
|
||||
"title": "Cave Story+",
|
||||
"src": "https://cavestory.org/game-info/game-releases.php",
|
||||
"text": "i like it a lot"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/gta_sa.png",
|
||||
"cover": "/assets/img/media/games/gta_sa.png",
|
||||
"title": "Grand Theft Auto: San Andreas",
|
||||
"src": "https://youtube.com/watch?v=fNCtWaGMW4w"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/gta_vc.png",
|
||||
"cover": "/assets/img/media/games/gta_vc.png",
|
||||
"title": "Grand Theft Auto: Vice City",
|
||||
"src": "https://youtube.com/watch?v=XXHhh4JIby0"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/halo_mcc.png",
|
||||
"cover": "/assets/img/media/games/halo_mcc.png",
|
||||
"title": "Halo: The Master Chief Collection",
|
||||
"src": "https://youtube.com/watch?v=XXHhh4JIby0"
|
||||
"src": "https://www.youtube.com/watch?v=ePLDO68lcA4"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/jc2.png",
|
||||
"cover": "/assets/img/media/games/jc2.png",
|
||||
"title": "Just Cause 2",
|
||||
"src": "https://youtube.com/watch?v=PIVW0vPa4_o"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/klonoa_dtp.png",
|
||||
"cover": "/assets/img/media/games/klonoa_dtp.png",
|
||||
"title": "Klonoa: Door to Phantomile",
|
||||
"src": "https://youtube.com/watch?v=mGI-tc0Hbl0"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/klonoa_lv.png",
|
||||
"cover": "/assets/img/media/games/klonoa_lv.png",
|
||||
"title": "Klonoa 2: Lunatea's Veil",
|
||||
"src": "https://youtube.com/watch?v=3Tknfc8In3Y"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/lbp.png",
|
||||
"cover": "/assets/img/media/games/lbp.png",
|
||||
"title": "LittleBigPlanet",
|
||||
"src": "https://youtube.com/watch?v=LattfGKNr-E"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/me.png",
|
||||
"cover": "/assets/img/media/games/me.png",
|
||||
"title": "Mirror's Edge",
|
||||
"src": "https://youtube.com/watch?v=RfUwQsCzkgs"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/nfs_c.png",
|
||||
"cover": "/assets/img/media/games/nfs_c.png",
|
||||
"title": "Need For Speed: Carbon",
|
||||
"src": "https://youtube.com/watch?v=IOKWeLCirhI"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/nfs_mw.png",
|
||||
"cover": "/assets/img/media/games/nfs_mw.png",
|
||||
"title": "Need For Speed: Most Wanted",
|
||||
"src": "https://youtube.com/watch?v=CcHHZKKS2MI"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/nt.png",
|
||||
"cover": "/assets/img/media/games/nt.png",
|
||||
"title": "Nuclear Throne",
|
||||
"src": "https://www.youtube.com/watch?v=KbpbzbE3sjg"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/ori.png",
|
||||
"cover": "/assets/img/media/games/ori.png",
|
||||
"title": "Ori and the Blind Forest",
|
||||
"src": "https://www.fangamer.com/products/ori-plush"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/pkmn_ss.png",
|
||||
"cover": "/assets/img/media/games/pkmn_ss.png",
|
||||
"title": "Pokémon SoulSilver",
|
||||
"src": "https://youtube.com/watch?v=4ujh7lvcsRs"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/rv.png",
|
||||
"cover": "/assets/img/media/games/rv.png",
|
||||
"title": "Re-Volt",
|
||||
"src": "https://rvgl.org/"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/smt_iv.png",
|
||||
"cover": "/assets/img/media/games/smt_iv.png",
|
||||
"title": "Shin Megami Tensei IV",
|
||||
"src": "https://youtube.com/watch?v=ZscuJCOoIPc"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/sm.png",
|
||||
"cover": "/assets/img/media/games/sm.png",
|
||||
"title": "StepMania",
|
||||
"src": "https://youtube.com/watch?v=crEz8i6oVpI"
|
||||
"src": "https://www.youtube.com/watch?v=3UwnBdRYeSM"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/botw.png",
|
||||
"cover": "/assets/img/media/games/botw.png",
|
||||
"title": "The Legend of Zelda: Breath of the Wild",
|
||||
"src": "https://youtube.com/watch?v=Vgev9Gzybk8"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/katamari_wl.png",
|
||||
"cover": "/assets/img/media/games/katamari_wl.png",
|
||||
"title": "We Love Katamari",
|
||||
"src": "https://youtube.com/watch?v=l6CkDxYzGME",
|
||||
"text": "hi"
|
||||
"src": "https://youtube.com/watch?v=l6CkDxYzGME"
|
||||
},
|
||||
{
|
||||
"cover": "/assets/img/media/games/icons/2kki.png",
|
||||
"cover": "/assets/img/media/games/2kki.png",
|
||||
"title": "Yume 2kki",
|
||||
"src": "https://ynoproject.net/2kki/"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -75,13 +75,12 @@
|
|||
& a {
|
||||
display: block;
|
||||
text-decoration: unset;
|
||||
|
||||
& figure {
|
||||
margin: 0;
|
||||
padding: 0.4rem;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-radius: 0.4rem;
|
||||
border-radius: var(--round);
|
||||
|
||||
& img {
|
||||
display: flex;
|
||||
|
|
@ -101,6 +100,9 @@
|
|||
}
|
||||
|
||||
#gallery article {
|
||||
& h3 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
& figure {
|
||||
& time {
|
||||
display: flex;
|
||||
|
|
@ -109,6 +111,7 @@
|
|||
|
||||
& a {
|
||||
width: fit-content;
|
||||
align-self: center;
|
||||
& img {
|
||||
min-height: fit-content;
|
||||
max-height: 18rem;
|
||||
|
|
@ -120,14 +123,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
& > section {
|
||||
margin-top: 1rem;
|
||||
|
||||
&:has(figure:nth-child(n + 2)) {
|
||||
display: grid;
|
||||
gap: 1rem;
|
||||
grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,9 +7,17 @@
|
|||
transform: translateY(-4px);
|
||||
}
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
color: inherit;
|
||||
}
|
||||
100% {
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
#intro span[id]::before {
|
||||
text-shadow: 0 0 1rem var(--primary-dark-500);
|
||||
#badges a:is(:hover, :focus) img {
|
||||
filter: drop-shadow(4px 6px 0 var(--primary-500));
|
||||
}
|
||||
#collection {
|
||||
& a:is(:hover, :focus) {
|
||||
|
|
@ -23,8 +31,8 @@
|
|||
}
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
#intro span[id]::before {
|
||||
text-shadow: 0 0 1rem var(--secondary-900);
|
||||
#badges a:is(:hover, :focus) img {
|
||||
filter: drop-shadow(4px 6px 0 var(--secondary-500));
|
||||
}
|
||||
#collection {
|
||||
& a:is(:hover, :focus) {
|
||||
|
|
@ -64,54 +72,42 @@ body [id]:not(:nth-child(1)) ul {
|
|||
}
|
||||
#agender {
|
||||
background-image: linear-gradient(
|
||||
black 0 14.28%,
|
||||
silver 0 28.57%,
|
||||
white 0 42.85%,
|
||||
#000 0 14.28%,
|
||||
#c0c0c0 0 28.57%,
|
||||
#fff 0 42.85%,
|
||||
#a3fa73 0 57.14%,
|
||||
white 0 71.42%,
|
||||
silver 0 85.71%,
|
||||
black 0
|
||||
#fff 0 71.42%,
|
||||
#c0c0c0 0 85.71%,
|
||||
#000 0
|
||||
);
|
||||
}
|
||||
#aromantic {
|
||||
background-image: linear-gradient(
|
||||
#0a2 20%,
|
||||
#7d6 0 40%,
|
||||
white 0 60%,
|
||||
darkgray 0 80%,
|
||||
black 0
|
||||
#fff 0 60%,
|
||||
#a9a9a9 0 80%,
|
||||
#000 0
|
||||
);
|
||||
}
|
||||
#pansexual {
|
||||
background-image: linear-gradient(#f09 33.33%, gold 0 66.66%, deepskyblue 0);
|
||||
}
|
||||
#agender::before {
|
||||
content: "agender";
|
||||
}
|
||||
#aromantic::before {
|
||||
content: "aromantic";
|
||||
}
|
||||
#pansexual::before {
|
||||
content: "pansexual";
|
||||
}
|
||||
#intro span[id]::before {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
#intro span[id] {
|
||||
font-size: 2rem;
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
background-size: 2rem;
|
||||
background-position: center;
|
||||
background-repeat: repeat-x;
|
||||
background-image: linear-gradient(#f09 33.33%, #ffd700 0 66.66%, #00bfff 0);
|
||||
}
|
||||
#intro {
|
||||
& p {
|
||||
& p, ul {
|
||||
font-family: "Urbanist", sans-serif;
|
||||
font-size: 1.8rem;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
& ul {
|
||||
margin: 0;
|
||||
}
|
||||
& span[id] {
|
||||
background-clip: text;
|
||||
background-repeat: repeat;
|
||||
&:hover {
|
||||
animation: fadeIn var(--trans) linear forwards;
|
||||
filter: drop-shadow(2px 2px 1px #0006);
|
||||
}
|
||||
}
|
||||
}
|
||||
#collection {
|
||||
|
|
@ -120,12 +116,12 @@ body [id]:not(:nth-child(1)) ul {
|
|||
& ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
justify-content: center;
|
||||
justify-content: start;
|
||||
}
|
||||
& li {
|
||||
display: flex;
|
||||
& a {
|
||||
padding: 8px;
|
||||
padding-top: 8px;
|
||||
transition: background-color var(--trans);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -151,12 +147,12 @@ body [id]:not(:nth-child(1)) ul {
|
|||
list-style-type: none;
|
||||
}
|
||||
& a {
|
||||
outline: none;
|
||||
display: flex;
|
||||
padding: inherit;
|
||||
margin: 0;
|
||||
}
|
||||
& a:is(:hover, :focus) img {
|
||||
filter: drop-shadow(4px 6px 0 #0006);
|
||||
transform: translateY(-4px);
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
|
|
|||
BIN
_src/assets/img/blog/media.png
Normal file
BIN
_src/assets/img/blog/media.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
|
|
@ -1,8 +1,9 @@
|
|||
<h1 >Hi!</h1>
|
||||
<p>I'm <span id="agender">agender</span>, <span id="aromantic">aromantic</span>, <span id="pansexual">pansexual</span>.</p>
|
||||
<h1 >Hi! My name's Sunny.</h1>
|
||||
|
||||
* artist
|
||||
* writer
|
||||
* audio and video editor
|
||||
* graphic designer
|
||||
* web designer
|
||||
I'm:
|
||||
* an artist
|
||||
* a writer
|
||||
* an audio and video editor
|
||||
* a graphic designer
|
||||
* a web designer
|
||||
<p>I'm also <span id="agender">agender</span>, <span id="aromantic">aromantic</span>, <span id="pansexual">pansexual</span>.</p>
|
||||
|
|
@ -5,15 +5,18 @@ modified: 2025-05-23
|
|||
blurb: <p>i hate luxon</p><p><img src="/assets/img/blog/luxon.png"></p>
|
||||
avatar: /assets/img/art/sundae_glistening.png
|
||||
---
|
||||
|
||||
Hi... I spent a good 8+ months not working on much of anything, really.
|
||||
|
||||
On a whim, I decided I wasn't happy with how my website was looking, so I've been spending the last week or so working on this as of writing.
|
||||
|
||||
### So, what's new?
|
||||
|
||||
A lot, actually. For starters, I ported the site over to a fresh build of {%ai "https://github.com/11ty/eleventy/releases/tag/v3.1.0"%}Eleventy 3.1.0{%endai%}, which was way easier than I expected, [since I originally started from a base](/blog/break-time#i-have-no-some-idea-what-i'm-doing).
|
||||
It's now [open source](https://bunsin.space/forgejo/sundae/website) under <abbr title="Creative Commons Attribution-NonCommercial-ShareAlike 4.0">CC-BY-NC-SA 4.0</abbr>!
|
||||
|
||||
I figured out that standard markdown doesn't implement header links (without manually adding in HTML with `id` attributes.), so I ended up switching to {%ai"https://github.com/markdown-it/markdown-it"%}markdown-it{%endai%} and {%ai"https://github.com/valeriangalliat/markdown-it-anchor"%}markdown-it-anchor{%endai%}.
|
||||
Besides that, a lot, actually. For starters, I ported the site over to a fresh build of {%ai "https://github.com/11ty/eleventy/releases/tag/v3.1.0"%}Eleventy 3.1.0{%endai%}, which was way easier than I expected, [since I originally started from a base](/blog/break-time#i-have-no-some-idea-what-i'm-doing).
|
||||
|
||||
I figured out that standard markdown doesn't implement header links (without manually adding in `HTML` headings with `id` attributes.), so I ended up switching to {%ai"https://github.com/markdown-it/markdown-it"%}markdown-it{%endai%} and {%ai"https://github.com/valeriangalliat/markdown-it-anchor"%}markdown-it-anchor{%endai%}.
|
||||
|
||||
I also switched to using {% ai "https://date-fns.org/" %}date-fns{% endai %} instead of {%ai"https://github.com/moment/luxon/"%}Luxon{%endai%}. This library is just way better documented, for someone that still sort of struggles with JavaScript.
|
||||
|
||||
|
|
@ -22,16 +25,16 @@ Here's a snippet of my time filters in my `eleventy.config.js`:
|
|||
```js
|
||||
import { format } from "date-fns";
|
||||
|
||||
eleventyConfig.addFilter("ISO", (dateObj) => {
|
||||
return format(dateObj, ("yyyy-LL-dd"));
|
||||
});
|
||||
eleventyConfig.addFilter("readable", (dateObj) => {
|
||||
return format(dateObj, ("LLLL d, yyyy"));
|
||||
});
|
||||
eleventyConfig.addFilter("ISO", (dateObj) => {
|
||||
return format(dateObj, "yyyy-LL-dd");
|
||||
});
|
||||
eleventyConfig.addFilter("readable", (dateObj) => {
|
||||
return format(dateObj, "LLLL d, yyyy");
|
||||
});
|
||||
```
|
||||
|
||||
### Smaller stuff
|
||||
|
||||
I decided to change the presentation of my [interests](/home#interests), previously a shelf with game cases and CD jewel cases, to instead be desktop shortcut entries.
|
||||
|
||||
<figure><img src="/assets/img/blog/shelf.png"><figcaption>How the shelving featuring my personal favorite games and music looked before.</figcaption></figure>
|
||||
<section><figure><img src="/assets/img/blog/shelf.png"><figcaption>How the shelving featuring my personal favorite games and music looked before.</figcaption></figure><figure><img src="/assets/img/blog/media.png"><figcaption>How it looks now.</figcaption></figure></section>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue