gcg/gcg-website
gcg/gcg-website
1
1
Fork 0
Code Issues 4 Pull Requests Actions Projects 2 Wiki Activity

Cleanup templates #233

Merged
Denys Konovalov merged 4 commits from refactor/layouts-cleanup into master 2023-07-30 09:53:49 +02:00
Conversation 0 Commits 4 Files Changed 57 +56 -98
4 changed files with 56 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1af5f54900 - Show all commits

41
layouts/index.html
View File

@ -56,7 +56,7 @@
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
{{ range .logos }} {{ range .logos }}
<div class="col-md-3 col-6 order-1 order-md-2 mt-4"> <div class="col-md-3 col-6 mt-4">
<a href="{{ .link }}" target="_blank" title="{{ .title }}"><img class="img-fluid w-100" src="{{ .image }}"></a> <a href="{{ .link }}" target="_blank" title="{{ .title }}"><img class="img-fluid w-100" src="{{ .image }}"></a>
</div> </div>
{{ end }} {{ end }}
@ -102,8 +102,6 @@
{{ if $data.homepage.blog.enable }} {{ if $data.homepage.blog.enable }}
<section class="section mb-4"> <section class="section mb-4">
<div class="container"> <div class="container">
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center mb-4 justify-content-between"> <div class="d-flex align-items-center mb-4 justify-content-between">
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.blog.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.blog.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
@ -111,24 +109,20 @@
<a href="{{ `blog` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block">Alle anzeigen</a> <a href="{{ `blog` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block">Alle anzeigen</a>
</div> </div>
</div> </div>
</div>
</div>
<div class="row justify-content-center"> <div class="row justify-content-center">
{{ if $data.ausblick.enable }} {{ if $data.ausblick.enable }}
{{ with $data.ausblick }} {{ with $data.ausblick }}
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0 d-flex align-items-stretch"> <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0 d-flex align-items-stretch">
<div class="card border-info rounded-0 hover-shadow mb-4"> <div class="card border-info rounded-0 hover-shadow mb-2">
<span class="position-absolute top-0 start-0 ms-5 translate-middle p-2 text-bg-info border border-light rounded-pill"> <span class="position-absolute top-0 start-0 ms-5 translate-middle p-2 text-bg-info border border-info rounded-pill">
<i class="mdi mdi-pin me-2">Angeheftet</i> <i class="mdi mdi-pin me-2">Angeheftet</i>
</span> </span>
<img class="card-img-top rounded-0" src="{{ .image | relURL }}" alt="{{ .title }}" onclick="$('#{{ md5 .title }}').modal('show');"> <img class="card-img-top rounded-0" src="{{ .image | relURL }}" alt="{{ .title }}" onclick="$('#{{ md5 .title }}').modal('show');">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
<div class="row mb-2"> <span class="text-truncate mb-2">
<div class="col-12">
<i class="mdi mdi-fountain-pen-tip me-2"></i> <i class="mdi mdi-fountain-pen-tip me-2"></i>
{{ partial "authors" (dict "Site" $.Site "author" .author )}} {{ partial "authors" (dict "Site" $.Site "author" .author )}}
</div> </span>
</div>
<h4 class="card-title text-truncate" onclick="$('#{{ md5 .title }}').modal('show');">{{ .title }}</h4> <h4 class="card-title text-truncate" onclick="$('#{{ md5 .title }}').modal('show');">{{ .title }}</h4>
<p class="card-text" onclick="$('#{{ md5 .title }}').modal('show');">{{ partial "summary" .content }}</p> <p class="card-text" onclick="$('#{{ md5 .title }}').modal('show');">{{ partial "summary" .content }}</p>
<button type="button" class="btn btn-primary btn-sm mt-auto align-self-start" onclick="$('#{{ md5 .title }}').modal('show');">Mehr anzeigen</button> <button type="button" class="btn btn-primary btn-sm mt-auto align-self-start" onclick="$('#{{ md5 .title }}').modal('show');">Mehr anzeigen</button>
@ -151,8 +145,6 @@
{{ with $data.homepage.success_banner }} {{ with $data.homepage.success_banner }}
<section class="section bg-cover" data-background="{{ .image | absURL }}" id="success"> <section class="section bg-cover" data-background="{{ .image | absURL }}" id="success">
<div class="container"> <div class="container">
<div class="row no-gutters">
<div class="col-12">
<div class="row feature-blocks bg-white justify-content-between"> <div class="row feature-blocks bg-white justify-content-between">
{{ range .feature_item }} {{ range .feature_item }}
<div class="col-xl-5 mb-xl-5 mb-4"> <div class="col-xl-5 mb-xl-5 mb-4">
@ -170,8 +162,6 @@
{{ end }} {{ end }}
</div> </div>
</div> </div>
</div>
</div>
</section> </section>
{{ end }} {{ end }}
{{ end }} {{ end }}
@ -179,8 +169,6 @@
{{ if $data.homepage.ganztagsangebote.enable }} {{ if $data.homepage.ganztagsangebote.enable }}
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center mb-4 justify-content-between"> <div class="d-flex align-items-center mb-4 justify-content-between">
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.ganztagsangebote.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.ganztagsangebote.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
@ -188,8 +176,6 @@
<a href="{{ `ganztagsangebote` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block">Alle anzeigen</a> <a href="{{ `ganztagsangebote` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block">Alle anzeigen</a>
</div> </div>
</div> </div>
</div>
</div>
<div class="row justify-content-center"> <div class="row justify-content-center">
{{ range first (int $data.homepage.ganztagsangebote.number) (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}} {{ range first (int $data.homepage.ganztagsangebote.number) (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
<div class="col-lg-4 col-sm-6"> <div class="col-lg-4 col-sm-6">
@ -197,11 +183,6 @@
</div> </div>
{{ end }} {{ end }}
</div> </div>
<div class="row">
<div class="col-12 text-center">
<a href="{{ `ganztagsangebote` | relURL }}" class="btn btn-sm btn-primary-outline d-sm-none d-inline-block">Alle anzeigen</a>
</div>
</div>
</div> </div>
</section> </section>
{{ end }} {{ end }}
@ -209,9 +190,7 @@
{{ if $data.homepage.cta.enable }} {{ if $data.homepage.cta.enable }}
{{ with $data.homepage.cta }} {{ with $data.homepage.cta }}
<section class="section bg-primary"> <section class="section bg-primary">
<div class="container"> <div class="container text-center">
<div class="row">
<div class="col-12 text-center">
<h2 class="text-white mb-0">{{ .title | markdownify }}</h2> <h2 class="text-white mb-0">{{ .title | markdownify }}</h2>
<h5 class="mb-4 text-white">{{ .subtitle | markdownify }}</h5> <h5 class="mb-4 text-white">{{ .subtitle | markdownify }}</h5>
{{ if .button.enable }} {{ if .button.enable }}
@ -220,8 +199,6 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>
</div>
</div>
</section> </section>
{{ end }} {{ end }}
{{ end }} {{ end }}
@ -233,8 +210,6 @@
{{ if $data.homepage.termine.enable }} {{ if $data.homepage.termine.enable }}
<section class="section bg-body-tertiary"> <section class="section bg-body-tertiary">
<div class="container"> <div class="container">
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center mb-4 justify-content-between"> <div class="d-flex align-items-center mb-4 justify-content-between">
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.termine.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.termine.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
@ -242,8 +217,6 @@
<a href="{{`termine` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block text-nowrap">Alle anzeigen</a> <a href="{{`termine` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block text-nowrap">Alle anzeigen</a>
</div> </div>
</div> </div>
</div>
</div>
<div class="row justify-content-center px-2"> <div class="row justify-content-center px-2">
{{ with .Site.GetPage "/termine/_index.md" }} {{ with .Site.GetPage "/termine/_index.md" }}
@ -304,7 +277,7 @@
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
{{ range .logos }} {{ range .logos }}
<div class="col-md-2 col-4 order-1 order-md-2 mb-4"> <div class="col-md-2 col-4 mb-4">
<a href="{{ .link }}" target="_blank" title="{{ .title }}"><img class="img-fluid w-100" src="{{ .image }}"></a> <a href="{{ .link }}" target="_blank" title="{{ .title }}"><img class="img-fluid w-100" src="{{ .image }}"></a>
</div> </div>
{{ end }} {{ end }}

2
layouts/partials/info.html
View File

@ -10,7 +10,7 @@
<div class="col-lg-6 col-sm-8"> <div class="col-lg-6 col-sm-8">
<div class="bg-white p-5"> <div class="bg-white p-5">
<h2 class="mb-4">{{ .title }}</h2> <h2 class="mb-4">{{ .title }}</h2>
<p class="text-justify">{{ .content | markdownify }}</p> <p>{{ .content | markdownify }}</p>
</div> </div>
</div> </div>
</div> </div>

2
layouts/partials/termin.html
View File

@ -6,7 +6,7 @@
{{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }} {{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }}
</div> </div>
<div class="col-md-9"> <div class="col-md-9">
<div class="card-body h-100 d-flex flex-column justify-content-between"> <div class="card-body h-100 d-flex flex-column justify-content-around">
<h4 class="card-title">{{ .title }}</h4> <h4 class="card-title">{{ .title }}</h4>
{{ with .location }} {{ with .location }}
<div class="card-text"> <div class="card-text">

21
layouts/termine/list.html
View File

@ -2,34 +2,19 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<div class="row"> <ul class="list-inline text-center filter-controls mb-4">
<div class="col-12">
<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">Alle</li> <li class="list-inline-item m-3 text-uppercase active" data-filter="all">Alle</li>
<li class="list-inline-item m-3 text-uppercase" data-filter="upcoming">Anstehend</li> <li class="list-inline-item m-3 text-uppercase" data-filter="upcoming">Anstehend</li>
<li class="list-inline-item m-3 text-uppercase" data-filter="past">Vergangen</li> <li class="list-inline-item m-3 text-uppercase" data-filter="past">Vergangen</li>
</ul> </ul>
</div> <div class="filtr-container row">
</div>
<noscript>
<style>
.gta-cat {
display: none;
}
</style>
</noscript>
<div class="filtr-container">
{{ range .Params.events }} {{ range .Params.events }}
<div class="mb-2 mt-2 col-12 filtr-item" data-category="{{ if or (ge (.date | time.AsTime).Unix now.Unix) (and .enddate (ge (.enddate | time.AsTime).Unix now.Unix)) }}upcoming{{else}}past{{end}}" data-time="{{.date}}"> <div class="filtr-item col-12" data-category="{{ if or (ge (.date | time.AsTime).Unix now.Unix) (and .enddate (ge (.enddate | time.AsTime).Unix now.Unix)) }}upcoming{{else}}past{{end}}" data-time="{{.date}}">
{{ partial "termin" . }} {{ partial "termin" . }}
</div> </div>
{{ end }} {{ end }}
</div> </div>
</div> </div>
</div>
</div>
</section> </section>
{{ end }} {{ end }}