collage cards

carddeck1/cards.html

@@ -12,67 +12,61 @@
     
     <div class="card">
         <h2>SHAHMARAN</h2>
-        <p class = 'image'><img src='./images/10.jpg'></p>
+        <p class = 'image'><img src='./images/SHAHMARAN.png'></p>
         <p class = 'text'></p>
     </div>
     
 
     <div class="card">
         <h2>RESISTANCE</h2>
-        <p class = 'image'><img src='./images/11.jpg'></p>
+        <p class = 'image'><img src='./images/resistance.png'></p>
         <p class = 'text'></p>
     </div>
     
     <div class="card">
         <h2>IDENTIFY ME</h2>
-        <p class = 'image'><img src='./images/9.jpg'></p>
+        <p class = 'image'><img src='./images/identify.png'></p>
         <p class = 'text'></p>
     </div>
     <div class="card">
         <h2>DARLING, DARLING</h2>
-        <p class = 'image'><img src='./images/7.jpg'></p>
+        <p class = 'image'><img src='./images/darling.png'></p>
         <p class = 'text'></p>
     </div>
     <div class="card">
         <h2>I HAD A DREAM</h2>
-        <p class = 'image'><img src='./images/4.jpg'></p>
+        <p class = 'image'><img src='./images/dream.png'></p>
         <p class = 'text'></p>
     </div>
 
     <div class="card">
-        <h2></h2>
+        <h2>MONITOR</h2>
-        <p class = 'image'><img src='./images/1.jpg'></p>
+        <p class = 'image'><img src='./images/monitors.png'></p>
         <p class = 'text'></p>
     </div>
     
     <div class="card">
-        <h2></h2>
+        <h2>medium</h2>
-        <p class = 'image'><img src='./images/2.jpg'></p>
+        <p class = 'image'><img src='./images/medium.png'></p>
         <p class = 'text'></p>
     </div>
     
     <div class="card">
-        <h2></h2>
+        <h2>NA(RRA)TION</h2>
-        <p class = 'image'><img src='./images/3.jpg'></p>
+        <p class = 'image'><img src='./images/na(rra)tions.png'></p>
         <p class = 'text'></p>
     </div>
     <div class="card">
-        <h2></h2>
+        <h2>PARASITES</h2>
-        <p class = 'image'><img src='./images/5.jpg'></p>
+        <p class = 'image'><img src='./images/parasites.png'></p>
         <p class = 'text'></p>
     </div>
     <br>
     <br>
     <br>
     <div class="card">
-        <h2></h2>
+        <h2>HERETICS</h2>
-        <p class = 'image'><img src='./images/6.jpg'></p>
+        <p class = 'image'><img src='./images/heretics.png'></p>
-        <p class = 'text'></p>
-    </div>
-
-    <div class="card">
-        <h2></h2>
-        <p class = 'image'><img src='./images/8.jpg'></p>
         <p class = 'text'></p>
     </div>
     

carddeck1/cards.json

@@ -2,52 +2,52 @@
 	"cards" : [{
 		"name" : "MEDIUM",
 		"text" : "",
-		"image": "1.jpg"
+		"image": "medium.jpg"
 	},
 	{
 		"name" : "PARASITES",
 		"text" : "",
-		"image": "3.jpg"
+		"image": "parasites.jpg"
 	},
 	{
 		"name" : "HERETICS",
 		"text" : "",
-		"image": "5.jpg"
+		"image": "heretics.jpg"
 	},
 	{
 		"name" : "NA(RRA)TION",
 		"text" : "",
-		"image": "6.jpg"
+		"image": "na(rra)tions.jpg"
 	},
 	{
 		"name" : "MONITOR",
 		"text" : "",
-		"image": "8.jpg"
+		"image": "monitors.jpg"
 	},
 	{
 		"name" : "RESISTANCE",
 		"text" : "",
-		"image": "11.jpg"
+		"image": "resistance.jpg"
 	},
 	{
 		"name" : "SHAHMARAN",
 		"text" : "",
-		"image": "10.jpg"
+		"image": "SHAHMARAN.jpg"
 	},
 	{
 		"name" : "IDENTIFY ME",
 		"text" : "",
-		"image": "9.jpg"
+		"image": "identify.jpg"
 	},
 	{
 		"name" : "DARLING, DARLING",
 		"text" : "",
-		"image": "7.jpg"
+		"image": "darling.jpg"
 	},
 	{
 		"name" : "I HAD A DREAM",
 		"text" : "",
-		"image": "4.jpg"
+		"image": "dream.jpg"
 	}
 	
 	]