Archive link

_layouts/default.html

@@ -42,12 +42,16 @@ <h1 class="title">
         <div class="download-bar">
           <div class="inner">
             <a href="{{ site.baseurl }}/downloads.html"
-              class="download-button downloads">
-              <span>Downloads</span>
+              class="download-button">
+              <i class="fas fa-download"></i><span>Downloads</span>
             </a>
             <a href="http://cdogs.morezombies.net"
-              class="download-button campaigns">
-              <span>Campaigns</span>
+              class="download-button">
+              <i class="fas fa-link"></i><span>Campaigns</span>
+            </a>
+            <a href="{{ site.baseurl }}/archive.html"
+              class="download-button">
+              <i class="fas fa-archive"></i><span>Archive</span>
             </a>
             <a href="https://github.com/cxong/cdogs-sdl" class="code">GitHub</a>
           </div>

css/stylesheet.css

@@ -181,26 +181,6 @@ p.tagline {
   filter:alpha(opacity=1);
 }
 
-a.downloads,
-a.downloads span {
-  background: transparent url(../images/download.png) no-repeat 0 0;
-  width: 24px;
-  height: 24px;
-  display: inline-block;
-  text-indent: -10000px;
-  -webkit-transition: opacity ease-in-out 0.3s;
-}
-
-a.campaigns,
-a.campaigns span {
-  background: transparent url(../images/link.png) no-repeat 0 0;
-  width: 24px;
-  height: 24px;
-  display: inline-block;
-  text-indent: -10000px;
-  -webkit-transition: opacity ease-in-out 0.3s;
-}
-
 a.code {
   background: transparent url(../images/code.png) no-repeat 0 2px;
   width: 30px;