zonemaster-gui-preact/views/partials/base.html

85 lines
4.0 KiB
HTML

<!DOCTYPE html>
<html lang="{{ lang.code }}">
<head>
<meta charset="UTF-8">
<base href="{{ baseUrl }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="{{ 'styles/main.css' | staticUrl }}">
<title>Zonemaster{% block title %}{% endblock %}</title>
</head>
<body>
<header class="page-header">
<nav class="navbar navbar-expand-md">
<div class="container">
<a class="navbar-brand" href="{{ '' | localizedUrl }}">
<img src="{{ 'images/zonemaster_logo_2021_color.png' | staticUrl }}" alt="Zonemaster" class="logo">
</a>
<div class="collapse navbar-collapse" id="navBar">
<ul class="navbar-nav me-auto">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="{{ 'run-test.html' | localizedUrl }}">{{ "Run a test" | tr }}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ 'faq.html' | localizedUrl }}">{{ "FAQ" | tr }}</a>
</li>
</ul>
<div class="lang" title="{{ 'Change language' | tr }}">
<label for="languageSelection" class="icon">
<i class="fa fa-language" aria-hidden="true"></i>
<span class="sr-only" >{{ "Change language" | tr }}</span>
</label>
<div class="d-block">
<select name="lang" class="form-select" id="languageSelection">
{% for lang in languages %}
<option value="{{lang.code}}">
{{ lang.name }}
</option>
{% endfor %}
</select>
</div>
</div>
</div>
</div>
</nav>
</header>
<main class="container">
{% block main %}{% endblock %}
</main>
<footer class="pb-0 pt-2">
<div class="container">
<nav class="row justify-content-between">
<ul class="row">
<li class="col-lg">
<button tabindex="0" class="program-versions link">{{ "Program versions" | tr }}</button>
</li>
<li class="col-md-auto">
<a href="mailto:{{contactAddress}}">
<i class="fa fa-envelope-o" aria-hidden="true"></i>contact@zonemaster.net
</a>
</li>
<li class="col-md-auto">
<a href="https://github.com/zonemaster/zonemaster">
<i class="fa fa-code" aria-hidden="true"></i>{{ "Source code" | tr }}
</a>
</li>
<li class="col-md-auto">
<a href="https://github.com/zonemaster/zonemaster#documentation">
<i class="fa fa-book" aria-hidden="true"></i>{{ "Documentation" | tr }}
</a>
</li>
</ul>
</nav>
<p class="copyright small">
{{ "Copyright © AFNIC and The Swedish Internet Foundation" | tr }}
</p>
</div>
</footer>
</body>
</html>