71 lines
2.4 KiB
HTML
71 lines
2.4 KiB
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;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="A4 landscape">
|
|
<div class="sheet">
|
|
<div class="columns is-multiline">
|
|
{{ range .cards }}
|
|
<div class="column is-half runnercard">
|
|
<p class="title is-5" style="text-align: center; padding-bottom: 0; margin-top: -0.75rem;">{{ $.EventName }}</p>
|
|
<p style="text-align: center; margin-top: -1.5rem; font-size: small;">{{ $.CardSubtitle }}</p>
|
|
<p style="font-size: small;">Mit Unterstützung von:</p>
|
|
<div class="columns" style="height: 6rem; overflow: hidden;">
|
|
<div class="column is-half">
|
|
<!--SPONSOR LOGO HERE-->
|
|
<img style="vertical-align: revert; margin-top: auto; object-fit: cover; max-height: 2cm;"
|
|
src="data:image/png;base64,{{ sponsorLogo .ID }}" />
|
|
</div>
|
|
<div class="column is-half">
|
|
<!--BARCODE HERE-->
|
|
<img style="vertical-align: revert; margin-top: auto; object-fit: cover; max-height: 2cm;"
|
|
src="data:image/png;base64,{{ barcode .Code $.BarcodeFormat $.BarcodePrefix }}" />
|
|
</div>
|
|
</div>
|
|
<p>{{ .Runner.LastName }}, {{ .Runner.FirstName }} {{ .Runner.MiddleName }}</p>
|
|
<p>{{ .Runner.Group.Name }}</p>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
<div class="sheet">
|
|
<div class="columns is-multiline">
|
|
{{ range cards_swapped }}
|
|
<div class="column is-half runnercard" style="justify-content: center; align-items: center; text-align: center;">
|
|
<!--SPONSOR LOGO FIRST-->
|
|
<div style="height: 2cm; padding: 0 0 2.25cm 0">
|
|
<img style="object-fit: cover; max-height: 2cm;" src="data:image/png;base64,{{ sponsorLogo .ID }}" />
|
|
</div>
|
|
<img style="object-fit: cover; max-height: 2.5cm; position: relative;" src="data:image/png;base64,{{ barcode .Code $.BarcodeFormat $.BarcodePrefix }}" />
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |