summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKatherine Peeters <katherine.peeters@leagueh.xyz>2021-08-09 16:24:16 -0400
committerKatherine Peeters <katherine.peeters@leagueh.xyz>2021-08-09 16:24:16 -0400
commit53893288584eff35aceae69e4f4fa071bdbe61cf (patch)
treed20f63d228ba87636bb69ca7b1d3506f44eaa3e2
parent7737f8088f0077eca14f523797df5989942dc0d5 (diff)
downloadloh-website-53893288584eff35aceae69e4f4fa071bdbe61cf.tar.gz
Updated stylesheet for the gemini apocalypse
-rw-r--r--footer.html3
-rw-r--r--header.html4
-rw-r--r--site/style.css28
3 files changed, 18 insertions, 17 deletions
diff --git a/footer.html b/footer.html
index e0b4d86..e0835a4 100644
--- a/footer.html
+++ b/footer.html
@@ -1,13 +1,12 @@
-
<br>
<div style="text-align: center">
<a href="https://512kb.club"><img src="/green-team.svg"></a>
<a href="https://www.gentoo.org/"><img src="/gentoo-badge3.svg" height="32"></a>
</div>
-
<div class="footer">
<p>This website is proudly JavaScript-free for your browsing comfort.</p>
<p>License: <a href="/git/loh-website/tree/LICENSE.md">AGPL3</a> | <a href="/git/loh-website">/git/loh-website</a> | Inspired by <a href="https://tilde.club/">tilde.club</a>.</p>
<p>Contact <a href="mailto:root@leagueh.xyz">root@leagueh.xyz</a> for inquiries.</p>
</div>
+</body>
</html>
diff --git a/header.html b/header.html
index 29c9e1c..9e33036 100644
--- a/header.html
+++ b/header.html
@@ -1,10 +1,10 @@
<!DOCTYPE html>
<html>
+<meta charset="UTF-8">
<link rel="stylesheet" href="/style.css">
-
+<body>
<div class="header">
<a class="header" href="/">⚓</a>
<p>League of Humanity</p>
</div>
-
<div class="content">
diff --git a/site/style.css b/site/style.css
index 453e286..c26f13c 100644
--- a/site/style.css
+++ b/site/style.css
@@ -1,28 +1,32 @@
:root {
- --background: #272727;
- --color: #EBDBB2;
- --link: #D79920;
+ --background: #282828;
+ --color: #ebdbb2;
+ --link: #83a598;
}
html {
- font-family: monospace;
- font-size: large;
+ font-family: sans-serif;
background-color: var(--background);
color: var(--color);
max-width: 768px;
margin: auto;
}
-.content {
+div.content {
padding: 16px;
border-style: double;
}
h1::before {
- content: "$ ";
+ content: "# ";
}
-code {
+h2::before {
+ content: "## ";
+}
+
+pre {
+ font-family: mono;
border-radius: 2px;
background-color: #303030;
padding: 2px;
@@ -36,14 +40,12 @@ table, th, td {
a {
color: var(--link);
+ line-height: 1.3;
}
a:hover {
- background-color: #928373;
-}
-
-li {
- list-style: "* ";
+ color: var(--background);
+ background-color: var(--link);
}
.header {