<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="googlebot" content="noindex">
    <title>$title$</title>
    <link rel="stylesheet" href="/css/fonts.css" />
    <link rel="stylesheet" href="/css/default.css" />
    <link rel="stylesheet" href="/css/pygentize.css" />
    <script>
        // page title
        document.addEventListener("DOMContentLoaded", function () {
            const hostname = window.location.hostname;
            document.title = document.title + " | " + hostname;
        });
        // mathjax
        MathJax = {
            options: {
                menuOptions: {
                    settings: {
                        enrich: false,        // true to enable semantic-enrichment
                        collapsible: false,   // true to enable collapsible math
                        speech: false,        // true to enable speech generation
                        braille: false,       // true to enable Braille generation
                        assistiveMml: false,  // true to enable assistive MathML
                    }
                },
                enableMenu: false
            },
            output: {
                font: 'mathjax-fira',
                fontPath: '/mathjax-fira-font'
            }
        };
    </script>
    <script defer src="/mathjax/tex-chtml.js"></script>
</head>

<body>
    <div class="navbar-space">
        $if(showtoc)$
        <!-- A table of contents on the left side, but only for screens
                that are big enough -->
        <div id="contents-big">
            <p class="mini-header">Contents <a id="up-arrow" href="#">↑</a></p>
            $toc$
        </div>
        $endif$
    </div>
    <div class="text-space">
        <header class="no-print">
            <nav class="navbar">
                <a href="/" class="home">ALC 2027</a>
                <div class="navright">
                    <a href="$root$/about/">About ALC</a>
                    <a href="$root$/talks/">Contributed Talks</a>
                    <a href="$root$/invited_speaker/">Invited Speaker</a>
                    <a href="$root$/program/">Program</a>
                    <br>
                    <a href="$root$/registration/">Registration</a>
                    <a href="$root$/social_event/">Social Event</a>
                    <a href="$root$/venue/">Venue</a>
                    <a href="$root$/travel/">Travel</a>
                    <!-- <a href="$root$/travel_support/">Travel Support</a> -->
                    <a href="$root$/contact/">Contact</a>
                </div>
            </nav>
        </header>
        <main role="main">
            <h1 class="pagetitle">$title$</h1>
            <article>
                <section class="subtitle">
                    $if(subtitle)$
                    $subtitle$
                    $endif$
                </section>

                <section class="body">
                    $body$
                </section>
            </article>
        </main>
        <footer class="no-print">

        </footer>
    </div>
</body>

</html>