Umbau Ganztagsbereich (#292)
- [x] Umbau von Bereich zu Hauptseite mit Kacheln - [x] Aktualisierung für SJ 2025/2026 - [x] Aktualisierung in CMS-Konfiguration inkl. Vorschau Reviewed-on: #292
This commit is contained in:
@ -1,17 +1,7 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
{{ partial "filter-controls" . }}
|
||||
<div class="filter-container row">
|
||||
{{ range .Data.Pages }}
|
||||
<div data-groups="{{ .Params.category | urlize }}" class="col-lg-4 col-sm-6 filter-item">
|
||||
{{ partial "ganztag" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="filter-sizer col-1"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<main data-pagefind-body>
|
||||
{{ partial "tile-modals" . }}
|
||||
</main>
|
||||
|
||||
{{ end }}
|
||||
|
||||
@ -1,35 +0,0 @@
|
||||
{{ define "main" }}
|
||||
|
||||
<main data-pagefind-body>
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<img src="{{ .Params.image | relURL }}" class="img-fluid w-100 mb-4">
|
||||
<h2 class="mb-4">{{ .Title }}</h2>
|
||||
<div class="row mb-4">
|
||||
{{ partial "icon-element" (dict "size" 3 "icon" "calendar-today-outline" "title" "Zeit" "content" .Params.schedule) }}
|
||||
{{ partial "icon-element" (dict "size" 3 "icon" "timer-sand" "title" "Dauer" "content" .Params.duration) }}
|
||||
{{ partial "icon-element" (dict "size" 3 "icon" "crowd" "title" "Klassen" "content" .Params.class) }}
|
||||
{{ partial "icon-element" (dict "size" 3 "icon" "map-marker-radius-outline" "title" "Raum" "content" .Params.room) }}
|
||||
</div>
|
||||
<hr class="mb-4">
|
||||
<div class="content text-justify">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section pt-0" data-pagefind-ignore="all">
|
||||
<div class="container">
|
||||
<h2 class="mb-4">Andere Arbeitsgemeinschaften</h2>
|
||||
<div class="row">
|
||||
{{ range partial "data/related" . }}
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
{{ partial "ganztag" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
{{ end }}
|
||||
@ -179,10 +179,17 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
{{ range first (int $data.homepage.ganztagsangebote.number) (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
{{ partial "ganztag" . }}
|
||||
</div>
|
||||
{{ with .Site.GetPage "/ganztagsangebote/_index.md" }}
|
||||
{{ range first (int $data.homepage.ganztagsangebote.number) (.Params.tiles | shuffle) }}
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<div class="card border-primary rounded-0 hover-shadow mb-4">
|
||||
<img class="card-img-top rounded-0" src="{{ .image | relURL }}">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-truncate">{{ .title }}</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,8 +1,18 @@
|
||||
<ul class="list-inline text-center filter-controls mb-4">
|
||||
<li class="list-inline-item m-3 text-uppercase active" data-filter="all">Alle</li>
|
||||
{{ $categories := slice }}
|
||||
{{ range .Data.Pages }}
|
||||
{{ $categories = $categories | append .Params.category }}
|
||||
{{ if ne (len .Data.Pages) 0 }}
|
||||
{{ range .Data.Pages }}
|
||||
{{ $categories = $categories | append .Params.category }}
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
{{ range .Params.tiles }}
|
||||
{{ with .category }}
|
||||
{{ $categories = $categories | append . }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ if ne (len $categories) 0 }}
|
||||
<li class="list-inline-item m-3 text-uppercase active" data-filter="all">Alle</li>
|
||||
{{ end }}
|
||||
{{ range ( $categories | uniq ) }}
|
||||
<li class="list-inline-item m-3 text-uppercase" data-filter="{{ . | urlize }}">{{ . | humanize }}</li>
|
||||
|
||||
@ -29,8 +29,10 @@
|
||||
<div class="col-lg-3 col-sm-6 mb-4 mb-md-0 text-sm-start text-center">
|
||||
<h4 class="text-white mb-4 text-uppercase">Ganztagsangebote</h4>
|
||||
<ul class="list-unstyled">
|
||||
{{ range first 5 (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
|
||||
<li class="mb-3"><a class="text-white text-opacity-50" href="{{ .Permalink }}">{{ .Title }}</a></li>
|
||||
{{ with .Site.GetPage "/ganztagsangebote/_index.md" }}
|
||||
{{ range first 5 (.Params.tiles | shuffle) }}
|
||||
<li class="mb-3"><a class="text-white text-opacity-50" href="/ganztagsangebote">{{ .title }}</a></li>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@ -5,14 +5,19 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
{{ partial "filter-controls" . }}
|
||||
<div class="filter-container row">
|
||||
{{ range .Params.tiles }}
|
||||
{{ partial "modal" . }}
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<div class="col-lg-4 col-sm-6 filter-item" data-groups="{{ .category | urlize }}">
|
||||
<div class="card border-primary rounded-0 hover-shadow mb-4">
|
||||
<div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
|
||||
<span class="fb-tile-icon" style="color: {{ .font_color }}">{{ partial "mdi" .icon }}</span>
|
||||
</div>
|
||||
{{ if and .image (ne .image "/media/image.webp") }}
|
||||
<img class="card-img-top rounded-0" src="{{ .image | relURL }}">
|
||||
{{ else }}
|
||||
<div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
|
||||
<span class="fb-tile-icon" style="color: {{ .font_color }}">{{ partial "mdi" .icon }}</span>
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="card-body">
|
||||
<h4 class="card-title text-truncate">{{ .title }}</h4>
|
||||
<button type="button" class="btn btn-primary btn-sm" onclick="$('#{{ md5 .title }}').modal('show');" data-pagefind-ignore>Mehr anzeigen</button>
|
||||
@ -21,5 +26,6 @@
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="filter-sizer col-1"></div>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user