strava embed

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 {

src/templates/home.html

@@ -62,9 +62,21 @@
         }}
       </div>
       <br />
-      {% from 'partials/bookshelf.html' import bookshelf %} {{
+      <div>
-      bookshelf(var.books) }}
+        {% 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"

src/templates/partials/bookshelf.html

@@ -1,6 +1,5 @@
 {% macro bookshelf(books) %}
-<a href="/books">
+  <div class="bookshelf" onclick="goto('books')">
-  <div class="bookshelf">
     <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 %}