summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorKatherine Peeters <katherine.peeters@leagueh.xyz>2021-11-22 13:51:49 -0800
committerKatherine Peeters <katherine.peeters@leagueh.xyz>2021-11-22 13:51:49 -0800
commit9f0377611e47eff7c43e362ca7b57af5f383c11b (patch)
tree882dbfebd7fccd984d0a6545e3938449e292b43e
parent22a96af397b1f2db649206cedac98c6c130440d3 (diff)
downloadloh-website-9f0377611e47eff7c43e362ca7b57af5f383c11b.tar.gz
Improved styling and added a light mode
Note that some pages may need to be updated to add more line breaks
-rw-r--r--footer.html1
-rw-r--r--header.html2
-rw-r--r--site/en/index.gmi8
-rw-r--r--site/index.gmi1
-rw-r--r--site/style.css88
-rw-r--r--site/u/index.gmi1
6 files changed, 80 insertions, 21 deletions
diff --git a/footer.html b/footer.html
index 34c1a99..ca297de 100644
--- a/footer.html
+++ b/footer.html
@@ -1,5 +1,4 @@
<div class="footer">
-<p><a href="/en/news.rss/20211020-suspension.html">Important notice regarding site status.</a></p>
<p><a href="https://512kb.club"><img src="/green-team.svg"></a></p>
<p>License: <a href="/git/loh-website/tree/LICENSE.md">AGPL3</a> | <a href="/git/loh-website">/git/loh-website</a></p>
<p>Contact <a href="mailto:root@leagueh.xyz">root@leagueh.xyz</a> for inquiries.</p>
diff --git a/header.html b/header.html
index 9e33036..0bd147c 100644
--- a/header.html
+++ b/header.html
@@ -5,6 +5,6 @@
<body>
<div class="header">
<a class="header" href="/">⚓</a>
-<p>League of Humanity</p>
+<p class="header">League of Humanity</p>
</div>
<div class="content">
diff --git a/site/en/index.gmi b/site/en/index.gmi
index 96596f6..a885857 100644
--- a/site/en/index.gmi
+++ b/site/en/index.gmi
@@ -1,19 +1,25 @@
# The League of Humanity
+
The League of Humanity is a community focused on promoting kindness and supporting the everyday struggle. Many other groups are serious in their goal, while we're more loosely organized; off topic discussion is encouraged. The channels are mainly a place for people to partake in a community and find other people who share their interests.
+
=> news.xml Site news
=> privacy.gmi Online privacy guide
=> https://leagueh.xyz/git/ Git repositories
=> ircs://leagueh.xyz/#loh-en #loh-en on LOHIRC. Connect using an IRC client *with SSL*
## Sitemap
+
=> /index.gmi Languages
=> /u/index.gmi User pages
## Groups
+
Find other people interested in the same sorts of things.
+
=> librejam/index.gmi LibreJam - a bimonthly game jam to promote libre games
## FAQ
+
Q: How do I become a member/post content to this site?
A: Anyone is welcome to create their own userpage to post content to. Contact root@leagueh.xyz to set up your page.
@@ -28,7 +34,9 @@ Q: Is there anything I can do to support this group?
A: You can publish content here and socialize in the IRC channels. Translating pages to other languages is greatly appreciated, contact root@leagueh.xyz if you're interested in submitting translations. We are not accepting monetary donations at this time.
## News
+
Pages from the site news feed.
+
=> news.rss/20211020-suspension.gmi Temporary suspension of services
=> news.rss/20210812-gemini.gmi leagueh.xyz now has Gemini support
=> news.rss/20210521-irc.gmi New LOHIRC server!
diff --git a/site/index.gmi b/site/index.gmi
index 968600a..7fb98ec 100644
--- a/site/index.gmi
+++ b/site/index.gmi
@@ -1,3 +1,4 @@
# League of Humanity
+
=> en/index.gmi English
diff --git a/site/style.css b/site/style.css
index 38c7a9c..b60a3fa 100644
--- a/site/style.css
+++ b/site/style.css
@@ -1,16 +1,43 @@
+
+/* Dark mode (default) */
+html {
+ --bg: #282828;
+ --fg: #ebdbb2;
+ --link: #83a598;
+ --pre: #3c3836;
+}
+
+/* Light mode */
+@media (prefers-color-scheme: light) {
+ html {
+ --bg: #fbf1c7;
+ --fg: #3c3836;
+ --link: #076678;
+ --pre: #ebdbb2;
+ }
+}
+
+/* Styling for the document root */
html {
+ background-color: var(--bg);
+ color: var(--fg);
font-family: sans-serif;
- background-color: #282828;
- color: #ebdbb2;
- max-width: 768px;
margin: auto;
+ max-width: 48em;
}
+/* Put a border around content sections */
div.content {
- padding: 16px;
border-style: double;
+ padding: 1em;
+}
+
+/* Disable margins on text, we use <br> for that */
+h1, h2, h3, h4, h5, h6, p, ul, pre {
+ margin: 0;
}
+/* Add hashtag symbols for cosmetic purposes */
h1::before {
content: "# ";
}
@@ -19,41 +46,64 @@ h2::before {
content: "## ";
}
-pre {
- font-family: mono;
- border-radius: 2px;
- background-color: #303030;
- padding: 2px;
+h3::before {
+ content: "### ";
+}
+
+h4::before {
+ content: "#### ";
+}
+
+h5::before {
+ content: "##### ";
+}
+
+h6::before {
+ content: "###### ";
}
+/* Colour links and invert their colour on hover */
a {
- color: #83a598;
+ color: var(--link);
line-height: 1.3;
}
+/* Appropriately style preformatted/"code" text */
+pre {
+ background-color: var(--pre);
+ border-radius: 0.5em;
+ font-family: monospace;
+ padding: 1em;
+}
+
a:hover {
- color: #282828;
- background-color: #83a598;
+ background-color: var(--link);
+ color: var(--bg);
}
+/* Header */
.header {
font-size: xx-large;
text-align: center;
- margin: 16px;
- padding: 8px;
+ margin: 0.5em;
+}
+
+p.header {
+ margin-top: 0.5em;
}
a.header {
- border-radius: 8px;
- background-color: #ebdbb2;
+ background-color: var(--fg);
+ border-radius: 0.25em;
color: transparent;
- text-shadow: 0 0 0 #282828;
+ padding: 0.25em;
text-decoration: none;
+ text-shadow: 0 0 0 var(--bg);
}
+/* Footer */
.footer {
- margin-top: 8px;
- padding: 1px;
text-align: center;
+ margin: 1em;
}
diff --git a/site/u/index.gmi b/site/u/index.gmi
index c25c8ea..7b479b8 100644
--- a/site/u/index.gmi
+++ b/site/u/index.gmi
@@ -1,4 +1,5 @@
# Userpages
+
=> katherine.peeters/index.gmi Katherine Peeters
=> ultidonki/index.gmi ultidonki