trieloff/footer.html

## footer.html
<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
    <link rel="stylesheet" media="all" href="normalize.css">
    <link rel="stylesheet" media="all" href="core.css">
	<link rel="stylesheet" media="all" href="style.css">
  <script type="text/javascript">
window.addEventListener("load", function() {
  document.getElementById("pagenum").addEventListener("ia-writer-change", function() {
    if (document.getElementById("pagenum").innerHTML === "1") {
      document.getElementById("pagenum").parentElement.className = "footer-first";
    } else {
      //the DOM element in the footer gets re-used, so we have to clean the classname for the next page
      document.getElementById("pagenum").parentElement.className = "";
    }
  });
});
</script>
</head>
<body class="footer">
<p id="pagefooter">This is your footer <span data-page-number id="pagenum">Empty</span></p>
</body>
</html>

## style.css
.footer-first {
  display:none;
}