gome/gomesite
gome
/
gomesite
1
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

add images to links page

This commit is contained in:
gome 2024-01-09 18:46:26 -06:00
parent 96f0fc36e7
commit 140549e23a
12 changed files with 47 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/style.css
View File

@ -145,7 +145,7 @@ h1 {
font-family: "URW Classico", Optima, Domitian, Palatino, "Palatino Linotype", Arial, sans-serif;
font-weight: normal;
}
h2, h3, ul, ol, p, main img {
h2, h3, ul, ol, p, main article img {
margin: 0 0 1em 0;
}
p {
@ -160,10 +160,12 @@ main img {
border: 1px solid #323a42;
border-radius: 2px;
padding: 2px;
margin: 0 auto 1em auto;
transition: opacity 200ms;
}
main article img {
max-width: 100%;
height: auto;
transition: opacity 200ms;
margin: 0 auto 1em auto;
}
img.no-border {
border: none;
@ -490,12 +492,11 @@ section::after {
margin: 1.5em 0 1.5em 1.5em;
border-bottom: 2px solid #323a42;
}
.inline-album {
img.inline {
display: inline-block;
padding: 0;
margin-bottom: -4px;
margin-right: 4px;
width: 20px;
height: 20px;
}
@media only screen and (max-width: 700px) {

2
journal/index.html
View File

@ -18,7 +18,7 @@
<main>
<h1>Journal</h1>
<div class='journal-related-links'>
<a href='../library/journal-index'>Topical index</a> &mdash; <a href='rss/feed.xml'>RSS feed</a>
<a href='../library/journal-index.html'>Topical index</a> &mdash; <a href='rss/feed.xml'>RSS feed</a>
</div>
<a class='journal-link' href='nurture.html'>
<h3>My relationship with <i>Nurture</i></h3>

BIN
library/links/img/accent_ramp.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 324 B

BIN
library/links/img/bumpy.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
library/links/img/etch-a-sketch_mouse.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
library/links/img/kawaii_bunny.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 470 B

BIN
library/links/img/kawaii_duck.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 470 B

BIN
library/links/img/pikachop.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
library/links/img/travle.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

58
library/links/index.html
View File

@ -26,15 +26,30 @@
ul li {
list-style: none;
margin-left: 0;
margin-bottom: 0.5em;
margin-bottom: 1em;
display: flex;
gap: 10px;
}
ul li::before {
ul li > span::before {
content: '⇒ ';
}
.neighbors {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.neighbors li {
margin-bottom: 0.4em;
max-width: fit-content;
}
@media only screen and (max-width: 550px) {
ul li {
flex-direction: column;
}
ul li img {
order: 1;
align-self: flex-end;
}
}
</style>
</head>
<body>
@ -47,38 +62,35 @@
<h1>Links</h1>
<p>This page will grow, check back for more</p>
<ul>
<li><a href='https://travle.earth/'>travle</a> &mdash; this is my favorite game in the “daily challenge” genre. It has an endless mode so you can practice and get really good like me. There are certain chains of countries that come up a lot that really open up the game once you learn them.</li>
<li><a href='https://www.learnui.design/tools/gradient-generator.html'>Vivid Gradient Generator</a> &mdash; some colors, when mixed across a gradient in the conventional way, tend to go gray. This can make gradients that avoid that. I used this to make the accent color ramp for gomepage.</li>
<li><a href='https://archive.org/details/msdos_Bumpys_Arcade_Fantasy_1992'>Bumpy’s Arcade Fantasy</a> &mdash; loved to play this at Grandma and Grandpa’s house. For the classic experience I had, hit <span class='key'>F3</span> for VGA graphics, <span class='key'>F7</span> for AdLib sound, and then fullscreen.</li>
<li><a href='https://pokemon.alexonsager.net/'>Pokémon Fusion</a>: mash up one pokémon’s body with another’s face and color. Always funny! Maybe I’ll make a collection of favorites sometime.</li>
<li><a href='https://mitxela.com/projects'>mitxela.com projects</a> &mdash; lots of really weird, cool ideas, many brought to life in the real world, in a well-presented format.</li>
<li><a href='https://www.spriters-resource.com/game_boy_gbc/kawaiipetshop2/sheet/21122/'>Pet sprites from かわいいペットショップ物語2 (<i>Kawaii Pet Shop Monogatari 2</i>)</a> &mdash; I think about this sprite sheet more often than you’d expect. A couple others too, maybe I’ll add a whole sprites collection eventually.</li>
<li><a href='https://maggieappleton.com/garden-history'>Maggie Appleton’s Digital Gardening History</a> might be inspirational if you want to build a site on the small web.</li>
<li><a href='https://monkeytype.com/'>monkeytype</a> &mdash; good experience if you want to test your typing skills.</li>
<li><img src='img/travle.webp' height='114' /><span><a href='https://travle.earth/'>travle</a> &mdash; this is my favorite game in the “daily challenge” genre. It has an endless mode so you can practice and get really good like me. There are certain chains of countries that come up a lot that really open up the game once you learn them.</span></li>
<li><span><a href='https://www.learnui.design/tools/gradient-generator.html'>Vivid Gradient Generator</a> &mdash; some colors, when mixed across a gradient in the conventional way, tend to go gray. This can make gradients that avoid that. I used this to make the <img class='inline' src='img/accent_ramp.webp' />accent color ramp for gomepage.</span></li>
<li><img src='img/bumpy.webp' height='114' /><span><a href='https://archive.org/details/msdos_Bumpys_Arcade_Fantasy_1992'>Bumpy’s Arcade Fantasy</a> &mdash; loved to play this at Grandma and Grandpa’s house. For the classic experience I had, hit <span class='key'>F3</span> for VGA graphics, <span class='key'>F7</span> for AdLib sound, and then fullscreen.</span></li>
<li><span><a href='https://pokemon.alexonsager.net/'>Pokémon Fusion</a>: mash up one pokémon’s body with another’s face and color. Always funny! Maybe I’ll make a collection of favorites sometime. <i>Pictured: “Pikachop”</i></span><img src='img/pikachop.webp' class='no-border' height='68' /></li>
<li><img src='img/etch-a-sketch_mouse.webp' height='114' /><span><a href='https://mitxela.com/projects'>mitxela.com projects</a> &mdash; lots of really weird, cool ideas, many brought to life in the real world, in a well-presented format.</span></li>
<li><span><a href='https://www.spriters-resource.com/game_boy_gbc/kawaiipetshop2/sheet/21122/'>Pet sprites from かわいいペットショップ物語2 (<i>Kawaii Pet Shop Monogatari 2</i>)</a> &mdash; I think about this sprite sheet more often than you’d expect. A couple others too, maybe I’ll add a whole sprites collection eventually.</span><img src='img/kawaii_bunny.webp' class='no-border' height='68' /></li>
<li><span><a href='https://maggieappleton.com/garden-history'>Maggie Appleton’s Digital Gardening History</a> might be inspirational if you want to build a site on the small web.</span></li>
<li><span><a href='https://monkeytype.com/'>monkeytype</a> &mdash; good experience if you want to test your typing skills.</span></li>
</ul>
<h3>Ctrl-c neighbors</h3>
<p>Some of these are pals of mine who I talk to on IRC, email, or iris. Others I just bookmarked because I like keeping track of which users actually have sites. I will come back later and add comments about who I know and other observations about their pages.</p>
<ul class='neighbors'>
<li><a href='https://ctrl-c.club/~pgadey/'>~pgadey</a></li>
<li><a href='https://ctrl-c.club/~neo/'>~neo</a></li>
<li><a href='https://ctrl-c.club/~megymagy/'>~megymagy</a></li>
<li><a href='https://ctrl-c.club/~nttp/'>~nttp</a></li>
<li><a href='https://ctrl-c.club/~lovetocode999/'>~lovetocode999</a></li>
<li><a href='https://ctrl-c.club/~lettuce/'>~lettuce</a></li>
<li><a href='https://ctrl-c.club/~avaxar/'>~avaxar</a></li>
<li><a href='https://ctrl-c.club/~loghead/'>~loghead</a></li>
<li><a href='https://ctrl-c.club/~200ok/'>~200ok</a></li>
<li><a href='https://ctrl-c.club/~helenah/'>~helenah</a></li>
<li><a href='https://ctrl-c.club/~FikaMedHasse/'>~FikaMedHasse</a></li>
<li><a href='https://ctrl-c.club/~chickfilla/'>~chickfilla</a></li>
<li><a href='https://ctrl-c.club/~ctb/'>~ctb</a></li>
<li><a href='https://ctrl-c.club/~chiptune/'>~chiptune</a></li>
<li><a href='https://ctrl-c.club/~neo/'>~neo</a></li>
<li><a href='https://ctrl-c.club/~gmgall/'>~gmgall</a></li>
<li><a href='https://ctrl-c.club/~nat/'>~nat</a></li>
<li><a href='https://ctrl-c.club/~ksikka/'>~ksikka</a></li>
<li><a href='https://ctrl-c.club/~lettuce/'>~lettuce</a></li>
<li><a href='https://ctrl-c.club/~singletona082/'>~singletona082</a></li>
<li><a href='https://ctrl-c.club/~helenah/'>~helenah</a></li>
<li><a href='https://ctrl-c.club/~megymagy/'>~megymagy</a></li>
<li><a href='https://ctrl-c.club/~lovetocode999/'>~lovetocode999</a></li>
<li><a href='https://ctrl-c.club/~squid/'>~squid</a></li>
<li><a href='https://ctrl-c.club/~philips/'>~philips</a></li>
<li><a href='https://ctrl-c.club/~giggles/'>~giggles</a></li>
<li><a href='https://ctrl-c.club/~ctb/'>~ctb</a></li>
<li><a href='https://ctrl-c.club/~200ok/'>~200ok</a></li>
<li><a href='https://ctrl-c.club/~ksikka/'>~ksikka</a></li>
<li><a href='https://ctrl-c.club/~philips/'>~philips</a></li>
<li><a href='https://ctrl-c.club/~chimay/'>~chimay</a></li>
</ul>
</main>

6
library/songbook/bluebeard.html
View File

@ -21,14 +21,14 @@
<img id='album-art' data-album='Four-Calendar Cafe' data-artist='Cocteau Twins' width='200' height='200' />
<p>
Late winter/early spring<br/>
True <a href='../../journal/fantasma.html'><img class='inline-album' data-album='Fantasma' data-artist='Cornelius' width='20' height='20' />sunlight music</a><br/>
True <a href='../../journal/fantasma.html'><img class='inline' data-album='Fantasma' data-artist='Cornelius' width='20' height='20' />sunlight music</a><br/>
The world is still covered in snow, but it’s actually sunny out, and you know what’s coming<br/>
It’s nice to be moving around more again<br/>
This feel bears some relation to Tetris CD-i<br/>
I would play this almost every time I went somewhere for a couple months or so in 2022
</p><p>
Nice multiple vocal tracks, as <a href='../../journal/fraser.html'><img class='inline-album' data-album='Heaven or Las Vegas' data-artist='Cocteau Twins' width='20' height='20' />Cocteau Twins does so well</a><br/>
Faye Wong does this song <a href='https://song.link/s/3tZXEYMKCeo0G7ANYufPRv'><img class='inline-album' data-album='胡思亂想' data-artist='Faye Wong' width='20' height='20' />in Cantonese</a>
Nice multiple vocal tracks, as <a href='../../journal/fraser.html'><img class='inline' data-album='Heaven or Las Vegas' data-artist='Cocteau Twins' width='20' height='20' />Cocteau Twins does so well</a><br/>
Faye Wong does this song <a href='https://song.link/s/3tZXEYMKCeo0G7ANYufPRv'><img class='inline' data-album='胡思亂想' data-artist='Faye Wong' width='20' height='20' />in Cantonese</a>
</p>
</main>
<footer>

4
library/songbook/love-magic/index.html
View File

@ -21,10 +21,10 @@
<img id='album-art' data-album='Love Magic' data-artist="Snail's House" width='200' height='200' />
<p>
I think this is probably my favorite Snail’s House release overall.<br/>
It has <a href='mint.html'><img class='inline-album' data-album='Love Magic' data-artist="Snail's House" width='20' height='20' />mint</a> and <a href='pinky-promise.html'><img class='inline-album' data-album='Love Magic' data-artist="Snail's House" width='20' height='20' />Pinky Promise</a> which are two of my favorite tracks,
It has <a href='mint.html'><img class='inline' data-album='Love Magic' data-artist="Snail's House" width='20' height='20' />mint</a> and <a href='pinky-promise.html'><img class='inline' data-album='Love Magic' data-artist="Snail's House" width='20' height='20' />Pinky Promise</a> which are two of my favorite tracks,
but all the tracks are good, so it’s one I like to listen through as a unit, rather than just shuffling into playlists
<br/>
I think Natsumatsuri sounds like <a href='https://song.link/s/4kVyw5HiFWfoOVc3Z540cI'><img class='inline-album' data-album='Kagayaki' data-artist='Masakatsu Takagi' width='20' height='20' />Amamizu</a> by Masakatsu Takagi.<br/>
I think Natsumatsuri sounds like <a href='https://song.link/s/4kVyw5HiFWfoOVc3Z540cI'><img class='inline' data-album='Kagayaki' data-artist='Masakatsu Takagi' width='20' height='20' />Amamizu</a> by Masakatsu Takagi.<br/>
<br/>
My most intensive listening for this was March 2022
</p>