gobin/views/home.html
2023-09-04 20:50:25 +02:00

115 lines
No EOL
4.8 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<title>bin</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="/">gobin</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"
aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link active" href="/">Home
<span class="visually-hidden">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/new">New</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/explore">Explore Public</a>
</li>
</ul>
<form class="d-flex">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" data-bs-toggle="modal" data-bs-target="#staticBackdrop">About</a>
</li>
</ul>
</form>
</div>
</div>
</nav>
</header>
<main>
<div class="container">
<div class="mt-4 p-5 bg-primary text-white rounded">
<h1>bin.hackmi.ch</h1>
<p>Share your code snippets with your friends, the syntax is of course also highlighted with flexible
expiration date. Your code will always be yours, too, thanks to AES encryption, which is done on the
browser side and not known to the server.</p>
</div>
</div>
</main>
<footer class="bg-gradient-primary">
<div class="container">
<div class="row">
<div class="col-sm">
<center><a id="footer-text" class="text" href="https://git.hackmi.ch/Phil/gobin">Made with gobin</a>
</center>
</div>
<div class="col-sm">
<center><a id="footer-text" class="text" href="/imprint">Imprint / Impressum</a></center>
</div>
<div class="col-sm">
<center><a id="footer-text" class="text" href="/privacy">Privacy Policy</a></center>
</div>
<div class="col-sm">
<center><a id="footer-text" class="text" href="/tos">Terms of Use</a></center>
</div>
</div>
</div>
</footer>
<extra>
<!-- About -->
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">gobin</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
gobin is an open source code snippet distributor written in golang. This app is designed to be
lean, compact and resource efficient without bullshit.
<br>
The code-snippets are encrypted with javascript using AES-256-CBC & SHA512 before sending.
<br>
Original creator: Phil
<br>
Original gitrepo: https://git.hackmi.ch/Phil/gobin
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</extra>
<!-- Bootstrap JavaScript Libraries -->
<script src="assets/js/popper.min.js">
</script>
<script src="assets/js/bootstrap.min.js">
</script>
</body>
</html>