From 258160a825a1076c5b23e7cb85552c56d435ec51 Mon Sep 17 00:00:00 2001 From: Anthony Wang Date: Wed, 25 May 2022 16:56:56 -0500 Subject: [PATCH] Revise and cleanup CSS --- about/index.html | 20 ++++++++---------- explore/index.html | 34 +++++++++++++++--------------- fuqs/index.html | 2 +- index.html | 6 +++--- join/index.html | 4 ++-- quickstart/index.html | 16 +++++++-------- style.css | 48 ++++++++++++++++++++++++++++++++----------- 7 files changed, 76 insertions(+), 54 deletions(-) diff --git a/about/index.html b/about/index.html index 71d49a5..1a6488b 100644 --- a/about/index.html +++ b/about/index.html @@ -13,13 +13,11 @@ exozyme -

About

-
- 
Passionate about programming?
- 
                Crazy about computer science?
- 
                                Obsessed with open source?
- 
                                                Love Linux (or GNU/Linux)?
-
+

About

+ 
Passionate about programming?
+                Crazy about computer science?
+                                Obsessed with open source?
+                                                Love Linux (or GNU/Linux)?

If so, join exozyme and meet a friendly community that's just as enthusiastic as you are!

@@ -31,7 +29,7 @@ Things to explore -

Why exozyme?

+

Why exozyme?

It's free!

exozyme is completely free as in beer and free as in speech. @@ -56,17 +54,17 @@

Our services are all libre, free, and open-source, and exozyme contributes to many upstream projects, including Arch Linux, the AUR, KDE Frameworks, Nextcloud, Gitea, Jellyfin, Mastodon, PeerTube, Woodpecker CI, Toolbox, OpenRGB, OpenContest, and Zenpower3.

-

Join us!

+

Join us!

If that sounds awesome, try our quickstart guide to get started with exozyme! If you need help, check out our frequently unasked questions.

Be sure to take a look at our repositories on exogit, where all the exozyme development action happens. (Or even better, contribute! 😍) And please please please report bugs on our issue tracker. We really appreciate it! We also have an underrated wiki with tons of useful resources.

-
+
We may have occasional reboots for maintainence and other outages. If exozyme is down for more than 24 hours, please email us.
-

Our server

+

Our server

Want the juicy technical details? The server is currently equiped with a powerful 24-thread AMD Ryzen 9 5900X proccessor paired with a Sapphire Radeon RX 6600 XT Nitro+ graphics card, along with 32 GB of RAM. Arch Linux is a terrible operating system for servers, but we use it anyways and update every Saturday.

diff --git a/explore/index.html b/explore/index.html index ee22b25..d2ce208 100644 --- a/explore/index.html +++ b/explore/index.html @@ -13,63 +13,63 @@ exozyme -

Explore

+

Explore

Start exploring by signing up for an exozyme account! If there's something you would like exozyme to host, make a feature request!

- exodesk + exodesk exodesk: Access your exozyme desktop from anywhere, powered by xrdp and Apache Guacamole, or use any RDP client

- exocloud + exocloud exocloud: Powerful collaboration and productivity suite, powered by Nextcloud

- exochat + exochat exochat: Chat with your friends on Matrix and other networks including Discord, powered by Synapse

- exogit + exogit exogit: Host your programming projects and collaborate with others on our Gitea

- exomedia + exomedia exomedia: Stream books, music, movies, and other media from our Jellyfin server

- exocial + exocial exocial: Join Mastodon and explore the best community-owned social media network

- exotube + exotube exotube: Upload, stream, and watch great videos on our PeerTube, a community-owned video platform

- exohub - exohub: Harness exozyme's computational power from your browser with JupyterHub and our integrated code-server editor + exohub + exohub: Harness our computational power from your browser with JupyterHub and its integrated code-server editor

- exoportal + exoportal exoportal: Manage containers and virtual machines with the Cockpit web interface

- exoci + exoci exoci: Unlimited Woodpecker continuous integration builds for all your exogit projects

- exoffice + exoffice exoffice: Real-time collaborative editing integrated with exocloud, powered by Collabora Online

- exopages + exopages exopages: Easily build and host static and dynamic websites for you and your projects, with unlimited subdomains

- exovpn + exovpn exovpn: A fast, modern, and highly secure WireGuard VPN that you can trust

-

Public

+

Public

These can be used without any sign-up at all. Enjoy!

@@ -91,7 +91,7 @@

IPFS mirror: exozyme website mirrored on IPFS

-

Internal

+

Internal

If you want to use any of these, just ask on Matrix.

diff --git a/fuqs/index.html b/fuqs/index.html index 4e6c73a..93ab259 100644 --- a/fuqs/index.html +++ b/fuqs/index.html @@ -13,7 +13,7 @@ exozyme -

Frequently Unasked Questions

+

Frequently Unasked Questions

Why the name?

Uh... not for any particular reason. It was just a cool domain hack with the .me domain, and it contains everyone's favorite math variables x, y, and z! diff --git a/index.html b/index.html index 78f9481..5dcbc38 100644 --- a/index.html +++ b/index.html @@ -13,9 +13,9 @@ exozyme -

The exozyme project

-

🔓 🚀 🛡️

-

+

The exozyme project

+
🔓 🚀 🛡️
+

The libre, high-performance, privacy-respecting cloud! 

About    Quickstart    Explore    FUQs
diff --git a/join/index.html b/join/index.html index c13f966..2297a2e 100644 --- a/join/index.html +++ b/join/index.html @@ -13,7 +13,7 @@ exozyme -

Join exozyme!

+

Join exozyme!

Welcome! Please use only lowercase letters and numbers for your username. After you have an account, learn more about exozyme or try our quickstart guide.

@@ -25,7 +25,7 @@ - + diff --git a/quickstart/index.html b/quickstart/index.html index 82b2e65..d011196 100644 --- a/quickstart/index.html +++ b/quickstart/index.html @@ -13,12 +13,12 @@ exozyme -

Get started!

-

Join us!

+

Get started!

+

Join us!

Interested in exozyme? You can get started by emailing join@exozy.me and introducing yourself and what you plan to do with exozyme. We may ask a few follow-up questions, and once everything is figured out, we'll email you a link and a secret code to setup your exozyme account.

-

Logging in

+

Logging in

OK, so you've joined exozyme! You can start by logging into your remote exozyme desktop with the exodesk web client. (If you want to use a RDP client app, check out the wiki, or alternatively, log in with SSH)

@@ -33,11 +33,11 @@

In the bottom left corner you'll see the all-powerful application menu, which you can use to launch apps. You should be able to run any app on server, and even install more apps using the Discover app store. When you're done, please remember to log out by selecting "Log Out" in the application menu. Closing the browser tab does not log you out.

-

Programming

+

Programming

We have support for all your favorite programming languages, including C/C++, Python, Java, JavaScript, Go, Rust, and more, as well as text editors, IDEs, debuggers, and other tools. Try it out on exodesk or exohub! If your preferred language or tool isn't installed, you can use Nix.

-

Explore exocloud

+

Explore exocloud

Try our powerful collaboration and productivity suite by going to exocloud and logging in with your exozyme username and password. If things work out, you'll be taken to your exocloud homepage!

@@ -49,7 +49,7 @@

So what can you do with exocloud? Well, judging by the sheer number of icons on the top bar, a lot! There's cloud storage, an email client, photo manager, music player, calendar, and an integrated exochat client. Your data is safe on exozyme!

-

Enter the Matrix

+

Enter the Matrix

You can chat with your friends on Matrix and other networks including Discord using your exochat account. To start, go to your exocloud home page and click on the Element app on the top. (exochat is powered by Matrix, so you can use any Matrix client, but remember to change the homeserver to use exozy.me instead of matrix.org) Now sign in with your exozyme username and password as usual, and welcome to your shiny new exochat account!

@@ -61,11 +61,11 @@

Let's join some rooms and spaces (groups of rooms) now, such as the exozyme space, and hang out. One of Matrix's most ambitious goals is to bridge its network to as many others as possible, so you can check out our wiki for instructions on bridging Discord to Matrix.

-

Explore!

+

Explore!

To get a taste of what you can do with exozyme, go out and explore! Just use your exozyme username and password to log in (don't click sign up).

-

Questions?

+

Questions?

Check out our frequently unasked questions and wiki or ask about it on Matrix to get help from the exozyme community.

diff --git a/style.css b/style.css index 365d89f..d934f97 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,4 @@ +/* Dark mode */ @media (prefers-color-scheme: dark) { body { background-color: #111111; @@ -6,36 +7,59 @@ } body { + font-family: DejaVu Sans Mono, Noto Sans Mono, Hack, monospace; + width: 720px; + margin-left: auto; + margin-right: auto; text-align: center; - font-family: DejaVu Sans Mono, monospace; + /* Disable font boosting */ -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; } +pre { + font-family: DejaVu Sans Mono, Noto Sans Mono, Hack, monospace; +} + h4 { text-align: left; - margin: auto; - width: 720px; } p { text-align: left; - margin: auto; - width: 720px; - line-height: 24px; - margin-top: 1em; - margin-bottom: 1em; -} - -pre { - font-family: DejaVu Sans Mono, monospace; + line-height: 150%; } input { + font-family: DejaVu Sans Mono, Noto Sans Mono, Hack, monospace; display: block; margin: auto; margin-top: 1em; margin-bottom: 1em; } + +.emoji { + font-size: 3em; +} + +.slogan { + text-align: center; +} + +.icon { + height: 3em; + width: 3em; + float: left; + padding-right: 1em; +} + +.info { + margin: auto; + text-align: left; + background: lightgreen; + color: black; + padding: 10px; + width: 360px; +}