privatecoffee-website/templates/base.html
2024-04-14 20:30:39 +02:00

87 lines
No EOL
3.3 KiB
HTML

<!DOCTYPE html>
<!-- This file was created as part of the Private.coffee project
It is licensed under the MIT license
For more information, please visit https://private.coffee -->
<html>
<head>
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="assets/img/logo-inv_grad.svg" />
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="assets/dist/css/bootstrap.min.css" />
<script src="assets/dist/js/jquery.min.js"></script>
<script src="assets/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm navbar-dark" style="background-color: #ffb6c1;"> <!-- Assuming bg-coffee is a brown color -->
<div class="container">
<div class="row align-items-center w-100">
<div class="col-sm-9">
<a class="navbar-brand text-mauve" href="/">
<img class="navbar-brand-img" src="assets/img/logo-inv_grad.svg" alt="Private.coffee logo">
<h1 style="display: inline; font-family: 'title-font', sans-serif;">Private.coffee</h1> <!-- Assuming 'title-font' is a custom font. Added inline display for the h1 to be aligned with the image -->
</a>
</div>
<div class="col-sm-2 d-flex justify-content-center text-mauve index-buttons"> <!-- Added justify-content-center for horizontal alignment -->
<a href="membership.html" class="btn btn-primary">♥ Support Us ♥</a>
</div>
<div class="col-sm-1 d-flex justify-content-end index-buttons"> <!-- Added justify-content-end for horizontal alignment -->
<a href="https://status.private.coffee" class="btn btn-primary big">Status</a>
</div>
</div>
</div>
</nav>
<section id="content">
{% block content %}{% endblock %}
</section>
<footer class="page-footer font-small bg-coffee text-white pt-4">
<div class="container text-center text-md-left">
<div class="row">
<div class="col-md-6 mt-md-0 mt-3">
<h5 class="text-uppercase text-mauve">Private.coffee</h5>
<p class="text-mauve">
Private.coffee is a collection of services that respect your
privacy.
</p>
</div>
<hr class="clearfix w-100 d-md-none pb-3" />
<div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase text-mauve">Legal stuff:</h5>
<ul class="list-unstyled">
<li>
<a href="legal.html">Legal Notice</a>
</li>
<li>
<a href="privacy.html">Privacy Policy</a>
</li>
<li>
<a href="terms.html">Terms of Service</a>
</li>
</ul>
</div>
<div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase text-mauve">Contact</h5>
<ul class="list-unstyled">
<li><a href="mailto:support@private.coffee">Email</a></li>
<li>
<a href="https://matrix.private.cf/#/#private.coffee:private.coffee">Matrix</a>
</li>
<li>
<a href="https://git.private.coffee/PrivateCoffee/">Git</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>