Make cards clickable in all.html

This commit is contained in:
Peder Bergebakken Sundt 2020-03-07 02:29:20 +01:00
parent 0af5055a29
commit 79af3cb715
1 changed files with 12 additions and 5 deletions

View File

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