kami-app / templates /headerfooter.html
lterriel's picture
Update templates/headerfooter.html
6b402ce
raw
history blame
2.61 kB
<!doctype html>
<html lang="en">
<head id="head">
<title>{{ title }}</title>
<link rel="icon" type="image/png" href="{{ url_for('static', filename='img/favicon.ico')}}">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% include "partials/metadata.html" %}
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
{% include "partials/css.html" %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="https://d3js.org/d3.v3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</head>
<body>
<div style="overflow: auto; height: 100vh; width: 100%;">
<header class="navbar navbar-expand navbar-drak flex-column flex-md-row bd-navbar pb-3" id="top-navbar">
<div class="navbar-nav-scroll">
<ul class="navbar-nav bd-navbar-nav flex-row">
<li class="nav-item">
<a id="name-software" class="navbar-brand" href="{{url_for('index')}}">KaMI</a>
</li>
<li class="nav-item">
<a id="version-software" class="nav-link under-link" href="https://github.com/KaMI-tools-project/KaMi-lib" target="_blank"><i class="fa-brands fa-python"></i> Running with kamilib {{ kami_version }} (light version)</a>
</li>
</ul>
</div>
</header>
<div id="main-container" class="row">
<div class="col">
{% block body %}{% endblock %}
</div>
</div>
<footer id="bottom-footer" class="py-5">
<div class="container text-center">
<span>
<a href="https://github.com/KaMI-tools-project" target="_blank">
<i class="fab fa-github"></i></i> KaMI tools on GitHub</a>
</span>
<br>
<p id="copyright">© 2021-2022. This work is under MIT License.</p>
</div>
</footer>
</div>
{% block script%}{% endblock %}
</body>
</html>