+ Banner

data/de/homepage.yml

@@ -12,13 +12,13 @@ slider:
       button:
         enable : true
         label : "Unsere Erfolge"
-        link : "success"
+        link : "#success"
 
     # slider item loop
     - title : "Das Georg-Cantor-Gymnasium"
       content : "Modern und digital"
-      animation_in : "left"
-      animation_out : "right"
+      animation_in : "right"
+      animation_out : "down"
       # available animation : left, right, up, down
       button:
         enable : true
@@ -28,14 +28,41 @@ slider:
     # slider item loop
     - title : "Das Georg-Cantor-Gymnasium"
       content : "Ein Primegymnasium der Martin-Luther-Universität Halle-Wittenberg"
-      animation_in : "left"
-      animation_out : "right"
+      animation_in : "up"
+      animation_out : "left"
       # available animation : left, right, up, down
       button:
         enable : true
         label : "Mehr erfahren"
         link : "frühstudium"
 
+############################# success #############################
+success_banner:
+  enable : true
+  image : "images/success/success_banner.png"
+  feature_item:
+    # feature item loop
+    - name : "Mathematikolympiade"
+      img: true
+      icon : "/images/success/mo.png" # icon pack : https://themify.me/themify-icons
+      content : "In der Landesmathematikolympiade 2020 wurden:  \n * **3 von 9 ersten Preisen**  \n * **6 von 21 zweiten Preisen**  \n * **13 von 30 dritten Preisen**  \n * **11 von 39 Anerkennungspreisen**  \n  \nan Schüler unerer Schule verliehen."
+
+    # feature item loop
+    - name : "Physikolympiade"
+      img: true
+      icon : "/images/success/po.png" # icon pack : https://themify.me/themify-icons
+      content : "In der Landesphysikolympiade 2020 wurden:  \n * **3 von 5 ersten Preisen**  \n * **2 von 8 zweiten Preisen**  \n * **4 von 13 dritten Preisen**  \n * **1 von 18 Anerkennungspreisen**  \n \nan Schüler unserer Schule verliehen."
+
+    # feature item loop
+    - name : "Chemieolympiade"
+      img: true
+      icon : "/images/success/cds.png" # icon pack : https://themify.me/themify-icons
+      content : "Ein Schüler unserer Schule vertritt als einer von 4. Schülern der Nationalmannschaft Deutschland in der Internationalen Chemieolympiade 2020."
+
+    # feature item loop
+    - name : "Und viel mehr ..."
+      icon : "ti-write" # icon pack : https://themify.me/themify-icons
+      content : "Durch umfassende Begabtenförderungsangebote sind unsere Schüler bei vielen Wettbewerben erfolgreich. Diese umfassen erweiterte Stoffgebiete, Spezialistenlager und begabtenfördernde Ganztagsangebote."
 
 ############################## about ##################################
 about:
@@ -58,12 +85,12 @@ ganztagsangebote:
 ########################## Call to action ############################
 cta:
   enable : true
-  title : "Kontaktiere uns für weitere Informationen"
+  title : "Dann geht es hier direkt zur Anmeldung!"
   subtitle : "Interessiert ?"
   button:
     enable : true
-    label : "Kontakt"
-    link : "contact"
+    label : "Anmeldeantrag stellen"
+    link : "anmeldung"
 
 
 ######################## Success story #############################

data/de/success.yml

@@ -1,23 +0,0 @@
-success_banner:
-  enable : true
-  image : "images/success/success_banner.png"
-  feature_item:
-    # feature item loop
-    - name : "Mathematikolympiade"
-      icon : "/images/success/mo.png" # icon pack : https://themify.me/themify-icons
-      content : "In der Landesmathematikolympiade 2020 "
-
-    # feature item loop
-    - name : "Notre bureau"
-      icon : "ti-blackboard" # icon pack : https://themify.me/themify-icons
-      content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore  dolore magna aliqua. Ut enim ad"
-
-    # feature item loop
-    - name : "Nos accomplissements"
-      icon : "ti-agenda" # icon pack : https://themify.me/themify-icons
-      content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore  dolore magna aliqua. Ut enim ad"
-
-    # feature item loop
-    - name : "Admission"
-      icon : "ti-write" # icon pack : https://themify.me/themify-icons
-      content : "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore  dolore magna aliqua. Ut enim ad"

themes/educenter-hugo/layouts/index.html

@@ -31,19 +31,23 @@
 <!-- /hero slider -->
 
 <!-- banner-feature -->
-{{ if $data.homepage.banner_feature.enable }}
-{{ with $data.homepage.banner_feature }}
-<section class="bg-gray overflow-md-hidden">
+{{ if $data.homepage.success_banner.enable }}
+{{ with $data.homepage.success_banner }}
+<section class="bg-white overflow-md-hidden" id="success">
   <div class="container-fluid p-0">
     <div class="row no-gutters">
       <div class="col-xl-4 col-lg-5 align-self-end">
         <img class="img-fluid w-100" src="{{ .image | absURL }}" alt="banner-feature">
       </div>
       <div class="col-xl-8 col-lg-7">
-        <div class="row feature-blocks bg-gray justify-content-between">
+        <div class="row feature-blocks bg-white justify-content-between">
           {{ range .feature_item }}
           <div class="col-sm-6 col-xl-5 mb-xl-5 mb-lg-3 mb-4 text-center text-sm-left">
-            <i class="{{ .icon }} mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
+            {{ if .img }}
+              <img src="{{ .icon }}" class="mb-xl-4 mb-lg-3 mb-4 feature-icon"></img>
+            {{ else }}
+              <i class="{{ .icon }} mb-xl-4 mb-lg-3 mb-4 feature-icon"></i>
+            {{ end }}
             <h3 class="mb-xl-4 mb-lg-3 mb-4">{{ .name | markdownify }}</h3>
             <p>{{ .content | markdownify }}</p>
           </div>
@@ -131,7 +135,7 @@
         <h5 class="section-title text-white">{{ .title | markdownify }}</h5>
         {{ if .button.enable }}
         {{ with .button }}
-        <a href="{{ .link | absLangURL }}" class="btn btn-secondary">{{ .label }}</a>
+        <a href="{{ .link | absLangURL }}" class="btn btn-secondary text-uppercase">{{ .label }}</a>
         {{ end }}
         {{ end }}
       </div>