<!DOCTYPE html>
<html lang="{{ site.lang | default: " en-us" }}"="en-US" }}""="}}" "">
    <head>
        <meta name="apple-mobile-web-app-title" content="{{ site.app.short_title }}">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        {% if site.google_analytics %}
            <script async="async" src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
            <script>
                window.dataLayer = window.dataLayer || [];
                function gtag() {
                    dataLayer.push(arguments);
                }
                gtag('js', new Date());
                gtag('config', '{{ site.google_analytics }}');
            </script>
        {% endif %}
        <meta charset="UTF-8">

        {% seo %}
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="theme-color" content="#AA1155">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
        <link rel="manifest" href="{{ '/assets/manifest.webmanifest' | relative_url }}">
    </head>
    <body>
        <a style="display: none;" id="skip-to-content" href="#content">Zum Inhalt springen.</a>

        <header class="page-header" role="banner">
            <a class="home" href="{{ '/' | relative_url }}">
                <h1 class="project-name">{{ site.title }}</h1>
                <h2 class="project-tagline">{{ site.description | default: site.github.project_tagline }}</h2>
            </a>
            <a href="{{ '/manual/' | relative_url }}" class="btn hideonmobile">Handbuch</a>
            {% if site.github.is_project_page %}
                <a href="{{ site.github.repository_url }}" class="btn hideonmobile">Auf GitHub ansehen</a>
            {% endif %}
            {% if site.show_downloads %}
                <a href="{{ site.github.zip_url }}" class="btn hideonmobile">Download .zip</a>
                <a href="{{ site.github.tar_url }}" class="btn hideonmobile">Download .tar.gz</a>
            {% endif %}
        </header>

        {% unless page.nobreadcrumbs %}
            {% include breadcrumbs.html %}
        {% endunless %}

        <main id="content" class="main-content" role="main">
            {{ content }}

            {% if page.fbcontact and site.facebook_page_id %}
                <!-- Load Facebook SDK for JavaScript -->
                <div id="fb-root"></div>
                <script>
                    window.fbAsyncInit = function () {
                        FB.init({xfbml: true, version: 'v8.0'});
                    };

                    (function (d, s, id) {
                        var js,
                            fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) 
                            return;
                        js = d.createElement(s);
                        js.id = id;
                        js.src = 'https://connect.facebook.net/de_DE/sdk/xfbml.customerchat.js';
                        fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));
                </script>

                <!-- Your Chat Plugin code -->
                <div
                    class="fb-customerchat"
                    attribution="setup_tool"
                    page_id="{{ site.facebook_page_id }}"
                    theme_color="#DD1155"
                    logged_in_greeting="Hey! Falls Sie eine Frage haben, zögern Sie nicht und stelle Sie sie :)"
                    logged_out_greeting="Hey! Falls Sie eine Frage haben, zögern Sie nicht und stelle Sie sie :)"></div>
            {% endif %}

            <footer class="site-footer">
                {% if site.github.is_project_page %}
                    <span class="site-footer-owner">
                        <a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a>
                        wird von
                        <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>
                        unterhalten.</span>
                {% endif %}

                <span class="site-footer-credits">Seite erstellt von
                    <a href="https://rafaelurben.github.io/diverses/rafaelurben/">Rafael Urben</a>
                    - Gehostet von
                    <a href="https://pages.github.com">GitHub Pages</a>. Danke &lt;3
                </span>
            </footer>
        </main>
    </body>
</html>