collage cards

carddeck1/cards.html

@@ -46,7 +46,7 @@
     </div>
     
     <div class="card">
-        <h2>medium</h2>
+        <h2>MEDIUM</h2>
         <p class = 'image'><img src='./images/medium.png'></p>
         <p class = 'text'></p>
     </div>
@@ -61,15 +61,57 @@
         <p class = 'image'><img src='./images/parasites.png'></p>
         <p class = 'text'></p>
     </div>
-    <br>
+
-    <br>
-    <br>
     <div class="card">
         <h2>HERETICS</h2>
         <p class = 'image'><img src='./images/heretics.png'></p>
         <p class = 'text'></p>
     </div>
 
+
+
+
+    <div class="card">
+        <h2></h2> 
+              
+        <p class = 'text'>Where somebody could find the witch in here?</p>
+    </div>
+    
+
+    <div class="card">
+        <h2></h2>        
+        <p class = 'text'>Who are witch's enemies here?</p>
+    </div>
+    
+    <div class="card">
+        <h2></h2>        
+        <p class = 'text'>What kind of tools/weapons would a witch use here?</p>
+    </div>
+    <div class="card">
+        <h2></h2>        
+        <p class = 'text'>Who would be witch's frineds here?</p>
+    </div>
+    <div class="card">
+        <h2></h2>        
+        <p class = 'text'>What the witch would destroy here?</p>
+    </div>
+
+    <div class="card">
+        <h2></h2>
+        <p class = 'text'>Can you describe a witch's ritual here?</p>
+    </div>
+    
+    <div class="card">
+        <h2></h2>
+        <p class = 'text'>What would be a witch's shelter here?</p>
+    </div>
+    
+    <div class="card">
+        <h2></h2>
+        <p class = 'text'>What would you do with your witch friend here?</p>
+    </div>
+    
+    
     </section>
 </body> 
 </html>

carddeck1/cards.json

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

carddeck1/stylesheet.css

@@ -16,7 +16,7 @@
    top: 10mm; 
    border-radius: 10px;
    z-index: -1;
-   display: none;
+    /* display: none; */
 }
 .card > h2{
     top: 5mm;
@@ -24,28 +24,30 @@
     margin: 0;
     text-align: center;
     padding-top: 3mm;
-    font-size: 15px;
+    font-size: 13px;
     font-family:monospace;
-    display: none;
+    /* display: none;  */
 }
 .card > p.text {
     width: 50mm;
     height: 50mm;
     position: absolute;
-    top: 15mm;
+    top: 40mm;
     left: 10mm;
     text-align: center; 
     margin: 0;
-    display: none;
+    font-family: monospace;
+    /* display: none;  */
  }
  .card > p.textnoimage {
     width: 60mm;
     height: 85mm;
     position: absolute;
-    top: 5mm;
+    top: 20mm;
     left: 5mm;
     right: 5mm;
     text-align: center;
     font-size: 6.5;
-    display: none; 
+    font-family: monospace;
+    /* display: none;   */
  }