You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
305 lines
9.2 KiB
PHTML
305 lines
9.2 KiB
PHTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ _env('APP_NAME', 'aNetwork Gaming Community') }}</title>
|
|
<meta name="description" content="The home for a network of game servers, and a community of gamers.">
|
|
<link rel="shortcut icon" href="https://leafphp.dev/logo-circle.png" type="image/x-icon">
|
|
|
|
<meta name="theme-color" content="white">
|
|
<meta name="theme-color" content="black">
|
|
|
|
<!-- aSkelly -->
|
|
<link rel="stylesheet" href="@assets('aSkelly/css/reset.css')">
|
|
<link rel="stylesheet" href="@assets('aSkelly/css/grid.css')">
|
|
<link rel="stylesheet" href="@assets('aSkelly/css/mvp.css')">
|
|
<script src="@assets('aSkelly/js/clipboard.js')" defer></script>
|
|
<script src="@assets('aSkelly/js/tabs.js')" defer></script>
|
|
<!-- Per site -->
|
|
<link rel="stylesheet" href="@assets('css/main.css')">
|
|
<!-- External -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css" />
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header class="anetwork-head">
|
|
|
|
<nav class="container nav row row--align-center container--no-gap">
|
|
|
|
<div class="col col-2">
|
|
<a href="/" class="anetwork-title">aNetwork</a>
|
|
</div>
|
|
|
|
<div class="col col-fill">
|
|
<ul class="inline-list">
|
|
<li><a href="#about">About</a></li>
|
|
<li><a href="#servers">Servers</a>
|
|
<ul>
|
|
<li><a href="#servers" data-tabs-button data-tabs-group="servers" data-tabs-id="minecraft">Minecraft</a></li>
|
|
<li><a href="#servers" data-tabs-button data-tabs-group="servers" data-tabs-id="factorio">Factorio</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="#faq">FAQs</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col col-2 tar">
|
|
<ul class="inline-list">
|
|
<li><a href="/discord">Discord<i class="iconoir iconoir-discord" width="16" height="16" style="margin-left:12px; font-size:24px;"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<section class="anetwork-hero">
|
|
<div class="container container--no-botgap">
|
|
<section class="row" style="display:none">
|
|
<section class="col col-12 no-padd">
|
|
<aside class="alert"><p>We're currently in development!</p></aside>
|
|
<aside class="alert alert--error"><p>We're currently in development!</p></aside>
|
|
<aside class="alert alert--warning"><p>We're currently in development!</p></aside>
|
|
<aside class="alert alert--success"><p>We're currently in development!</p></aside>
|
|
</section>
|
|
</section>
|
|
|
|
<section class="row">
|
|
<section class="col col-sm-12 col-8 col--align-center">
|
|
<h1 style="font-size: 42px;"><span class="anetwork-title">aNetwork</span> Gaming Community</h1>
|
|
<p>A community that runs several gaming servers. If there's something we don't host; Let us know over in the <a href="/discord">aNetwork Discord</a>. If there's enough want, we'll set it up.</p>
|
|
<br>
|
|
<a class="button button--hero" href="#">View Servers</a>
|
|
<a class="button button--blue" href="#"><b>Join Discord →</b></a>
|
|
</section>
|
|
|
|
<!-- row col, if it's a column that wants to have flex/inner-columns -->
|
|
<section class="row col col-sm-12 col-4 col--align-center">
|
|
<div class="col col-sm-6"><img src="@assets('img/discord.png')" width="128" height="128"></div>
|
|
<div class="col col-sm-6"><img src="@assets('img/mc.png')" width="128" height="128"></div>
|
|
<div class="col col-sm-6"><img src="@assets('img/factorio.png')" width="128" height="128"></div>
|
|
<div class="col col-sm-6"><img src="@assets('img/terraria.png')" width="128" height="128"></div>
|
|
</section>
|
|
</section>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<div class="container">
|
|
<section id="about">
|
|
|
|
<header class="row">
|
|
<div class="col col-12">
|
|
<h2>A community of gamers</h2>
|
|
<p>Looking for place to play, and connect with friends new and old?</p>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="row row--cards">
|
|
<div class="col col-4">
|
|
<div class="card">
|
|
<h3>Formed in 2021</h3>
|
|
<p>Card content*</p>
|
|
<p><small>*with small content</small></p>
|
|
</div>
|
|
</div>
|
|
<div class="col col-4">
|
|
<div class="card">
|
|
<h3>Public Servers</h3>
|
|
<p>Card content</p>
|
|
<p><span class="tag">Swag</span> <span class="tag">Awesome</span></p>
|
|
</div>
|
|
</div>
|
|
<div class="col col-4">
|
|
<div class="card">
|
|
<h3>Community Events</h3>
|
|
<p>Card content</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
</div>
|
|
|
|
<section id="servers" class="servers-bg servers-bg--mc">
|
|
<div class="container">
|
|
|
|
<header class="row">
|
|
<div class="col col-12">
|
|
<h2>Our Servers</h2>
|
|
<ul class="inline-list">
|
|
<li><div class="button button--small button--blue" data-tabs-button data-tabs-group="servers" data-tabs-id="minecraft">Minecraft</div></li>
|
|
<li><div class="button button--small" data-tabs-button data-tabs-group="servers" data-tabs-id="factorio">Factorio</div></li>
|
|
<li><div class="button button--small" data-tabs-button data-tabs-group="servers" data-tabs-id="misc">Misc.</div></li>
|
|
</ul>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="row row--scroll row--cards servers-scroll" data-tabs-tab data-tabs-group="servers" data-tabs-id="minecraft" data-tabs-default>
|
|
<div class="col col-3p5">
|
|
<div class="card">
|
|
<h3>survival.mc.aney.co.uk<i class="iconoir iconoir-copy" width="16" height="16" style="margin-left:12px"></i></h3>
|
|
<p>An open to all survival minecraft server.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col col-3p5">
|
|
<div class="card">
|
|
<h3>survival.mc.aney.co.uk</h3>
|
|
<p>An open to all survival minecraft server.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col col-6">
|
|
<div class="card">
|
|
<h3>Uh oh!</h3>
|
|
<p>Currently there are no 'Minecraft' servers</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row row--scroll row--cards servers-scroll" data-tabs-tab data-tabs-group="servers" data-tabs-id="factorio">
|
|
<div class="col col-6">
|
|
<div class="card">
|
|
<h3>Uh oh!</h3>
|
|
<p>Currently there are no 'Factorio' servers</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row row--scroll row--cards servers-scroll" data-tabs-tab data-tabs-group="servers" data-tabs-id="misc">
|
|
<div class="col col-6">
|
|
<div class="card">
|
|
<h3>Uh oh!</h3>
|
|
<p>Currently there are no 'Misc' servers</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="banner">
|
|
<div class="container">
|
|
<div class="row" style="align-items: center; justify-content: center; text-align: center;">
|
|
|
|
<div class="col col-2"><i class="iconoir iconoir-discord" style="font-size: 2.2rem;"></i></div>
|
|
|
|
<div class="col">
|
|
<p style="font-size: 1.6rem;">Why not <strong>say hello</strong> in the Discord?</p>
|
|
</div>
|
|
|
|
<div class="col col-2">
|
|
<a href="" class="button">Test</a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="faq" class="container">
|
|
|
|
<div class="row">
|
|
<div class="col col-8">
|
|
|
|
<header class="row">
|
|
<div class="col col-12">
|
|
<h2>Frequently Asked Questions</h2>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="row">
|
|
<div class="col col-12">
|
|
<details>
|
|
<summary>Can I contribute?</summary>
|
|
<p>aNetwork hosts and maintains a number of servers, and to keep these servers operational we need to pay the big bucks.</p>
|
|
<p>If you'd like to contribute, follow one of the links below.</p>
|
|
<div>
|
|
<a href="" class="button button--small">Ko-fi</a>
|
|
<a href="" class="button button--small">LiberaPay</a>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col col-4">
|
|
<img src="@assets('img/discord.png')" width="128" height="128">
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
|
|
|
|
</main>
|
|
|
|
|
|
<footer class="footer">
|
|
<section class="container">
|
|
|
|
<div class="row">
|
|
<div class="col col-8">
|
|
<div class="row">
|
|
<div class="col col-4">
|
|
<a href="#">Section title</a>
|
|
<ul class="no-bullet-point">
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col col-4">
|
|
<a href="#">Section title</a>
|
|
<ul class="no-bullet-point">
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col col-4">
|
|
<a href="#">Section title</a>
|
|
<ul class="no-bullet-point">
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
<li><a href="#">Sub</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col col-4">
|
|
<p>C</p>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section class="sub-footer">
|
|
<div class="container">
|
|
|
|
<div class="row">
|
|
<div class="col col-6">
|
|
</div>
|
|
<div class="col col-6 tar">
|
|
<p class="website-by">© aNetwork | Website by <a href="https://aney.co.uk" target="_blank" rel="noopener">Aney</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|