From 5c5c67bceabbd5c169d387e9bf40ac79452861cb Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Tue, 22 Jun 2021 14:49:36 +0200
Subject: [PATCH] Update hep logo, set max with for splitview

---
 .../src/components/icons/HepLogoNoClaim.vue   | 18 +++++++++
 client/src/layouts/SplitLayout.vue            |  2 +
 client/src/pages/hello.vue                    | 37 +++++++++----------
 3 files changed, 37 insertions(+), 20 deletions(-)
 create mode 100644 client/src/components/icons/HepLogoNoClaim.vue

diff --git a/client/src/components/icons/HepLogoNoClaim.vue b/client/src/components/icons/HepLogoNoClaim.vue
new file mode 100644
index 00000000..9263e212
--- /dev/null
+++ b/client/src/components/icons/HepLogoNoClaim.vue
@@ -0,0 +1,18 @@
+<template>
+  <svg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.3274 22.28203">
+    <title>Zeichenfläche 1</title>
+    <circle class="cls-1" cx="11.14101" cy="11.14101" r="11.14101"/>
+    <path class="cls-1"
+          d="M38.24333,9.54537a4.55137,4.55137,0,0,0-.89344-1.506,3.95851,3.95851,0,0,0-1.37354-.97187,4.42839,4.42839,0,0,0-1.76251-.34656,4.00351,4.00351,0,0,0-1.80913.40273,3.454,3.454,0,0,0-1.30783,1.14356h-.03922V3.51107H28.425V18.74049h2.63262V11.78056a3.04623,3.04623,0,0,1,.17381-1.03228,2.49273,2.49273,0,0,1,.49813-.8468,2.33973,2.33973,0,0,1,.79169-.56277,2.52554,2.52554,0,0,1,1.03016-.20561,2.30456,2.30456,0,0,1,1.72223.68041,2.663,2.663,0,0,1,.66027,1.9236v7.00338h2.63263V11.5156A5.72892,5.72892,0,0,0,38.24333,9.54537Z"/>
+    <path class="cls-1"
+          d="M51.53949,10.29785a5.35711,5.35711,0,0,0-1.081-1.8494,5.222,5.222,0,0,0-1.74873-1.25909,5.72952,5.72952,0,0,0-2.37085-.46844,6.03146,6.03146,0,0,0-2.2691.41333,4.92935,4.92935,0,0,0-1.7625,1.19125,5.3972,5.3972,0,0,0-1.13508,1.91618,7.81512,7.81512,0,0,0-.40062,2.59977,7.81313,7.81313,0,0,0,.40062,2.59872,5.37539,5.37539,0,0,0,1.13508,1.91617,4.91636,4.91636,0,0,0,1.7837,1.19338,6.37091,6.37091,0,0,0,2.33587.41121,6.17525,6.17525,0,0,0,1.95857-.29039,5.031,5.031,0,0,0,1.51556-.7917,4.95477,4.95477,0,0,0,1.09163-1.17,5.74653,5.74653,0,0,0,.69-1.42442l.02014-.06041H48.856l-.01378.01908a4.05035,4.05035,0,0,1-.95067.939,2.503,2.503,0,0,1-1.44243.3667,2.73106,2.73106,0,0,1-2.07516-.81289,3.29407,3.29407,0,0,1-.85634-2.07515h8.272l.00636-.03922c.01377-.089.02861-.19183.04345-.31053.01484-.1028.02967-.2215.04451-.354a4.07907,4.07907,0,0,0,.02332-.44725A6.72183,6.72183,0,0,0,51.53949,10.29785ZM46.33888,9.1331a2.61116,2.61116,0,0,1,1.94374.71539,3.20648,3.20648,0,0,1,.87224,1.7307H43.525A3.3678,3.3678,0,0,1,44.47146,9.805,2.62773,2.62773,0,0,1,46.33888,9.1331Z"/>
+    <path class="cls-1"
+          d="M64.948,10.20883a5.456,5.456,0,0,0-1.05665-1.91512A4.53254,4.53254,0,0,0,62.273,7.12259a5.23843,5.23843,0,0,0-2.072-.40167,4.12271,4.12271,0,0,0-2.06667.50342,4.59491,4.59491,0,0,0-1.37885,1.1531H56.7046l-.32431-1.4-.00742-.036H54.19068V22.282h2.63368v-4.8674h.03816a2.65756,2.65756,0,0,0,.4589.5066,3.83173,3.83173,0,0,0,.74825.514,4.59629,4.59629,0,0,0,.9708.38048,4.445,4.445,0,0,0,1.16052.1452,5.23825,5.23825,0,0,0,2.072-.40168,4.5324,4.5324,0,0,0,1.61837-1.17111A5.43931,5.43931,0,0,0,64.948,15.473a8.40143,8.40143,0,0,0,.37942-2.63157A8.41306,8.41306,0,0,0,64.948,10.20883ZM59.759,9.1331a2.87335,2.87335,0,0,1,1.14144.22786,2.62117,2.62117,0,0,1,.93265.68359,3.25518,3.25518,0,0,1,.63166,1.15522,5.28409,5.28409,0,0,1,.22893,1.64168,5.29354,5.29354,0,0,1-.22893,1.64169,3.25917,3.25917,0,0,1-.63166,1.15415,2.59365,2.59365,0,0,1-.93265.6836,2.97289,2.97289,0,0,1-2.28288,0,2.59365,2.59365,0,0,1-.93265-.6836,3.277,3.277,0,0,1-.63166-1.15521,5.28178,5.28178,0,0,1-.22893-1.64063,5.28409,5.28409,0,0,1,.22893-1.64168,3.27711,3.27711,0,0,1,.63166-1.15522A2.62125,2.62125,0,0,1,58.6176,9.361,2.87335,2.87335,0,0,1,59.759,9.1331Z"/>
+  </svg>
+</template>
+
+<style scoped lang="scss">
+  .cls-1 {
+    fill: #002f6c;
+  }
+</style>
diff --git a/client/src/layouts/SplitLayout.vue b/client/src/layouts/SplitLayout.vue
index b23bbbec..7e4b7212 100644
--- a/client/src/layouts/SplitLayout.vue
+++ b/client/src/layouts/SplitLayout.vue
@@ -43,6 +43,7 @@
 
     display: flex;
     position: relative;
+    width: 100%;
 
     &--illustration {
       &::after {
@@ -81,6 +82,7 @@
       display: flex;
       flex-direction: column;
       z-index: 1;
+      width: 100%;
 
       @include desktop {
         padding: 2*$large-spacing;
diff --git a/client/src/pages/hello.vue b/client/src/pages/hello.vue
index fb1bac25..40490f83 100644
--- a/client/src/pages/hello.vue
+++ b/client/src/pages/hello.vue
@@ -4,7 +4,11 @@
     data-cy="hello-page">
     <div class="about">
       <div class="about__logos logos">
-        <a href="#">sdf</a>
+        <a
+          href="https://www.hep-verlag.ch/"
+          target="_blank">
+          <hep-logo-no-claim class="logos__logo" />
+        </a>
         <a
           href="https://www.ehb.swiss/"
           target="_blank">
@@ -59,7 +63,7 @@
 
   import LoadingButton from '@/components/LoadingButton';
   import pageTitleMixin from '@/mixins/page-title';
-  import HepLogo from '@/components/icons/HepLogo';
+  import HepLogoNoClaim from '@/components/icons/HepLogoNoClaim';
   import EhbLogo from '@/components/icons/EhbLogo';
   import Logo from '@/components/icons/Logo';
   import HelloIllustration from '@/components/illustrations/HelloIllustration';
@@ -69,7 +73,7 @@
     components: {
       LoadingButton,
       HelloIllustration,
-      HepLogo,
+      HepLogoNoClaim,
       EhbLogo,
       Logo
     },
@@ -91,10 +95,19 @@
 
   $hello-block-margin: 2*$medium-spacing;
 
+  .hello {
+    max-width: 600px;
+    margin: 0 auto;
+    @include desktop {
+      max-width: 600px;
+      margin: 0 auto;
+    }
+  }
+
   .logo {
     display: block;
     width: 300px;
-    margin: $small-spacing auto 0;
+    margin: $small-spacing auto $hello-block-margin;
 
     @include desktop {
       display: none;
@@ -119,22 +132,6 @@
         margin-right: $large-spacing;
       }
     }
-
-    //&__logo-hep {
-    //  width: auto;
-    //  height: 30px;
-    //  margin-bottom: $large-spacing;
-    //
-    //  @include desktop {
-    //    width: 147px;
-    //    margin-bottom: 0;
-    //  }
-    //}
-    //
-    //&__logo-ehb {
-    //  width: 100px;
-    //  height: 30px;
-    //}
   }
 
   .logos {