make setlist svg

jukent · May 28, 2024 · 515f176 · 515f176
1 parent a1897fc
commit 515f176
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 4 deletions.
diff --git a/images/FamilyTree.drawio.svg b/images/FamilyTree.drawio.svg
diff --git a/images/setlist.drawio.svg b/images/setlist.drawio.svg
diff --git a/story.html b/story.html
@@ -59,16 +59,23 @@
         grid-row: span 2;
       }
 
-      /* CSS for adjusting the size of the family tree image */
     .family-tree {
       width: 70%;
     }
-    /* CSS for smaller screens */
     @media (max-width: 1200px) {
       .family-tree {
         width: 100%;
       }
     }
+
+    .setlist {
+      width: 50%;
+    }
+    @media (max-width: 1200px) {
+      .setlist {
+        width: 80%;
+      }
+    }
     </style>
   </head>
 
@@ -120,7 +127,7 @@ <h1 class="mt-5">How We Met</h1>
 
         <div class="text-center">
           <p style="font-size: small">~It's Love. It's Love, It always was, and it is, and it always will be Love.~</p>
-          <img src="images/setlist.png" width="70%" class="mx-auto d-block" alt="Set List" ondblclick="popImage(this.src)">
+          <img src="images/setlist.drawio.svg" class="mx-auto d-block setlist" style="border: 1rem solid white" alt="Set List" ondblclick="popImage(this.src)">
         </div>
 
         <div class="container mt-5">