add links page

This commit is contained in:
gome 2024-01-08 22:59:07 -06:00
parent 53671d3970
commit 77d33c99df
6 changed files with 120 additions and 37 deletions

View File

@ -181,11 +181,19 @@ footer img {
height: auto;
user-select: none;
}
.rss-link {
.journal-related-links {
display: inline-block;
font-size: 0.9em;
margin-bottom: 1em;
margin-left: auto;
white-space: nowrap;
}
.key {
font-size: 0.8em;
border: 1px solid #323a42;
border-radius: 3px;
padding: 0 2px;
box-shadow: 1px 1px #323a42;
}
.recipe {
font-variant-numeric: oldstyle-nums;

View File

@ -55,12 +55,12 @@
</div>
</article>
<article>
<h2>Latest gomepost</h2>
<a class='journal-link' href='journal/nurture.html'>
<h3>My relationship with <i>Nurture</i></h3>
<div class='line stop-1'></div>
<time datetime='Sat, 11 Nov 2023 21:00:00 CST'>11 Nov 2023, 9:00 PM</time>
<p>I didnt realize I liked this one as much as I apparently do</p>
<h2>New on gomepage</h2>
<p>From the <a href='library'>Library</a></p>
<a class='library-link' href='library/links'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
<h3>Links</h3>
<p>For those seeking something to click</p>
</a>
</article>
<article id='listening'>

View File

@ -17,7 +17,9 @@
</header>
<main>
<h1>Journal</h1>
<a href='rss/feed.xml' class='rss-link'>RSS feed</a>
<div class='journal-related-links'>
<a href='../library/journal-index'>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>
<div class='line stop-1'></div>

View File

@ -18,44 +18,43 @@
<main>
<h1>Library</h1>
<div class='library-links'>
<a class='library-link' href='chat-gpt'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-0"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
<h3>Chat&nbsp;GPT (Gome&nbsp;Poem&nbsp;Tome)</h3>
<p>Its not intelligent, but the poems are good</p>
</a>
<a class='library-link' href='journal-index.html'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-1"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-0"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>
<h3>Journal Index</h3>
<p>A helpful guide to my posts</p>
</a>
<a class='library-link' href='webjam'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-2"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
<h3>Ctrl-C Webpage Jam</h3>
<p>Event open to Ctrl-C members</p>
</a>
<a class='library-link' href='songbook'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-3"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-1"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
<h3>Songbook</h3>
<p>Investigating my favorite music</p>
</a>
<a class='library-link coming-soon' href='inner-glossary'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-4"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>
<a class='library-link' href='links'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
<h3>Links</h3>
<p>For those seeking something to click</p>
</a>
<a class='library-link' href='webjam'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-3"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg>
<h3>Ctrl-C Webpage Jam</h3>
<p>Event open to Ctrl-C members</p>
</a>
<a class='library-link' href='chat-gpt'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-4"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg>
<h3>Chat&nbsp;GPT (Gome&nbsp;Poem&nbsp;Tome)</h3>
<p>Its not intelligent, but the poems are good</p>
</a>
<!-- <a class='library-link coming-soon' href='inner-glossary'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-5"><path d="M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4"></path></svg>
<h3>Inner Glossary</h3>
<span class='coming-soon'>Coming soon</span>
<p>What I like to call things</p>
</a>
<a class='library-link coming-soon' href='techsplanations'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-5"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-6"><polyline points="4 17 10 11 4 5"></polyline><line x1="12" y1="19" x2="20" y2="19"></svg>
<h3>Techsplanations</h3>
<span class='coming-soon'>Coming soon</span>
<p>Code written for Ctrl-C</p>
</a>
<a class='library-link coming-soon' href='links.html'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-6"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line></svg>
<h3>Links</h3>
<span class='coming-soon'>Coming soon</span>
<p>For those seeking something to click</p>
</a>
</a> -->
<!-- KEPT AS "COMING SOON" EXAMPLE:
<a class='library-link coming-soon' href='journal-index.html'>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon stop-1"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg>

View File

@ -123,13 +123,6 @@
margin: 1.5em 0 1.5em 1.5em;
border-bottom: 2px solid #323a42;
}
.key {
font-size: 0.8em;
border: 1px solid #323a42;
border-radius: 3px;
padding: 0 2px;
box-shadow: 1px 1px #323a42;
}
a[href^='../journal'] {
color: #333f7f;
text-decoration: none;

81
library/links/index.html Normal file
View File

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>gome — links</title>
<meta charset='utf-8'/>
<meta name='theme-color' content='#efe5d7'>
<meta name='viewport' content='width=device-width, initial-scale=1.0, shrink-to-fit=no'/>
<link rel='icon' type='image/x-icon' href='../favicon.ico'>
<link rel='preconnect' href='https://fonts.googleapis.com'>
<link rel='preconnect' href='https://fonts.gstatic.com' crossorigin>
<link href='https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap' rel='stylesheet'>
<link rel='stylesheet' type='text/css' href='../../css/style.css'/>
<style>
main a {
color: #4b7b52;
text-decoration: none;
font-weight: bold;
}
main a:hover, main a:focus {
color: #93aa8d;
}
ul {
padding: 0;
}
ul li {
list-style: none;
margin-left: 0;
margin-bottom: 0.5em;
}
</style>
</head>
<body>
<header id='header'>
<nav>
<a href='../..'>back to gomepage</a>&mdash;<a href='..'>library</a>
</nav>
</header>
<main>
<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'>Bumpys Arcade Fantasy</a> &mdash; loved to play this at Grandma and Grandpas 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émons body with anothers face and color. Always funny! Maybe Ill 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 youd expect. A couple others too, maybe Ill add a whole sprites collection eventually.</li>
<li><a href='https://maggieappleton.com/garden-history'>Maggie Appletons 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>
</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>
<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/~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/~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/~chimay/'>~chimay</a></li>
</ul>
</main>
<footer>
<img src='../../img/mushrooms_2.webp' alt='Toadstools' />
</footer>
</body>
</html>