links page style tweaks

This commit is contained in:
gome 2024-01-09 09:20:35 -06:00
parent 77d33c99df
commit 12f92dec52
3 changed files with 10 additions and 28 deletions

View File

@ -47,7 +47,7 @@
}
html {
--serif-fonts: Domitian, Palatino, "Palatino Linotype", "Times New Roman", serif;
--serif-fonts: Palatino, "Palatino Linotype", Domitian, "Times New Roman", serif;
--sans-fonts: "URW Classico", Optima, Arial, sans-serif;
font-family: var(--serif-fonts);
}

View File

@ -1,26 +0,0 @@
<!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='stylesheet' type='text/css' href='../css/fonts.css'/>
<link rel='stylesheet' type='text/css' href='../css/style.css'/>
</head>
<body>
<header id='header'>
<nav>
<a href='..'>back to gomepage</a>&mdash;<a href='.'>library</a>
</nav>
</header>
<main>
<h1>Links</h1>
<p>Just a stub for now.</p>
</main>
<footer>
<img src='../img/mushrooms_2.webp' alt='Toadstools' />
</footer>
</body>
</html>

View File

@ -9,6 +9,7 @@
<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/fonts.css'/>
<link rel='stylesheet' type='text/css' href='../../css/style.css'/>
<style>
main a {
@ -27,6 +28,13 @@
margin-left: 0;
margin-bottom: 0.5em;
}
ul li::before {
content: '⇒ ';
}
.neighbors {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
</style>
</head>
<body>
@ -50,7 +58,7 @@
</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>
<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>