diff --git a/src/static/css/App.css b/src/static/css/App.css
index eabd300..b07036a 100644
--- a/src/static/css/App.css
+++ b/src/static/css/App.css
@@ -835,6 +835,7 @@ a {
   padding: 10px;
   border: solid 2px #553;
   background-image: url("/static/photos/wood.jpg");
+  cursor: pointer;
 }
 
 .bookshelfHeader {
diff --git a/src/templates/home.html b/src/templates/home.html
index 28f377b..6debf9f 100644
--- a/src/templates/home.html
+++ b/src/templates/home.html
@@ -62,9 +62,21 @@
         }}
       </div>
       <br />
-      {% from 'partials/bookshelf.html' import bookshelf %} {{
-      bookshelf(var.books) }}
+      <div>
+        {% from 'partials/bookshelf.html' import bookshelf %} {{
+        bookshelf(var.books) }}
+      </div>
       <br />
+      <div>
+        <iframe
+          height="200"
+          max-width="360"
+          frameborder="0"
+          allowtransparency="true"
+          scrolling="yes"
+          src="https://www.strava.com/athletes/139855203/latest-rides/95b8e0be96e32b8de82254d1c6627723a35eea6f"
+        ></iframe>
+      </div>
       <div class="pointer" onClick="goto('duck')">
         <img
           alt="duck spinning"
diff --git a/src/templates/partials/bookshelf.html b/src/templates/partials/bookshelf.html
index 24d6f09..1944f54 100644
--- a/src/templates/partials/bookshelf.html
+++ b/src/templates/partials/bookshelf.html
@@ -1,6 +1,5 @@
 {% macro bookshelf(books) %}
-<a href="/books">
-  <div class="bookshelf">
+  <div class="bookshelf" onclick="goto('books')">
     <div class="flex">
       <h4 class="bookshelfHeader">Check out the things I read:</h4>
       <p class='nomargin'>See More >></p>
@@ -19,5 +18,4 @@
       {% endfor %}
     </div>
   </div>
-</a>
 {% endmacro %}