exozyme/website
Archived
6
2
Fork 3
Code Issues Pull requests Projects Releases Wiki Activity

Revise and cleanup CSS

Browse source
This commit is contained in:
Anthony Wang 2022-05-25 16:56:56 -05:00
parent d8b2633d04
commit 258160a825
Signed by: a
GPG key ID: BC96B00AEC5F2D76
7 changed files with 76 additions and 54 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
about/index.html
View file

@ -13,13 +13,11 @@
<source srcset="/logo.png" type="image/png">
<img src="/logo.png" alt="exozyme" height="360" width="360">
</picture>
<h2>About</h2>
<div style="text-align:left;margin:auto;width:720px;font-style:italic;">
<pre>Passionate about programming?</pre>
<pre> Crazy about computer science?</pre>
<pre> Obsessed with open source?</pre>
<pre> Love Linux (or GNU/Linux)?</pre>
</div>
<h1>About</h1>
<pre><p><i>Passionate about programming?
Crazy about computer science?
Obsessed with open source?
Love Linux (or GNU/Linux)?</i></p></pre>
<p>
If so, join exozyme and meet a friendly community that's just as enthusiastic as you are!
</p>
@ -31,7 +29,7 @@
<source srcset="montage.png" type="image/png">
<img src="montage.png" alt="Things to explore" width="720" />
</picture>
<h3>Why exozyme?</h3>
<h2>Why exozyme?</h2>
<h4>It's free!</h4>
<p>
exozyme is completely <a href="https://en.wikipedia.org/wiki/Gratis_versus_libre">free as in beer and free as in speech</a>.
@ -56,17 +54,17 @@
<p>
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.
</p>
<h3>Join us!</h3>
<h2>Join us!</h2>
<p>
If that sounds awesome, try our <a href="/quickstart">quickstart guide</a> to <b>get started with exozyme!</b> If you need help, check out our <a href="/fuqs">frequently unasked questions</a>.
</p>
<p>
Be sure to 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> with tons of useful resources.
</p>
<div style="background:lightgreen;padding:10px;margin:auto;width:360px;text-align:left;color:black;">
<div class="info">
We may have occasional reboots for maintainence and other outages. If exozyme is down for more than 24 hours, please <a href="mailto:help@exozy.me">email us</a>.
</div>
<h3>Our server</h3>
<h2>Our server</h2>
<p>
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.
</p>

34
explore/index.html
View file

@ -13,63 +13,63 @@
<source srcset="/logo.png" type="image/png">
<img src="/logo.png" alt="exozyme" height="360" width="360">
</picture>
<h2>Explore</h2>
<h1>Explore</h1>
<p>
Start exploring by <a href="/quickstart">signing up</a> for an exozyme account! If there's something you would like exozyme to host, make a <a href="https://git.exozy.me/exozyme/exozyme/issues/new">feature request</a>!
</p>
<p>
<img src="/about/icons/guacamole.svg" alt="exodesk" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/guacamole.svg" alt="exodesk" class="icon">
<b><a href="https://desk.exozy.me">exodesk</a></b>: Access your exozyme desktop from anywhere, powered by <a href="https://xrdp.org/">xrdp</a> and <a href="https://guacamole.apache.org/">Apache Guacamole</a>, or use any <a href="https://git.exozy.me/exozyme/exozyme/wiki/Remote-desktop-clients">RDP client</a>
</p>
<p>
<img src="/about/icons/nextcloud.svg" alt="exocloud" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/nextcloud.svg" alt="exocloud" class="icon">
<b><a href="https://cloud.exozy.me">exocloud</a></b>: Powerful collaboration and productivity suite, powered by <a href="https://nextcloud.com/">Nextcloud</a>
</p>
<p>
<img src="/about/icons/matrix.svg" alt="exochat" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/matrix.svg" alt="exochat" class="icon">
<b><a href="https://chat.exozy.me">exochat</a></b>: Chat with your friends on <a href="https://matrix.org">Matrix</a> and <a href="https://matrix.org/bridges/">other networks</a> including <a href="/blog/dont-use-discord">Discord</a>, powered by <a href="https://matrix.org/docs/projects/server/synapse/">Synapse</a>
</p>
<p>
<img src="/about/icons/gitea.svg" alt="exogit" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/gitea.svg" alt="exogit" class="icon">
<b><a href="https://git.exozy.me">exogit</a></b>: Host your programming projects and collaborate with others on our <a href="https://gitea.io">Gitea</a>
</p>
<p>
<img src="/about/icons/jellyfin.svg" alt="exomedia" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/jellyfin.svg" alt="exomedia" class="icon">
<b><a href="https://media.exozy.me">exomedia</a></b>: Stream books, music, movies, and other media from our <a href="https://jellyfin.org/">Jellyfin</a> server
</p>
<p>
<img src="/about/icons/mastodon.svg" alt="exocial" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/mastodon.svg" alt="exocial" class="icon">
<b><a href="https://social.exozy.me">exocial</a></b>: Join <a href="https://joinmastodon.org/">Mastodon</a> and explore the best community-owned social media network
</p>
<p>
<img src="/about/icons/peertube.svg" alt="exotube" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/peertube.svg" alt="exotube" class="icon">
<b><a href="https://tube.exozy.me">exotube</a></b>: Upload, stream, and watch great videos on our <a href="https://joinpeertube.org/">PeerTube</a>, a community-owned video platform
</p>
<p>
<img src="/about/icons/jupyter.svg" alt="exohub" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<b><a href="https://hub.exozy.me">exohub</a></b>: Harness exozyme's computational power from your browser with <a href="https://jupyter.org/hub">JupyterHub</a> and our integrated <a href="https://github.com/cdr/code-server">code-server</a> editor
<img src="/about/icons/jupyter.svg" alt="exohub" class="icon">
<b><a href="https://hub.exozy.me">exohub</a></b>: Harness our computational power from your browser with <a href="https://jupyter.org/hub">JupyterHub</a> and its integrated <a href="https://github.com/cdr/code-server">code-server</a> editor
</p>
<p>
<img src="/about/icons/cockpit.svg" alt="exoportal" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/cockpit.svg" alt="exoportal" class="icon">
<b><a href="https://portal.exozy.me">exoportal</a></b>: Manage <a href="https://git.exozy.me/exozyme/exozyme/wiki/Containers">containers</a> and <a href="https://git.exozy.me/exozyme/exozyme/wiki/Virtual-machines">virtual machines</a> with the <a href="https://cockpit-project.org/">Cockpit</a> web interface
</p>
<p>
<img src="/about/icons/woodpecker.svg" alt="exoci" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/woodpecker.svg" alt="exoci" class="icon">
<b><a href="https://ci.exozy.me">exoci</a></b>: Unlimited <a href="https://woodpecker-ci.org">Woodpecker</a> continuous integration builds for all your exogit projects
</p>
<p>
<img src="/about/icons/collabora.svg" alt="exoffice" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/collabora.svg" alt="exoffice" class="icon">
<b><a href="https://cloud.exozy.me/apps/richdocuments">exoffice</a></b>: Real-time collaborative editing integrated with exocloud, powered by <a href="https://www.collaboraoffice.com/code/">Collabora Online</a>
</p>
<p>
<img src="/logo.png" alt="exopages" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/logo.png" alt="exopages" class="icon">
<b><a href="https://git.exozy.me/exozyme/exozyme/wiki/Website-hosting">exopages</a></b>: Easily build and host static and dynamic websites for you and your projects, with unlimited subdomains
</p>
<p>
<img src="/about/icons/wireguard.svg" alt="exovpn" height="48" width="48" style="float:left;padding:0px 16px 0px 0px">
<img src="/about/icons/wireguard.svg" alt="exovpn" class="icon">
<b><a href="https://git.exozy.me/exozyme/exozyme/wiki/VPN">exovpn</a></b>: A fast, modern, and highly secure <a href="https://www.wireguard.com">WireGuard</a> VPN that you can trust
</p>
<h3>Public</h3>
<h2>Public</h2>
<p>
These can be used without any sign-up at all. Enjoy!
<p>
@ -91,7 +91,7 @@
<p>
<b><a href="http://localhost:8080/ipns/12D3KooWMSpPQsvEaK7nzwjnw1PQPb7Q8ocC831YgmxetJSGEM5K">IPFS mirror</a></b>: exozyme website mirrored on <a href="https://ipfs.io/">IPFS</a>
</p>
<h3>Internal</h3>
<h2>Internal</h2>
<p>
If you want to use any of these, just ask on <a href="https://matrix.to/#/!dRcbHQEbbDRNcYShLo:exozy.me?via=exozy.me">Matrix</a>.
</p>

2
fuqs/index.html
View file

@ -13,7 +13,7 @@
<source srcset="/logo.png" type="image/png">
<img src="/logo.png" alt="exozyme" height="360" width="360">
</picture>
<h2>Frequently Unasked Questions</h2>
<h1>Frequently Unasked Questions</h1>
<h4>Why the name?</h4>
<p>
Uh... not for any particular reason. It was 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!

6
index.html
View file

@ -13,9 +13,9 @@
<source srcset="/logo.png" type="image/png">
<img src="/logo.png" alt="exozyme" height="360" width="360">
</picture>
<h2>The exozyme project</h2>
<p style="text-align:center;font-size:48px;">🔓 🚀 🛡️</p>
<p style="text-align:center;">
<h1>The exozyme project</h1>
<div class="emoji">🔓 🚀 🛡️</div>
<p class="slogan">
The <b>libre</b>, <b>high-performance</b>, <b>privacy-respecting</b> cloud!
</p>
<pre><a href="about">About</a> <a href="quickstart">Quickstart</a> <a href="explore">Explore</a> <a href="fuqs">FUQs</a></pre>

4
join/index.html
View file

@ -13,7 +13,7 @@
<source srcset="/logo.png" type="image/png">
<img src="/logo.png" alt="exozyme" height="360" width="360">
</picture>
<h2>Join exozyme!</h2>
<h1>Join exozyme!</h1>
<p>
Welcome! Please use only lowercase letters and numbers for your username. After you have an account, <a href="https://exozy.me/about/">learn more about exozyme</a> or try our <a href="https://exozy.me/quickstart/">quickstart guide</a>.
</p>
@ -25,7 +25,7 @@
<input type="text" pattern="[a-z][a-z0-9]*" placeholder="Username" name="username" required>
<input type="password" placeholder="Strong password" name="password" required>
<input type="password" placeholder="Confirm password" name="confirmpassword" required>
<input type="submit" value="Join!" style="font-family:monospace;" name="submit">
<input type="submit" value="Join!" name="submit">
</form>
</body>
</html>

16
quickstart/index.html
View file

@ -13,12 +13,12 @@
<source srcset="/logo.png" type="image/png">
<img src="/logo.png" alt="exozyme" height="360" width="360">
</picture>
<h2>Get started!</h2>
<h3>Join us!</h3>
<h1>Get started!</h1>
<h2>Join us!</h2>
<p>
Interested in exozyme? You can get started by emailing <a href="mailto:join@exozy.me">join@exozy.me</a> 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.
</p>
<h3>Logging in</h3>
<h2>Logging in</h2>
<p>
OK, so you've joined exozyme! You can start by logging into your remote exozyme desktop with the <a href="https://desk.exozy.me">exodesk</a> web client. (If you want to use a RDP client app, check out the <a href="https://git.exozy.me/exozyme/exozyme/wiki/Remote-desktop-clients">wiki</a>, or alternatively, log in with <a href="https://git.exozy.me/exozyme/exozyme/wiki/SSH">SSH</a>)
</p>
@ -33,11 +33,11 @@
<p>
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 <b>remember to log out</b> by selecting "Log Out" in the application menu. <b>Closing the browser tab does not log you out.</b>
</p>
<h3>Programming</h3>
<h2>Programming</h2>
<p>
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 <a href="https://desk.exozy.me">exodesk</a> or <a href="https://hub.exozy.me">exohub</a>! If your preferred language or tool isn't installed, you can use <a href="https://git.exozy.me/exozyme/exozyme/wiki/Nix">Nix</a>.
</p>
<h3>Explore exocloud</h3>
<h2>Explore exocloud</h2>
<p>
Try our powerful collaboration and productivity suite by going to <a href="https://cloud.exozy.me">exocloud</a> and logging in with your exozyme username and password. If things work out, you'll be taken to your exocloud homepage!
</p>
@ -49,7 +49,7 @@
<p>
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!
</p>
<h3>Enter the Matrix</h3>
<h2>Enter the Matrix</h2>
<p>
You can chat with your friends on <a href="https://matrix.org">Matrix</a> and other networks including <a href="/blog/dont-use-discord">Discord</a> using your <b>exochat</b> account. To start, go to your exocloud home page and click on the <a href="https://cloud.exozy.me/apps/riotchat/">Element app</a> on the top. (exochat is powered by Matrix, so you can use any <a href="https://matrix.org/clients/">Matrix client</a>, but remember to change the homeserver to use <a href="https://chat.exozy.me">exozy.me</a> instead of matrix.org) Now sign in with your exozyme username and password as usual, and welcome to your shiny new exochat account!
</p>
@ -61,11 +61,11 @@
<p>
Let's join some rooms and spaces (groups of rooms) now, such as the <a href="https://matrix.to/#/!epVJFHxAwGJBqjgGoQ:exozy.me?via=exozy.me&via=matrix.org">exozyme space</a>, and hang out. One of Matrix's most ambitious goals is to <a href="https://matrix.org/bridges/">bridge its network to as many others as possible</a>, so you can check out our <a href="https://git.exozy.me/exozyme/exozyme/wiki/Bridge-Discord-and-Matrix">wiki</a> for instructions on bridging Discord to Matrix.
</p>
<h3>Explore!</h3>
<h2>Explore!</h2>
<p>
To get a taste of what you can do with exozyme, go out and <a href="https://exozy.me/explore">explore</a>! Just use your exozyme username and password to log in (don't click sign up).
</p>
<h3>Questions?</h3>
<h2>Questions?</h2>
<p>
Check out our <a href="/fuqs">frequently unasked questions</a> and <a href="https://git.exozy.me/exozyme/exozyme/wiki">wiki</a> or ask about it on <a href="https://matrix.to/#/!dRcbHQEbbDRNcYShLo:exozy.me?via=exozy.me&via=matrix.org">Matrix</a> to get help from the exozyme community.
</p>

48
style.css
View file

@ -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;
}