From 06e072b050383b7d012768c07fbce82c78e19b45 Mon Sep 17 00:00:00 2001
From: Andrew Simonson <asimonson1125@gmail.com>
Date: Wed, 12 Jun 2024 18:57:33 -0500
Subject: [PATCH] strava embed

---
 src/static/css/App.css                |  1 +
 src/templates/home.html               | 16 ++++++++++++++--
 src/templates/partials/bookshelf.html |  4 +---
 3 files changed, 16 insertions(+), 5 deletions(-)

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 %}