Working Styleing

ref #5
2021-02-06 20:15:33 +01:00
1 parent a9e3360ee2
commit c617c40e9d
@@ -21,12 +21,18 @@
    .column {
      margin-bottom: -20;
    }
+
+    .detail {
+      padding: 0rem 0.5rem 1rem 0.5rem;
+    }
  </style>
 </head>

 <body class="A5 landscape">
+  {{#each runners}}
  <div class="sheet">
-    <img id="header_img" width="100%" src="data:image/png;base64,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 truncated
+    <img id="header_img" width="100%"
+      src="data:image/png;base64,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 truncated
    <div style="padding: 0 1rem 0 1rem;">
      <div class="columns" style="padding-bottom: 0;">
        <div class="column is-two-fifths">
@@ -38,76 +44,84 @@
        </div>
      </div>
      <p>Ich/Wir sind bereit anlässlich des Lauf für Kaya! 2021</p>
-      <div class="columns" style="padding-top: 0;">
-        <div class="column is-8">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">Vorname: Peter</span>
-          <p style="font-size: x-small; display: block;">Vorname</p>
+      <div class="detail">
+        <div class="columns" style="padding-top: 0;">
+          <div class="column is-8">
+            <span style="border-bottom: 1px solid; width: 100%; display: block;">Vorname: Peter</span>
+            <p style="font-size: x-small; display: block;">Vorname</p>
+          </div>
+          <div class="column is-2">
+            <span style="border-bottom: 1px solid; width: 100%; display: block;">1233456789</span>
+            <p style="font-size: x-small; display: block;">ID</p>
+          </div>
+          <div class="column">
+            CODE Here
+          </div>
        </div>
-        <div class="column is-2">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">1233456789</span>
-          <p style="font-size: x-small; display: block;">ID</p>
-        </div>
-        <div class="column">
-          CODE Here
-        </div>
-      </div>
-      <div class="columns">
-        <div class="column is-6">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">Nachname: Peter</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;">1233456789</span>
-          <p style="font-size: x-small; display: block;">Team/Klasse</p>
+        <div class="columns">
+          <div class="column is-6">
+            <span style="border-bottom: 1px solid; width: 100%; display: block;">Nachname: Peter</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;">1233456789</span>
+            <p style="font-size: x-small; display: block;">Team/Klasse</p>
+          </div>
        </div>
      </div>
      <p>mit einem Betrag von _____€ pro gelaufenem Kilometer zu unterstützen.</p>
-      <div class="columns">
-        <div class="column is-6">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">Nachname: Peter</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;">Vorname: Peter</span>
-          <p style="font-size: x-small; display: block;">Vorname</p>
+      <div class="detail">
+        <div class="columns">
+          <div class="column is-6">
+            <span style="border-bottom: 1px solid; width: 100%; display: block;">Nachname: Peter</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;">Vorname: Peter</span>
+            <p style="font-size: x-small; display: block;">Vorname</p>
+          </div>
        </div>
      </div>
      <p style="font-size: medium;">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 10€ ausgestellt werden)</p>
-      <div class="columns">
-        <div class="column is-8">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">An der Gesamtschule</span>
-          <p style="font-size: x-small; display: block;">Straße</p>
+      <div class="detail">
+        <div class="columns">
+          <div class="column is-8">
+            <span style="border-bottom: 1px solid; width: 100%; display: block;">An der Gesamtschule</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;">1234</span>
+            <p style="font-size: x-small; display: block;">Hausnummer</p>
+          </div>
        </div>
-        <div class="column is-4">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">1234</span>
-          <p style="font-size: x-small; display: block;">Hausnummer</p>
+        <div class="columns">
+          <div class="column is-4">
+            <span style="border-bottom: 1px solid; width: 100%; display: block;">91074</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;">Herzogenaurach</span>
+            <p style="font-size: x-small; display: block;">Stadt</p>
+          </div>
        </div>
      </div>
+      <br>
      <div class="columns">
-        <div class="column is-4">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">91074</span>
-          <p style="font-size: x-small; display: block;">Postleitzahl</p>
+        <div class="column is-7">
+          <span style="border-bottom: 1px solid; width: 100%; display: block;">Herzogenaurach, 01.01.0101</span>
+          <p style="font-size: x-small; display: block;">Ort, Datum</p>
        </div>
-        <div class="column is-8">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">Herzogenaurach</span>
-          <p style="font-size: x-small; display: block;">Stadt</p>
-        </div>
-      </div>
-      <div class="columns">
-        <div class="column is-4">
-          <span style="border-bottom: 1px solid; width: 100%; display: block;">01.01.1111, EineTolleUnterschrift</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;">Herzogenaurach</span>
-          <p style="font-size: x-small; display: block;">Stadt</p>
+        <div class="column is-5">
+          <span
+            style="border-bottom: 1px solid; width: 100%; display: block;">U̵̢̮͑̀n̵̗͌ẗ̵̢́̅e̶̻̊͋r̵̞̐͝s̴̭̓͂c̷͕͌̐h̷̥̩̄r̷̬̃i̴̙͓͠f̵̱͒͊t̷̩̤̀&nbsp;&nbsp;𝓤𝓷𝓽𝓮𝓻𝓼𝓬𝓱𝓻𝓲𝓯𝓽</span>
+          <p style="font-size: x-small; display: block;">Unterschrift</p>
        </div>
      </div>
    </div>
  </div>
-  </div>
+  {{/each}}
 </body>

 </html>