<!DOCTYPE html>
<meta charset=utf-8>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-33267683-1"></script> -->
<!-- <script> -->
<!--   window.dataLayer = window.dataLayer || []; -->
<!--   function gtag(){dataLayer.push(arguments);} -->
<!--   gtag('js', new Date()); -->

<!--   gtag('config', 'UA-33267683-1'); -->

<!-- var trackLink = function(label,url) { -->
<!--   gtag('event', 'click', { -->
<!--     'event_category': 'link', -->
<!--     'event_label': label, -->
<!--     'event_action': url, -->
<!--     'transport_type': 'beacon', -->
<!--     'event_callback': function(){document.location = url;} -->
<!--   }); -->
<!-- } -->
<!-- </script> -->

<script data-goatcounter="https://justin.goatcounter.com/count"
        async src="//gc.zgo.at/count.js"></script>

<title> Justin Hsu </title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='https://fonts.googleapis.com/css?family=Roboto:500,300,300italic'
rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet'
type='text/css'>

</head>

<body>

<div id="container" class="flexed">
  <div id="header">
    <h1> Justin Hsu </h1>
  </div>

  <div id="topbox" class="card">
    <div id="bio-bar">
      <div id="picture">
        <img src="images/round.png" width="160" height="222">  
      </div>

      <div id="contact">
        $contacts$
      </div>
    </div>

    <div id="about">
      <div class="mini-header">
        About Me
      </div>

      $about$
    </div>
  </div>

  <div class="card">
    <div class="mini-header-alt">
      News
    </div>
    $news$
  </div>

  <div class="card">
    <div class="mini-header">
      Bibliography
    </div>
    <section id="drafts">
      <h2>Drafts</h2><p>
      <table class="bibtable">
        $drafts$
      </table>
    </section>
    <section id="thesis">
      <h2>Thesis</h2><p>
      <table class="bibtable">
        $thesis$
      </table>
    </section>
    <section id="invite">
      <h2>Invited Chapters and Surveys</h2><p>
      <table class="bibtable">
        $invite$
      </table>
    </section>
    <section id="pubs">
      <h2>Refereed Publications</h2><p>
      <table class="bibtable">
        $pubs$
      </table>
    </section>
  </div>
</div>

<footer>
  <small>
    $footer$
  </small>
</footer>
</body>
</html>