<!DOCTYPE html>
<!--
	Stellar by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
  <head>
    <title>BirbMC</title>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, user-scalable=no"
    />
    <link rel="shortcut icon" href="images/logo.png" type="image/png">
    <link rel="stylesheet" href="assets/css/main.css" />
    <noscript>
      <link rel="stylesheet" href="assets/css/noscript.css" />
    </noscript>
  </head>
  <body class="is-preload">
    <!-- Wrapper -->
    <div id="wrapper">
      <!-- Header -->
      <header id="header" class="alt">
        <span class="logo"><img src="images/logo.png" alt="" /></span>
        <h1>BirbMC</h1>
        <p>A semi-vanilla LGBTQ+ friendly Java Minecraft server.</p>
      </header>

      <!-- Nav -->
      <nav id="nav">
        <ul>
          <li><a href="#intro" class="active">Introduction</a></li>
          <li><a href="#first">Features</a></li>
          <li><a href="#second">Important Links</a></li>
          <li>
            <a href="#cta"><strong>Join Us</strong></a>
          </li>
        </ul>
      </nav>

      <!-- Main -->
      <div id="main">
        <!-- Introduction -->
        <section id="intro" class="main">
          <div class="spotlight">
            <div class="content">
              <header class="major">
                <h2>BirbMC</h2>
              </header>
              <p>
                BirbMC is a new semi-vanilla Minecraft server (Java) that
                launched on June 13th 2020! We are looking to grow our community
                of active and friendly players.
              </p>
              <p>
                We aim to keep the game-play feel like vanilla, so our plugins
                are primarily QoL and administrative. Our staff are experienced
                moderators of large semi-vanilla MC servers. We even have our
                own developers that keep everything streamlined as well as
                enable us to provide additional capabilities to enrich the
                experience for our players.
              </p>
              <p>
                Please stop by! We have a greylist so anybody can come look
                around before applying!
              </p>
            </div>
            <span class="image"><img src="images/showcase.png" alt="" /></span>
          </div>
        </section>

        <!-- First Section -->
        <section id="first" class="main special">
          <header class="major">
            <h2>Features</h2>
          </header>
          <ul class="features">
            <li>
              <span class="icon solid major style1 fa-flag-checkered"></span>
              <h3>Custom Advancements</h3>
              <p>
                The typical advancements are a subtle way to guide new players
                in Minecraft. For flavor, we have added many of our own custom
                advancements, we challenge you to collect them all!
              </p>
            </li>
            <li>
              <span class="icon solid major style2 fa-map-marked-alt"></span>
              <h3>Dynmap</h3>
              <p>
                View our <a href="https://map.birbmc.com/">server's map</a> in
                real time, similarly to google maps! This tool gives our players
                the ability to view their builds from a birds eye or isometric
                view, but also explore new regions with navigational ease.
              </p>
            </li>
            <li>
              <span class="icon solid major style3 fa-calendar-day"></span>
              <h3>Periodic Community Events</h3>
              <p>
                We love to have fun community get-togethers. You'll never know when an exciting event will land!
              </p>
            </li>
            <li>
              <span class="icon solid major style4 fa-server"></span>
              <h3>Dedicated Server</h3>
              <p>
                Intel i7-7700K (4c/8t at 4.2+GHz) with 64GB of RAM and dual
                450GB NVMe SSDs in RAID - full specification
                <a href="https://www.ovhcloud.com/en/bare-metal/rise/rise-2/"
                  >here.</a
                >
              </p>
            </li>
          </ul>
        </section>

        <!-- Second Section -->
        <section id="second" class="main special">
          <header class="major">
            <h2>Important Links</h2>
            <p>
              Here are links to all the things you might want to know about the
              server!
            </p>
          </header>

          <section class="two-column">
            <div style="break-inside: avoid">
              <h3>Important documents</h3>
              <ul class="content">
                <li>
                  <p class="content">
                    Make sure to read our
                    <a href="http://birbmc.com/rules">rules</a> before you join!
                  </p>
                </li>
                <li>
                  <p class="content">
                    Learn about
                    <a href="https://birbmc.com/land_claims">land claims</a>
                  </p>
                </li>
                <li>
                  <p class="content">
                    Help reduce <a href="https://birbmc.com/lag">lag</a> and keep
                    the server running smoothly
                  </p>
                </li>
                <li>
                  <p class="content">
                    Set up your
                    <a href="https://birbmc.com/nether">nether</a> portal, and
                    connect to the tunnel system
                  </p>
                </li>
              </ul>
            </div>

            <div style="break-inside: avoid">
              <h3>Server IPs</h3>
              <ul class="content">
                <li>
                  <p class="content">
                    Survival server: <strong>play.birbmc.com</strong>
                  </p>
                </li>
                <li>
                  <p class="content">
                    Creative server: <strong>creative.birbmc.com</strong>
                  </p>
                </li>
              </ul>
            </div>

            <div style="break-inside: avoid">
              <h3>Fun stuff</h3>
              <ul class="content">
                <li>
                  <p class="content">
                    Take a look around our
                    <a href="http://map.birbmc.com/">dynmap</a>
                  </p>
                </li>
                <li>
                  <p class="content">
                    <a href="https://stats.birbmc.com/">Stats.</a> So many stats.
                  </p>
                </li>
                <li>
                  <p class="content">
                    Learn about <a href="https://birbmc.com/discord">Geoffrey</a>,
                    our shop & location bot.
                  </p>
                </li>
              </ul>
            </div>

            <div style="break-inside: avoid">
              <h3>Social links</h3>
              <ul class="content">
                <li>
                  <p class="content">
                    Join us on <a href="https://birbmc.com/discord">Discord</a>!
                  </p>
                </li>
                <li>
                  <p class="content">
                    Follow us on <a href="https://twitter.com/birb_mc">Twitter</a>!
                  </p>
                </li>
                <li>
                  <p class="content">
                    Give us some updoots on
                    <a href="https://www.reddit.com/r/BirbMC/">Reddit</a>
                  </p>
                </li>
                <li>
                  <p class="content">
                    Join our
                    <a href="https://steamcommunity.com/groups/BirbMC"
                      >Steam Group</a
                    >
                  </p>
                </li>
              </ul>
            </div>
          </section>

          <h3>Donations</h3>
          <p>
            If you <a href="https://birbmc.com/donate">donate</a> to help pay
            for server costs (<em
              >make sure to leave your IGN in the memo section</em
            >), you get access to a few
            <a href="https://birbmc.com/donor_info">donor perks</a>!
          </p>
        </section>

        <!-- Get Started -->
        <section id="cta" class="main special">
          <header class="major">
            <h2>Join us!</h2>
            <p>
              If you've read the rules and want to join us, here's the server's
              IP.
            </p>
            <span class="input-group">
              <input
                type="text"
                readonly
                id="server-ip"
                value="play.birbmc.com"
              />

              <button
                class="copy-to-clipboard"
                data-clipboard-target="#server-ip"
              >
                <span class="icon fa-copy"></span>
              </button>
            </span>
            <p>Take a look around and do <span style="font-family:monospace"><a href="https://birbmc.com/apply">/apply</a></span> when you're ready!</p>
          </header>
        </section>
      </div>

      <!-- Footer -->
      <footer id="footer">
        <p class="copyright">
          &copy; BirbMC. Design: <a href="https://html5up.net">HTML5 UP</a>.
        </p>
      </footer>
    </div>

    <div id="discord">
      <div class="widget">
        <iframe src="https://discord.com/widget?id=717858829722845305&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
      </div>

      <button>
        <i class="fab fa-discord"></i>
      </button>
    </div>

    <!-- Scripts -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/jquery.scrollex.min.js"></script>
    <script src="assets/js/jquery.scrolly.min.js"></script>
    <script src="assets/js/browser.min.js"></script>
    <script src="assets/js/breakpoints.min.js"></script>
    <script src="assets/js/util.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="assets/js/birbmc.js"></script>
    <script src="assets/js/clipboard.min.js"></script>
    <script type="text/javascript">
      new ClipboardJS(".copy-to-clipboard");
    </script>
  </body>
</html>