Select Git revision
base.html.j2
Forked from
hub / hub
Source project has a limited visibility.
base.html.j2 5.47 KiB
{% import "plainui/components/title.html.j2" as titleMacro with context %}
{% import "plainui/components/header_buttons.html.j2" as hbtns with context %}
{% import "plainui/components/nav.html.j2" as nav with context %}
{% import "plainui/components/alert.html.j2" as alert %}
<!DOCTYPE html>
<html lang="{{ get_language() }}"
class="no-js"
data-bs-theme="{{ active_theme() }}">
<head>
<meta charset="utf-8">
<link rel="stylesheet"
href="{{ static('plainui/%s.css' % (css_scope() ,)) }}">
<link rel="icon"
href="{{ static('plainui/img/favicon.ico') }}"
type="image/x-icon">
<title>
{% block title %}
{% endblock title %}
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
{% block head %}
{% endblock head %}
<link href="{{ static('vendor/map/leaflet.css') }}" rel='stylesheet' />
<script src="{{ static('vendor/map/leaflet.js') }}"></script>
<link href="{{ static('vendor/map/leaflet.draw.css') }}" rel='stylesheet' />
<script src="{{ static('vendor/map/leaflet.draw.js') }}"></script>
<script nonce="{{request.csp_nonce}}">
document.addEventListener('DOMContentLoaded', (e) => {
document.querySelector('html').classList.remove('no-js');
document.querySelector('html').classList.add('js');
});
</script>
</head>
<body>
{%- block body -%}
<ul class="visually-hidden">
<li>
<a href="#header">Zur Navigation</a>
</li>
<li>
<a href="#content">Zum Inhalt</a>
</li>
<li>
<a href="#footer">Zum Footer</a>
</li>
</ul>
<div class="d-flex">
{{ nav.main_navbar() }}
<div class="hub-main container-fluid p-0 hub-bg-L04 overflow-y-scroll">
{%- if browser_type(request) == 'ie' -%}
<div class="fixed-top alert bg-primary text-center" role="alert">
<a href="https://www.getfirefox.com/"
target="_blank"
class="h2 bg-secondary text-dark">{{ _("Your Browser is broken. Get a better one here!") }}</a>
</div>
{%- endif -%}
{%- block fullpage -%}
<main class="container hub-content" id="content">
{% if get_messages(request) or (conf and conf.global_notification) %}
<div id="messages">
{% for message in get_messages(request) %}
{% if not message.tags %}
{% call alert.info() %}
{{ message }}
{% endcall %}
{% elif message.tags == 'error' %}
{% call alert.danger() %}
{{ message }}
{% endcall %} {% else %}
{% call alert.alert(type=message.tags) %}
{{ message }}
{% endcall %}
{% endif %}
{% endfor -%}
</div>
{% endif %}
{%- block content %}
{% endblock content %}
</main>
{% endblock fullpage -%}
{%- block fullpage_add -%}
{% endblock fullpage_add -%}
<footer id="footer" class="container p-3 p-md-5">
<div class="d-lg-flex justify-content-between">
<ul class="d-flex gap-3 list-unstyled">
<li>
<a class="nav-link"
title="{{ _('Contact Us') }}"
href="https://help.ccc.de/">{{ _('Contact Us') }}</a>
</li>
<li>
<a class="nav-link"
title="{{ _('Disclaimer') }}"
href="https://legal.cccv.de">{{ _('Disclaimer') }}</a>
</li>
<li>
<a class="nav-link"
title="{{ _('Principles') }}"
href="https://help.ccc.de/principles.html">{{ _('Principles') }}</a>
</li>
<li>
<a class="nav-link"
title="{{ _('Helpful Teams') }}"
href="{{ url('plainui:static_page', page_slug='start') }}#md-helpful-teams">{{ _('Helpful Teams') }}</a>
</li>
</ul>
<ul class="d-flex gap-2 list-unstyled">
<li>{{ hbtns.share() }}</li>
<!-- Temporary disabled due to 38c3 design implementation.
<li>{# hbtns.themeswitcher() #}</li>
-->
<li>{{ hbtns.globe() }}</li>
</ul>
</div>
</footer>
</div>
</div>
{%- endblock body -%}
</body>
<script async
src="{{ static('plainui/vendor/bootstrap5/bootstrap.bundle.min.js') }}" /></script>
<script nonce="{{request.csp_nonce}}">
setTimeout(() => {
var options = {
html: true,
title: "VOGC Ebbs",
//html element
//content: $("#popover-content")
content: document.querySelector('[data-name="popover-content"]')
//Doing below won't work. Shows title only
//content: $("#popover-content").html()
}
var exampleEl = document.getElementById('apps')
var popover = new bootstrap.Popover(exampleEl, options)
}, 500);
</script>
{%- block jstools -%}{%- endblock jstools -%}
</html>