Now layout is fully bootstrap based

Added hover.css

archive.html

@@ -4,20 +4,34 @@ title: Archive
 permalink: /archive/
 ---
 
-<div class="home">
+<div class="wrapper container-fluid">
 
-  <h1 class="page-heading">Archive</h1>
+  <div class="row">
 
-  <ul class="post-list">
     {% for event in site.posts %}
       {% for talk in event.talks %}
-        <li>
-          <h3>{{talk.artist}}</h3>
-        </li>
+
+        <div class="col-md-3">
+
+          <div class="artist-media">
+            {% if {{talk.media_artist_url}} %}
+              <img  src={{talk.media_artist_url}}></img>
+            {% else %}
+              <img class="artist_media" src="/assets/no_artist_media.png"></img>
+            {% endif %}
+          </div>
+
+          <div class="talk_detail">
+            <h3><a class="button hvr-sweep-to-top" href={{talk.artist_website}} target="_blank">{{talk.artist}}</a></h3>
+          </div>
+
+        </div>
+
       {% endfor %}
     {% endfor %}
-  </ul>
 
-  <p class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></p>
+    </div>
+
+  </div>
 
 </div>