PaperBag/templates/default/assets/base.html.twig

95 lines
4.1 KiB
Twig

<!DOCTYPE html>
<html lang="{{ language|default('en') }}">
<head>
<meta charset='UTF-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>{{ title|default('PaperBag') }}</title>
<link rel='stylesheet' href='{{ pr }}/css/bootstrap.min.css' type='text/css' />
<link rel='stylesheet' href='{{ pr }}/css/index.css' type='text/css' />
<link rel='apple-touch-icon' sizes='180x180' href='{{ pr }}/apple-touch-icon.png'>
<link rel='icon' type='image/png' sizes='32x32' href='{{ pr }}/favicon-32x32.png'>
<link rel='icon' type='image/png' sizes='16x16' href='{{ pr }}/favicon-16x16.png'>
<link rel='manifest' href='{{ pr }}/site.webmanifest'>
<link rel='mask-icon' href='{{ pr }}/favicon/safari-pinned-tab.svg' color='#5bbad5'>
<meta name='msapplication-TileColor' content='#da532c'>
<meta name='theme-color' content='#ffffff'>
<script src='{{ pr }}/js/jquery-3.5.1.min.js'></script>
<script src='{{ pr }}/js/popper.min.js'></script>
<script src='{{ pr }}/js/bootstrap.min.js'></script>
<!--<script src='//cdn.jsdelivr.net/npm/marked/marked.min.js'></script>-->
<script src='{{ pr }}/js/hammer.js'></script>
<script src='{{ pr }}/js/hammer.jquery.js'></script>
{% block head %}{% endblock %}
</head>
<body id="{{ pagekey|default('') }}">
<div id="page-container">
<div id="page-wrapper">
<nav class="navbar navbar-expand-sm navbar-light bg-light" style="z-index: 2;">
<div class="container-fluid" style="max-width: 900px;">
<a class="navbar-brand" href="{{ pr }}/"><img src='{{ pr }}/paperbag_small.svg' style="height: 24px;" alt='Logo' /> PaperBag</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-sm-0">
{% for link in navbar.links %}
<li class="nav-item">
<a class="nav-link {{ link.active }}" aria-current="page" href="{{ link.href }}">{{ link.name }}</a>
</li>
{% endfor %}
</ul>
<div class="navbar-nav" id="navLogin">
{% if loggedIn %}
<a class='nav-item nav-link' href='{{ pr }}/logout.php'>{{ 'Log out'|t }}</a>
{% else %}
<a class="nav-item nav-link" id='login' href='{{ pr }}/login.php'>{{ 'Login'|t }}</a>
{% endif %}
</div>
</div>
</div>
</nav>
{% if err or msg %}
<div class='container-sm' style="max-width: 540px;">
{% for e in err %}
<div class='alert alert-danger' role='alert'>{{ e }}</div>
{% endfor %}
{% for m in msg %}
<div class='alert alert-success' role='alert'>{{ m }}</div>
{% endfor %}
</div>
{% endif %}
{% block content %}{% endblock %}
</div>
<footer>
{{ 'Any prices you find on this website is added by its users and are only a guideline.'|t }}<br>
<strong>PaperBag</strong> is a <a href="//svagard.no/projects/paperbag" target="_blank" rel="nofollow">Svagård</a> project<br>
{#
<!--<a href="https://useg.it/eirik/GroceryAssist" target="_blank" rel="nofollow">View source</a> |
<a href="/cookies" rel="nofollow">Cookies</a> |
<a href="/tos" rel="nofollow">Terms of Use</a> |
<a href="/privacy" rel="nofollow">Privacy Policy</a>-->
#}
{% block footer %}{% endblock %}
</footer>
</div>
{% block endContent %}{% endblock %}
</body>
</html>