87 lines
4.7 KiB
HTML
87 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!-- Theme: https://bootswatch.com/lux/ -->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>{{ .Static.WebsiteTitle }}</title>
|
|
<meta name="description" content="{{ .Static.WebsiteTitle }}">
|
|
<link rel="stylesheet" href="/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="/fonts/fontawesome-all.min.css">
|
|
<link rel="stylesheet" href="/css/custom.css">
|
|
</head>
|
|
|
|
<body id="page-top" class="d-flex flex-column min-vh-100">
|
|
{{template "prt_nav.html" .}}
|
|
<div class="container mt-2">
|
|
<div class="page-header">
|
|
<h1>WireGuard VPN Portal</h1>
|
|
</div>
|
|
{{template "prt_flashes.html" .}}
|
|
<p class="lead">WireGuard® is an extremely simple yet fast and modern VPN that utilizes state-of-the-art cryptography. It aims to be faster, simpler, leaner, and more useful than IPsec, while avoiding the massive headache. It intends to be considerably more performant than OpenVPN. </p>
|
|
<h3 class="mt-3">More Information</h3>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="card border-secondary mb-4" style="min-height: 15rem;">
|
|
<div class="card-header">WireGuard Installation</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">Installation</h4>
|
|
<p class="card-text">Installation instructions for client software can be found on the official WireGuard website.</p>
|
|
<a href="https://www.wireguard.com/install/" title="WireGuard Installation" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-sm">Open Instructions</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="card border-secondary mb-4" style="min-height: 15rem;">
|
|
<div class="card-header">About WireGuard</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">About</h4>
|
|
<p class="card-text">WireGuard® is an extremely simple yet fast and modern VPN that utilizes state-of-the-art cryptography.</p>
|
|
<a href="https://www.wireguard.com/" title="WireGuard" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-sm">More details</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="card border-secondary mb-4" style="min-height: 15rem;">
|
|
<div class="card-header">About WireGuard Portal</div>
|
|
<div class="card-body">
|
|
<h4 class="card-title">WireGuard Portal</h4>
|
|
<p class="card-text">WireGuard Portal is a simple, web based configuration portal for WireGuard.</p>
|
|
<a href="https://github.com/h44z/wg-portal/" title="WireGuard Portal" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-sm">More details</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="jumbotron jumbotron-home">
|
|
<h2 class="display-5">VPN Profiles</h2>
|
|
<p class="lead">You can access and download your personal VPN configurations via your Userprofile.</p>
|
|
<hr class="my-4">
|
|
<p>To find all your configured profiles click on the button below.</p>
|
|
<p class="lead">
|
|
<a href="/user/profile" class="btn btn-primary btn-lg" title="User-Profile">Open My Profile</a>
|
|
</p>
|
|
</div>
|
|
|
|
{{with eq $.Session.LoggedIn true}}{{with eq $.Session.IsAdmin true}}
|
|
<div class="jumbotron jumbotron-home">
|
|
<h2 class="display-5">Administration Area</h2>
|
|
<p class="lead">In the administration area you can manage WireGuard peers and the server interface as well as users that are allowed to log in to the WireGuard Portal.</p>
|
|
<hr class="my-4">
|
|
<p>To find all your configured profiles click on the button below.</p>
|
|
<p class="lead">
|
|
<a href="/admin/" class="btn btn-primary btn-lg" title="WireGuard Administration">Open WireGuard Administration</a>
|
|
<a href="/admin/users/" class="btn btn-primary btn-lg" title="User Administration">Open User Administration</a>
|
|
</p>
|
|
</div>
|
|
{{end}}{{end}}
|
|
|
|
</div>
|
|
{{template "prt_footer.html" .}}
|
|
<script src="/js/jquery.min.js"></script>
|
|
<script src="/js/bootstrap.bundle.min.js"></script>
|
|
<script src="/js/jquery.easing.js"></script>
|
|
<script src="/js/custom.js"></script>
|
|
</body>
|
|
|
|
</html> |