<!DOCTYPE html> <html>

<head>
    <link rel="stylesheet" type="text/css" href="/assets/css/default.css" />
    <title>{{page.title}} | {{site.author.name}}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div class="headerbar headerbar-full" id="headerbar">
        <div class="headerbar-level" id="info-level">
            <div class="headerbar-author">
                <img class="headerbar-author-image" src="{{site.author.photo}}" />
                <div class="headerbar-author-text">
                    <span class="headerbar-author-text-name">{{site.author.name}}</span>
                    <span class="headerbar-author-text-description">{{site.author.description}}</span>
                </div>
            </div>
            <div class="headerbar-spacer"></div>
            <div class="headerbar-title">{{page.title | upcase}}</div>
        </div>
        <div class="headerbar-level">
            <div class="headerbar-buttons">
                <div class="headerbar-logo" id="headerbar-logo">{{site.author.name}}</div>
                {% for link in site.data.headerbar.links.left %}
                    <a href="{{link.href}}">{{link.title | upcase}}</a>
                {% endfor %}
            </div>
            <div class="headerbar-spacer"></div>
            <div class="headerbar-buttons">
                {% for link in site.data.headerbar.links.right %}
                    <a href="{{link.href}}">{{link.title | upcase}}</a>
                {% endfor %}
            </div>
        </div>
    </div>
    <div class="content content-full" id="content">
        {{page.content}}
    </div>
    <div class="footerbar">Copright &copy; {{site.author.full_name}}, 2019</div>
    <script type="text/javascript" src="/assets/js/headerbar_collapse.js"></script>
    {% if page.has_slideshow %}
        <script type="text/javascript" src="/assets/js/slideshow.js"></script>
        <script type="text/javascript">
            let slides = [
                {% assign range = page.slides | size | minus: 1 %}
                {% for slide in page.slides limit:range %}"{{slide}}",{% endfor %}"{{page.slides | last}}"
            ];
            let slideShow = new Slideshow(slides, true);
        </script>
    {% endif %}
</body>

</html>