features.html

---
layout: default
class: features
permalink: /features/
---
<header class="Hero">
  <div class="container" style="text-align: center;">
    <h2>Features</h2>
    <p>The server and other platforms are chock full of cutting-edge features. 
    <br>
    While there's far too many to list them all, here's a few that might be of interest.</p>
  </div>
</header>

<div class="Feature Feature--first">
  <header class="Feature-header">
    <img src="{{ site.baseurl }}/img/svg/octicons/globe.svg" width="64">
    <h3>Online interface</h3>
    <p>Built with <a href="https://jekyllrb.com/">Jekyll</a> (and powered by <a href="https://pages.github.com/">GitHub</a>), our website and corresponding pages are designed for straightforward access.</p>
  </header>

  <div class="Screenshot Screenshot--right Screenshot--uiPane">
    <figure class="Screenshot-image" style="background-image: url(../img/svg/features2.svg); background-size: 600px;"></figure>

    <div class="Screenshot-text" style="margin-top: 80px;">
      <h4>Simple and consistent</h4>
      <p>Our services are built with identical design principals from the ground up, aiming at an ideal environment.</p>
      <p>We look towards improving the general usage of these platforms.</p>
    </div>
  </div>

  <div class="Screenshot Screenshot--left Screenshot--uiScrolling">
    <figure class="Screenshot-image" style="background-image: url(../img/svg/features3.svg); background-size: 600px;"></figure>

    <div class="Screenshot-text" style="margin-top: 80px;">
      <h4>Cross-platform support</h4>
      <p>Most of our services have been developed with support for mobile devices (and other platforms) in mind.</p>
      <p>For in-game, members have browser-bound services, like <a href="https://pages.github.com/">Dynmap</a> and <a href="https://shadow.ga/docs/2/c-resources/#telnet-server">Telnet</a>.</p>
    </div>
  </div>

  <div class="Screenshot Screenshot--center Screenshot--uiComposer">
    <div class="Screenshot-text">
      <h4>Foremost security</h4>
      <p>No matter what you're doing, all of our services utilise <a href="https://www.cisco.com/c/en/us/about/press/internet-protocol-journal/back-issues/table-contents-45/123-security.html">end-to-end security</a> and are up to the latest (transparent) <a href="https://shadow.ga/docs/2/d-security/#web-encryption">specifications</a> in web encryption publicly available.</p>
      <p>All account-based programmes take advantage of features like <a href="https://shadow.ga/docs/2/d-security/#two-factor-authentication">two-factor authentication</a> and <a href="https://www.digitalocean.com/community/tutorials/glossary-of-digitalocean-monitoring-terminology-and-metrics">monitoring</a>.</p>
    </div>

    <figure class="Screenshot-image" style="background-image: url(../img/svg/features5.svg); background-size: 700px; margin-top: 50px;"></figure>
  </div>
</div>

<img src="../img/svg/waves.svg" alt="shadow.ga" align="middle" style="width: 90%; display: block; margin: auto; margin-top: -155px;">
<div class="Feature">
  <header class="Feature-header">
    <img src="{{ site.baseurl }}/img/svg/octicons/telescope.svg" width="64">
    <h3>In-game server</h3>
    <p>The server is what we're built around, and is where the magic happens. Our server is the centre of all architectural operations.</p>
  </header>

  <div class="Screenshot Screenshot--left Screenshot--touch">
    <figure class="Screenshot-image" style="background-image: url(../img/svg/features6.svg); background-size: 600px;"></figure>

    <div class="Screenshot-text">
      <h4>Lightning fast</h4>
      <p>With <a href="https://www.digitalocean.com/products/droplets/">dedicated hosting</a>, near-perfect response times and almost-static uptime become apparent.</p>
      <p>If server lag becomes an issue, administrators are given the tools to effectively handle it.</p>

      <h4>Periodic backups</h4>
      <p>Your stuff is safe, as routine backups are taken of the server, ready for restoration in case of an emergency.</p>
      <p>Members can also download schematics and other important information using a web interface.</p>
    </div>
  </div>

  <div class="Screenshot Screenshot--right Screenshot--themeableAdmin">
    <figure class="Screenshot-image" style="background-image: url(../img/svg/features7.svg); background-size: 600px; height: 610px;"></figure>

    <div class="Screenshot-text" style="margin-top: 0px;">
      <span class="ComingSoonLabel">Coming soon</span>
      <h4>Bedrock bridge</h4>
      <p>Soon, members using the Bedrock platform will be able to join our server and play online, just like Java Edition.</p>
      <p>This (upcoming) capability will provide even further cross-platform and mobile support.</p>

      <h4>Block logging</h4>
      <p>Our server uses the CoreProtect extension to globally prevent builds from being griefed or damaged.</p>
      <p>Administrators are capable of 'rolling back' and restoring any block-made content that has been logged.</p>
    </div>
  </div>
  
  <div class="Screenshot Screenshot--dark Screenshot--right Screenshot--touchCode">
    <figure class="Screenshot-image" style="background-image: url(../img/svg/features10.svg); background-size: 500px; margin-top: 30px; height: 296px;"></figure>

    <div class="Screenshot-text" style="margin-bottom: 50px;">
      <h4>Open-source</h4>
      <p>All server plugins (and other programmes) are publicly developed and maintained through GitHub.</p>
      <p>Anyone can fork our projects, modification is covered by the license.</p>
    </div>
  </div>
</div>

<div class="Feature Feature--first">
  <header class="Feature-header">
    <img src="{{ site.baseurl }}/img/svg/octicons/comment-discussion.svg" width="64">
    <h3>Community</h3>
    <p>We take pride in encouraging a fine-tuned and energetic community; for both administrators and basic members. We're inclusive, too.</p>
  </header>
  
  <div class="Screenshot Screenshot--left Screenshot--uiScrolling">
    <figure class="Screenshot-image" style="background-image: url(../img/svg/features11.svg); background-size: 600px; height: 436px;"></figure>

    <div class="Screenshot-text" style="margin-top: 80px;">
      <h4>Community forum</h4>
      <p>Our forum is a place where anyone can discuss service-related topics, and receive feedback.</p>
      <p>It's powered by Flarum. Members can also receive support and docs.</p>
      <p><a href="https://f.shadow.ga" target="_blank" class="Button">Visit the forum</a></p>
    </div>
  </div>
  
  <div class="Screenshot Screenshot--right Screenshot--uiPane">
    <figure class="Screenshot-image" style="background-image: url(../img/svg/features13.svg); background-size: 600px; height: 450px;"></figure>

    <div class="Screenshot-text" style="margin-top: 80px;">
      <h4>Real-time chat</h4>
      <p>We run a public Discord server for members (and administrators) to perform live text and voice chatting.</p>
      <p>Anyone can join the 'guild' using a public invitation (below).</p>
      <p><a href="https://shadow.ga/guild/" target="_blank" class="Button">Join the guild</a></p>
    </div>
  </div>
</div>