Update 11.08.2020

This commit is contained in:
Denys Konovalov
2020-08-11 14:10:42 +02:00
parent 5021f9c71e
commit 6b43ab49ff
48 changed files with 635 additions and 134 deletions

View File

@ -1,7 +1,7 @@
(function ($) {
'use strict';
// Preloader js
// Preloader js
$(window).on('load', function () {
$('.preloader').fadeOut(100);
});
@ -20,7 +20,7 @@
}
});
// Background-images
$('[data-background]').each(function () {
@ -103,5 +103,21 @@
});
});
var containerEl = document.querySelector('.shuffle-wrapper');
if (containerEl) {
var Shuffle = window.Shuffle;
var myShuffle = new Shuffle(document.querySelector('.shuffle-wrapper'), {
itemSelector: '.shuffle-item',
buffer: 1
});
})(jQuery);
jQuery('input[name="shuffle-filter"]').on('change', function (evt) {
var input = evt.currentTarget;
if (input.checked) {
myShuffle.filter(input.value);
}
});
}
})(jQuery);

View File

@ -125,3 +125,7 @@
color: $white;
}
}
.input {
border: 100px;
}

View File

@ -2,12 +2,12 @@
<img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
<div class="card-body">
<ul class="list-inline">
<li class="list-inline-item"><p><i class="ti-calendar"></i> {{ .Params.Duration }}</p></li>
<li class="list-inline-item"><p><i class="ti-bookmark-alt"></i> {{ .Params.Category }}</p></li>
<li class="list-inline-item"><p><i class="ti-calendar"></i> {{ .Params.Weekly }}</p></li>
<br>
<li class="list-inline-item"><p><i class="ti-user"></i> {{ .Params.Class }}</p></li>
</ul>
<h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
<!-- p class="card-text mb-4">{{ .Summary | truncate 100 }}</p-->
<a href="{{ .Permalink }}" class="btn btn-primary btn-sm">{{ i18n "join_club"}}</a>
<a href="{{ .Permalink }}" class="btn btn-primary btn-sm">{{ i18n "show_more"}}</a>
</div>
</div>

View File

@ -1,35 +1,41 @@
{{ define "main" }}
<!-- courses -->
<section class="section">
<div class="container">
<div class="row">
<div class="col-12">
<!-- course category list -->
<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>
{{ $categories := slice }}
{{ range .Data.Pages }}
{{ $categories = $categories | append .Params.Category }}
{{ end }}
{{ range ( $categories | uniq ) }}
<li class="list-inline-item m-3 text-uppercase" data-filter="{{ . | urlize }}">{{ . | humanize }}</li>
{{ end }}
</ul>
</div>
</div>
<!-- course list -->
<div class="row filtr-container">
<!-- course item -->
{{ range .Data.Pages }}
<div data-category="{{ .Params.Category | urlize }}" class="col-lg-4 col-sm-6 mb-5 filtr-item">
{{ .Render "ganztagsangebote" }}
</div>
{{ end }}
</div>
<!-- /course list -->
</div>
<section class="section" id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="btn-group portfolio-filter btn-group-toggle justify-content-center d-flex flex-wrap"
data-toggle="buttons">
<label class="btn btn-primary-outline active">
<input type="radio" name="shuffle-filter" value="all" checked="checked" />{{ i18n "all"}}
</label>
{{ $categories := slice }}
{{ range .Data.Pages }}
{{ range .Params.Categories }}
{{ $categories = $categories | append . }}
{{ end }}
{{ end }}
{{ range ( $categories | uniq ) }}
<label class="btn btn-primary-outline">
<input type="radio" name="shuffle-filter" value="{{ . | urlize }}" />{{ . }}
</label>
{{ end }}
</div>
</div>
</div>
<br>
<div class="row shuffle-wrapper justify-content-center">
{{"<!-- portfolio item -->" | safeHTML}}
{{ range .Data.Pages }}
<div class="col-lg-4 shuffle-item"
data-groups="[{{range $index, $element:= .Params.Categories }}{{if ne $index 0}},{{end}}&quot;{{. | urlize}}&quot;{{ end }}]">
{{ .Render "ganztagsangebote" }}
</div>
{{ end }}
</div>
</div>
</section>
<!-- /courses -->
{{ end }}

View File

@ -15,7 +15,7 @@
</div>
<!-- course info -->
<div class="row align-items-center mb-5">
<div class="col-xl-6 order-sm-3 order-xl-2 col-12 order-2">
<div class="col-xl-8 order-sm-3 order-xl-2 col-12 order-2">
<ul class="list-inline">
<li class="list-inline-item mr-4 mb-3 mb-sm-0">
<div class="d-flex align-items-center">
@ -44,6 +44,15 @@
</div>
</div>
</li>
<li class="list-inline-item mr-4 mb-3 mb-sm-0">
<div class="d-flex align-items-center">
<i class="ti-location-pin text-primary icon-md mr-2"></i>
<div class="text-left">
<h6 class="mb-0">{{ i18n "room" | upper }}</h6>
<p class="mb-0">{{ .Params.Room }}</p>
</div>
</div>
</li>
</ul>
</div>
<div class="col-xl-3 text-sm-right text-left order-sm-2 order-3 order-xl-3 col-sm-6 mb-4 mb-xl-0">

View File

@ -0,0 +1,13 @@
{{ define "main" }}
<section class="section">
<div class="container">
<div class="row">
<div class="col-12">
{{ .Content | safeHTML }}
</div>
</div>
</div>
</section>
{{ end }}

View File

@ -4,25 +4,34 @@
<section class="section">
<div class="container">
<div class="row">
<div class="col-12">
<!-- teacher category list -->
<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>
{{ $categories := slice }}
{{ range .Data.Pages }}
{{ $categories = $categories | append .Params.Course }}
{{ end }}
{{ range ( $categories | uniq ) }}
<li class="list-inline-item m-3 text-uppercase" data-filter="{{ . | urlize }}">{{ . | humanize }}</li>
{{ end }}
</ul>
</div>
</div>
<div class="col-lg-12">
<div class="btn-group portfolio-filter btn-group-toggle justify-content-center d-flex flex-wrap"
data-toggle="buttons">
<label class="btn btn-primary-outline active">
<input type="radio" name="shuffle-filter" value="all" checked="checked" />{{ i18n "all"}}
</label>
{{ $categories := slice }}
{{ range .Data.Pages }}
{{ range .Params.Courses }}
{{ $categories = $categories | append . }}
{{ end }}
{{ end }}
{{ range ( $categories | uniq ) }}
<label class="btn btn-primary-outline">
<input type="radio" name="shuffle-filter" value="{{ . | urlize }}" />{{ . }}
</label>
{{ end }}
</div>
</div>
</div>
<br>
<!-- teacher list -->
<div class="row filtr-container">
<div class="row shuffle-wrapper">
<!-- teacher -->
{{ range .Data.Pages }}
<div data-category="{{ .Params.Course | urlize }}" class="col-lg-4 col-sm-6 filtr-item">
<div class="col-lg-4 col-sm-6 shuffle-item"
data-groups="[{{range $index, $element:= .Params.Courses }}{{if ne $index 0}},{{end}}&quot;{{. | urlize}}&quot;{{ end }}]">
{{ .Render "teacher" }}
</div>
{{ end }}

View File

@ -9,7 +9,9 @@
</div>
<div class="col-md-6 mb-5">
<h3>{{ .Title }}</h3>
<h6 class="text-color">{{ .Params.Course }}</h6>
{{ range .Params.Courses }}
<h6 class="text-color">{{.}}</h6>
{{ end }}
<p class="mb-5">{{ .Params.Bio | markdownify }}</p>
<div class="row">
<div class="col-md-6 mb-5 mb-md-0">