2024 major cleanup

- Remove FUQs page and move some of the questions to the about or quickstart pages
- Remove info boxes
- Use avif instead of webp images everywhere and keep png/jpg fallbacks
- Add pubkey.asc
- Add id things to all h2
- Convert all h4 headings to h3
- Simplify/fix wording in a lot of places
This commit is contained in:
Anthony Wang 2024-01-05 00:47:16 +00:00
parent aaba4dab4a
commit e131dc1110
Signed by: a
SSH key fingerprint: SHA256:B5ADfMCqd2M7d/jtXDoihAV/yfXOAbWWri9+GdCN4hQ
14 changed files with 73 additions and 131 deletions

View file

@ -11,69 +11,65 @@
<a href="..">
<picture>
<source srcset="img/logo.avif" type="image/avif">
<source srcset="img/logo.webp" type="image/webp">
<source srcset="img/logo.png" type="image/png">
<img src="img/logo.png" alt="exozyme" height="360" width="360" class="logo">
<img src="img/logo.png" alt="The exozyme logo" class="logo">
</picture>
</a>
<h1>About</h1>
<p>
Hi! Welcome to our computing, coding, and CS community's cozy corner of the internet!
Hi! Welcome to our computing community's cozy corner of the internet!
</p>
<h2>Stuff we do</h2>
<h4>Build a better world!</h4>
<h2 id="stuff">Stuff we do</h2>
<h3>Build a better world</h3>
<p>
The web sucks. We'd like it to suck less. To end GitHub's code-hosting monopoly, we're a major contributor to <a href="https://nlnet.nl/project/Gitea/">forge federation development</a>. We also offer many decentralized, encrypted, and privacy-respecting <a href="explore">alternatives to popular services</a>.
</p>
<h4>Code cool stuff!</h4>
<h3>Code cool software</h3>
<p>
We live and breath code. We've contributed to dozens of projects, including Arch Linux, KDE Frameworks, Nextcloud, Gitea, Forgejo, ForgeFed, Mastodon, PeerTube, Woodpecker, Toolbox, OpenRGB, Zenpower3, and more. We also maintain over 30 AUR and Nixpkgs packages.
We live and breath code. We've contributed to dozens of projects, including <a href="https://git.exozy.me/exozyme/status">our status page</a>, Arch Linux, KDE Frameworks, Nextcloud, Gitea, Forgejo, ForgeFed, Mastodon, PeerTube, Woodpecker, Toolbox, OpenRGB, Zenpower3, and more. We also maintain over 10 <a href="https://git.exozy.me/exozyme/packages">AUR packages</a>.
</p>
<h4>Hack everything!</h4>
<h3>Hack everything</h3>
<p>
We do lots of fun stuff. Like <a href="https://a.exozy.me/posts/installing-every-arch-package/">installing every Arch Linux package</a>, because why not?
</p>
<h4>Learn new things!</h4>
<h3>Learn new things</h3>
<p>
You'll learn some insanely cool stuff from our community. How to make a cursed peer-to-peer network... how to incorrectly encrypt your disk so you can never unlock it...
</p>
<h4>Discuss with the community!</h4>
<h3>Discuss with the community</h3>
<p>
Our community mostly hangs out on <a href="https://matrix.to/#/#exozyme:exozy.me">Matrix</a>. We're 100% community built and maintained, so everyone has a voice in our project decisions.
</p>
<h2>Our server</h2>
<h2 id="server">Our server</h2>
<p>
We have snazzy overpowered hardware: a 24-thread AMD Ryzen 9 5900X proccessor that compiles code faster than you can snap, a Sapphire Radeon RX 6600 XT Nitro+ graphics card for insane gaming over remote desktop, 32 GB of RAM, and gigabit internet.
We have a server located in St. Louis in the United States. It's pretty nice: a 24-thread AMD Ryzen 9 5900X proccessor, an AMD Radeon RX 6600 XT graphics card, 32 GB of RAM, and gigabit internet.
</p>
<a href="img/server.jpg">
<picture>
<source srcset="img/server.webp" type="image/webp">
<source srcset="img/server.avif" type="image/avif">
<source srcset="img/server.jpg" type="image/jpeg">
<img src="img/server.jpg" alt="The server" width="720">
<img src="img/server.jpg" alt="A photograph of the server">
</picture>
</a>
<p>
It's equally epic on the software side. Now Arch Linux is a terrible operating system for servers, but we use it anyways and update monthly. We've got free SSH and remote desktop access, code hosting, cloud storage, website hosting, VMs, and basically <a href="explore">anything else you can think of</a>.
Arch Linux is a terrible operating system for servers, but we use it anyways and update monthly. We provide SSH and remote desktop access, code hosting, cloud storage, website hosting, containers, and basically <a href="explore">anything else you can think of</a>.
</p>
<a href="img/montage.png">
<picture>
<source srcset="img/montage.webp" type="image/webp">
<source srcset="img/montage.avif" type="image/avif">
<source srcset="img/montage.png" type="image/png">
<img src="img/montage.png" alt="Things to explore" width="720">
<img src="img/montage.png" alt="A montage of things to explore">
</picture>
</a>
<h2>Join us!</h2>
<h2 id="join">Join us!</h2>
<p>
Cool, have we successfully converted you into joining exozyme yet? If so, try our <a href="quickstart">quickstart guide</a>. Check out our <a href="fuqs">frequently unasked questions</a> too.
If you would like to join exozyme, read the <a href="quickstart">quickstart guide</a>.
</p>
<p>
Be sure to also take a look at our <a href="https://git.exozy.me/exozyme">repositories on exogit</a>, where all the exozyme development action happens. (Or even better, contribute! 😍) And <b>please please please report bugs</b> on our <a href="https://git.exozy.me/exozyme/exozyme/issues">issue tracker</a>. We really appreciate it! We also have an underrated <a href="https://git.exozy.me/exozyme/exozyme/wiki">wiki</a> that is badly in need of contributions.
Also, if you've wondering about the origin of the name exozyme, it's just an invented word that sounds cool and contains everyone's favorite math variables x, y, and z. Note that it's "exozyme", not "exozy". Pronouce it however you like.
</p>
<div class="info">
We may have occasional outages for maintainence or because our ISP is being dumb. If exozyme is down for more than 24 hours, please <a href="mailto:help@exozy.me">email us</a>!
</div>
<p>
You can find this website's code (CC BY-SA 4.0 license) on <a href="https://git.exozy.me/exozyme/website">exogit</a>. All HTML and CSS was hand-written by the <a href="https://git.exozy.me/exozyme/exozyme">our community</a>.
You can find this website's code (CC BY-SA 4.0 license) <a href="https://git.exozy.me/exozyme/exozyme">here</a>. All the HTML and CSS was hand-written by exozyme community members.
</p>
</body>
</html>

View file

@ -11,9 +11,8 @@
<a href="..">
<picture>
<source srcset="img/logo.avif" type="image/avif">
<source srcset="img/logo.webp" type="image/webp">
<source srcset="img/logo.png" type="image/png">
<img src="img/logo.png" alt="exozyme" height="360" width="360" class="logo">
<img src="img/logo.png" alt="The exozyme logo" class="logo">
</picture>
</a>
<h1>Explore</h1>
@ -56,7 +55,6 @@
<p>
<picture>
<source srcset="img/logo.avif" type="image/avif">
<source srcset="img/logo.webp" type="image/webp">
<source srcset="img/logo.png" type="image/png">
<img src="img/logo.png" alt="exopages" class="icon">
</picture>
@ -65,7 +63,7 @@
<p>
If you would like to use OpenLDAP, PostgreSQL, Redis, PHP-FPM, or Tomcat, just ask on <a href="https://matrix.to/#/#exozyme:exozy.me">Matrix</a>.
</p>
<h2>Community-made websites</h2>
<h2 id="community-made-websites">Community-made websites</h2>
<p>
<a href="https://feeds.exozy.me">exofeeds</a>: A collection of exozy.me members' blogs and their RSS feeds in one place
</p>

View file

@ -1,45 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FUQs</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="icon" href="img/favicon.png" type="image/png">
</head>
<body>
<a href="..">
<picture>
<source srcset="img/logo.avif" type="image/avif">
<source srcset="img/logo.webp" type="image/webp">
<source srcset="img/logo.png" type="image/png">
<img src="img/logo.png" alt="exozyme" height="360" width="360" class="logo">
</picture>
</a>
<h1>Frequently Unasked Questions</h1>
<h4>Why the name?</h4>
<p>
Uh... not for any particular reason. It's just a cool <a href="https://en.wikipedia.org/wiki/Domain_hack">domain hack</a> with the .me domain, and it contains everyone's favorite math variables x, y, and z! Note that our name is "exozyme", not "exozy". There's no official pronounciation, so pronouce it however you like.
</p>
<h4>I forgot my password!</h4>
<p>
Email us at <a href="mailto:help@exozy.me">help@exozy.me</a> and we'll get it reset.
</p>
<h4>How do I change my account details like my email address or command-line shell?</h4>
<p>
Log into exozyme and run the command <i>moduser</i>. Edit the file to update your account details, and hit <i>Ctrl+Q</i> to save and quit.
</p>
<h4>My remote desktop is glitching out!</h4>
<p>
Log in to <a href="https://hub.exozy.me">exohub</a> or <a href="https://git.exozy.me/exozyme/exozyme/wiki/SSH">SSH</a> and run the command <i>pkill -u $USER</i> to kill all your processes. If that doesn't fix it, run <i>pkill -9 -u $USER</i> to force kill everything. Note that you'll lose all unsaved work.
</p>
<h4>What kind of data does exozyme collect?</h4>
<p>
We don't collect any more data than what Arch Linux does by default, such as your IP address. Your data is never saved to anywhere else except on the exozyme server and an offsite backup. If you decide to delete your account, we will delete all of your data from the server.
</p>
<h4>I need help with something!</h4>
<p>
Ask on <a href="https://matrix.to/#/#exozyme:exozy.me">Matrix</a>. If you aren't able to do that, shoot us an email at <a href="mailto:help@exozy.me">help@exozy.me</a> (optionally using <a href="https://git.exozy.me/exozyme/exozyme/raw/branch/main/pubkey.asc">GPG</a>).
</p>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
img/montage.avif Normal file

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4 MiB

After

Width:  |  Height:  |  Size: 4 MiB

View file

@ -7,5 +7,5 @@ for old in *; do
done
cd ..
montage -background white icons/*-large.svg -geometry 720x720 -tile 5x5 -border 30 -bordercolor transparent montage.png
convert montage.png -resize 50% montage.webp
convert montage.png -resize 50% montage.avif
rm icons/*-large.svg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 126 KiB

BIN
img/server.avif Normal file

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 120 KiB

View file

@ -1,5 +1,5 @@
<!DOCTYPE html>
<!--Hello explorers of this website's source code! We hope you enjoy your visit!-->
<!-- Hello! I hope this HTML is at least mildly readable... -->
<html lang="en">
<head>
<meta charset="utf-8">
@ -9,28 +9,17 @@
<link rel="icon" href="img/favicon.png" type="image/png">
</head>
<body>
<a href=".">
<picture>
<source srcset="img/logo.avif" type="image/avif">
<source srcset="img/logo.webp" type="image/webp">
<source srcset="img/logo.png" type="image/png">
<img src="img/logo.png" alt="exozyme" height="360" width="360" class="logo">
</picture>
</a>
<picture>
<source srcset="img/logo.avif" type="image/avif">
<source srcset="img/logo.png" type="image/png">
<img src="img/logo.png" alt="The exozyme logo" class="logo">
</picture>
<h1>The exozyme project</h1>
<div class="emoji">🏗️ 💻 👾 📖 🗨️</div>
<p class="slogan">
Build. Code. Hack. Learn. Discuss.
</p>
<div>
<p class="emoji">🏗️ 💻 👾 📖 🗨️</p>
<p class="links">
<a href="about">About</a>&nbsp;&nbsp;&nbsp;
<a href="quickstart">Quickstart</a>&nbsp;&nbsp;&nbsp;
<a href="explore">Explore</a>&nbsp;&nbsp;&nbsp;
<a href="fuqs">FUQs</a>
</div>
<br>
<div class="info">
<a href="https://sfconservancy.org/blog/2022/jun/30/give-up-github-launch/">#GiveUpGitHub!</a> Join us for libre code hosting, or even better, contribute to <a href="https://nlnet.nl/project/Gitea/">forge federation development</a>.
</div>
<a href="explore">Explore</a>
</p>
</body>
</html>

16
pubkey.asc Normal file
View file

@ -0,0 +1,16 @@
-----BEGIN PGP PUBLIC KEY BLOCK-----
mDMEY5vFoRYJKwYBBAHaRw8BAQdAJZmwI5ytDMsg3VnlXGAztVdGJdql922aobjN
0lW0A9q0F2V4b3p5bWUgPGhlbHBAZXhvenkubWU+iJAEExYIADgWIQRLsYeVsU01
8g27oZP8o4DcqOel7gUCY5vFoQIbAwULCQgHAgYVCgkICwIEFgIDAQIeAQIXgAAK
CRD8o4DcqOel7qOIAP90PKAmcZgn+yCcDaLrA1Lr1tSDRpzue4WrNcH4ks+qPwEA
mwp/LXzvyQYRox3XlF+5o5BzTmDindqcYWWRxjZ5Ggy0F2V4b3p5bWUgPGpvaW5A
ZXhvenkubWU+iJAEExYIADgWIQRLsYeVsU018g27oZP8o4DcqOel7gUCY5vISAIb
AwULCQgHAgYVCgkICwIEFgIDAQIeAQIXgAAKCRD8o4DcqOel7iMaAQDtMtLGO8Sb
hr5fcgTFVEIsE8t/yKfjzV9qB6KjyCSeXAD/ZEUpfnzX9o81t3rUIsV9U7mZtc8m
7aSuUPOZSh5pigq4OARjm8WhEgorBgEEAZdVAQUBAQdAlbG07RMR44h2QSUoOedE
Qyhw5LZLEcFxUEycuxMcqi4DAQgHiHgEGBYIACAWIQRLsYeVsU018g27oZP8o4Dc
qOel7gUCY5vFoQIbDAAKCRD8o4DcqOel7js9AP9GlUqnQJMMPXs6czu0MS5WG+Lm
y91Ukc7TiMtH1vg9bwD+IWw33IqVXLfYVgvKLIXs7fBqAGFepdDLMevnxKKyMQ4=
=vSoG
-----END PGP PUBLIC KEY BLOCK-----

View file

@ -11,38 +11,37 @@
<a href="..">
<picture>
<source srcset="img/logo.avif" type="image/avif">
<source srcset="img/logo.webp" type="image/webp">
<source srcset="img/logo.png" type="image/png">
<img src="img/logo.png" alt="exozyme" height="360" width="360" class="logo">
<img src="img/logo.png" alt="The exozyme logo" class="logo">
</picture>
</a>
<h1>Quickstart Guide</h1>
<h2>Join us!</h2>
<h2 id="email-us">Email us</h2>
<p>
Need an exozyme account? Shoot us an email to <a href="mailto:join@exozy.me">join@exozy.me</a> (optionally using <a href="https://git.exozy.me/exozyme/exozyme/raw/branch/main/pubkey.asc">GPG</a>) and introduce yourself, explain what you plan to do with exozyme, what you would like your account's username and display name to be, and optionally include your SSH public key. You'll soon recieve a reply with your new account's temporary password.
Shoot us an email to <a href="mailto:join@exozy.me">join@exozy.me</a> (optionally using <a href="/pubkey.asc">GPG</a>) and introduce yourself, explain what you plan to do with exozyme, your desired username and display name, and optionally include your SSH public key. We'll reply with your new account's temporary password.
</p>
<h2>Logging in</h2>
<h2 id="logging-in">Logging in</h2>
<p>
You can log into our server either using remote desktop or <a href="https://git.exozy.me/exozyme/exozyme/wiki/SSH">SSH</a> if you emailed us your public key. For remote desktop, go to the <a href="https://desk.exozy.me">exodesk</a> web client (or any other <a href="https://git.exozy.me/exozyme/exozyme/wiki/Remote-desktop-clients">RDP client</a>). 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 <a href="https://git.exozy.me/exozyme/exozyme/wiki/SSH">SSH</a> if you emailed us your SSH key. For remote desktop, go to the <a href="https://desk.exozy.me">exodesk</a> web client (or any other <a href="https://git.exozy.me/exozyme/exozyme/wiki/Remote-desktop-clients">RDP client</a>) and type in your exozyme username and password. You'll be dropped into a desktop, which might take a few seconds to load.
</p>
<p>
In the bottom left corner you'll see the all-powerful application menu, which you can use to launch apps. <b>You should change your password now</b> using the <i>passwd</i> command. In your remote desktop, open the application menu and start the Konsole app, then type <i>passwd</i> 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.
In the bottom left corner you'll see the all-powerful application menu, which you can use to launch apps. <b>You should change your password now</b> using the <i>passwd</i> command. In your remote desktop, open the application menu and start the Konsole app, then type <i>passwd</i> 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. To change your account details like your email address or shell, use the command <i>moduser</i>.
</p>
<h2>Programming</h2>
<h2 id="programming">Programming</h2>
<p>
Check out our online programming environment, <a href="https://hub.exozy.me">exohub</a>. You can install command-line software with <a href="https://git.exozy.me/exozyme/exozyme/wiki/Nix">Nix</a> or <a href="https://git.exozy.me/exozyme/exozyme/wiki/Distrobox">Distrobox</a>.
</p>
<h2>Enter the Matrix</h2>
<h2 id="matrix">Enter the Matrix</h2>
<p>
You can chat with your friends on <a href="https://matrix.org">Matrix</a> and <a href="https://matrix.org/bridges/">other networks</a> using your exochat account. To start, go to the <a href="https://app.element.io">Element web client</a>. (Since exochat is powered by Matrix, so you can also use any <a href="https://matrix.org/clients/">Matrix client</a>, such as the <a href="https://cloud.exozy.me/apps/riotchat/">exocloud integrated Matrix client</a>.) <b>Make sure you change your homeserver to exozy.me instead of matrix.org</b>, and sign in with your exozyme username and password. Welcome to Matrix!
You can chat with your friends on <a href="https://matrix.org">Matrix</a> and <a href="https://matrix.org/bridges/">other networks</a> using your exochat account. To start, go to the <a href="https://app.element.io">Element web client</a>. (Since exochat is powered by Matrix, so you can also use any <a href="https://matrix.org/clients/">Matrix client</a>, such as the <a href="https://cloud.exozy.me/apps/riotchat/">exocloud integrated Matrix client</a>.) <b>Make sure you change your homeserver to exozy.me instead of matrix.org</b>, and sign in with your exozyme username and password.
</p>
<h2>Explore!</h2>
<h2 id="explore">Explore!</h2>
<p>
To get a taste of what you can do with exozyme, go out and <a href="explore">explore</a>! Just use your exozyme username and password to log in (don't click sign up). You can find more guides on our <a href="https://git.exozy.me/exozyme/exozyme/wiki">wiki</a>.
To get a taste of what you can do with exozyme, go <a href="explore">explore</a>! If you run into any bugs or have suggestions, just open a new issue on our <a href="https://git.exozy.me/exozyme/exozyme/issues">issue tracker</a>. You can also find helpful guides on our <a href="https://git.exozy.me/exozyme/exozyme/wiki">wiki</a>.
</p>
<h2>Questions?</h2>
<h2 id="questions">Questions?</h2>
<p>
Check out our <a href="fuqs">frequently unasked questions</a> or ask about it on <a href="https://matrix.to/#/#exozyme:exozy.me">Matrix</a> to get help from the exozyme community.
Just ask on <a href="https://matrix.to/#/#exozyme:exozy.me">Matrix</a> to get help from the exozyme community. You can also shoot us an email at <a href="mailto:help@exozy.me">help@exozy.me</a> (optionally using <a href="/pubkey.asc">GPG</a>).
</p>
</body>
</html>

View file

@ -6,13 +6,13 @@ body {
text-align: center;
}
h4 {
h3 {
text-align: left;
}
p {
text-align: left;
line-height: 150%;
line-height: 1.75;
}
picture, img {
@ -20,19 +20,18 @@ picture, img {
max-width: 100%;
}
.logo {
max-width: 360px;
width: 100%;
height: auto;
}
.emoji {
text-align: center;
font-size: 3em;
}
.slogan {
.links {
text-align: center;
font-size: 1.125em;
font-size: 1.25em;
}
.logo {
max-width: 50%;
}
.icon {
@ -43,28 +42,18 @@ picture, img {
padding-right: 1em;
}
.info {
margin: auto;
text-align: left;
background: lightgreen;
border-radius: 0.5em;
padding: 1em;
width: 50%;
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
body {
background-color: #111111;
color: #cccccc;
}
a:link {
color: skyblue;
}
a:visited {
color: pink;
}
.info {
background: darkslategray;
}
}