Merge branch 'feature/noscript'

layouts/begabtenfoerderung/list.html

@@ -5,7 +5,7 @@
     <div class="row">
       {{ .Content }}
     </div>
-    <div class="row">
+    <div class="row gta-cat">
       <div class="col-12">
         <ul class="list-inline text-center filter-controls mb-5">
           <li class="list-inline-item m-3 text-uppercase active" data-filter="all">{{ i18n "all" }}</li>
@@ -19,6 +19,13 @@
         </ul>
       </div>
     </div>
+    <noscript>
+      <style>
+        .gta-cat {
+          display: none;
+        }
+      </style>
+    </noscript>
     <div class="row filtr-container">
       {{ range .Data.Pages }}
       <div data-category="{{ .Params.Category | urlize }}" class="col-lg-4 col-sm-6 mb-5 filtr-item">

layouts/ganztagsangebote/list.html

@@ -2,7 +2,7 @@
 
 <section class="section" id="portfolio">
 	<div class="container">
-		<div class="row">
+		<div class="row gta-cat">
 			<div class="col-lg-12">
 				<div class="btn-group portfolio-filter btn-group-toggle justify-content-center d-flex flex-wrap"
 					data-toggle="buttons">
@@ -23,6 +23,13 @@
 				</div>
 			</div>
 		</div>
+		<noscript>
+			<style>
+				.gta-cat {
+					display: none;
+				}
+			</style>
+		</noscript>
 
     <br>
 

layouts/index.html

@@ -4,7 +4,7 @@
 
 {{ if $data.homepage.slider.enable }}
 {{ with $data.homepage.slider }}
-<section class="hero-section overlay bg-cover" data-background="{{ .bg_image | absURL }}">
+<section class="hero-section overlay bg-cover hero-default" data-background="{{ .bg_image | absURL }}">
   <div class="container">
     <div class="hero-slider">
       {{ range .slider_item }}
@@ -24,6 +24,33 @@
   </div>
 </section>
 {{ end }}
+<noscript>
+  <style>
+    .hero-default {
+      display: none;
+    }
+    
+  </style>
+  <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">
+              <h1 class="text-white">{{ $data.homepage.slider.title | markdownify }}</h1>
+              <p class="text-muted mb-4">{{ .content | markdownify }}</p>
+              {{ if .button.enable }}
+              <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>
+              {{ end }}
+            </div>
+          </div>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+  </section>
+</noscript>
 {{ end }}
 
 <section class="bg-white">

layouts/partials/header.html

@@ -81,4 +81,11 @@
       </nav>
     </div>
   </div>
+  <noscript>
+    <style>
+      .navigation {
+        background-color: #1a1a37;
+      }
+    </style>
+  </noscript>
 </header>

layouts/partials/preloader.html

@@ -4,4 +4,11 @@
   <img src="{{ . | absURL }}" width="222px" alt="preloader">
   {{ end }}
 </div>
+<noscript>
+  <style>
+    .preloader {
+      display: none;
+    }
+  </style>
+</noscript>
 {{ end }}

layouts/wettbewerbe/list.html

@@ -5,7 +5,7 @@
     <div class="row">
       {{ .Content }}
     </div>
-    <div class="row">
+    <div class="row gta-cat">
       <div class="col-12">
         <ul class="list-inline text-center filter-controls mb-5">
           <li class="list-inline-item m-3 text-uppercase active" data-filter="all">{{ i18n "all" }}</li>
@@ -19,6 +19,13 @@
         </ul>
       </div>
     </div>
+    <noscript>
+      <style>
+        .gta-cat {
+          display: none;
+        }
+      </style>
+    </noscript>
     <div class="row filtr-container">
       {{ range .Data.Pages }}
       <div data-category="{{ .Params.Category | urlize }}" class="col-lg-4 col-sm-6 mb-5 filtr-item">