Updated hobbies section, size in modal still weird

rashelrr · Nov 15, 2023 · 51fc7a1 · 51fc7a1
1 parent f409cb2
commit 51fc7a1
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 12 deletions.
diff --git a/app/data.json b/app/data.json
@@ -74,19 +74,19 @@
     ],
     "hobbies" : [
         {
-            "image" : "bellydance.png",
-            "hobby" : "Bellydance",
-            "caption": "I'm on my university's bellydancing troupe, CU Raqs! We host a variety of classes throughout the semester and host our own annual spring show where we're joined by several other dance groups."
+            "image" : "coding.jpeg",
+            "hobby" : "Coding",
+            "caption": "I'm always looking for new projects to work on. Currently, I'm working on this website."
         },
         {
-            "image" : "gym.jpg",
-            "hobby" : "Working Out",
-            "caption": "I enjoy strength training. My goal is to be able to do 10 pull ups one day :)"
+            "image" : "salsa.jpg",
+            "hobby" : "Salsa Dancing",
+            "caption": "I've always loved salsa and so this summer, I decided to take some salsa classes in my neighborhood and continue to practice at Salsa clubs!"
         },
         {
-            "image" : "coding.jpeg",
-            "hobby" : "Coding",
-            "caption": "I'm always looking for new projects to work on. Currently, I'm helping a friend develop an iOS music collaboration app."
+            "image" : "gym.jpeg",
+            "hobby" : "Working Out",
+            "caption": "I enjoy strength training. Currently, I can squat 100lbs - my goal is to squat my own body weight."
         }
     ]
 }
diff --git a/app/static/img/bellydance.png b/app/static/img/bellydance.png
diff --git a/app/static/img/gym.jpeg b/app/static/img/gym.jpeg
diff --git a/app/static/img/gym.jpg b/app/static/img/gym.jpg
diff --git a/app/static/img/salsa.jpg b/app/static/img/salsa.jpg
diff --git a/app/static/scripts/modal.js b/app/static/scripts/modal.js
@@ -2,7 +2,7 @@
 var modal = document.getElementById("myModal");
 
 // Get the image and insert it inside the modal - use its "alt" text as a caption
-var img = document.getElementById("Bellydance");
+var img = document.getElementById("Coding");
 var modalImg = document.getElementById("img01");
 var captionText = document.getElementById("caption");
 img.onclick = function(){
@@ -11,14 +11,14 @@ img.onclick = function(){
   captionText.innerHTML = this.alt;
 }
 
-var img2 = document.getElementById("Working Out");
+var img2 = document.getElementById("Salsa Dancing");
 img2.onclick = function(){
   modal.style.display = "block";
   modalImg.src = this.src;
   captionText.innerHTML = this.alt;
 }
 
-var img3 = document.getElementById("Coding");
+var img3 = document.getElementById("Working Out");
 img3.onclick = function(){
   modal.style.display = "block";
   modalImg.src = this.src;