 <!DOCTYPE html>
 <html>
 <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="examples.css">
    <link rel="stylesheet" href="styling.css">
    <link rel="stylesheet" href="alignment.css">
    <!-- <link rel="stylesheet" href="https://latex.now.sh/style.css"> -->
    <title>{{ cookiecutter.project_title }}</title>
</head>
<body>

    <article>

        <h1>{{ cookiecutter.project_title }}</h1>
        <div class="author">{{ cookiecutter.author }}</div>
        <div class="version"> version {{ cookiecutter.version }} </div>
        <div id="toc"></div>

        {{ cookiecutter.content }}

        {{ cookiecutter.glossing_abbrevs }}
    </article>
    <script src="examples.js"></script> 
    <script src="glossing.js"></script> 
    <script src="crossref.js"></script>
    <script src="alignment.js"></script>
    <script type="text/javascript" src="https://livejs.com/live.js"></script>
    <script>
number_examples()
number_sections()
number_captions()
resolve_crossrefs()
</script>
<script>
    var alignments = document.getElementsByClassName("alignment");
    for (var i=0,alignment; alignment=alignments[i]; i++) {
        alignment.innerHTML = plotWord(alignment.innerHTML, 'span');
    }
</script>

</body>
</html> 