From 412b1f0344ea0a73e652ed03487f190dd31a4d24 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Mon, 30 Sep 2024 15:40:25 +0200
Subject: [PATCH] Add exam banner

---
 client/src/pages/start/GuestStartPage.vue     | 23 +++++++++++++++++++
 client/src/pages/start/VVStartPage.vue        |  9 ++++++++
 .../vbv_lernwelt/static/icons/icon-exam.svg   | 21 +++++++++++++++++
 3 files changed, 53 insertions(+)
 create mode 100644 server/vbv_lernwelt/static/icons/icon-exam.svg

diff --git a/client/src/pages/start/GuestStartPage.vue b/client/src/pages/start/GuestStartPage.vue
index c013972a..3e9b299e 100644
--- a/client/src/pages/start/GuestStartPage.vue
+++ b/client/src/pages/start/GuestStartPage.vue
@@ -51,6 +51,29 @@ const { t } = useTranslation();
           </li>
         </ul>
       </div>
+      <div class="bg-white lg:-mx-12 lg:-mb-6 lg:pb-3">
+        <div class="container-medium flex">
+          <it-icon-exam class="ml-2 mr-6 block w-16"></it-icon-exam>
+          <div>
+            <h3 class="mb-2 text-blue-900">
+              {{ $t("a.Übergangslösung Innendienst-Mitarbeitende") }}
+            </h3>
+            <p>
+              {{
+                $t(
+                  "a.Unter folgendem Link kannst du dich für die Prüfung «Übergangslösung VAG (Innendienst)» zu registrieren"
+                )
+              }}:
+            </p>
+            <p class="leading-5">
+              <a href="https://portfolio.vbv.ch/login">
+                {{ $t("a.Für die Prüfung registrieren") }}
+                <it-icon-external-link class="h-5 w-5 pt-1"></it-icon-external-link>
+              </a>
+            </p>
+          </div>
+        </div>
+      </div>
     </main>
   </div>
 </template>
diff --git a/client/src/pages/start/VVStartPage.vue b/client/src/pages/start/VVStartPage.vue
index 3cc022d3..26d5b383 100644
--- a/client/src/pages/start/VVStartPage.vue
+++ b/client/src/pages/start/VVStartPage.vue
@@ -90,6 +90,15 @@ const { t } = useTranslation();
           </div>
         </div>
       </div>
+      <div class="flex items-center">
+        <it-icon-exam class="mr-2 inline-block h-10 w-8"></it-icon-exam>
+        <p class="inline">
+          {{ $t("a.Prüfung «Übergangslösung VAG (Innendienst)»") }}:
+          <a href="https://portfolio.vbv.ch/login" class="underline">
+            {{ $t("a.Registriere dich hier") }}
+          </a>
+        </p>
+      </div>
     </main>
     <StartPageFooter>
       {{ $t("uk.contact.title") }}
diff --git a/server/vbv_lernwelt/static/icons/icon-exam.svg b/server/vbv_lernwelt/static/icons/icon-exam.svg
new file mode 100644
index 00000000..97bec7ee
--- /dev/null
+++ b/server/vbv_lernwelt/static/icons/icon-exam.svg
@@ -0,0 +1,21 @@
+<svg viewBox="0 0 73 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_774_831)">
+        <path
+            d="M63.9574 57.6623L64.7795 49.638C64.8648 48.8078 65.1887 48.0267 65.7166 47.3795L70.8192 41.1253C72.9486 38.5155 72.9486 34.7276 70.8192 32.1181L65.7166 25.8635C65.1887 25.2164 64.8648 24.4352 64.7795 23.6051L63.9574 15.5807C63.6142 12.2327 60.9311 9.55427 57.5773 9.21162L49.539 8.391C48.7074 8.30583 47.9249 7.98251 47.2766 7.45551L41.0113 2.36173C38.3975 0.236357 34.6025 0.236357 31.9887 2.36173L25.7233 7.45551C25.075 7.98251 24.2925 8.30582 23.461 8.391L15.4227 9.21162C12.0688 9.55427 9.38576 12.2327 9.04252 15.5807L8.22047 23.6051C8.13516 24.4352 7.81128 25.2164 7.28336 25.8635L2.18075 32.1178C0.0514052 34.7276 0.0514052 38.5155 2.18075 41.125L7.28336 47.3795C7.81128 48.0267 8.13515 48.8078 8.22047 49.638L9.04252 57.6623C9.24045 59.5931 10.2194 61.2979 11.6536 62.4637L2.91551 86.4299C2.73645 86.9211 2.83917 87.4708 3.18353 87.8644C3.52846 88.2583 4.06002 88.434 4.57166 88.3222L15.325 85.9831L22.0566 94.6753C22.3313 95.0298 22.7526 95.2323 23.1932 95.2323C23.2667 95.2323 23.3408 95.2267 23.4146 95.2152C23.9322 95.1348 24.3647 94.7796 24.5437 94.2884L32.8596 71.4807C33.9776 72.1406 35.2375 72.4757 36.5 72.4755C37.5557 72.4755 38.6099 72.2397 39.5813 71.7781L47.7888 94.2884C47.9679 94.7796 48.4004 95.1348 48.9179 95.2152C48.9917 95.2267 49.0658 95.2323 49.1393 95.2323C49.58 95.2323 50.0015 95.0298 50.276 94.6754L57.0075 85.9831L67.7609 88.3222C68.2708 88.4329 68.8044 88.2578 69.149 87.8644C69.4934 87.4708 69.5961 86.9211 69.417 86.4299L60.8202 62.8518C62.5392 61.6964 63.7361 59.8207 63.9574 57.6623Z"
+            fill="white"/>
+        <path
+            d="M70.2448 32.7803L65.0592 26.4241C64.3441 25.5477 63.9017 24.4814 63.7865 23.357L62.951 15.202C62.6712 12.4704 60.5077 10.3107 57.7714 10.0313L49.6022 9.19727C48.4758 9.08228 47.4077 8.64064 46.5298 7.92684L40.1625 2.75012C38.0297 1.01615 34.9702 1.01615 32.8374 2.75012L26.4702 7.92684C25.5922 8.64064 24.5242 9.08228 23.3977 9.19727L15.2286 10.0313C12.4922 10.3107 10.3288 12.4704 10.049 15.202L9.21345 23.357C9.09826 24.4814 8.65585 25.5477 7.94081 26.4241L2.75515 32.7803C1.01814 34.9094 1.01814 37.9637 2.75515 40.0928L7.94081 46.4489C8.65585 47.3254 9.09826 48.3916 9.21345 49.5161L10.049 57.6711C10.3288 60.4027 12.4922 62.5624 15.2286 62.8417L23.3977 63.6758C24.5242 63.7908 25.5922 64.2324 26.4702 64.9462L32.8374 70.1229C34.9702 71.8569 38.0297 71.8569 40.1625 70.1229L46.5298 64.9462C47.4077 64.2324 48.4758 63.7908 49.6022 63.6758L57.7714 62.8417C60.5077 62.5624 62.6712 60.4027 62.951 57.6711L63.7865 49.5161C63.9017 48.3916 64.3441 47.3254 65.0592 46.4489L70.2448 40.0928C71.9818 37.9637 71.9818 34.9094 70.2448 32.7803ZM36.5 58.5949C24.241 58.5949 14.3032 48.6743 14.3032 36.4365C14.3032 24.1988 24.241 14.2782 36.5 14.2782C48.7589 14.2782 58.6968 24.1988 58.6968 36.4365C58.6968 48.6743 48.7589 58.5949 36.5 58.5949Z"
+            fill="#FAC852"/>
+        <path
+            d="M64.4037 57.8194L65.2392 49.6646C65.3259 48.8209 65.655 48.0271 66.1915 47.3694L71.377 41.0135C73.541 38.3613 73.541 34.5118 71.377 31.8599L66.1915 25.5037C65.655 24.846 65.3259 24.0522 65.2392 23.2086L64.4037 15.0538C64.0549 11.6513 61.3282 8.92938 57.9199 8.58116L49.751 7.7472C48.9059 7.66064 48.1107 7.33207 47.4518 6.79651L41.0846 1.61994C38.4284 -0.539979 34.5716 -0.539979 31.9154 1.61994L25.5482 6.79651C24.8893 7.33207 24.0942 7.66064 23.2491 7.7472L15.0801 8.58116C11.6718 8.92938 8.94508 11.6513 8.59626 15.0538L7.76085 23.2086C7.67415 24.0522 7.34501 24.846 6.80851 25.5037L1.62296 31.8596C-0.540987 34.5118 -0.540987 38.3613 1.62296 41.0132L6.80851 47.3694C7.34501 48.0271 7.67415 48.8209 7.76085 49.6646L8.59626 57.8194C8.79741 59.7816 9.79229 61.514 11.2498 62.6988L2.36967 87.0545C2.1877 87.5537 2.29209 88.1123 2.64205 88.5123C2.99259 88.9126 3.53279 89.0912 4.05274 88.9776L14.9809 86.6004L21.8218 95.434C22.1011 95.7942 22.5292 96 22.977 96C23.0517 96 23.127 95.9943 23.202 95.9826C23.7279 95.9009 24.1675 95.5399 24.3494 95.0408L32.8004 71.8623C33.9367 72.5329 35.2171 72.8735 36.5 72.8733C37.5729 72.8733 38.6442 72.6337 39.6314 72.1646L47.9723 95.0408C48.1543 95.5399 48.5938 95.9009 49.1198 95.9826C49.1948 95.9943 49.2701 96 49.3448 96C49.7926 96 50.221 95.7941 50.5 95.434L57.3409 86.6004L68.269 88.9776C68.7873 89.09 69.3295 88.9121 69.6797 88.5123C70.0297 88.1123 70.1341 87.5537 69.9521 87.0545L61.2156 63.0932C62.9625 61.919 64.1789 60.0129 64.4037 57.8194ZM22.5115 91.5574L16.7273 84.088C16.3824 83.643 15.8123 83.4354 15.261 83.5553L6.02075 85.5654L13.8617 64.0593C14.2557 64.1701 14.6626 64.2493 15.0801 64.292L23.2491 65.126C24.0942 65.2125 24.8894 65.5411 25.5482 66.0766L30.3721 69.9986L22.5115 91.5574ZM66.301 85.5654L57.0608 83.5553C56.5092 83.4348 55.9396 83.643 55.5945 84.088L49.8103 91.5574L42.1047 70.4239L47.4518 66.0766C48.1107 65.5411 48.9059 65.2125 49.751 65.1259L57.9199 64.292C58.1202 64.2715 58.3177 64.2413 58.5129 64.2048L66.301 85.5654ZM57.6227 61.3918L49.4538 62.2257C48.0399 62.3701 46.71 62.9199 45.6076 63.8159L39.2401 68.9925C37.6526 70.284 35.3477 70.284 33.7596 68.9925L27.3924 63.8159C26.2901 62.9199 24.9601 62.3701 23.5463 62.2257L15.3773 61.3918C13.34 61.1834 11.7103 59.5565 11.5015 57.5227L10.6661 49.3679C10.5215 47.9565 9.97075 46.6288 9.07316 45.5284L3.88762 39.1719C2.59415 37.5869 2.59415 35.2863 3.88762 33.701L9.07316 27.3448C9.97075 26.2443 10.5215 24.9166 10.6661 23.5053L11.5015 15.3505C11.7103 13.3167 13.34 11.6898 15.3773 11.4814L23.5463 10.6474C24.9601 10.5031 26.2901 9.95326 27.3924 9.05723L33.7599 3.88066C34.5537 3.23491 35.5269 2.91203 36.5 2.91203C37.4732 2.91203 38.4464 3.23491 39.2401 3.88066L45.6076 9.05723C46.71 9.95326 48.0399 10.5031 49.4538 10.6474L57.6227 11.4814C59.66 11.6898 61.2897 13.3167 61.4985 15.3505L62.3339 23.5053C62.4785 24.9166 63.0293 26.2443 63.9269 27.3448L69.1124 33.7012C70.4059 35.2863 70.4059 37.5869 69.1124 39.1722L63.9269 45.5284C63.0293 46.6289 62.4785 47.9565 62.3339 49.3679L61.4985 57.5227C61.2897 59.5565 59.66 61.1834 57.6227 61.3918Z"
+            fill="#0A0A0A"/>
+        <path
+            d="M36.5 12.8204C23.4556 12.8204 12.8429 23.4147 12.8429 36.4366C12.8429 49.4584 23.4556 60.0527 36.5 60.0527C49.5445 60.0527 60.1572 49.4584 60.1572 36.4366C60.1572 23.4147 49.5445 12.8204 36.5 12.8204ZM36.5 57.1372C25.0659 57.1372 15.7635 47.8509 15.7635 36.4366C15.7635 25.0223 25.0659 15.736 36.5 15.736C47.9341 15.736 57.2365 25.0223 57.2365 36.4366C57.2365 47.8509 47.9341 57.1372 36.5 57.1372Z"
+            fill="#0A0A0A"/>
+    </g>
+    <defs>
+        <clipPath id="clip0_774_831">
+            <rect width="73" height="96" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>