website/src/index.html

388 lines
13 KiB
HTML
Raw Normal View History

2020-10-01 17:09:50 +00:00
<!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">
2020-10-01 17:09:50 +00:00
<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>
2020-10-01 17:09:50 +00:00
</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
2020-10-01 17:09:50 +00:00
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>
<!--
<ul class="actions">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
-->
</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!
2020-10-01 17:09:50 +00:00
</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>
<!-- <footer class="major">
<ul class="actions special">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</footer> -->
</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>
<!-- <ul class="statistics">
<li class="style1">
<span class="icon solid fa-code-branch"></span>
<strong>5,120</strong> Etiam
</li>
<li class="style2">
<span class="icon fa-folder-open"></span>
<strong>8,192</strong> Magna
</li>
<li class="style3">
<span class="icon solid fa-signal"></span>
<strong>2,048</strong> Tempus
</li>
<li class="style4">
<span class="icon solid fa-laptop"></span>
<strong>4,096</strong> Aliquam
</li>
<li class="style5">
<span class="icon fa-gem"></span>
<strong>1,024</strong> Nullam
</li>
</ul> -->
<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>
2020-10-01 17:09:50 +00:00
<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>
2020-10-01 17:09:50 +00:00
<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>
2020-10-01 17:09:50 +00:00
<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>
2020-10-01 17:09:50 +00:00
<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>
2020-10-01 17:09:50 +00:00
</header>
<!-- <footer class="major">
<ul class="actions special">
<li>
<p class="button primary">Discord</p>
</li>
<li>
<a href="https://www.reddit.com/r/BirbMC/" class="button"
>Reddit</a
>
</li>
</ul>
</footer> -->
</section>
</div>
<!-- Footer -->
<footer id="footer">
<!--
<section>
<h2>Aliquam sed mauris</h2>
<p>
Sed lorem ipsum dolor sit amet et nullam consequat feugiat consequat
magna adipiscing tempus etiam dolore veroeros. eget dapibus mauris.
Cras aliquet, nisl ut viverra sollicitudin, ligula erat egestas
velit, vitae tincidunt odio.
</p>
<ul class="actions">
<li><a href="generic.html" class="button">Learn More</a></li>
</ul>
</section>
<section>
<h2>Etiam feugiat</h2>
<dl class="alt">
<dt>Address</dt>
<dd>1234 Somewhere Road &bull; Nashville, TN 00000 &bull; USA</dd>
<dt>Phone</dt>
<dd>(000) 000-0000 x 0000</dd>
<dt>Email</dt>
<dd><a href="#">information@untitled.tld</a></dd>
</dl>
<ul class="icons">
<li>
<a href="#" class="icon brands fa-twitter alt"
><span class="label">Twitter</span></a
>
</li>
<li>
<a href="#" class="icon brands fa-facebook-f alt"
><span class="label">Facebook</span></a
>
</li>
<li>
<a href="#" class="icon brands fa-instagram alt"
><span class="label">Instagram</span></a
>
</li>
<li>
<a href="#" class="icon brands fa-github alt"
><span class="label">GitHub</span></a
>
</li>
<li>
<a href="#" class="icon brands fa-dribbble alt"
><span class="label">Dribbble</span></a
>
</li>
</ul>
-->
</section>
<p class="copyright">
&copy; BirbMC. Design: <a href="https://html5up.net">HTML5 UP</a>.
</p>
</footer>
</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/clipboard.min.js"></script>
<script type="text/javascript">
new ClipboardJS(".copy-to-clipboard");
</script>
</body>
</html>