neues logo

AHR AGZ 11.svelte

@@ -4,7 +4,7 @@
       <Seitenlogo logo="{privat.traegerLogo}"/>
       <Pageheader art="daten/agz.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
       <div class="main">
-        <div style="font-size: 15pt; line-height: 1.5em">
+        <div style="font-size: 13.5pt; line-height: 1.5em">
           {bg(s, 'Schulform')}
         </div>
         <div style="font-size: 12pt; line-height: 1.2em">

Allg AGZ.svelte

@@ -4,7 +4,7 @@
       <Seitenlogo logo="{privat.traegerLogo}"/>
       <Pageheader art="daten/agz.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
       <div class="main">
-        <div style="font-size: 15pt; line-height: 1.5em">
+        <div style="font-size: 13.5pt; line-height: 1.5em">
           {bg(s, 'Schulform')}
         </div>
         <div style="font-size: 12pt; line-height: 1.2em">

Allg HJZ.svelte

@@ -1,10 +1,9 @@
 {#each schueler as s (s.ID)}
   {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
     <div class="page grid" orientation="portrait" size="A4">
-      <Seitenlogo logo="{privat.traegerLogo}"/>
-      <Pageheader art="daten/zeugnis.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
+      <Pageheader art="daten/zeugnis.svg" logo="{privat.logo}" untertitel="{privat.untertitel}" traeger="{privat.traeger}"/>
       <div class="main">
-        <div style="font-size: 15pt; line-height: 1.5em">
+        <div style="font-size: 13.5pt; line-height: 1.5em">
           {bg(s, 'Schulform')}
         </div>
         <div style="font-size: 12pt; line-height: 1.2em">

Allg JZ.svelte

@@ -1,10 +1,9 @@
 {#each schueler as s (s.ID)}
   {#each s.abschnitte.filter(aktHalbjahr) as hj (hj.ID)}
     <div class="page grid" orientation="portrait" size="A4">
-      <Seitenlogo logo="{privat.traegerLogo}"/>
-      <Pageheader art="daten/zeugnis.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
+      <Pageheader art="daten/zeugnis.svg" logo="{privat.logo}" untertitel="{privat.untertitel}" traeger="{privat.traeger}"/>
       <div class="main">
-        <div style="font-size: 15pt; line-height: 1.5em">
+        <div style="font-size: 13.5pt; line-height: 1.5em">
           {bg(s, 'Schulform')}
         </div>
         <div style="font-size: 12pt; line-height: 1.2em">

BFS AGZ 2seitig.svelte

@@ -4,7 +4,7 @@
       <Seitenlogo logo="{privat.traegerLogo}"/>
       <Pageheader art="daten/agz.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
       <div class="main">
-        <div style="font-size: 15pt; line-height: 1.5em">
+        <div style="font-size: 13.5pt; line-height: 1.5em">
           {bg(s, 'Schulform')}
         </div>
         <div style="font-size: 12pt; line-height: 1.2em">

BFS ASZ ohne BA 21.svelte

@@ -4,7 +4,7 @@
       <Seitenlogo logo="{privat.traegerLogo}"/>
       <Pageheader art="daten/agz.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
       <div class="main">
-        <div style="font-size: 15pt; line-height: 1.5em">
+        <div style="font-size: 13.5pt; line-height: 1.5em">
           {bg(s, 'Schulform')}
         </div>
         <div style="font-size: 12pt; line-height: 1.2em">

FS ASZ Pferd.svelte

@@ -2,8 +2,7 @@
   {#each aktHalbjahrFuer(s) as hj (hj.ID)}
     <div class="page grid" orientation="landscape" size="A3" style="font-size: 1.1rem">
       <div class="header">
-        <Seitenlogo logo="{privat.traegerLogo}"/>
-        <Pageheader art="daten/asz.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
+        <Pageheader art="daten/asz.svg" logo="{privat.logo}" untertitel="{privat.untertitel}" traeger="{privat.traeger}"/>
       </div>
       <div class="main-grid">
         <div class="main-left">

FS HJZ LF.svelte

@@ -4,7 +4,7 @@
       <Seitenlogo logo="{privat.traegerLogo}"/>
       <Pageheader art="daten/zeugnis.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
       <div class="main">
-        <div style="font-size: 15pt; line-height: 1.5em">
+        <div style="font-size: 13.5pt; line-height: 1.5em">
           {bg(s, 'Schulform')}
         </div>
         <div style="font-size: 12pt; line-height: 1.2em">

FS JZ LF.svelte

@@ -4,7 +4,7 @@
       <Seitenlogo logo="{privat.traegerLogo}"/>
       <Pageheader art="daten/zeugnis.svg" logo="{privat.logo}" untertitel="{privat.untertitel}"/>
       <div class="main">
-        <div style="font-size: 15pt; line-height: 1.5em">
+        <div style="font-size: 13.5pt; line-height: 1.5em">
           {bg(s, 'Schulform')}
         </div>
         <div style="font-size: 12pt; line-height: 1.2em">

css/main.css

@@ -66,7 +66,7 @@ body {
   font-family: "Tex Gyre Heros";
   color: #191919;
   position: relative;
-  padding: 10mm 25mm 10mm 25mm;
+  padding: 5mm 25mm 10mm 25mm;
   display: block;
 }
 

partials/Pageheader.svelte

@@ -5,32 +5,58 @@ logo: z.B Schullogo. Wird oben recht splatziert
 untertitel: Wird unterhalb des Logos platziert.
 hr:   Wenn eine rote Linie unter das Logo soll. Standard an -->
 <div class="header">
-    {#if art}
-      <img class="art" src="{art}" alt="logo_art"/>
+    {#if traeger && art && untertitel}
+      <div style="height: 157px">
+        <div class="traeger">
+          <img class="" style="margin-bottom: 7mm; display: block;" src="{traeger}" alt="logo"/>
+          <img class="" style="margin-bottom: 1mm; block;" src="{logo}" alt="logo"/>
+          <img class="" style="display: block;" src="{untertitel}" alt="logo_untertitel"/>
+        </div>
+        {#if art}
+          <img class="art" src="{art}" alt="logo_art"/>
+        {/if}
+      </div>
     {/if}
-    {#if logo}
-      <img class="logo" src="{logo}" alt="logo"/>
+    {#if logo && !traeger && untertitel}
+      <div style="height: 75px">
+        <div class="traeger">
+          <img class="" style="margin-bottom: 1mm; block;" src="{logo}" alt="logo"/>
+          <img class="" style="display: block;" src="{untertitel}" alt="logo_untertitel"/>
+        </div>
+        {#if art}
+          <img class="art" src="{art}" alt="logo_art"/>
+        {/if}
+      </div>
     {/if}
-    {#if untertitel}
-      <img class="untertitel" src="{untertitel}" alt="logo_untertitel"/>
+    {#if logo && !untertitel}
+      <div class="traeger">
+        <img class="" style="margin-bottom: 1mm; block;" src="{logo}" alt="logo"/>
+      </div>
     {/if}
     {#if hr}
       <hr class="hr-rot"/>
     {/if}
 </div>
 <script>
-  export let art, logo, untertitel
-  export let hr = true
+  export let art
+  export let logo
+  export let untertitel
+  export let traeger
+  export let hr = false
 </script>
 
 <style>
   .header {
     position: relative;
-    height: 115px;
+    margin-bottom: 1rem;
   }
   .art {
     position: absolute;
-    bottom: 12px;
+    bottom: 0px;
+  }
+  .traeger {
+    position: absolute;
+    right: 0px;
   }
   .logo {
     position: absolute;