verbesserte Logos im Header

ASZ Fachschule.html

@@ -2,7 +2,7 @@
   {#each s.abschnitte.filter(aktHalbjahr) as hj}
     <div class="page grid" orientation="landscape" size="A3">
       <Seitenlogo logo="daten/traeger_logo.svg"/>
-      <Pageheader logo="daten/asz_logo_ohne_linie_breiter_text_breit.svg"/>
+      <Pageheader art="daten/asz.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       <div class="main">
         <div class="main-grid">
           <Voffset v="1"/>

Abgangszeugnis BFS 2seitig.html

@@ -2,7 +2,7 @@
   {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
     <div class="page grid" orientation="portrait" size="A4">
       <Seitenlogo logo="daten/traeger_logo.svg"/>
-      <Pageheader logo="daten/agz_logo.svg"/>
+      <Pageheader art="daten/agz.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       <div class="main">
         <div style="font-size: 15pt; line-height: 1.5em">
           {bg(s, 'Schulform')}

Abgangszeugnis BG.html

@@ -3,7 +3,7 @@
     <div class="page grid" orientation="landscape" size="A3">
       <div class="header">
         <Seitenlogo logo="daten/traeger_logo.svg"/>
-        <Pageheader logo="daten/agz_logo_ohne_linie_breiter_text_breit.svg"/>
+        <Pageheader art="daten/agz.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       </div>
       <div class="main-grid">
         <div class="main-left">

Abgangszeugnis LF 2seitig.html

@@ -2,7 +2,7 @@
   {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
     <div class="page grid" orientation="portrait" size="A4">
       <Seitenlogo logo="daten/traeger_logo.svg"/>
-      <Pageheader logo="daten/agz_logo.svg"/>
+      <Pageheader art="daten/agz.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       <div class="main">
         <span style="font-size: 15pt; line-height: 1.5em">
           {bg(s, 'Schulform')} |

Abgangszeugnis.html

@@ -2,7 +2,7 @@
   {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
     <div class="page grid" orientation="portrait" size="A4">
       <Seitenlogo logo="daten/traeger_logo.svg"/>
-      <Pageheader logo="daten/agz_logo.svg"/>
+      <Pageheader art="daten/agz.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       <div class="main">
         <div style="font-size: 15pt; line-height: 1.5em">
           {bg(s, 'Schulform')}

Beilage SOA.html

@@ -1,7 +1,7 @@
 {#each schueler as s}
   <div class="page grid" orientation="portrait" size="A4">
     <Seitenlogo logo="daten/traeger_logo.svg"/>
-    <Pageheader logo="daten/zeugnis_logo.svg"/>
+    <Pageheader art="daten/zeugnis.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
     <div class="main">
       Seite 2/2 des Abschlusszeugnisses für {s.anrede} {s.Vorname} {s.Zusatz || ''} {s.Name}
       <Voffset v="2"/>

Halbjahreszeugnis LF.html

@@ -2,7 +2,7 @@
   {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
     <div class="page grid" orientation="portrait" size="A4">
       <Seitenlogo logo="daten/traeger_logo.svg"/>
-      <Pageheader logo="daten/zeugnis_logo.svg"/>
+      <Pageheader art="daten/zeugnis.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       <div class="main">
         <div style="font-size: 15pt; line-height: 1.5em">
           {bg(s, 'Schulform')}

Halbjahreszeugnis.html

@@ -2,7 +2,7 @@
   {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
     <div class="page grid" orientation="portrait" size="A4">
       <Seitenlogo logo="daten/traeger_logo.svg"/>
-      <Pageheader logo="daten/zeugnis_logo.svg"/>
+      <Pageheader art="daten/zeugnis.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       <div class="main">
         <div style="font-size: 15pt; line-height: 1.5em">
           {bg(s, 'Schulform')}

Jahreszeugnis.html

@@ -2,7 +2,7 @@
   {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
     <div class="page grid" orientation="portrait" size="A4">
       <Seitenlogo logo="daten/traeger_logo.svg"/>
-      <Pageheader logo="daten/zeugnis_logo.svg"/>
+      <Pageheader art="daten/zeugnis.svg" logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       <div class="main">
         <div style="font-size: 15pt; line-height: 1.5em">
           {bg(s, 'Schulform')}

Schullaufbahnbescheinigung AHR.html

@@ -3,7 +3,7 @@
     <div class="page grid" orientation="portrait" size="A4">
       <div class="header">
         <Seitenlogo logo="daten/traeger_logo.svg"/>
-        <Pageheader logo="daten/bk_logo_ohne_text.svg"/>
+        <Pageheader logo="daten/bk_logo.svg" untertitel="daten/untertitel.svg"/>
       </div>
       <div class="main">
         <div style="font-size: 12pt; line-height: 1.5em">Bescheinigung über die Schullaufbahn gemäß §13 APO-BK, Anlage D</div>

daten/top_dummy.svg

@@ -1,106 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   clip-path="url(#a)"
-   height="96.147"
-   preserveAspectRatio="xMidYMid"
-   version="1.2"
-   viewBox="0 0 16011.91 2713.4849"
-   width="567.351"
-   fill-rule="evenodd"
-   stroke-width="28.222"
-   stroke-linejoin="round"
-   id="svg25"
-   sodipodi:docname="top_dummy.svg"
-   inkscape:version="0.92.2 2405546, 2018-03-11">
-  <metadata
-     id="metadata29">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="640"
-     inkscape:window-height="480"
-     id="namedview27"
-     showgrid="false"
-     inkscape:zoom="0.6592039"
-     inkscape:cx="283.67551"
-     inkscape:cy="48.073502"
-     inkscape:window-x="0"
-     inkscape:window-y="27"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="g23" />
-  <defs
-     class="ClipPathGroup"
-     id="defs5">
-    <clipPath
-       id="a">
-      <path
-         d="M0 0h21000v29700H0z"
-         id="path2" />
-    </clipPath>
-  </defs>
-  <g
-     class="SlideGroup"
-     id="g23">
-    <path
-       d="M11318.338 15835.045l490.715 1212.163-1205.6-506.626-1001.196 841.276 109.28-1303.149-1109.489-692.226 1273.138-298.764 315.495-1269.096 677.563 1118.503 1304.475-92.118z"
-       transform="matrix(.43784 0 0 .46079 812.034 -5799.302)"
-       fill="none"
-       stroke="#cb0000"
-       stroke-width="100"
-       id="path11" />
-    <path
-       d="M9091.535 1235.467l-579.164 87.046-186.997 555.014-261.757-523.919-585.635-6.336 417.39-410.846-174.947-558.93 519.72 270.003 477.512-339.102-96.187 577.717z"
-       fill="none"
-       stroke="#00c3cb"
-       stroke-width="100"
-       id="path13" />
-    <path
-       d="M11686.662 1854.174l-673.757-78.734-377.677 563.478-133.322-665.111-652.608-185.068 591.36-332.328L10415 478.555l498.802 459.722 636.751-233.87-283.083 616.45z"
-       fill="none"
-       stroke="#cb0000"
-       stroke-width="100"
-       stroke-opacity=".622"
-       id="path15" />
-    <path
-       d="M13594.336 1269.84l-584.386-295.388-529.624 385.045 100.346-647.064-529.862-384.717 646.403-104.52 202.151-622.812 299.153 582.467 654.8-.202-461.517 464.503z"
-       fill="none"
-       stroke="#33008f"
-       stroke-width="100"
-       id="path17" />
-    <path
-       d="M15347.337 2215.085l-588.062-242.578-484.318 412.427 48.985-634.241-541.904-333.167 618.335-149.404 149.404-618.336 333.167 541.904 634.241-48.985-412.427 484.319z"
-       fill="none"
-       stroke="#cb6b00"
-       stroke-width="100"
-       id="path19" />
-    <path
-       d="M13164.68 1768.241l-89.37 216.654 151.945 178.434-233.667-18.048-122.746 199.649-55.043-227.808-227.808-55.043 199.648-122.746-18.047-233.667 178.434 151.946z"
-       fill="none"
-       stroke="#6cc200"
-       stroke-width="100"
-       id="path21" />
-  </g>
-</svg>

daten/zeugnis.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" clip-path="url(#a)" height="19.43" preserveAspectRatio="xMidYMid" version="1.2" viewBox="0 0 2835.68 548.34" width="100.48" fill-rule="evenodd" stroke-width="28.22" stroke-linejoin="round"><defs class="ClipPathGroup"><clipPath id="a"><path d="M0 0h21000v29700H0z"/></clipPath></defs><g class="SlideGroup"><g class="Slide" clip-path="url(#a)" transform="translate(-2182.7 -14344.06) scale(.9688)"><g class="Page"><g class="Graphic"><path d="M2253 15362h354v-47h-295l286-453v-46h-338v46h280l-287 453zm446 0h279v-47h-224v-211h204v-46h-204v-196h214v-46h-269zm790-546h-54v355c0 45-12 82-36 110-25 29-61 43-110 43-47 0-83-14-108-43-25-28-37-65-37-110v-355h-54v355c0 39 6 72 20 99 13 27 30 47 50 61 20 15 42 25 65 31s44 10 64 10c21 0 44-4 67-10 22-6 44-16 65-31 20-14 36-34 49-61 12-27 19-60 19-99zm510 490c-14 7-32 11-54 13-24 4-44 5-63 5-73 0-128-22-166-66-38-43-58-99-58-170 0-69 20-125 59-168 38-44 93-65 165-67 25 0 49 2 73 5 24 4 47 12 67 24l7-50c-19-9-42-16-70-21-29-3-54-5-77-5-86 1-154 27-203 78-50 52-75 120-75 204 0 87 25 154 74 206 49 50 117 76 204 78 59 0 117-11 170-34v-272h-181v47h128zm185 56h55v-472h1l276 472h73v-546h-54v481h-1l-281-481h-69zm528 0h55v-546h-55zm168-69l-5 55c29 14 71 22 124 24 46 0 87-13 124-37s56-63 57-118c0-20-3-38-10-54s-17-29-29-41c-25-24-54-43-87-59-16-9-31-17-46-26-15-8-29-16-41-25s-21-18-28-29c-8-10-12-22-12-36 0-18 4-33 12-46 7-12 16-21 27-28 12-8 25-13 39-16 14-2 28-4 42-4 40 0 73 7 100 20l9-49c-19-7-38-12-58-15-19-2-36-3-51-3-49 1-90 13-123 38s-50 60-51 105c1 34 14 62 39 85 13 12 26 22 42 32 14 10 30 19 45 27 16 8 32 17 47 25 15 9 29 18 40 27 26 19 39 41 40 67-1 38-13 67-36 85s-53 27-88 27c-50 0-91-11-122-31z" fill="#003258"/><path d="M2233 15372h654z" fill="#0ff"/></g></g></g></g></svg>

partials/Page.html

@@ -1,5 +0,0 @@
-<div class="page grid" orientation="portrait" size="A4"></div>
-<style>
-  @import 'daten/a4.css';
-  @import 'daten/portrait.css';
-</style>

partials/Pageheader.html

@@ -1,15 +1,44 @@
+<!-- Folgende Attribute werden unterstützt:
+art:  z.B. Zeugnis, Abgangszeugnis etc. Sollte auf eine vorhandene Datei zeigen
+      wird unten links platziert im Header
+logo: z.B Schullogo. Wird oben recht splatziert
+untertitel: Wird unterhalb des Logos platziert. -->
 <div class="header">
-  {#if logo}
-    <img src="{logo}" style="width: -webkit-fill-available" alt="zeugnis_logo"/>
-  {:else}
-    <h1><center>Zeugnis</center></h1>
-  {/if}
+    {#if art}
+      <img class="art" src="{art}" alt="logo_art"/>
+    {/if}
+    {#if logo}
+      <img class="logo" src="{logo}" alt="logo"/>
+    {/if}
+    {#if untertitel}
+      <img class="untertitel" src="{untertitel}" alt="logo_untertitel"/>
+    {/if}
   <hr class="hr-rot"/>
 </div>
 
 <style>
+  .header {
+    position: relative;
+    height: 115px;
+  }
+  .art {
+    position: absolute;
+    bottom: 12px;
+  }
+  .logo {
+    position: absolute;
+    right: 0px;
+  }
+  .untertitel {
+    position: absolute;
+    right: 0px;
+    bottom: 12px;
+  }
   .hr-rot {
     border-color: #ff2700;
     margin: 8px 0;
+    position: absolute;
+    bottom: 0px;
+    width: -webkit-fill-available;
   }
 </style>