199 lines
14 KiB
HTML
199 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html{% if alt %} lang="{{ alt }}"{% endif %}>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>{% block title %}Startseite{% endblock %}</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="{{ '/css/main.css'|url }}" />
|
|
<!--[if lte IE 9]><link rel="stylesheet" href="{{ 'assets/css/ie9.css'|url }}" /><![endif]-->
|
|
{% block expand_description
|
|
%}<meta name="description" content="{%
|
|
if bag('translate', this.alt, 'description') %}{{ bag('translate', this.alt, 'description') }}{%
|
|
else %}{{ bag('translate', 'de', 'description') }}{% endif %}" />{%
|
|
endblock %}
|
|
<link rel="apple-touch-icon" sizes="180x180" href="{{ '/images/icons/apple-touch-icon.png'|url }}">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/images/icons/favicon-32x32.png'|url }}">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/images/icons/favicon-16x16.png'|url }}">
|
|
<link rel="manifest" href="{{ '/images/icons/site.webmanifest'|url }}">
|
|
<link rel="mask-icon" href="{{ '/images/icons/safari-pinned-tab.svg'|url }}" color="#e64f2d">
|
|
<link rel="shortcut icon" href="{{ '/images/icons/favicon.ico'|url }}">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="msapplication-config" content="{{ '/images/icons/browserconfig.xml'|url }}">
|
|
<meta name="theme-color" content="#e64f2d">{%
|
|
block expand_header %}{% endblock %}
|
|
<script src="{{ '/js/jquery.min.js'|url }}"></script>
|
|
</head>
|
|
<body class="{% if this._path == '/' %}landing {% endif %} is-preload">
|
|
<div id="page-wrapper">
|
|
<!-- Header -->
|
|
<header id="header">
|
|
<h1 id="logo">
|
|
<div class="tooltip">
|
|
<a id="tb-opened" class="button tb-opened navbar special" href="{%
|
|
if bag('translate', this.alt, 'api_url') %}{{ bag('translate', this.alt, 'api_url') }}{%
|
|
else %}{{ bag('translate', 'de', 'api_url') }}{% endif
|
|
%}">{%
|
|
if bag('translate', this.alt, 'api_space') %}{{ bag('translate', this.alt, 'api_space') }}{%
|
|
else %}{{ bag('translate', 'de', 'api_space') }}{% endif %} {%
|
|
if bag('translate', this.alt, 'api_open') %}{{ bag('translate', this.alt, 'api_open') }}{%
|
|
else %}{{ bag('translate', 'de', 'api_open') }}{% endif %}</a>
|
|
<span class="tooltiptext">{% if bag('translate', this.alt, 'api_open_text')
|
|
%}{{ bag('translate', this.alt, 'api_open_text') }}{%
|
|
else %}{{ bag('translate', 'de', 'api_open_text') }}{% endif %}</span>
|
|
</div>
|
|
<div class="tooltip">
|
|
<a id="tb-closed" class="tb-closed" href="{% if bag('translate', this.alt, 'api_url') %}{{ bag('translate', this.alt, 'api_url') }}{%
|
|
else %}{{ bag('translate', 'de', 'api_url') }}{% endif
|
|
%}">{%
|
|
if bag('translate', this.alt, 'api_space') %}{{ bag('translate', this.alt, 'api_space') }}{%
|
|
else %}{{ bag('translate', 'de', 'api_space') }}{%
|
|
endif %} {% if bag('translate', this.alt, 'api_closed') %}{{ bag('translate', this.alt, 'api_closed') }}{%
|
|
else %}{{ bag('translate', 'de', 'api_closed') }}{% endif %}</a>
|
|
<span class="tooltiptext">{% if bag('translate', this.alt, 'api_opening_time')
|
|
%}{{ bag('translate', this.alt, 'api_opening_time') }}{%
|
|
else %}{{ bag('translate', 'de', 'api_opening_time') }}{% endif %}</span>
|
|
</div>
|
|
</h1>
|
|
<nav id="nav">
|
|
<ul>
|
|
<li{% if this._path == '/' %} class="active"{% endif
|
|
%}><a href="{{ '/'|url }}">{%
|
|
if bag('navigation', this.alt, 'home') %}{{ bag('navigation', this.alt, 'home') }}{%
|
|
else %}{{ bag('navigation', 'de', 'home') }}{% endif %}</a></li>{%
|
|
for href, title, print in [
|
|
['/blog', 'Blog', 1],
|
|
['/projekte', 'Projekte', 1],
|
|
['/verein', 'Verein', 1],
|
|
['/termine', 'Kalender', 1],
|
|
['/kontakt', 'Kontakt', 1]
|
|
] %}{% if print %}
|
|
<li{% if this.is_child_of(href) %} class="active"{% endif
|
|
%}><a href="{{ href|url }}">{% if bag('navigation', this.alt, title) %}{{ bag('navigation', this.alt, title) }}{% else %}{{ title }}{% endif %}</a>{%
|
|
if title == 'Projekte' %}
|
|
<ul>{% set root = site.get('/projekte/', alt=this.alt) %}{%
|
|
for child in root.children recursive %}{% if loop.index <= 7 %}
|
|
<li{%
|
|
if this._path == child._path %} class="active"{% endif
|
|
%}><a href="{% if this.alt == 'de' %}{% else %}/{{ this.alt }}/{{ this.alt }}/{% endif %}{{ child|url }}">{{ child.title }}</a></li>{%
|
|
endif %}{% endfor %}
|
|
<li><a href="{{ '/projekte/'|url }}">{%
|
|
if bag('navigation', this.alt, 'show_projekt') %}{{ bag('navigation', this.alt, 'show_projekt') }}{%
|
|
else %}{{ bag('navigation', 'de', 'show_projekt') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/feed_projekte.xml'|url }}">{%
|
|
if bag('navigation', this.alt, title) %}{{ bag('navigation', this.alt, title) }}{%
|
|
else %}{{ title }}{% endif %} {%
|
|
if bag('navigation', this.alt, 'xml') %}{{ bag('navigation', this.alt, 'xml') }}{%
|
|
else %}{{ bag('navigation', 'de', 'xml') }}{% endif %}</a></li>
|
|
</ul>{%
|
|
elif title == 'Verein' %}
|
|
<ul><li><a href="{{ '/vereinsheim'|url }}">{%
|
|
if bag('navigation', this.alt, 'Vereinsheim') %}{{ bag('navigation', this.alt, 'Vereinsheim') }}{%
|
|
else %}{{ bag('navigation', 'de', 'Vereinsheim') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/vereinsheim/elektrowerkstatt'|url }}">{%
|
|
if bag('navigation', this.alt, 'Elektrowerkstatt') %}{{ bag('navigation', this.alt, 'Elektrowerkstatt') }}{%
|
|
else %}{{ bag('navigation', 'de', 'Elektrowerkstatt') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/vereinsheim/grobwerkstatt'|url }}">{%
|
|
if bag('navigation', this.alt, 'Grobwerkstatt') %}{{ bag('navigation', this.alt, 'Grobwerkstatt') }}
|
|
{% else %}{{ bag('navigation', 'de', 'Grobwerkstatt') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/vereinsheim/lounge'|url }}">{%
|
|
if bag('navigation', this.alt, 'Lounge') %}{{ bag('navigation', this.alt, 'Lounge') }}{%
|
|
else %}{{ bag('navigation', 'de', 'Lounge') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/verein/presse'|url }}">{%
|
|
if bag('navigation', this.alt, 'Presse') %}{{ bag('navigation', this.alt, 'Presse') }}{%
|
|
else %}{{ bag('navigation', 'de', 'Presse') }}{% endif %}</a></li>
|
|
<li><a href="https://tbbs.me">{%
|
|
if bag('navigation', this.alt, 'Wiki') %}{{ bag('navigation', this.alt, 'Wiki') }}{%
|
|
else %}{{ bag('navigation', 'de', 'Wiki') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/verein/dokumente'|url }}">{%
|
|
if bag('navigation', this.alt, 'satzung') %}{{ bag('navigation', this.alt, 'satzung') }}{%
|
|
else %}{{ bag('navigation', 'de', 'satzung') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/mitglied-werden'|url }}" class="button special">{%
|
|
if bag('navigation', this.alt, 'mitglied') %}{{ bag('navigation', this.alt, 'mitglied') }}{%
|
|
else %}{{ bag('navigation', 'de', 'mitglied') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/verein/spenden'|url }}">{%
|
|
if bag('navigation', this.alt, 'spenden') %}{{ bag('navigation', this.alt, 'spenden') }}{%
|
|
else %}{{ bag('navigation', 'de', 'spenden') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/antworten'|url }}">{%
|
|
if bag('navigation', this.alt, 'fragen') %}{{ bag('navigation', this.alt, 'fragen') }}{%
|
|
else %}{{ bag('navigation', 'de', 'fragen') }}{% endif %}</a></li></ul>{%
|
|
elif title == 'Kontakt' %}
|
|
<ul><li><a href="{{ '/kontakt'|url }}">{%
|
|
if bag('navigation', this.alt, 'Kontakt') %}{{ bag('navigation', this.alt, 'Kontakt') }}{%
|
|
else %}{{ bag('navigation', 'de', 'Kontakt') }}{% endif %}</a></li>
|
|
<li><a href="{{ '/impressum'|url }}">{%
|
|
if bag('navigation', this.alt, 'Impressum') %}{{ bag('navigation', this.alt, 'Impressum') }}{%
|
|
else %}Impressum{% endif %}</a></li>
|
|
<li><a href="{{ '/datenschutz/'|url }}">{%
|
|
if bag('navigation', this.alt, 'Datenschutz') %}{{ bag('navigation', this.alt, 'Datenschutz') }}{%
|
|
else %}Datenschutz{% endif %}</a></li>
|
|
</ul>{%
|
|
elif title == 'Blog' %}
|
|
<ul>{% set root = site.get('/blog/', alt=this.alt) %}{%
|
|
for child in root.children recursive %}
|
|
<li{%
|
|
if this._path == child._path %} class="active"{% endif
|
|
%}><a href="{{ child|url }}">{{ child.shorttitle }}</a></li>{%
|
|
endfor %}
|
|
<li><a href="{{ '/feed_blog.xml'|url }}">RSS Feed</a></li></ul>{%
|
|
endif %}</li>{%
|
|
endif %}{%
|
|
endfor %}
|
|
<li class="last"><a href="/{% if bag('navigation', this.alt, 'default_path') %}{{ bag('navigation', this.alt, 'default_path') }}{% else %}..{% endif %}{{ this._path }}">{% if bag('navigation', this.alt, 'sprache') %}{{ bag('navigation', this.alt, 'sprache') }}{% else %}Sprache{% endif %}</a>
|
|
<ul class="last">
|
|
<li><a href="/..{{ this._path }}">{%
|
|
if bag('navigation', this.alt, 'German') %}{{ bag('navigation', this.alt, 'German') }}{%
|
|
else %}{{ bag('navigation', 'de', 'German') }}{% endif %}</a></li>
|
|
<li><a href="/en{{ this._path }}">{%
|
|
if bag('navigation', this.alt, 'Englisch') %}{{ bag('navigation', this.alt, 'Englisch') }}{%
|
|
else %}{{ bag('navigation', 'de', 'Englisch') }}{%
|
|
endif %} <i>({%
|
|
if bag('navigation', this.alt, 'falls') %}{{ bag('navigation', this.alt, 'falls') }}{%
|
|
else %}{{ bag('navigation', 'de', 'falls') }}{%
|
|
endif %})</i></a><li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<!-- Main -->
|
|
{% block body %}{% endblock %}
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<ul class="icons">{%
|
|
for label, icon, href in [
|
|
['Twitter', 'fab fa-twitter', "https://twitter.com/toolboxbodensee"],
|
|
['Mastodon', 'fab fa-mastodon', "https://chaos.social/@toolbox"],
|
|
['Facebook', 'fab fa-facebook', "https://www.facebook.com/toolboxbodensee/"],
|
|
['Instagram', 'fab fa-instagram', "https://www.instagram.com/toolbox_bodensee/"],
|
|
['GitHub', 'fab fa-github', "https://github.com/ToolboxBodensee"],
|
|
['YouTube', 'fab fa-youtube', "https://www.youtube.com/channel/UCoTB8frSN0OT2mZl2IXSsDA/videos"],
|
|
['Mail', 'fas fa-envelope', "mailto:kontakt@toolbox-bodensee.de"],
|
|
['Telefon', 'fas fa-phone', "tel:+4975449667222"],
|
|
['News', 'fas fa-rss', "https://toolbox-bodensee.de/feed_blog.xml"]
|
|
] %}
|
|
<li><a href="{{ href }}" title="{{ label }}" target="_blank" rel="noopener" class="icon {{ icon }}"></a></li>{%
|
|
endfor %}
|
|
</ul>
|
|
<ul class="copyright">
|
|
<li>©Copyright by Toolbox Bodensee e.V.</li>
|
|
<li><a href="{{ '/impressum/'|url }}">{%
|
|
if bag('navigation', this.alt, 'Impressum') %}{{ bag('navigation', this.alt, 'Impressum') }}{%
|
|
else %}Impressum{% endif %}</a></li>
|
|
<li><a href="{{ '/datenschutz/'|url }}">{%
|
|
if bag('navigation', this.alt, 'Datenschutz') %}{{ bag('navigation', this.alt, 'Datenschutz') }}{%
|
|
else %}Datenschutzerklärung{% endif %}</a></li>
|
|
<li>Design inspired by <a href="http://html5up.net">HTML5 UP</a> </li>
|
|
<!-- CMS: Lektor | Angepasst durch L3D -->
|
|
<!-- advertising: Grab your waffle from C3WOC! C3WOC ->Great waffles for everypony. https://c3woc.de/ -->
|
|
</ul>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="{{ '/js/jquery.scrolly.min.js'|url }}"></script>
|
|
<script src="{{ '/js/jquery.scrollex.min.js'|url }}"></script>
|
|
<script src="{{ '/js/skel.min.js'|url }}"></script>
|
|
<script src="{{ '/js/util.js'|url }}"></script>
|
|
<script src="{{ '/js/main.js'|url }}"></script>
|
|
</body>
|
|
</html>
|