minor edit to promobar and forms

Author: jfparie

assets/scss/templates/_main.scss

@@ -77,7 +77,7 @@ input[type="checkbox"] {
   .shadow{
     box-shadow: 0 12px 24px -6px rgba(45,67,121,.10) !important;
   }
-  .mobile-desktop-container-layout{
+  .mobile-desktop-container-layout {
     padding-left: 3rem;
     padding-right: 3rem;
     padding-top: 3rem;
@@ -89,6 +89,23 @@ input[type="checkbox"] {
     border-image-slice: 1;
     width:100%;
   }
+  .mobile-desktop-container-layout-web-app {
+    padding-left: 3rem;
+    padding-right: 3rem;
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+
+    // gradient
+    border-bottom: 5px solid transparent;
+    border-image: linear-gradient(to left, #618EC7, #fffde4);
+    border-image-slice: 1;
+    width:100%;
+  }
+  .promobar-mobile-desktop-layout{
+    height: 50px;
+    align-items: center;
+    justify-content: center;
+  }
   .form-mobile-desktop-layout{
     padding-left: 3rem;
     padding-right: 3rem;
@@ -144,6 +161,21 @@ input[type="checkbox"] {
     border-image-slice: 1;
     width:100%;
   }
+  .mobile-desktop-container-layout-web-app{
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+
+    // gradient
+    border-bottom: 5px solid transparent;
+    border-image: linear-gradient(to left, #618EC7, #fffde4);
+    border-image-slice: 1;
+    width:100%;
+  }
+  .promobar-mobile-desktop-layout{
+    height: 100px;
+  }
   .mobile-desktop-margin{
     padding-top: 3rem;
   }

content/english/about/vacancies.md

@@ -32,7 +32,7 @@ form1:
         - label: WG4
           value: WG4
           id: wg4
-      required: true
+      required: false
       type: checkbox
     - label: |
         Motivation letter (max. 500 words)

content/nederlands/about/vacancies.md

@@ -32,14 +32,8 @@ form1:
         - label: WG4
           value: WG4
           id: wg4
-      required: true
+      required: false
       type: checkbox
-    - label: |
-        Contact details
-      id: contact-details
-      required: true
-      type: email
-      placeholder: Mail address
     - label: |
         Motivation letter (max. 500 words)
       id: motivation-letter
@@ -54,8 +48,9 @@ form1:
       required: true
       file_type: '.docx, .pdf'
       type: file
-    - label: |
-        <a href="/privacy_policy/" target="_blank">Terms and conditions</a>
+    - label: >
+        <a href="/privacy_policy/" target="_blank">Terms and conditions
+        (link)</a>
       id: terms
       values:
         - label: Agree

layouts/shortcodes/accordion_item_open.html

@@ -7,7 +7,7 @@
                 </div>
                 <div class="col pt-3 pb-5 px-5">
                     <div class="row align-items-center">
-                        <h4 class="mb-4 mx-3" style="color: #005aa7;">
+                        <h4 class="mb-4 mx-1" style="color: #005aa7;">
                             {{.Get "title"}}
                         </h4>
                     </div>

layouts/shortcodes/promo_bar.html

@@ -1,7 +1,7 @@
 {{ $_hugo_config := `{ "version": 1 }` }}
 <div id={{.Get "id" }} class="container-fluid mt-5 p-0">
-    <div class="shadow promobar-mobile-desktop-layout bg-lightblue py-1">
-        <div class="row text-center align-items-center" style="height:50px;">
+    <div class="shadow bg-lightblue">
+        <div class="row promobar-mobile-desktop-layout">
             <div class="col-12 flex justify-center items-center px-5">
                 <!-- Content -->
                 <span class="mr-3" style="font-size:16px; color:#005aa7;">

layouts/shortcodes/web_app.html

@@ -3,7 +3,7 @@
 {{ with .Page.Params.web_app}}
 <!-- text field -->
 <div class="container-fluid mt-5 p-0">
-  <div class="shadow mobile-desktop-container-layout bg-lightblue rounded-lg" id="{{ .ID }}">
+  <div class="shadow mobile-desktop-container-layout-web-app bg-lightblue rounded-lg" id="{{ .ID }}">
 
     <div class="row">
       <div class="col-12">