partial fixes

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 }}
 
 {{ if $data.homepage.about.enable }}