webseite/templates/layout.html
2019-02-24 16:12:11 +01:00

184 lines
12 KiB
HTML

{% set fqdn = 'c3woc.de'
%}<!DOCTYPE html>
<html{% if this.alt %} lang="{{ this.alt }}"{% endif %}>
<head>
<meta charset="utf-8">
<title>{% block title %}Startseite{% endblock %} - c3woc.de</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />{%
if '/css/main.min.css'|asseturl == empty and '/css/main.css'|asseturl == empty %}
<link rel="stylesheet" href="{{ '/css/font-awesome.min.css'|asseturl }}" />
<link rel="stylesheet" href="{{ '/fonts/roboto.css'|asseturl }}" />{%
endif %}
<link rel="stylesheet" href={%
if '/css/main.min.css'|asseturl == empty %}{%
if '/css/main.css'|asseturl == empty %}"https://{{ fqdn }}/css/main.min.css"{%
else %}"{{ '/css/main.css'|asseturl }}"{%
endif %}{%
else %}"{{ '/css/main.min.css'|asseturl }}"{%
endif %} />
<!--[if lte IE 9]><link rel="stylesheet" href={%
if '/css/ie9.min.css'|asseturl == empty %}"https://{{ fqdn }}/css/ie9.min.css"{%
else %}"{{ '/css/ie9.min.css'|asseturl }}"{%
endif %}" /><![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'|asseturl }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ '/images/icons/favicon-32x32.png'|asseturl }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ '/images/icons/favicon-16x16.png'|asseturl }}">
<link rel="manifest" href="{{ '/images/icons/site.webmanifest'|asseturl }}">
<link rel="mask-icon" href="{{ '/images/icons/safari-pinned-tab.svg'|asseturl }}" color="#e64f2d">
<link rel="shortcut icon" href="{{ '/images/icons/favicon.ico'|asseturl }}">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="{{ '/images/icons/browserconfig.xml'|asseturl }}">
<meta name="theme-color" content="#e64f2d">{%
block expand_header %}{% endblock %}
<script src="{{ '/js/jquery.min.js'|asseturl }}"></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_open') %}{{ bag('translate', this.alt, 'api_url_open') }}{%
else %}{{ bag('translate', 'de', 'api_url_open') }}{% 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],
['/rezept', 'Rezept', 1],
['/mitmachen', 'Mitmachen', 1],
['/hunger', 'Wo gibt es Waffeln?', 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 == 'Rezept' %}
<ul>{% set root = site.get('/rezept/', alt=this.alt) %}{%
for child in root.children recursive %}{% if loop.index <= 8 %}
<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="{{ '/rezept/'|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 == '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 [
['Mastodon', 'fab fa-mastodon', "https://chaos.social/@c3woc"],
['Twitter', 'fab fa-twitter', "https://twitter.com/c3woc"],
['Webseite', 'fab fa-github', "https://github.com/ToolboxBodensee/c3woc-webseite"],
['Gitea', 'fab fa-gitlab', "https://gitea.see-base.de/c3woc/"],
['Mail', 'fas fa-envelope', "mailto:waffeln@c3woc.de"],
['IRC Chat', 'fas fa-hashtag', "ircs://irc.hackint.org/#waffel"],
['Webirc Chat', 'fab fa-slack', "https://webirc.hackint.org/#irc://irc.hackint.org/#waffel"],
['Rezept-Feed', 'fas fa-receipt', "https://c3woc.de.de/feed_rezepte.xml"],
['News', 'fas fa-rss', "https://c3woc.de/feed_blog.xml"],
['Tourdaten', 'far fa-calendar-plus', "https://c3woc.de/waffeln.ics"],
['Tourdaten', 'fas fa-user-plus', "https://c3woc.de/mitmachen"]
] %}
<li><a href="{{ href }}" title="{{ label }}" target="_blank" rel="noopener" class="icon {{ icon }}"></a></li>{%
endfor %}
</ul>
<ul class="copyright">
<li>&copy;Copyright by C3 Waffel Operation Center.</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'|asseturl }}"></script>
<script src="{{ '/js/jquery.scrollex.min.js'|asseturl }}"></script>
<script src="{{ '/js/skel.min.js'|asseturl }}"></script>
<script src="{{ '/js/util.js'|asseturl }}"></script>
<script src="{{ '/js/main.js'|asseturl }}"></script>
</body>
</html>