diff --git a/README.md b/README.md
index 26748dc..71994d8 100644
--- a/README.md
+++ b/README.md
@@ -14,6 +14,12 @@ Then, run the following commands to write the bibliography to `OUTPUT_DIR`.
     $ ./fetch_pdfs.py references.bib OUTPUT_DIR
     $ bibliogra.py -H header.tpl -F footer.tpl -f references.bib OUTPUT_DIR
 
+Acknowledgements
+----------------
+
+CensorBib uses [Font Awesome](https://fontawesome.com/license) icons without
+modification.
+
 Feedback
 --------
 Contact: Philipp Winter <phw@nymity.ch>  
diff --git a/footer.tpl b/footer.tpl
index 94366e2..10d642a 100644
--- a/footer.tpl
+++ b/footer.tpl
@@ -1,7 +1,6 @@
-<hr/>
-
-<div class="right">
-Bibliography generated by <a href="https://github.com/NullHypothesis/bibliograpy"><tt>bibliograpy</tt></a>.
+<div id="footer">
+  Icons taken without modification from
+  <a href="https://fontawesome.com/license">Font Awesome</a>.
 </div>
 
 </body>
diff --git a/header.tpl b/header.tpl
index 512ea1d..375f471 100644
--- a/header.tpl
+++ b/header.tpl
@@ -4,91 +4,183 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
 
 <head>
-  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-  <title>CensorBib</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+  <title>The Internet censorship bibliography</title>
   <style type="text/css">
+  body {
+    font-family: Roboto,Helvetica,sans-serif;
+    background: #e7e7e7;
+    margin-left: 40px;
+    margin-top: 20px;
+    margin-right: 40px;
+  }
   li {
     margin-top: 1em;
     margin-bottom: 1em;
-  }
-  .paper {
-    font-weight:bold;
-  }
-  .venue {
-    font-style:italic;
+    margin-right: 1em;
   }
   h1 {
-    font-size:25px;
-  }
-  h2 {
-    font-size:18px;
-  }
-  hr {
-    background-color:#aaa;
-    height:1px;
-    border:0 none;
+    font-size: 25px;
+    color: #eee;
+    width: 80%;
+    float: left;
   }
   ul {
-    border:3px solid #a65f00;
-    background:#ffc373;
-    margin-left:40px;
-    margin-right:40px;
+    border-radius: 10px;
+    border:1px solid #c0c0c0;
+    background:white;
+    box-shadow: 2px 2px 5px #bbb;
+  }
+  ul.a {
+    list-style-image: url('donate-icon.svg');
   }
   a:link {
-    color:#033e6b;
+    color:#0b61a4;
     text-decoration:none;
   }
   a:visited {
-    color:#0b61a4;
+    color:#033e6b;
     text-decoration:none;
   }
   a:hover {
     text-decoration:underline;
   }
-  .left {
-    float: left;
+  p {
+    margin: 0px;
   }
-  .right {
-    float: right;
+  .author {
+    color: #666;
+  }
+  .venue {
+    font-style: italic;
+  }
+  .paper {
+    font-weight: bold;
+  }
+  .other {
+    color: #666;
+  }
+  #header {
+    background: white;
+    border-radius: 10px;
+    border: 1px solid #c0c0c0;
+    text-align: justify;
+    overflow: hidden;
+    box-shadow: 2px 2px 5px #bbb;
+  }
+  #header-top {
+    text-align: center;
+    background: #333;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #c0c0c0;
+    overflow: auto;
+  }
+  #header-left {
+    float: left;
+    width: 70%;
+    padding: 20px;
+  }
+  #header-right {
+    float: left;
+    padding: 20px;
+    font-size: 14px;
+  }
+  .header-right img {
+    height: 100%;
+  }
+  #header-bottom {
+    text-align: center;
+    padding-bottom: 20px;
   }
   #oalogo {
     float: left;
     padding-left: 20px;
+    height: 100px;
   }
-  body {
-    font-family:Helvetica,sans-serif;
+  #footer {
+    text-align: center;
+    line-height: 20px;
+  }
+  .icon {
+    height: 1em;
+    margin-right: 0.5em;
+  }
+  .icons {
+    float: right;
+  }
+  .top-icon {
+    height: 1em;
+    width: 1em;
+    position: relative;
+    vertical-align: middle;
+    margin-left: 1em;
+  }
+  .menu-item {
+    padding-bottom: 5px;
+  }
+  #openaccess-logo {
+    float: left;
+    height: 4em;
+    vertical-align: middle;
+    padding-right: 10px;
+  }
+  .url {
+    font-family: monospace;
+    font-size: 12px;
+  }
+  :target {
+    background-color: #f6ba81;
   }
   </style>
 </head>
 
 <body>
 
-<div style="margin-left:40px; margin-right:40px; ">
-  <div style="text-align:center">
-  <h1>Selected Research Papers in Internet Censorship</h1>
-  </div>
-  <div style="overflow:auto; margin:0 auto">
-    <div style="float:left; width:40%; text-align:justify">
-      This is an online archive of selected research papers in the field of
-      Internet censorship.  Papers behind paywalls are of greatly
-      <a href="http://thecostofknowledge.com/">diminished</a>
-      <a href="http://www.researchwithoutwalls.org/">use</a>
-      because they are inaccessible to everyone who is not lucky enough
-      to be affiliated with a wealthy university.  This is problematic from
-      both a scientific and a moral point of view.  Therefore, all research
-      papers here are openly accessible.
+  <div id="header">
+
+    <div id="header-top">
+      <h1>Selected Research Papers in Internet Censorship</h1>
+      <a href="https://en.wikipedia.org/wiki/Open_access">
+        <img id="openaccess-logo" src="open-access.svg" alt="open access logo"/>
+      </a>
     </div>
-    <a href="https://en.wikipedia.org/wiki/Open_access">
-    <img alt="Open Access logo" id="oalogo" src="open-access.png"/>
-    </a>
-    <div style="text-align:right">
-      Sort by: (<a href="year_reverse.html">reverse</a>) <a href="year.html">year</a>,
-      (<a href="author_reverse.html">reverse</a>) <a href="author.html">author</a> <br />
-      Feedback: <a href="mailto:phw@nymity.ch">phw@nymity.ch</a> (<a
-      href="https://nymity.ch/openpgp_public_key.txt">OpenPGP</a>) <br />
-      Last updated: <a href="https://github.com/NullHypothesis/censorbib/commits/master">2019-11-21</a> <br />
-      Onion site: <a href="http://3wcwjjnuvjyazeza.onion">3wcwjjnuvjyazeza.onion</a> <br />
-      Code: <a href="https://github.com/NullHypothesis/censorbib">GitHub</a>
+
+    <div id="header-left">
+      <p>
+        CensorBib is an online archive of selected research papers in the field
+        of Internet censorship.  Most papers on CensorBib approach the topic
+        from a technical angle, by proposing designs that circumvent censorship
+        systems, or by measuring how censorship works.  The icons next to each
+        paper make it easy to download, cite, and link to papers.  If you think
+        I missed a paper,
+        <a href="https://nymity.ch/contact.txt">let me know</a>.
+        Finally, you can sort papers by
+        <a href="year.html">year</a>,
+        <a href="year_reverse.html">reverse year</a> (default),
+        <a href="author.html">author</a>, and
+        <a href="author_reverse.html">reverse author</a>.
+
+      </p>
     </div>
+
+    <div id="header-right">
+      <div class="menu-item">
+        <img class="top-icon" src="img/lock-icon.svg" alt="onion service icon"/>
+        <a href="http://3wcwjjnuvjyazeza.onion">Onion service mirror</a>
+      </div>
+      <div class="menu-item">
+        <img class="top-icon" src="img/code-icon.svg" alt="source code icon"/>
+        <a href="https://github.com/NullHypothesis/censorbib">CensorBib code</a>
+      </div>
+      <div class="menu-item">
+        <img class="top-icon" src="img/update-icon.svg" alt="update icon"/>
+        <a href="https://github.com/NullHypothesis/censorbib/commits/master">Last update: 2019-12-14</a>
+      </div>
+      <div class="menu-item">
+        <img class="top-icon" src="img/donate-icon.svg" alt="donate icon"/>
+        <a href="https://nymity.ch/donate.html">Donate</a>
+      </div>
+    </div>
+
   </div>
-</div>
diff --git a/img/author-icon.svg b/img/author-icon.svg
new file mode 100644
index 0000000..d3b0a1f
--- /dev/null
+++ b/img/author-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-alpha-down" class="svg-inline--fa fa-sort-alpha-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm240-64H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 446.37V464a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 321.63V304a16 16 0 0 0-16-16zm31.06-85.38l-59.27-160A16 16 0 0 0 372.72 32h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 224h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 224H432a16 16 0 0 0 15.06-21.38zM335.61 144L352 96l16.39 48z"></path></svg>
\ No newline at end of file
diff --git a/img/author-reverse-icon.svg b/img/author-reverse-icon.svg
new file mode 100644
index 0000000..8321cc9
--- /dev/null
+++ b/img/author-reverse-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-alpha-down-alt" class="svg-inline--fa fa-sort-alpha-down-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm112-128h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-56l61.26-70.45A32 32 0 0 0 432 65.63V48a16 16 0 0 0-16-16H288a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h56l-61.26 70.45A32 32 0 0 0 272 190.37V208a16 16 0 0 0 16 16zm159.06 234.62l-59.27-160A16 16 0 0 0 372.72 288h-41.44a16 16 0 0 0-15.07 10.62l-59.27 160A16 16 0 0 0 272 480h24.83a16 16 0 0 0 15.23-11.08l4.42-12.92h71l4.41 12.92A16 16 0 0 0 407.16 480H432a16 16 0 0 0 15.06-21.38zM335.61 400L352 352l16.39 48z"></path></svg>
\ No newline at end of file
diff --git a/img/bibtex-icon.svg b/img/bibtex-icon.svg
new file mode 100644
index 0000000..ff7c53a
--- /dev/null
+++ b/img/bibtex-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="quote-left" class="svg-inline--fa fa-quote-left fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 256h-80v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8c-88.4 0-160 71.6-160 160v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48zm-288 0H96v-64c0-35.3 28.7-64 64-64h8c13.3 0 24-10.7 24-24V56c0-13.3-10.7-24-24-24h-8C71.6 32 0 103.6 0 192v240c0 26.5 21.5 48 48 48h128c26.5 0 48-21.5 48-48V304c0-26.5-21.5-48-48-48z"></path></svg>
\ No newline at end of file
diff --git a/img/cache-icon.svg b/img/cache-icon.svg
new file mode 100644
index 0000000..0bd6318
--- /dev/null
+++ b/img/cache-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="hdd" class="svg-inline--fa fa-hdd fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M576 304v96c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48v-96c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48zm-48-80a79.557 79.557 0 0 1 30.777 6.165L462.25 85.374A48.003 48.003 0 0 0 422.311 64H153.689a48 48 0 0 0-39.938 21.374L17.223 230.165A79.557 79.557 0 0 1 48 224h480zm-48 96c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm-96 0c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32z"></path></svg>
\ No newline at end of file
diff --git a/img/code-icon.svg b/img/code-icon.svg
new file mode 100644
index 0000000..c0b53a4
--- /dev/null
+++ b/img/code-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="code-branch" class="svg-inline--fa fa-code-branch fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M384 144c0-44.2-35.8-80-80-80s-80 35.8-80 80c0 36.4 24.3 67.1 57.5 76.8-.6 16.1-4.2 28.5-11 36.9-15.4 19.2-49.3 22.4-85.2 25.7-28.2 2.6-57.4 5.4-81.3 16.9v-144c32.5-10.2 56-40.5 56-76.3 0-44.2-35.8-80-80-80S0 35.8 0 80c0 35.8 23.5 66.1 56 76.3v199.3C23.5 365.9 0 396.2 0 432c0 44.2 35.8 80 80 80s80-35.8 80-80c0-34-21.2-63.1-51.2-74.6 3.1-5.2 7.8-9.8 14.9-13.4 16.2-8.2 40.4-10.4 66.1-12.8 42.2-3.9 90-8.4 118.2-43.4 14-17.4 21.1-39.8 21.6-67.9 31.6-10.8 54.4-40.7 54.4-75.9zM80 64c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16zm0 384c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16-7.2 16-16 16zm224-320c8.8 0 16 7.2 16 16s-7.2 16-16 16-16-7.2-16-16 7.2-16 16-16z"></path></svg>
\ No newline at end of file
diff --git a/img/donate-icon.svg b/img/donate-icon.svg
new file mode 100644
index 0000000..e13015b
--- /dev/null
+++ b/img/donate-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="donate" class="svg-inline--fa fa-donate fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M256 416c114.9 0 208-93.1 208-208S370.9 0 256 0 48 93.1 48 208s93.1 208 208 208zM233.8 97.4V80.6c0-9.2 7.4-16.6 16.6-16.6h11.1c9.2 0 16.6 7.4 16.6 16.6v17c15.5.8 30.5 6.1 43 15.4 5.6 4.1 6.2 12.3 1.2 17.1L306 145.6c-3.8 3.7-9.5 3.8-14 1-5.4-3.4-11.4-5.1-17.8-5.1h-38.9c-9 0-16.3 8.2-16.3 18.3 0 8.2 5 15.5 12.1 17.6l62.3 18.7c25.7 7.7 43.7 32.4 43.7 60.1 0 34-26.4 61.5-59.1 62.4v16.8c0 9.2-7.4 16.6-16.6 16.6h-11.1c-9.2 0-16.6-7.4-16.6-16.6v-17c-15.5-.8-30.5-6.1-43-15.4-5.6-4.1-6.2-12.3-1.2-17.1l16.3-15.5c3.8-3.7 9.5-3.8 14-1 5.4 3.4 11.4 5.1 17.8 5.1h38.9c9 0 16.3-8.2 16.3-18.3 0-8.2-5-15.5-12.1-17.6l-62.3-18.7c-25.7-7.7-43.7-32.4-43.7-60.1.1-34 26.4-61.5 59.1-62.4zM480 352h-32.5c-19.6 26-44.6 47.7-73 64h63.8c5.3 0 9.6 3.6 9.6 8v16c0 4.4-4.3 8-9.6 8H73.6c-5.3 0-9.6-3.6-9.6-8v-16c0-4.4 4.3-8 9.6-8h63.8c-28.4-16.3-53.3-38-73-64H32c-17.7 0-32 14.3-32 32v96c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32v-96c0-17.7-14.3-32-32-32z"></path></svg>
\ No newline at end of file
diff --git a/img/file-icon.svg b/img/file-icon.svg
new file mode 100644
index 0000000..c581e8f
--- /dev/null
+++ b/img/file-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="file-alt" class="svg-inline--fa fa-file-alt fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm64 236c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-64c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12v8zm0-72v8c0 6.6-5.4 12-12 12H108c-6.6 0-12-5.4-12-12v-8c0-6.6 5.4-12 12-12h168c6.6 0 12 5.4 12 12zm96-114.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"></path></svg>
\ No newline at end of file
diff --git a/img/link-icon.svg b/img/link-icon.svg
new file mode 100644
index 0000000..586901d
--- /dev/null
+++ b/img/link-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="link" class="svg-inline--fa fa-link fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"></path></svg>
\ No newline at end of file
diff --git a/img/lock-icon.svg b/img/lock-icon.svg
new file mode 100644
index 0000000..19dfa22
--- /dev/null
+++ b/img/lock-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="lock" class="svg-inline--fa fa-lock fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"></path></svg>
\ No newline at end of file
diff --git a/img/pdf-icon.svg b/img/pdf-icon.svg
new file mode 100644
index 0000000..079b752
--- /dev/null
+++ b/img/pdf-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="file-pdf" class="svg-inline--fa fa-file-pdf fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M181.9 256.1c-5-16-4.9-46.9-2-46.9 8.4 0 7.6 36.9 2 46.9zm-1.7 47.2c-7.7 20.2-17.3 43.3-28.4 62.7 18.3-7 39-17.2 62.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1 428.1c0 .8 13.2-5.4 34.9-40.2-6.7 6.3-29.1 24.5-34.9 40.2zM248 160h136v328c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V24C0 10.7 10.7 0 24 0h200v136c0 13.2 10.8 24 24 24zm-8 171.8c-20-12.2-33.3-29-42.7-53.8 4.5-18.5 11.6-46.6 6.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5 18.3-.4 44.1 8.1 77-11.6 27.6-28.7 64.6-40.8 85.8-.1 0-.1.1-.2.1-27.1 13.9-73.6 44.5-54.5 68 5.6 6.9 16 10 21.5 10 17.9 0 35.7-18 61.1-61.8 25.8-8.5 54.1-19.1 79-23.2 21.7 11.8 47.1 19.5 64 19.5 29.2 0 31.2-32 19.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377 105L279 7c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1 255.3c4.1-2.7-2.5-11.9-42.8-9 37.1 15.8 42.8 9 42.8 9z"></path></svg>
\ No newline at end of file
diff --git a/img/update-icon.svg b/img/update-icon.svg
new file mode 100644
index 0000000..bbf0d5b
--- /dev/null
+++ b/img/update-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="clipboard-list" class="svg-inline--fa fa-clipboard-list fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM96 424c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm0-96c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zm96-192c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm128 368c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8v16zm0-96c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8v16zm0-96c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h144c4.4 0 8 3.6 8 8v16z"></path></svg>
\ No newline at end of file
diff --git a/img/year-icon.svg b/img/year-icon.svg
new file mode 100644
index 0000000..565af50
--- /dev/null
+++ b/img/year-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-numeric-down" class="svg-inline--fa fa-sort-numeric-down fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M304 96h16v64h-16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h96a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-16V48a16 16 0 0 0-16-16h-48a16 16 0 0 0-14.29 8.83l-16 32A16 16 0 0 0 304 96zm26.15 162.91a79 79 0 0 0-55 54.17c-14.25 51.05 21.21 97.77 68.85 102.53a84.07 84.07 0 0 1-20.85 12.91c-7.57 3.4-10.8 12.47-8.18 20.34l9.9 20c2.87 8.63 12.53 13.49 20.9 9.91 58-24.76 86.25-61.61 86.25-132V336c-.02-51.21-48.4-91.34-101.85-77.09zM352 356a20 20 0 1 1 20-20 20 20 0 0 1-20 20zm-176-4h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352z"></path></svg>
\ No newline at end of file
diff --git a/img/year-reverse-icon.svg b/img/year-reverse-icon.svg
new file mode 100644
index 0000000..71dbcdd
--- /dev/null
+++ b/img/year-reverse-icon.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="sort-numeric-down-alt" class="svg-inline--fa fa-sort-numeric-down-alt fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M176 352h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.36 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm224 64h-16V304a16 16 0 0 0-16-16h-48a16 16 0 0 0-14.29 8.83l-16 32A16 16 0 0 0 304 352h16v64h-16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h96a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM330.17 34.91a79 79 0 0 0-55 54.17c-14.27 51.05 21.19 97.77 68.83 102.53a84.07 84.07 0 0 1-20.85 12.91c-7.57 3.4-10.8 12.47-8.18 20.34l9.9 20c2.87 8.63 12.53 13.49 20.9 9.91 58-24.77 86.25-61.61 86.25-132V112c-.02-51.21-48.4-91.34-101.85-77.09zM352 132a20 20 0 1 1 20-20 20 20 0 0 1-20 20z"></path></svg>
\ No newline at end of file
diff --git a/open-access.png b/open-access.png
deleted file mode 100644
index b46d6fe..0000000
Binary files a/open-access.png and /dev/null differ
diff --git a/open-access.svg b/open-access.svg
new file mode 100644
index 0000000..209cac0
--- /dev/null
+++ b/open-access.svg
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="svg2403"
+   sodipodi:version="0.32"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
+   width="900"
+   height="360"
+   xml:space="preserve"
+   sodipodi:docname="open-access.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape"
+   version="1.1"><metadata
+     id="metadata2408"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs2406"><inkscape:perspective
+       sodipodi:type="inkscape:persp3d"
+       inkscape:vp_x="0 : 526.18109 : 1"
+       inkscape:vp_y="0 : 1000 : 0"
+       inkscape:vp_z="744.09448 : 526.18109 : 1"
+       inkscape:persp3d-origin="372.04724 : 350.78739 : 1"
+       id="perspective2410" /><clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath2418"><path
+         d="M 0,288 L 720,288 L 720,0 L 0,0 L 0,288 z"
+         id="path2420" /></clipPath></defs><sodipodi:namedview
+     inkscape:window-height="1046"
+     inkscape:window-width="1920"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     guidetolerance="10.0"
+     gridtolerance="10.0"
+     objecttolerance="10.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base"
+     showgrid="false"
+     inkscape:zoom="0.85481352"
+     inkscape:cx="738.53938"
+     inkscape:cy="134.98226"
+     inkscape:window-x="0"
+     inkscape:window-y="16"
+     inkscape:current-layer="g2416"
+     inkscape:window-maximized="0" /><g
+     id="g2412"
+     inkscape:groupmode="layer"
+     inkscape:label="Open Access logo"
+     transform="matrix(1.25,0,0,-1.25,0,360)"><g
+       id="g2414"><g
+         id="g2416"
+         clip-path="url(#clipPath2418)"><path
+           d="M 262.883,200.896 L 262.883,192.05 L 288.822,192.05 L 288.822,200.896 C 288.822,222.308 306.243,239.727 327.652,239.727 C 349.061,239.727 366.481,222.308 366.481,200.896 L 366.481,136.911 L 392.42,136.911 L 392.42,200.896 C 392.42,236.609 363.364,265.665 327.652,265.665 C 291.941,265.665 262.883,236.609 262.883,200.896"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2424" /><path
+           d="M 349.153,99.568 C 349.153,87.752 339.573,78.172 327.754,78.172 C 315.936,78.172 306.355,87.752 306.355,99.568 C 306.355,111.391 315.936,120.972 327.754,120.972 C 339.573,120.972 349.153,111.391 349.153,99.568"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2426" /><path
+           d="M 277.068,99.799 C 277.068,127.61 299.695,150.235 327.505,150.235 C 355.314,150.235 377.938,127.61 377.938,99.799 C 377.938,71.991 355.314,49.362 327.505,49.362 C 299.695,49.362 277.068,71.991 277.068,99.799 M 251.13,99.799 C 251.13,57.691 285.395,23.426 327.505,23.426 C 369.616,23.426 403.878,57.691 403.878,99.799 C 403.878,141.913 369.616,176.174 327.505,176.174 C 285.395,176.174 251.13,141.913 251.13,99.799"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2428" /><path
+           d="M 51.742,106.854 C 59.69,106.854 64.241,114.339 64.241,124.521 C 64.241,133.86 59.845,141.889 51.742,141.889 C 43.639,141.889 39.085,134.019 39.085,124.293 C 39.085,114.49 43.793,106.854 51.666,106.854 L 51.742,106.854 z M 51.202,97.513 C 35.846,97.513 26.741,109.166 26.741,123.981 C 26.741,139.575 36.771,151.221 52.051,151.221 C 68.023,151.221 76.742,139.265 76.742,124.911 C 76.742,107.776 66.478,97.513 51.277,97.513 L 51.202,97.513 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2430" /><path
+           d="M 98.851,126.071 C 99.852,125.834 101.088,125.761 102.782,125.761 C 109.036,125.761 112.892,128.925 112.892,134.17 C 112.892,138.955 109.651,141.809 103.711,141.809 C 101.319,141.809 99.698,141.656 98.851,141.427 L 98.851,126.071 z M 87.198,149.679 C 90.823,150.297 95.918,150.758 103.095,150.758 C 110.345,150.758 115.594,149.375 119.066,146.515 C 122.386,143.972 124.546,139.647 124.546,134.554 C 124.546,129.386 122.925,125.064 119.838,122.209 C 115.824,118.506 109.807,116.731 102.861,116.731 C 101.319,116.731 99.929,116.807 98.851,117.043 L 98.851,98.363 L 87.198,98.363 L 87.198,149.679 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2432" /><path
+           d="M 165.711,120.357 L 146.572,120.357 L 146.572,108.014 L 167.948,108.014 L 167.948,98.363 L 134.845,98.363 L 134.845,150.376 L 166.868,150.376 L 166.868,140.729 L 146.572,140.729 L 146.572,129.926 L 165.711,129.926 L 165.711,120.357 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2434" /><path
+           d="M 181.763,98.363 L 181.763,150.376 L 195.497,150.376 L 206.298,131.317 C 209.389,125.834 212.395,119.356 214.787,113.49 L 214.944,113.49 C 214.25,120.357 214.015,127.378 214.015,135.252 L 214.015,150.376 L 224.82,150.376 L 224.82,98.363 L 212.474,98.363 L 201.362,118.427 C 198.274,124.063 194.802,130.697 192.333,136.793 L 192.024,136.793 C 192.408,129.849 192.564,122.52 192.564,114.031 L 192.564,98.363 L 181.763,98.363 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2436" /><path
+           d="M 450.392,120.509 L 447.153,131.547 C 446.304,134.632 445.375,138.566 444.604,141.579 L 444.378,141.579 C 443.68,138.494 442.83,134.56 442.058,131.547 L 438.898,120.509 L 450.392,120.509 z M 437.196,111.718 L 433.573,98.363 L 421.377,98.363 L 437.273,150.376 L 452.634,150.376 L 468.833,98.363 L 456.179,98.363 L 452.165,111.718 L 437.196,111.718 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2438" /><path
+           d="M 513.19,99.755 C 511.107,98.752 506.17,97.513 499.918,97.513 C 481.939,97.513 472.678,108.784 472.678,123.672 C 472.678,141.427 485.336,151.226 501.075,151.226 C 507.175,151.226 511.802,149.988 513.886,148.907 L 511.419,139.647 C 509.1,140.648 505.788,141.579 501.539,141.579 C 492.278,141.579 485.023,135.944 485.023,124.293 C 485.023,113.879 491.198,107.315 501.618,107.315 C 505.239,107.315 509.1,108.014 511.493,109.015 L 513.19,99.755 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2440" /><path
+           d="M 559.468,99.755 C 557.383,98.752 552.448,97.513 546.192,97.513 C 528.215,97.513 518.954,108.784 518.954,123.672 C 518.954,141.427 531.612,151.226 547.353,151.226 C 553.45,151.226 558.078,149.988 560.162,148.907 L 557.693,139.647 C 555.38,140.648 552.057,141.579 547.814,141.579 C 538.555,141.579 531.301,135.944 531.301,124.293 C 531.301,113.879 537.476,107.315 547.891,107.315 C 551.521,107.315 555.38,108.014 557.769,109.015 L 559.468,99.755 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2442" /><path
+           d="M 603.989,120.357 L 584.852,120.357 L 584.852,108.014 L 606.229,108.014 L 606.229,98.363 L 573.124,98.363 L 573.124,150.376 L 605.151,150.376 L 605.151,140.729 L 584.852,140.729 L 584.852,129.926 L 603.989,129.926 L 603.989,120.357 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2444" /><path
+           d="M 620.428,110.406 C 623.513,108.784 628.452,107.162 633.468,107.162 C 638.867,107.162 641.726,109.398 641.726,112.87 C 641.726,116.033 639.258,117.965 633.005,120.126 C 624.363,123.211 618.65,127.996 618.65,135.635 C 618.65,144.511 626.137,151.226 638.329,151.226 C 644.271,151.226 648.513,150.066 651.602,148.604 L 648.977,139.186 C 646.973,140.188 643.187,141.656 638.179,141.656 C 633.079,141.656 630.613,139.265 630.613,136.641 C 630.613,133.321 633.468,131.858 640.259,129.235 C 649.441,125.834 653.688,121.056 653.688,113.646 C 653.688,104.921 647.052,97.513 632.774,97.513 C 626.833,97.513 620.965,99.134 618.035,100.756 L 620.428,110.406 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2446" /><path
+           d="M 664.835,110.406 C 667.922,108.784 672.858,107.162 677.873,107.162 C 683.277,107.162 686.133,109.398 686.133,112.87 C 686.133,116.033 683.662,117.965 677.409,120.126 C 668.771,123.211 663.061,127.996 663.061,135.635 C 663.061,144.511 670.54,151.226 682.734,151.226 C 688.678,151.226 692.922,150.066 696.009,148.604 L 693.386,139.186 C 691.381,140.188 687.6,141.656 682.582,141.656 C 677.488,141.656 675.021,139.265 675.021,136.641 C 675.021,133.321 677.873,131.858 684.665,129.235 C 693.846,125.834 698.091,121.056 698.091,113.646 C 698.091,104.921 691.454,97.513 677.178,97.513 C 671.24,97.513 665.373,99.134 662.444,100.756 L 664.835,110.406 z"
+           style="fill:#f68212;fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path2448" /></g></g></g></svg>
\ No newline at end of file
