Added first parts of template

ref #5
2021-02-06 19:16:45 +01:00
parent f69e7779e4
commit 13776d1ecb
4 changed files with 32 additions and 12 deletions
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -19,6 +19,9 @@
    "i18n-ally.localesPaths": "src/locales",
    "i18n-ally.keystyle": "nested",
    "i18n-ally.extract.keygenStrategy":"slug",
-    "i18n-ally.enabledFrameworks": ["custom"]
+    "i18n-ally.enabledFrameworks": [
+        "custom"
+    ],
+    "i18n-ally.sourceLanguage": "en"

 }
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -1,5 +1,6 @@
 {
  "firstname": "firstname",
  "lastname": "lastname",
-  "group": "group"
-}
+  "group": "group",
+  "id": "ID"
+}
--- a/src/templates/sponsoring_contract.html
+++ b/src/templates/sponsoring_contract.html
@@ -2,16 +2,32 @@
  <head>
    <meta charset="utf8">
    <title>Sponsoring contract</title>
-    <link rel="stylesheet" href="https://unpkg.com/mvp.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/paper-css/0.3.0/paper.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
  </head>
-  <body>
-    {{#each runners}}
-    <div class="page">
-      <p>ID: {{this.id}}</p>
-      <p>{{__ "firstname"}}: {{this.firstname}}</p>
-      <p>{{__ "lastname"}}: {{this.lastname}}</p>
-      <p>{{__ "group"}}: {{this.group.name}}</p>
+  <body class="A5 landscape">
+    <div class="sheet">
+     <img width="100%" src="sponsoringheader.png"/>
+     <div style="padding: 0 1rem 0 1rem;">
+      <div class="columns">
+        <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: bottom; margin-top: auto;">Bitte in DRUCKBUCHSTABEN schreiben</p></div>
+      </div>
+      <div class="columns">
+        <div class="column is-8">
+          <span style="border-bottom: 1px solid; width: 100%; display: block;">Vorname: Peter<span><br>
+          <p style="font-size: x-small; display: block;">Vorname</p>
+        </div>
+        <div class="column is-2">
+          <span style="border-bottom: 1px solid; width: 100%;">ID123</span><br>
+          <p style="font-size: x-small;">ID</p>
+        </div>
+        <div class="column">
+          .
+        </div>
+        </div>
+     </div>
+    </div>
    </div>
-  {{/each}}
  </body>
 </html>
--- a/src/templates/sponsoringheader.png
+++ b/src/templates/sponsoringheader.png