Use webRoot for relative links

templates/header.html

@@ -1 +1 @@
-<link rel="icon" type="image/png" href="favicon.png">
+<link rel="icon" type="image/png" href="%webRoot%/favicon.png">

templates/nav.html

@@ -1,6 +1,6 @@
 <div id="banner"></div>
 <div id="navigation">
-  <a href="index.html">Home</a>
-  <a href="projects.html">Projects</a>
-  <a href="about.html">About</a>
+  <a href="%webRoot%/index.html">Home</a>
+  <a href="%webRoot%/projects.html">Projects</a>
+  <a href="%webRoot%/about.html">About</a>
 </div>

templates/pandoc.html

@@ -34,9 +34,6 @@ $endfor$
 $if(math)$
   $math$
 $endif$
-  <!--[if lt IE 9]>
-    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
-  <![endif]-->
 $for(header-includes)$
   $header-includes$
 $endfor$
@@ -45,14 +42,6 @@ $endfor$
 $for(include-before)$
 $include-before$
 $endfor$
-
-<div id="banner"></div>
-<div id="navigation">
-  <a href=$webRoot$/index.html>Home</a>
-  <a href=$webRoot$/projects.html>Projects</a>
-  <a href=$webRoot$/about.html>About</a>
-</div>
-
 $if(title)$
 <header id="title-block-header">
 <h1 class="title">$title$</h1>