Added basic logic to generate two-sided runnercards

ref #14
This commit is contained in:
Nicolai Ort 2021-02-08 10:07:58 +01:00
parent 8fc6c7176e
commit d3a213ce33
1 changed files with 44 additions and 0 deletions

View File

@ -0,0 +1,44 @@
<html>
<head>
<meta charset="utf8">
<title>Sponsoring contract</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
<style>
.sheet {
margin: 0;
overflow: hidden;
position: relative;
box-sizing: border-box;
page-break-after: always;
}
body.A4 .sheet {
width: 210mm;
height: 296mm
}
</style>
</head>
<body class="A4 landscape">
<div class="sheet">
<div class="columns is-multiline">
{{#each cards}}
<div class="column is-half" style="border: 1px solid; height: 5cm;">
<p>Front: {{this.code}}</p>
</div>
{{/each}}
</div>
</div>
<div class="sheet">
<div class="columns is-multiline">
{{#each cards}}
<div class="column is-half" style="border: 1px solid; height: 5cm;">
<p>Back: {{this.code}}</p>
</div>
{{/each}}
</div>
</div>
</body>
</html>