website/src/index.html

313 lines
11 KiB
HTML

<!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>The Canopy</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<link rel="shortcut icon" href="images/small.svg">
<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/large.svg" alt="" /></span>
<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>The Canopy</h2>
</header>
<p>
The Canopy 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.canopymc.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="rules">rules</a> before you join!
</p>
</li>
<li>
<p class="content">
Learn about
<a href="land-claims">land claims</a>
</p>
</li>
<li>
<p class="content">
Help reduce <a href="lag">lag</a> and keep
the server running smoothly
</p>
</li>
<li>
<p class="content">
Set up your
<a href="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.canopymc.com</strong>
</p>
</li>
<li>
<p class="content">
Creative server: <strong>creative.canopymc.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="https://canopymc.net/map">dynmap</a>
</p>
</li>
<li>
<p class="content">
<a href="https://stonks.canopymc.net/">Stats.</a> So many stats.
</p>
</li>
<li>
<p class="content">
Learn about <a href="https://canopymc.net/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://canopymc.net/discord">Discord</a>!
</p>
</li>
<li>
<p class="content">
Follow us on <a href="https://twitter.com/TheCanopyMC">Twitter</a>!
</p>
</li>
<li>
<p class="content">
Give us some updoots on
<a href="https://www.reddit.com/r/CanopyMC/">Reddit</a>
</p>
</li>
<li>
<p class="content">
Tumble with us on <a href="https://thecanopy.tumblr.com/">Tumblr</a>
</p>
</li>
</ul>
</div>
<div style="break-inside: avoid">
<h3>Community Spotlight</h3>
<ul class="content">
{{community}}
</ul>
</div>
<div style="break-inside: avoid">
<h3>Other Pages</h3>
<ul class="content">
{{pages}}
</ul>
</div>
</section>
<h3>Donations</h3>
<p>
If you <a href="https://canopymc.net/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.canopymc.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; The Canopy. 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>