<!DOCTYPE HTML>
<!--
	Prologue by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>WireGuard Access Server</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="/static/css/main.css" />
	</head>
	<body class="is-preload">
			<div id="header">
				<div class="top">
						<div id="logo">
							<span class="image"><img src="/static/images/wireguard.png" alt="" /></span>
							<h1 id="title">Administrator</h1>
							<p>WireGuard Access Server</p>
						</div>
						<nav id="nav">
							<ul>
								<li><a href="/"><span class="icon solid fa-home">Home</span></a></li>
                <li><a href="/add-peer"><span class="icon solid fa-user">Add A Peer</span></a></li>
								<!-- <li><a href="#portfolio" id="portfolio-link"><span class="icon solid fa-th">wip</span></a></li>
								<li><a href="#contact" id="contact-link"><span class="icon solid fa-envelope">wip</span></a></li> -->
							</ul>
						</nav>
				</div>
				<div class="bottom">
						<ul class="icons">
							<li><a href="https://twitter.com/lza_menace" target=_blank class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
							<li><a href="https://github.com/lalanza808/wgas" target=_blank class="icon brands fa-github"><span class="label">Github</span></a></li>
							<li><a href="http://html5up.net" target=_blank class="icon brands fa-dribbble"><span class="label">License</span></a></li>
						</ul>
				</div>
			</div>
			<div id="main">
        {% block content %}
        {% endblock content %}
			</div>
	</body>
</html>
