jaderune.net

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 1d9b79d6a13bdd91127cdd97cb307745d19c7366
parent 52b0cd2d3c87586e7ec742a943ef95bf38649130
Author: Jake Bauer <jbauer@paritybit.ca>
Date:   Tue,  5 Oct 2021 22:38:06 -0400

Update JR.net website

Diffstat:
Mmain.css | 211+++++++++++++++++++++++++++++++++++++++++--------------------------------------
Mrules.html | 16++++++++--------
Mservices.html | 71++++++++++++++++++++++++++++++-----------------------------------------
3 files changed, 147 insertions(+), 151 deletions(-)

diff --git a/main.css b/main.css @@ -1,59 +1,59 @@ body { - font-family: mono; - background-color: #121414; - color: #BABABA; - line-height: 1.3em; + font-family: mono; + background-color: #121414; + color: #BABABA; + line-height: 1.3em; } header { - max-width: 60%; - margin: 0 auto; - padding-top: 25px; + max-width: 60%; + margin: 0 auto; + padding-top: 25px; } main { - max-width: 45%; - margin: 3em auto; + max-width: 45%; + margin: 3em auto; } .title { - color: #FFFFFF; - font-size: 140%; - font-weight: bold; - text-decoration: none; - float: right; - margin: 0px; - display: inline-block; - vertical-align: bottom; + color: #FFFFFF; + font-size: 140%; + font-weight: bold; + text-decoration: none; + float: right; + margin: 0px; + display: inline-block; + vertical-align: bottom; } /* NAV BAR */ nav { - float: left; - font-size: 120%; + float: left; + font-size: 120%; } nav ul { - list-style-type: none; - margin: -5px 0px 0px 0px; - padding: 0px; - background-color: #54595D; - overflow: hidden; + list-style-type: none; + margin: -5px 0px 0px 0px; + padding: 0px; + background-color: #54595D; + overflow: hidden; } nav li { - float: left; - text-align: center; - padding: 5px 0px; + float: left; + text-align: center; + padding: 5px 0px; } nav a { - color: #FFFFFF; - padding: 5px 10px; - text-decoration: none; + color: #FFFFFF; + padding: 5px 10px; + text-decoration: none; } nav a:hover { - text-decoration: underline; + text-decoration: underline; } nav a:visited { - color: #FFFFFF; + color: #FFFFFF; } nav>ul>li a:hover:not(.active){ background-color: #0E904C; @@ -75,13 +75,13 @@ h2, h3, h4, h5, h6 { /* LINKS */ a { - color: #0E904C ; + color: #0E904C ; } a:hover { - text-decoration: none; + text-decoration: none; } a:visited { - color: #8B8335; + color: #8B8335; } /* END LINKS */ @@ -94,100 +94,107 @@ img { /* END IMAGES */ /* SERVICE CARDS */ -.flex-wrapper { - display: flex; - flex-wrap: wrap; - justify-content: center; +.card-wrapper { + display: grid; + width: 100%; + flex-wrap: wrap; + grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)); + grid-gap: 0.5em; + justify-content: center; } .card { - box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5); - margin: 5px; - transition: 0.2s; - border-radius: 5px; - width: 28.3%; - background-color: #54595D; - color: #FFFFFF; - padding: 1em; - font-size: 80%; - text-align: center; + box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5); + margin: 5px; + transition: 0.3s; + border-radius: 5px; + background-color: #54595D; + color: #FFFFFF; + padding: 1em; + font-size: 0.9rem; + text-align: center; + display: flex; + flex-direction: column; +} +.card .buttons { + margin-top:auto; } .card p { - text-align: left; - line-height: 1.2em; + text-align: left; + line-height: 1.2em; } .card h2 { - margin: 5px 0; - text-decoration: underline; + margin: 5px 0; + text-decoration: underline; } .card:hover { - box-shadow: 0 6px 10px 0 rgba(16,123,76,0.5); + box-shadow: 0 6px 10px 0 rgba(16,123,76,0.5); } .button { - border-radius: 5px; - border: 2px outset #000000; - color: #000000; - background-color: white; - padding: 8px 16px; - text-align: center; - text-decoration: none; - display: inline-block; - margin: 4px 2px; - transition-duration: 0.2s; + border-radius: 5px; + border: 2px outset #000000; + color: #000000; + background-color: white; + padding: 8px 16px; + text-align: center; + text-decoration: none; + display: inline-block; + margin: 4px 2px; + transition-duration: 0.2s; } .button:hover, .button:visited:hover { - background-color: #0E904C; - color: #FFFFFF; - cursor: crosshair; + background-color: #0E904C; + color: #FFFFFF; + cursor: crosshair; } .button:focus { - border-style: inset; + border-style: inset; } .button:visited { - color: #000000; + color: #000000; } /* END SERVICE CARDS */ pre { - line-height: initial; - font-size: 140%; + line-height: initial; + font-size: 140%; } @media only screen and (max-width: 900px) { - header, main { - max-width: 90%; - } - .title { - display: block; - margin: 0px auto 0.5em auto; - text-align: center; - float: none; - } - nav { - float: right; - position: relative; - left: -50%; - text-align: left; - } - nav ul { - position: relative; - left: 50%; - } - .card { - width: 40% - } + header, main { + max-width: 90%; + } + .title { + display: block; + margin: 0px auto 0.5em auto; + text-align: center; + float: none; + } + nav { + float: right; + position: relative; + left: -50%; + text-align: left; + } + nav ul { + position: relative; + left: 50%; + } + .card { + width: 40% + } } @media only screen and (max-width: 490px) { - .card { - width: 100%; - } + .card { + width: 100%; + } } @media only screen and (max-width: 360px) { - nav li { - float: none; - } - main { - margin: 6em auto; - } + nav li { + float: none; + } + main { + margin: 6em auto; + } } diff --git a/rules.html b/rules.html @@ -24,12 +24,12 @@ <p><a href="https://www.jaderune.net/rules.html">🇬🇧 English</a> | <a href="https://www.jaderune.net/de/regeln.html">🇩🇪 Deutsch</a></p> <p><b>Last Updated:</b> 2021-08-04</p> - <p>This lodge is open to members voluntarily and on an invite-only basis. It is not a public space. Members are expected to act without malice and in good faith. Acting otherwise may lead to removal from the lodge regardless of whether or not a rule has been specifically violated. Furthermore, we expect members to abide by these rules both inside and outside of the community.</p> + <p>This lodge is open to members voluntarily and on an invite-only basis. It is not a public space. Members are expected to act without malice and in good faith. Acting otherwise may lead to removal from the lodge regardless of whether or not a rule has been specifically violated. Furthermore, it is expected that members abide by these rules both inside and outside of the community.</p> <h2 id="rules-of-conduct">Rules of Conduct</h2> <h3 id="harassment-and-discrimination">Harassment and Discrimination</h3> - <p>We do not tolerate promoting or taking part in the harassment of any group of people or individual persons. This includes but is not limited to:</p> + <p>Promoting or taking part in the harassment of any group of people or individual persons is strictly not tolerated. This includes but is not limited to:</p> <ul> <li>Discrimination or harassment based on aspects such as ethnicity, gender, disability, etc;</li> <li>Inappropriate sexual conduct and unwelcome sexual advances;</li> @@ -40,20 +40,20 @@ </ul> <h3 id="illegal-content">Illegal Content</h3> - <p>We do not tolerate illegal conduct by our members. The use of our services to conduct activities illegal in Canada, Germany, or the country of the user conducting such activities is strictly prohibited.</p> - <p>However, note that we couldn't care less if you pirate music, jaywalk, or accidentally forget to properly vaccinate your dog, just don't use our services to distribute pirated content, organize illegal activities, or do other such things.</p> + <p>Illegal conduct by our members is not tolerated. The use of our services to conduct activities illegal in Canada, Germany, or the country of the user conducting such activities is strictly prohibited.</p> + <p>However, note that I couldn't care less if you pirate music, jaywalk, or accidentally forget to properly vaccinate your dog, just don't use our services to distribute pirated content, organize illegal activities, or do other such things.</p> <p>In extreme cases (e.g. child sexual exploitation, murder, etc.) users found violating this rule will be reported to the relevant authorities.</p> <h3 id="the-lotus-rule">The “Lotus” Rule</h3> - <p>The Lotus Rule dictates: in order to share information about a member of the ___ with anybody else, one must obtain explicit permission from the person who’s information is being shared to do so. We expect our members to abide by this rule for any information that can be considered sensitive (i.e. stuff that the other person has not shared publicly).</p> + <p>The Lotus Rule dictates: in order to share information about a member of the ___ with anybody else, one must obtain explicit permission from the person who’s information is being shared to do so. It is expected that our members abide by this rule for any information that can be considered sensitive (i.e. stuff that the other person has not shared publicly).</p> <h2 id="violations">Violations of the Rules</h2> - <p>JadeRune.net moderators reserve the right to take immediate action to protect other users and the community as a whole. We will try to thoroughly investigate incidents, but will put an immediate stop to whatever violation is happening as we see it.</p> + <p>JadeRune.net moderators reserve the right to take immediate action to protect other users and the community as a whole. I will try to thoroughly investigate incidents, but will put an immediate stop to whatever violation is happening as I see it.</p> <p>Those found violating these rules may have their accounts suspended, terminated, or have certain privileges revoked depending on the severity of the infraction.</p> <h2 id="inactivity">Account Inactivity</h2> - <p>JadeRune.net administrators reserve the right to delete accounts that have been inactive for an extended period of time (&gt;1yr).</p> - <p>If you plan to take an extended break from JadeRune.net, please notify the administrators with this information as well as an estimation of how long you will be away. The team will not delete your account in this case, but note that if you are gone at least six months longer than your estimated time without giving any further updates, we will most likely delete your account.</p> + <p>I reserve the right to delete accounts that have been inactive for an extended period of time (&gt;1yr).</p> + <p>If you plan to take an extended break from JadeRune.net, please notify the administrators with this information as well as an estimation of how long you will be away. I will not delete your account in this case, but note that if you are gone at least six months longer than your estimated time without giving any further updates, I will most likely delete your account.</p> <h2 id="translations-of-these-rules">Translations of These Rules</h2> <p>Translations of these rules are permitted. However, the English copy of the rules takes precedence and will be used to make all final decisions.</p> diff --git a/services.html b/services.html @@ -23,86 +23,75 @@ <h1>JadeRune.net Services</h1> <p><a href="https://www.jaderune.net/services.html">🇬🇧 English</a> | <a href="https://www.jaderune.net/de/services.html">🇩🇪 Deutsch</a></p> - <p>We provide a variety of services free for our members to use. By - default, every member will get an XMPP account on our - servers. Check out the cards below to read more about the - individual services and for instructions on getting set up - with some recommended clients. The servers hosting these - services are in Karlsruhe, Germany. - </p> + <p>I provide a variety of services free for our members to use. By default, every member will get an XMPP account. Check out the cards below to read more about the individual services and for instructions on getting set up with some recommended clients. The servers hosting these services are in Karlsruhe, Germany. </p> - <p>We also have a - <a href="https://stats.uptimerobot.com/7YW4rfmgzn">status - page</a> provided by UptimeRobot which shows which services - are currently online. If you can't access a particular - service, check here first to see if it is offline. - </p> + <p>There is also a <a href="https://stats.uptimerobot.com/7YW4rfmgzn">status page</a> provided by UptimeRobot which shows which services are currently online. If you can't access a particular service, check here first to see if it is offline. </p> - <div class="flex-wrapper"> + <div class="card-wrapper"> <div class="card"> <h2>Email</h2> - <p>JadeRune.net provides an email address for every - member with IMAP access and a web interface - powered by Roundcube. + <p>JadeRune.net provides an email services with IMAP access to any member should they want it. </p> - <a class="button" href="https://mail.jaderune.net/">Log In!</a> + <div class="buttons"> + <a href="https://mail.jaderune.net/"> + <button class="button">Log In!</button> + </a> + </div> </div> <div class="card"> <h2>XMPP</h2> - <p>XMPP is the primary way we communicate. It offers - 1-on-1 and group chat capabilities as well as - voice and video calling. + <p>XMPP is the primary way we communicate. It offers 1-on-1 and group chat capabilities as well as voice and video calling. </p> - <a class="button" href="https://www.jaderune.net/xmpp.html">Connect!</a> + <div class="buttons"> + <a class="button" href="https://www.jaderune.net/xmpp.html">Connect!</a> + </div> </div> <div class="card"> <h2>Mumble</h2> - <p>We run a mumble server for voice communications. It's - a convenient and hassle-free way to have - high-quality VOIP calls. + <p>Mumble is a convenient and hassle-free way to have high-quality VOIP calls. </p> - <a class="button" href="https://www.jaderune.net/mumble.html">Chat!</a> + <div class="buttons"> + <a class="button" href="https://www.jaderune.net/mumble.html">Chat!</a> + </div> </div> <div class="card"> <h2>Gitea</h2> - <p>We host a Gitea server to for those who wish to - collaborate on programming or other such - projects using Git. + <p>Gitea is a platform for collaborating on programming or other such projects using Git. </p> - <a class="button" href="https://git.jaderune.net">Code!</a> + <div class="buttons"> + <a class="button" href="https://git.jaderune.net">Code!</a> + </div> </div> <div class="card"> <h2>Jitsi</h2> - <p>We run a Jitsi video conference server which can be - used to host multi-participant conferences in a - manner similar to Zoom. + <p>Jitsi is a video conference server which can be used to host multi-participant conferences in a manner similar to Zoom. </p> - <a class="button" href="https://meet.jaderune.net">Meet!</a> + <div class="buttons"> + <a class="button" href="https://meet.jaderune.net">Meet!</a> + </div> </div> </div> <h2>What Does All This Run On?</h2> - <p>We use VPSes to host our infrastructure. Currently, we use - <a href="https://www.netcup.eu">netcup</a>.</p> + <p>JadeRune.net infrastructure is primarily hosted on VPSes. VPSes are currently hosted with <a href="https://www.netcup.eu">netcup</a>.</p> <p><a href="https://www.openbsd.org/"><img src="https://www.jaderune.net/openbsdlogo.png" alt="The OpenBSD Logo" style="padding-right: 10px; width: 200px; height: 50px;"></a> - Our email server runs the latest stable version of OpenBSD. + The email server runs the latest stable version of OpenBSD. </p> <p><a href="https://www.freebsd.org/"><img src="https://www.jaderune.net/freebsdlogo.png" alt="The FreeBSD Logo" style="padding-right: 10px; width: 200px; height: 58px;"></a> - Our main server runs the latest stable version of FreeBSD. + The main server runs the latest stable version of FreeBSD. </p> <p><a href="https://www.debian.org/"><img src="https://www.jaderune.net/debianlogo.png" alt="The Debian Logo" style="padding-right: 10px; width: 200px; height: 60px"></a> - Our Jitsi server runs the latest stable version of Debian. + The Jitsi server runs the latest stable version of Debian. </p> <h2>How Much Does This Cost?</h2> - <p>In the interest of transparency, below is a record of the - yearly cost of each element of our infrastructure:</p> + <p>In the interest of transparency, below is a record of the yearly cost of each element of JadeRune.net's infrastructure:</p> <ul> <li><b>Main</b>: 66,28€ EUR</li> <li><b>EMail</b>: 29,04€ EUR</li>