50 lines
991 B
HTML
50 lines
991 B
HTML
<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;
|
|
padding: 1.2cm 2cm 1.2cm 2cm
|
|
}
|
|
|
|
body.A4 .sheet {
|
|
width: 210mm;
|
|
height: 296mm
|
|
}
|
|
|
|
.runnercard {
|
|
border: 1px solid;
|
|
height: 5.5cm;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="A4 landscape">
|
|
<div class="sheet">
|
|
<div class="columns is-multiline">
|
|
{{#each cards}}
|
|
<div class="column is-half runnercard">
|
|
<p>Front: {{this.code}}</p>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
<div class="sheet">
|
|
<div class="columns is-multiline">
|
|
{{#each cards}}
|
|
<div class="column is-half runnercard">
|
|
<p>Back: {{this.code}}</p>
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |