Added template strings

ref #46
Added backside table
2021-03-31 15:13:08 +02:00 · 2021-03-31 15:09:14 +02:00 · 2021-03-31 15:00:12 +02:00 · 2021-03-31 14:51:41 +02:00 · 2021-03-30 16:08:57 +00:00
4 changed files with 105 additions and 0 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,9 +2,15 @@

 All notable changes to this project will be documented in this file. Dates are displayed in UTC.

+#### [v0.4.3](https://git.odit.services/lfk/document-server/compare/v0.4.3...v0.4.3)
+
 #### [v0.4.3](https://git.odit.services/lfk/document-server/compare/v0.4.2...v0.4.3)

+> 30 March 2021
+
+- Merge pull request 'Release 0.4.3' (#40) from dev into main [`c8dc998`](https://git.odit.services/lfk/document-server/commit/c8dc998ecdccc7fc4348ecc0db552a3d7bc2eb52)
 - 🧾New changelog file version [CI SKIP] [skip ci] [`289a0d8`](https://git.odit.services/lfk/document-server/commit/289a0d8671575dda911c64f79d24726d3bbee071)
+- 🧾New changelog file version [CI SKIP] [skip ci] [`3df3d26`](https://git.odit.services/lfk/document-server/commit/3df3d26708aab12590cd9c1f697cfdea8017ace4)
 - 🧾New changelog file version [CI SKIP] [skip ci] [`457ea26`](https://git.odit.services/lfk/document-server/commit/457ea26cf8124009084415d12c7a0e31912a3eb1)
 - 🚀Bumped version to v0.4.3 [`c3beb3e`](https://git.odit.services/lfk/document-server/commit/c3beb3e1032492f9a8304c4b099a700ad0d1d2cf)
 - Pipeline mtu fix [`c2d2b66`](https://git.odit.services/lfk/document-server/commit/c2d2b66f2f6fbd30c2027fd3dab393db5219eb44)
--- a/src/templates/certficate_background.png
+++ b/src/templates/certficate_background.png
--- a/src/templates/certificate_footer.png
+++ b/src/templates/certificate_footer.png
--- a/src/templates/runner_certificate.html
+++ b/src/templates/runner_certificate.html
@@ -0,0 +1,99 @@
+<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;
+      background-image: url("./certficate_background.png");
+      background-repeat: no-repeat;
+      background-size: 11cm;
+      background-position: 5cm 5cm;
+      background-color: rgba(255, 255, 255, 0.7);
+      background-blend-mode: lighten;
+      /* border-style: solid; */
+    }
+
+    body.A4 .sheet {
+      width: 210mm;
+      height: 296mm
+    }
+
+    .certificate-footer {
+      position: absolute;
+      bottom: 0cm;
+    }
+
+    td {
+      border: 1px solid black;
+      font-size: large;
+      font-weight: 600;
+    }
+  </style>
+</head>
+
+<body class="A4 landscape">
+  {{#each runners}}
+  <div class="sheet">
+    <header class="content has-text-centered">
+      <h1 style="font-size: 3cm; font-weight: bold;">Urkunde</h1>
+    </header>
+    <img class="background" style="position: absolute;">
+    <main class="content has-text-centered" style="padding-top: 3cm;">
+      <p style="width: 50%; font-size: 4vw; font-weight: bold; margin-bottom: 0; display: inline;">{{this.firstname}}
+        {{this.middlename}} {{this.lastname}}
+      </p>
+      <p style="font-size: 1cm; margin-bottom: 0;">Hat beim {{../eventname}}</p>
+      <p style="font-size: 2cm; font-weight: bold; margin-bottom: 0;">{{this.distance}}km</p>
+      <p style="font-size: 1cm;">für den guten Zweck zurückgelegt</p>
+    </main>
+    <footer class="certificate-footer">
+      <img src="./certificate_footer.png">
+    </footer>
+  </div>
+  <div class="sheet">
+    <header class="content has-text-centered">
+      <h1 style="font-size: 2.5cm;">Sponsorings</h1>
+    </header>
+    <main>
+      <table style="border: solid; width: 17cm;">
+        <thead>
+          <td class=".td-head">Sponsor:in</td>
+          <td>Betrag/KM</td>
+          <td>Gesamtbetrag</td>
+        </thead>
+        <tbody>
+          {{#each this.distanceDonations}}
+          <tr>
+            <td>{{this.dornor}}</td>
+            <td>{{this.amountPerDistance}}</td>
+            <td>{{this.amount}}]</td>
+          </tr>
+          {{/each}}
+        </tbody>
+        <tfoot>
+          <td>Gesamt</td>
+          <td>0.5€</td>
+          <td>1€</td>
+        </tfoot>
+      </table>
+    </main>
+    <footer class="certificate-footer">
+      <p>
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+        dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+        clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+      </p>
+    </footer>
+  </div>
+  {{/each}}
+</body>
+
+</html>
Author	SHA1	Message	Date
Nicolai Ort	2b2195727b	Added template strings ref #46	2021-03-31 15:13:08 +02:00
Nicolai Ort	3ca2237953	Added backside table ref #36	2021-03-31 15:09:14 +02:00
Nicolai Ort	8d6ea4dbf9	Fixed bg image opacity overlay ref #36	2021-03-31 15:00:12 +02:00
Nicolai Ort	8b71608792	Added front certificate design ref #36	2021-03-31 14:51:41 +02:00
Nicolai Ort	f1084b59a7	🧾New changelog file version [CI SKIP] [skip ci]	2021-03-30 16:08:57 +00:00