50 lines
720 B
Django/Jinja
50 lines
720 B
Django/Jinja
<style>
|
|
|
|
@page
|
|
{
|
|
size: auto;
|
|
margin: 0.5cm;
|
|
}
|
|
|
|
body {
|
|
background-color: white;
|
|
margin: 0;
|
|
padding: 0;
|
|
-webkit-print-color-adjust: exact;
|
|
}
|
|
|
|
.card_wrapper {
|
|
width: 2.5in;
|
|
height: 3.5in;
|
|
float: left;
|
|
border: 1px solid transparent;
|
|
page-break-inside: avoid;
|
|
position: relative;
|
|
}
|
|
|
|
.card_cover,
|
|
iframe {
|
|
position: absolute;
|
|
top:0;
|
|
left:0;
|
|
width:2.5in;
|
|
height:3.5in;
|
|
margin: none;
|
|
padding: none;
|
|
border: none;
|
|
}
|
|
.card_cover {
|
|
cursor: pointer;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div>
|
|
{% 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>
|