ccchh-website/themes/ccchh/layouts/index.html
June 6675cefc52
All checks were successful
/ cleanup-staging (pull_request) Successful in 2s
/ build (pull_request) Successful in 38s
Use section and article HTML elements instead of just divs on main page
See here for information on these elements:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article
2024-01-28 20:15:12 +01:00

69 lines
2.5 KiB
HTML

{{ define "main" }}
<main class="container" aria-role="main">
<section class="homepage-content">
{{ .Content }}
</section>
{{- $events := where (.Site.GetPage "blog").Pages ".Params.categories" "event" }}
{{- $upcoming := where $events ".Params.date" "ge" now }}
{{ if $upcoming }}
<section class="announcements">
<h2 id="neuigkeiten" class="on-hover-trg">Neuigkeiten <a href="#neuigkeiten" class="on-hover"><i class="fa-solid fa-link small"></i></a></h2>
{{- range $upcoming.ByDate }}
<article class="announcement">
{{- partial "blog-header.html" (dict "headingLink" true "level" 4 "reduced" true "page" . ) }}
{{- if in .RawContent "<!--more-->" }}
{{ .Summary | safeHTML }}
{{- else }}
<p>{{ .Summary | safeHTML }}</p>
{{- end }}
</article>
{{- end }}
</section>
{{- end }}
{{- $home := .Site.GetPage "/home" }}
{{- $sections := where ($home.Resources.ByType "page") ".File.LogicalName" "index.md" }}
{{- range sort $sections "File.Path" "asc" }}
<section class="section">
{{- $hdg_id := .Title | lower | safeURL }}
<h2 id="{{ $hdg_id }}" class="on-hover-trg">{{ .Title }} <a href="#{{ $hdg_id }}" class="on-hover"><i class="fa-solid fa-link small"></i></a></h2>
{{ .Content -}}
{{- $subsec_dir := strings.TrimLeft "home/" .File.Dir }}
{{- $subsec_glob := printf "%s*.md" (strings.TrimLeft "home/" .File.Dir) }}
{{- $subsecs := where ($home.Resources.Match $subsec_glob) ".File.LogicalName" "!=" "index.md" }}
{{- if $subsecs }}
<div class="flex-grid">
{{- range $subsecs }}
{{- $link := .Params.link }}
<div class="wide">
{{- if eq $link nil }}
<h4>{{ .Title }}</h4>
{{- else }}
<h4><a href="{{ $link }}">{{ .Title }}</a></h4>
{{- end }}
{{- $img_path := printf "%s%s" $subsec_dir .Params.Image }}
{{- with $home.Resources.Get $img_path }}
<a href="{{ $link }}"><img class="groups-img" src="{{ .RelPermalink }}"></a>
{{- end }}
{{ .Content }}
</div>
{{- end }}
</div>
{{- end }}
{{- with .Params.Resources }}
<div class="flex-grid">
{{- range . }}
{{- $img := $home.Resources.GetMatch (printf "*/%s" .src) }}
<div class="img-link"><a href="{{ .params.url }}"><img src="{{ $img.RelPermalink }}" class="box-image" alt=""></a></div>
{{- end }}
</div>
{{- end }}
</section>
{{ end }}
</main>
{{ end }}