<!DOCTYPE html>
<html>
  <head id="head">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1">
    <title :text="$site.title"></title>
    <link type="text/css" rel="stylesheet" href="$site.asset('style.css').link()">
    <link type="text/css" rel="stylesheet" href="$site.asset('highlight.css').link()">
    <!-- mathtex -->
    <link type="text/css" rel="stylesheet" href="$site.asset('Temml-Local.css').link()">
    <script defer src="$site.asset('temml.min.js').link()"></script>
    <script defer src="$site.asset('render-mathtex.js').link()"></script>
    <!-- /mathtex -->
    <super>
  </head>
  <body id="body">
    <h1 class="site-title" :text="$site.title"></h1>
    <nav>
      <a href="$site.page('').link()">Home</a>
       &nbsp; • &nbsp;
      <a href="$site.page('blog').link()">Blog</a>
      <ctx :if="$site.page('microblog').subpages().first?()">
         &nbsp; • &nbsp;
        <a href="$if.link()">Microblog</a>
      </ctx>
       &nbsp; • &nbsp;
      <a href="$site.asset('resume.pdf').link()">Resume</a>
       &nbsp; • &nbsp;
      <a href="$site.page('film').link()">Film</a>
    </nav>
    <super>
    <footer>
      <hr>
    </footer>
  </body>
</html>
