add templates so far!
parent
7945a1e894
commit
8927491e96
@ -0,0 +1,84 @@
|
||||
<!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">
|
||||
|
||||
<!-- Header -->
|
||||
<div id="header">
|
||||
|
||||
<div class="top">
|
||||
|
||||
<!-- Logo -->
|
||||
<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 -->
|
||||
<nav id="nav">
|
||||
<ul>
|
||||
<li><a href="/" id="top-link"><span class="icon solid fa-home">Home</span></a></li>
|
||||
<li><a href="/generate" id="about-link"><span class="icon solid fa-user">Add New Peers</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">
|
||||
|
||||
<!-- Social Icons -->
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
<!-- Main -->
|
||||
<div id="main">
|
||||
|
||||
{% block content %}
|
||||
{% endblock content %}
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<!-- <div id="footer"> -->
|
||||
|
||||
<!-- Copyright -->
|
||||
<!-- <ul class="copyright">
|
||||
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||||
</ul> -->
|
||||
|
||||
<!-- </div> -->
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="/static/js/jquery.min.js"></script>
|
||||
<script src="/static/js/jquery.scrolly.min.js"></script>
|
||||
<script src="/static/js/jquery.scrollex.min.js"></script>
|
||||
<script src="/static/js/browser.min.js"></script>
|
||||
<script src="/static/js/breakpoints.min.js"></script>
|
||||
<script src="/static/js/util.js"></script>
|
||||
<script src="/static/js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,29 @@
|
||||
{% extends "base" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<section id="contact" class="">
|
||||
<div class="container">
|
||||
|
||||
<header>
|
||||
<h2>Add New Peers</h2>
|
||||
</header>
|
||||
|
||||
<p>The following configuration has been generated by the server. Refresh for new keys.</br>The keys and peer info will not be configured on the interface until you confirm with the buttons below.</p>
|
||||
|
||||
<div class="code">{{ full_config }}</div>
|
||||
|
||||
<img src="data:image/svg+xml;base64,{{ qr_code }}" width=200 class="center">
|
||||
|
||||
<hr>
|
||||
|
||||
<button type="submit">Configure (wip)</button>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
{% endblock content %}
|
@ -0,0 +1,17 @@
|
||||
{% extends "base" %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<section id="top" class="">
|
||||
<div class="container">
|
||||
|
||||
<header>
|
||||
<h2 class="alt">Welcome</h2>
|
||||
<p>{% if show_config %}{{ show_config }}{% else %}It doesn't look like the tunnel interface is up yet.{% endif %}</p>
|
||||
</header>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
{% endblock content %}
|
@ -1,13 +0,0 @@
|
||||
<html>
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<p>Here's a client config for you:</p>
|
||||
<pre style="color: red;">
|
||||
{{ full_config }}
|
||||
</pre>
|
||||
</div>
|
||||
<img src="data:image/svg+xml;base64,{{ qr_code }}" width=200 class="center">
|
||||
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,110 @@
|
||||
|
||||
<!-- Portfolio -->
|
||||
<section id="portfolio" class="two">
|
||||
<div class="container">
|
||||
|
||||
<header>
|
||||
<h2>Portfolio</h2>
|
||||
</header>
|
||||
|
||||
<p>Vitae natoque dictum etiam semper magnis enim feugiat convallis convallis
|
||||
egestas rhoncus ridiculus in quis risus amet curabitur tempor orci penatibus.
|
||||
Tellus erat mauris ipsum fermentum etiam vivamus eget. Nunc nibh morbi quis
|
||||
fusce hendrerit lacus ridiculus.</p>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-4 col-12-mobile">
|
||||
<article class="item">
|
||||
<a href="#" class="image fit"><img src="/static/images/pic02.jpg" alt="" /></a>
|
||||
<header>
|
||||
<h3>Ipsum Feugiat</h3>
|
||||
</header>
|
||||
</article>
|
||||
<article class="item">
|
||||
<a href="#" class="image fit"><img src="/static/images/pic03.jpg" alt="" /></a>
|
||||
<header>
|
||||
<h3>Rhoncus Semper</h3>
|
||||
</header>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-4 col-12-mobile">
|
||||
<article class="item">
|
||||
<a href="#" class="image fit"><img src="/static/images/pic04.jpg" alt="" /></a>
|
||||
<header>
|
||||
<h3>Magna Nullam</h3>
|
||||
</header>
|
||||
</article>
|
||||
<article class="item">
|
||||
<a href="#" class="image fit"><img src="/static/images/pic05.jpg" alt="" /></a>
|
||||
<header>
|
||||
<h3>Natoque Vitae</h3>
|
||||
</header>
|
||||
</article>
|
||||
</div>
|
||||
<div class="col-4 col-12-mobile">
|
||||
<article class="item">
|
||||
<a href="#" class="image fit"><img src="/static/images/pic06.jpg" alt="" /></a>
|
||||
<header>
|
||||
<h3>Dolor Penatibus</h3>
|
||||
</header>
|
||||
</article>
|
||||
<article class="item">
|
||||
<a href="#" class="image fit"><img src="/static/images/pic07.jpg" alt="" /></a>
|
||||
<header>
|
||||
<h3>Orci Convallis</h3>
|
||||
</header>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- About Me -->
|
||||
<section id="about" class="three">
|
||||
<div class="container">
|
||||
|
||||
<header>
|
||||
<h2>About Me</h2>
|
||||
</header>
|
||||
|
||||
<a href="#" class="image featured"><img src="/static/images/pic08.jpg" alt="" /></a>
|
||||
|
||||
<p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
|
||||
ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
|
||||
laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
|
||||
parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
|
||||
dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
|
||||
ornare iaculis.</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact -->
|
||||
<section id="contact" class="four">
|
||||
<div class="container">
|
||||
|
||||
<header>
|
||||
<h2>Contact</h2>
|
||||
</header>
|
||||
|
||||
<p>Elementum sem parturient nulla quam placerat viverra
|
||||
mauris non cum elit tempus ullamcorper dolor. Libero rutrum ut lacinia
|
||||
donec curae mus. Eleifend id porttitor ac ultricies lobortis sem nunc
|
||||
orci ridiculus faucibus a consectetur. Porttitor curae mauris urna mi dolor.</p>
|
||||
|
||||
<form method="post" action="#">
|
||||
<div class="row">
|
||||
<div class="col-6 col-12-mobile"><input type="text" name="name" placeholder="Name" /></div>
|
||||
<div class="col-6 col-12-mobile"><input type="text" name="email" placeholder="Email" /></div>
|
||||
<div class="col-12">
|
||||
<textarea name="message" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<input type="submit" value="Send Message" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</section>
|
Loading…
Reference in New Issue