fullscreen images when clicked

westonbelk · Apr 8, 2024 · 51c4ab6 · 51c4ab6
1 parent d95e238
commit 51c4ab6
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/web-projects/index.md b/web-projects/index.md
@@ -13,5 +13,15 @@ hero-text: A collection of web-related side projects.
 
 * A Pokemon card database and collection tracker that I built to keep my collection organized. The frontend is built in Angular, the backend API is written in Golang, and MongoDB is the database.
 
-<img style="max-height: 300px;" src="images/tcg-house-desktop.png">
-<img style="max-height: 300px;" src="images/tcg-house.png">
+<button type="button" data-bs-toggle="modal" data-bs-target="#desktopTcgHouseModal">
+    <img style="max-height: 300px;" src="images/tcg-house-desktop.png" data-bs-modal="modal" data-bs-target="#desktopTcgHouseModal">
+</button>
+
+
+<button type="button" data-bs-toggle="modal" data-bs-target="#mobileTcgHouseModal">
+    <img style="max-height: 300px;" src="images/tcg-house.png">
+</button>
+
+{% include modal.html url="images/tcg-house-desktop.png" id="desktopTcgHouseModal" %}
+
+{% include modal.html url="images/tcg-house.png" id="mobileTcgHouseModal" %}