Merge branch 'feature/noscript'

This commit is contained in:
Denys Konovalov 2022-10-28 19:48:52 +02:00
commit c061a17021
6 changed files with 66 additions and 4 deletions

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

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

@ -4,7 +4,7 @@
{{ if $data.homepage.slider.enable }} {{ if $data.homepage.slider.enable }}
{{ with $data.homepage.slider }} {{ 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="container">
<div class="hero-slider"> <div class="hero-slider">
{{ range .slider_item }} {{ range .slider_item }}
@ -24,6 +24,33 @@
</div> </div>
</section> </section>
{{ end }} {{ 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 }} {{ end }}
<section class="bg-white"> <section class="bg-white">

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

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

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