124 lines
5.1 KiB
HTML
124 lines
5.1 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;
|
||
}
|
||
|
||
body.A5.landscape .sheet {
|
||
width: 210mm;
|
||
height: 147mm
|
||
}
|
||
|
||
.column {
|
||
margin-bottom: -20;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="A5 landscape">
|
||
{{ range .Runners }}
|
||
<div class="sheet">
|
||
<img id="header_img" width="100%" src="data:image/png;base64,{{ loadImage "sponsoringheader" }}" />
|
||
<div style=" padding: 0 1rem 0 1rem;">
|
||
<div class="columns">
|
||
<div class="column is-10">
|
||
<div class="columns" style="padding-bottom: 0;">
|
||
<div class="column is-two-fifths">
|
||
<p style="font-size: large; font-weight: bold;">Sponsoringerklärung</p>
|
||
</div>
|
||
<div class="column">
|
||
<p style="font-size: x-small; vertical-align: revert; margin-top: auto;">Bitte in DRUCKBUCHSTABEN
|
||
schreiben
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<p>Ich bin/ Wir sind bereit anlässlich des {{ $.EventName }}</p>
|
||
<div class="columns">
|
||
<div class="column is-9">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;">{{ .FirstName }}
|
||
{{ .MiddleName }}</span>
|
||
<p style="font-size: x-small; display: block;">Vorname</p>
|
||
</div>
|
||
<div class="column is-3">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;">{{ .ID }}</span>
|
||
<p style="font-size: x-small; display: block;">ID</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="column">
|
||
<img style="vertical-align: revert; margin-top: auto; object-fit: cover; max-height: 2cm;"
|
||
src="data:image/png;base64,{{ barcode (printf "%d" .ID) $.BarcodeFormat $.BarcodePrefix }}" />
|
||
</div>
|
||
</div>
|
||
<div class="columns" style="padding-top: 1rem;">
|
||
<div class="column is-6">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;">{{ .LastName }}</span>
|
||
<p style="font-size: x-small; display: block;">Nachname</p>
|
||
</div>
|
||
<div class="column is-6">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;">{{ .Group.Name }}</span>
|
||
<p style="font-size: x-small; display: block;">Team/ Klasse</p>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top: -0.5rem">mit einem Betrag von _____ {{ $.CurrencySymbol }} pro gelaufenem Kilometer zu
|
||
unterstützen.</p>
|
||
<div class="columns" style="margin-top: -1rem;">
|
||
<div class="column is-6">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;"> </span>
|
||
<p style="font-size: x-small; display: block;">Nachname</p>
|
||
</div>
|
||
<div class="column is-6">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;"> </span>
|
||
<p style="font-size: x-small; display: block;">Vorname</p>
|
||
</div>
|
||
</div>
|
||
<p style="font-size: medium; margin-top: -0.5rem;">Adresse (Sponsor)</p>
|
||
<p style="font-size: x-small;">(Muss ausgefüllt werden, wenn Sie eine Spendenquittung benötigen -
|
||
Spendenquittungen können erst ab einem Gesamtbetrag von {{ $.ReceiptMinimumAmount }}{{ $.CurrencySymbol }}
|
||
ausgestellt werden)</p>
|
||
<div class="columns" style="margin-top: -1rem;">
|
||
<div class="column is-8">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;"> </span>
|
||
<p style="font-size: x-small; display: block;">Straße</p>
|
||
</div>
|
||
<div class="column is-4">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;"> </span>
|
||
<p style="font-size: x-small; display: block;">Hausnummer</p>
|
||
</div>
|
||
</div>
|
||
<div class="columns" style="margin-top: -1rem;">
|
||
<div class="column is-4">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;"> </span>
|
||
<p style="font-size: x-small; display: block;">Postleitzahl</p>
|
||
</div>
|
||
<div class="column is-8">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;"> </span>
|
||
<p style="font-size: x-small; display: block;">Stadt</p>
|
||
</div>
|
||
</div>
|
||
<div class="columns" style="margin-top: -1rem;">
|
||
<div class="column is-7">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;"> </span>
|
||
<p style="font-size: x-small; display: block;">Ort, Datum</p>
|
||
</div>
|
||
<div class="column is-5">
|
||
<span style="border-bottom: 1px solid; width: 100%; display: block;"> </span>
|
||
<p style="font-size: x-small; display: block;">Unterschrift</p>
|
||
</div>
|
||
</div>
|
||
<p style="font-size: xx-small; overflow: hidden; height: 4rem; text-align: center;"> {{ $.Disclaimer }}</p>
|
||
</div>
|
||
</div>
|
||
{{ end }}
|
||
</body>
|
||
|
||
</html> |