Make cards clickable in all.html

templates/all.html.j2

@@ -19,16 +19,22 @@ body {
 	float: left;
     border: 1px solid transparent;
 	page-break-inside: avoid;
+	position: relative;
 }
 
+.card_cover,
 iframe {
-	margin:  0px;
-	padding: none;
-	border:  none;
+	position: absolute;
+	top:0;
+	left:0;
 	width:2.5in;
 	height:3.5in;
-	overflow: hidden;
-	page-break-inside: avoid;
+	margin:  none;
+	padding: none;
+	border:  none;
+}
+.card_cover {
+	cursor: pointer;
 }
 
 </style>
@@ -37,6 +43,7 @@ iframe {
 {% for cardname in cards %}
 	<div class="card_wrapper">
 		<iframe src="{{ cardname }}" scrolling=no></iframe>
+		<div class="card_cover" onclick='window.location = {{cardname|tojson}}'></div>
 	</div>
 {% endfor %}
 </div>