Remove animate.css (#222)

assets/js/script.js

@@ -42,19 +42,17 @@
   });
 
   //Hero Slider
-  $('.hero-slider').slick({
+  $('.hero-slider-items').slick({
     autoplay: true,
     autoplaySpeed: 5000,
     pauseOnFocus: false,
-    pauseOnHover: false,
+    pauseOnHover: true,
     infinite: true,
     arrows: true,
-    fade: true,
     prevArrow: '<button type=\'button\' class=\'prevArrow\'><i class=\'mdi mdi-chevron-left arrowIcon\'></i></button>',
     nextArrow: '<button type=\'button\' class=\'nextArrow\'><i class=\'mdi mdi-chevron-right arrowIcon\'></i></button>',
     dots: true
   });
-  $('.hero-slider').slickAnimation();
 
   // venobox popup
   $(document).ready(function () {
@@ -116,16 +114,6 @@
     counter();
   });
   
-  // Animation
-  $(document).ready(function () {
-    $('.has-animation').each(function (index) {
-      $(this).delay($(this).data('delay')).queue(function () {
-        $(this).addClass('animate-in');
-      });
-    });
-  });
-
-
 })(jQuery);
 
 var acc = document.getElementsByClassName("accordion");

assets/scss/_common.scss

@@ -118,7 +118,7 @@ a h4 {
     top: 0;
     left: 0;
     background: $secondary-color;
-    opacity: .8;
+    opacity: .7;
   }
 }
 

config.yml

@@ -31,7 +31,6 @@ params:
     css:
       - https://assets.cantorgymnasium.de/bootstrap/v4/bootstrap.min.css
       - https://assets.cantorgymnasium.de/slick/v1.8/slick.css
-      - https://assets.cantorgymnasium.de/animate/v3/animate.min.css
       - https://assets.cantorgymnasium.de/venobox/v2/dist/venobox.min.css
       - https://assets.cantorgymnasium.de/fonts/mdi/v7/css/materialdesignicons.min.css
       - https://assets.cantorgymnasium.de/fonts/fira/fira.css

data/de/homepage.yml

@@ -16,71 +16,51 @@ slider:
   title: Das Georg-Cantor-Gymnasium
   slider_item:
     - content: Mathematisch-naturwissenschaftliche Spezialschule
-      animation_in: left
-      animation_out: right
       button:
         enable: true
         label: Über uns
         link: about
     - content: Schule mit dem Gütesiegel "Begabungsfördernde Schule"
-      animation_in: left
-      animation_out: right
       button:
         enable: true
         link: https://lisa.sachsen-anhalt.de/unterricht/projekte-und-paedagogische-entwicklungsvorhaben/begabungsfoerderung/netzwerk-begabungsfoerdernde-schulen-in-sachsen-anhalt/
         label: Mehr erfahren
     - content: Primegymnasium der Martin-Luther-Universität Halle-Wittenberg
-      animation_in: left
-      animation_out: right
       button:
         enable: true
         link: https://www.marketing.uni-halle.de/schulbuero/prime-gymnasien/
         label: Mehr erfahren
     - content: Kooperationsschule der Hochschule Merseburg
-      animation_in: left
-      animation_out: right
       button:
         link: https://www.hs-merseburg.de/studium/vor-dem-studium/angebote-fuer-studieninteressierte
         label: Mehr erfahren
         enable: true
     - content: Kooperationsschule der Hochschule Anhalt
-      animation_in: left
-      animation_out: right
       button:
         link: https://www.hs-anhalt.de/nc/studieren/orientierung/schulcampus/schulkooperationen.html
         label: Mehr erfahren
         enable: true
     - content: Kooperationsschule der Dow Olefinverbund GmbH
-      animation_in: left
-      animation_out: right
       button:
         enable: false
         label: ""
         link: ""
     - content: Mitglied im Netzwerk MINT-EC
-      animation_in: left
-      animation_out: right
       button:
         enable: true
         label: Mehr erfahren
         link: https://mint-ec.de
     - content: Projektschule LemaS
-      animation_in: left
-      animation_out: right
       button:
         enable: true
         link: https://www.leistung-macht-schule.de/
         label: Mehr erfahren
     - content: KMK "Jugend forscht"-Schule 2018
-      animation_in: left
-      animation_out: right
       button:
         enable: true
         link: https://www.kmk.org/aktuelles/artikelansicht/georg-cantor-gymnasium-halle-saale-ist-die-jugend-forscht-schule-2018.html
         label: Mehr erfahren
     - content: Mitglied im Netzwerk "Schule ohne Rassismus - Schule mit Courage"
-      animation_in: left
-      animation_out: right
       button:
         enable: true
         link: https://www.schule-ohne-rassismus.org/

layouts/index.html

@@ -7,19 +7,21 @@
 <section class="hero-section overlay bg-cover hero-default" data-background="{{ .bg_image | absURL }}">
   <div class="container">
     <div class="hero-slider">
-      {{ range .slider_item }}
-      <div class="hero-slider-item">
         <div class="row">
-          <div class="col-md-8">
+          <div class="col-md-12">
             <h2 class="text-white">{{ $data.homepage.slider.title | markdownify }}</h2>
-            <p class="text-muted mb-4" data-animation-out="fadeOut{{.animation_out | title }}" data-delay-out="5" data-duration-in=".3" data-animation-in="fadeIn{{.animation_in | title }}" data-delay-in="0">{{ .content | markdownify }}</p>
+            <div class="hero-slider-items">
-            {{ if .button.enable }}
+            {{ range .slider_item }}
-            <a href="{{ .button.link | absLangURL }}" class="btn btn-primary" data-animation-out="fadeOut{{.animation_out | title }}" data-delay-out="5" data-duration-in=".3" data-animation-in="fadeIn{{.animation_in | title }}" data-delay-in="0">{{ .button.label }}</a>
+              <div class="hero-slider-item">
+                <p class="text-muted mb-4" >{{ .content | markdownify }}</p>
+                {{ if .button.enable }}
+                  <a href="{{ .button.link | absLangURL }}" class="btn btn-primary">{{ .button.label }}</a>
+                {{ end }}
+              </div>
             {{ end }}
+            </div>
           </div>
         </div>
-      </div>
-      {{ end }}
     </div>
   </div>
 </section>
@@ -33,20 +35,18 @@
   <section class="hero-section overlay bg-cover" style="background-image: url({{ $data.homepage.slider.bg_image | absURL }});">
     <div class="container">
       <div class="hero-slider">
-        {{ range first 1 $data.homepage.slider.slider_item }}
-        <div class="hero-slider-item">
           <div class="row">
-            <div class="col-md-8">
+            <div class="col-md-12">
               <h1 class="text-white">{{ $data.homepage.slider.title | markdownify }}</h1>
-              <p class="text-muted mb-4">{{ .content | markdownify }}</p>
+              {{ range first 1 $data.homepage.slider.slider_item }}
-              {{ if .button.enable }}
+                <p class="text-muted mb-4">{{ .content | markdownify }}</p>
-              <a href="{{ .button.link | absLangURL }}" class="btn btn-primary" data-animation-out="fadeOut{{.animation_out | title }}" data-delay-out="5" data-duration-in=".3" data-animation-in="fadeIn{{.animation_in | title }}" data-delay-in=".7">{{ .button.label }}</a>
+                {{ if .button.enable }}
+                  <a href="{{ .button.link | absLangURL }}" class="btn btn-primary">{{ .button.label }}</a>
+                {{ end }}
               {{ end }}
             </div>
           </div>
         </div>
-        {{ end }}
-      </div>
     </div>
   </section>
 </noscript>

static/admin/config.yml

@@ -74,16 +74,6 @@ collections:
                 widget: "list"
                 fields:
                   - {label: "Inhalt", name: "content", widget: "string", required: false}
-                  - label: "Einblendeanimation"
-                    name: "animation_in"
-                    widget: "select"
-                    options: ["left", "right", "up", "down"]
-                    required: false
-                  - label: "Ausblendeanimation"
-                    name: "animation_out"
-                    widget: "select"
-                    options: ["left", "right", "up", "down"]
-                    required: false
                   - label: "Button"
                     name: "button"
                     widget: "object"