<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="$lang$" xml:lang="$lang$"$if(dir)$ dir="$dir$"$endif$>
    <head>
        <meta charset="utf-8" />
        <meta name="generator" content="pandoc" />
        <!-- Smartphone responsive design -->
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
$for(author-meta)$
        <meta name="author" content="$author-meta$" />
        <meta name="description" content="$description$">
$endfor$
$if(date-meta)$
        <meta name="dcterms.date" content="$date-meta$" />
$endif$
$if(keywords)$
        <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
$endif$
        <link rel="shortcut icon" href="/favicon.ico"/>

        <!-- Google / Search Engine Tags -->
        <meta itemprop="name" content="$author-meta$">
        <meta itemprop="description" content="$description$">
        <meta itemprop="image" content="$shareImg$">

        <!-- Facebook Meta Tags -->
        <meta property="og:url" content="https://www.jovian-hersemeule.eu">
        <meta property="og:type" content="website">
        <meta property="og:title" content="$title$">
        <meta property="og:description" content="$description$">
        <meta property="og:image" content="$shareImg$">

        <!-- Twitter Meta Tags -->
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="$title$">
        <meta name="twitter:description" content="$description$">
        <meta name="twitter:image" content="$shareImg$">

        <!-- Meta Tags Generated via http://heymeta.com -->

        <!-- Style sheet -->
        <link href="/include/css/bootstrap.css" rel="stylesheet">
        <link href="/include/css/custom/main.css" rel="stylesheet">
        <link href="/include/css/custom/back-to-projects.css" rel="stylesheet">
        <title>$if(title-prefix)$$title-prefix$ – $endif$$pagetitle$</title>
        <style type="text/css">
            code{white-space: pre-wrap;}
            span.smallcaps{font-variant: small-caps;}
            span.underline{text-decoration: underline;}
            div.column{display: inline-block; vertical-align: top; width: 50%;}
$if(quotes)$
            q { quotes: "“" "”" "‘" "’"; }
$endif$
        </style>
$if(highlighting-css)$
        <style type="text/css">
        $^$$highlighting-css$
        </style>
$endif$

$for(css)$
        <link rel="stylesheet" href="$css$" />
$endfor$

$if(math)$
        $^$$math$
$endif$

$for(header-includes)$
        $^$$header-includes$
$endfor$
    </head>
    $^$${navbar()}
    <body>
$for(include-before)$
        $^$$include-before$
$endfor$
        <main role="main" class="container">
$if(title)$
            <header id="title-block-header" class="focus-center">
                <h1 class="title">$title$</h1>
$if(subtitle)$
                <p class="subtitle">$subtitle$</p>
$endif$
$for(author)$
                <p class="author">$author$</p>
$endfor$
$if(date)$
                <p class="date">$date$</p>
$endif$
$if(leadImgSrc)$
                <img src="$leadImgSrc$"$if(leadImgAlt)$ alt="$leadImgAlt$"$endif$>
$endif$
            </header>
$endif$
$if(toc)$
            <nav id="$idprefix$TOC">
            $^$$table-of-contents$
            </nav>
$endif$
            $^$$body$
        </main>
$for(include-after)$
        $^$$include-after$
$endfor$
        $^$${footer()}
    </body>
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
            crossorigin="anonymous"></script>
    <script src="/include/js/bootstrap.js"></script>
</html>
