From 9b1d5ec8fc54280465f6179c974b385ac2ac2735 Mon Sep 17 00:00:00 2001 From: daudix-UFO Date: Thu, 14 Sep 2023 03:50:49 +0300 Subject: [PATCH 1/3] Fix content overflow on mobile, style tweaks --- about.html | 2 +- explore.html | 2 +- fuqs.html | 2 +- img/montage.sh | 2 +- index.html | 15 ++++++++----- quickstart.html | 5 ++--- style.css | 56 +++++++++++++++++++++++++++++++++++-------------- 7 files changed, 56 insertions(+), 28 deletions(-) diff --git a/about.html b/about.html index d260f71..1c6c638 100644 --- a/about.html +++ b/about.html @@ -12,7 +12,7 @@ - exozyme +

About

diff --git a/explore.html b/explore.html index b3712ae..4bd1263 100644 --- a/explore.html +++ b/explore.html @@ -12,7 +12,7 @@ - exozyme +

Explore

diff --git a/fuqs.html b/fuqs.html index 24b9a03..d951254 100644 --- a/fuqs.html +++ b/fuqs.html @@ -12,7 +12,7 @@ - exozyme +

Frequently Unasked Questions

diff --git a/img/montage.sh b/img/montage.sh index 75761b1..ccc6dc4 100755 --- a/img/montage.sh +++ b/img/montage.sh @@ -6,6 +6,6 @@ for old in *; do rsvg-convert "$old" -h 1440 -f svg -o "$new" done cd .. -montage -background white icons/*-large.svg -geometry 720x720 -tile 5x5 -border 30 -bordercolor white montage.png +montage -background white icons/*-large.svg -geometry 720x720 -tile 5x5 -border 30 -bordercolor transparent montage.png convert montage.png -resize 50% montage.webp rm icons/*-large.svg diff --git a/index.html b/index.html index 58fdd90..3ec9fcf 100644 --- a/index.html +++ b/index.html @@ -13,18 +13,23 @@ - exozyme +

The exozyme project

-
🏗️ 💻 👾 📖 🗨️
+
🏗️ 💻 👾 📖 🗨️

- Build. Code. Hack. Learn. Discuss. + Build • Code • Hack • Learn • Discuss

- 
About    Quickstart    Explore    FUQs
+
+ About    + Quickstart    + Explore    + FUQs +

- #GiveUpGitHub! Join us for libre code hosting, or even better, contribute to forge federation development. + #GiveUpGitHub! Join us for libre code hosting, or even better, contribute to forge federation development.
diff --git a/quickstart.html b/quickstart.html index dcbf9f6..a4eeeff 100644 --- a/quickstart.html +++ b/quickstart.html @@ -12,7 +12,7 @@ - exozyme +

Quickstart Guide

@@ -22,8 +22,7 @@

Logging in

- You can log into our server either using remote desktop or SSH if you emailed us your public key. For remote desktop, go to the exodesk web client (or any other RDP client). You should see a login screen, and type in your exozyme username and password. You'll be dropped into a desktop, which might take a few seconds to load. + You can log into our server either using remote desktop or SSH if you emailed us your public key. For remote desktop, go to the exodesk web client (or any other RDP client). You should see a login screen, and type in your exozyme username and password. You'll be dropped into a desktop, which might take a few seconds to load.

In the bottom left corner you'll see the all-powerful application menu, which you can use to launch apps. You should change your password now using the passwd command. In your remote desktop, open the application menu and start the Konsole app, then type passwd to set a new password. You can install more apps using the Discover app store. Your remote desktop session will automatically be logged out after an hour of inactivity. diff --git a/style.css b/style.css index a8c1a0c..8d0d88a 100644 --- a/style.css +++ b/style.css @@ -1,20 +1,6 @@ -/* Dark mode */ -@media (prefers-color-scheme: dark) { - body { - background-color: #111111; - color: #cccccc; - } - a:link { - color: #3eab86; - } - a:visited { - color: #4bd1a3; - } -} - body { font-family: DejaVu Sans Mono, Noto Sans Mono, Hack, monospace; - width: min(720px, 100%); + width: min(720px, 90%); margin-left: auto; margin-right: auto; text-align: center; @@ -33,6 +19,25 @@ p { line-height: 150%; } +a:link { + color: green; + font-weight: bold; +} +a:visited { + color: darkgreen; +} + +picture, img { + border-radius: 0.5em; + max-width: 100%; +} + +.logo { + max-width: 360px; + width: 100%; + height: auto; +} + .emoji { font-size: 3em; } @@ -53,7 +58,26 @@ p { margin: auto; text-align: left; background: lightgreen; + border-radius: 0.5em; color: black; - padding: 1%; + padding: 1em; width: 50%; } + +/* Dark mode */ +@media (prefers-color-scheme: dark) { + body { + background-color: #111111; + color: #cccccc; + } + a:link { + color: mediumaquamarine; + } + a:visited { + color: mediumseagreen; + } + .info { + background: darkslategray; + color: white; + } +} -- 2.45.1 From 11f719f5bd5b295ec5caef3618856a04bbb487a4 Mon Sep 17 00:00:00 2001 From: daudix-UFO Date: Thu, 14 Sep 2023 18:28:39 +0300 Subject: [PATCH 2/3] More visible difference between visited/unvisited links --- style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 8d0d88a..e16bad5 100644 --- a/style.css +++ b/style.css @@ -24,7 +24,7 @@ a:link { font-weight: bold; } a:visited { - color: darkgreen; + color: seagreen; } picture, img { @@ -48,6 +48,7 @@ picture, img { } .icon { + border-radius: unset; height: 3em; width: 3em; float: left; -- 2.45.1 From cd7aec2a1026db7fae06d678af84d04f966ccf7d Mon Sep 17 00:00:00 2001 From: daudix-UFO Date: Thu, 14 Sep 2023 18:51:13 +0300 Subject: [PATCH 3/3] Undo slogan change --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 3ec9fcf..7a847b0 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@

The exozyme project

🏗️ 💻 👾 📖 🗨️

- Build • Code • Hack • Learn • Discuss + Build. Code. Hack. Learn. Discuss.

About    -- 2.45.1