hmc_site_source/layouts/media/section.html

67 lines
2.3 KiB
HTML

{{ define "main" }}
{{ if .Params.Image }}
<figure class="flex justify-center items-center">
{{ partial "image" (dict "Src" .Params.Image "Alt" "Banner" "Class" "w-1/4 h-1/4" ) }}
</figure>
{{ end }}
<br>
<div>
</div>
<section class="mb-8">
<div class="container flex flex-col gap-5">
{{ $sections := slice . }}
{{ if .Sections }}
{{ $sections = .Sections.ByDate.Reverse }}
{{ end }}
{{ range $sections }}
<div>
<div>
<h2 class="mb-6"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
</div>
<div class="row">
{{ range .RegularPages.ByDate }}
<div class="col-12 md:col-6 lg:col-4 mb-3">
{{ $image := .Params.thumbnail }}
{{ if $image }}
<a href="{{ .RelPermalink }}">
{{ partial "image" (dict "Src" $image "Context" .Page "Alt" .Title "Class" "mb-3 w-full rounded") }}
</a>
{{ end }}
<div class="mb-3">
<a href="{{ .RelPermalink }}">
<h4 class="mb-1">
{{ .Title }}
</h4>
</a>
<div class="flex">
{{ with .Params.mediatype }}
<div class="mr-4">
<i class="fa-regular fa-folder mr-1"></i>
{{ if eq . "talk" }}Talk{{ end }}
{{ if eq . "demo" }}Demo{{ end }}
{{ if eq . "podcast" }}Podcast{{ end }}
{{ if eq . "chat" }}Fireside Chat{{ end }}
</div>
{{ end }}
<div>
<i class="fa-regular fa-circle-user mr-1"></i>
{{ range $i, $s := .Params.speakers -}}
{{ if gt $i 0 }}, {{ end }}{{ $s.name }}
{{- end }}
</div>
</div>
</div>
<p class="mb-6">{{ .Params.description | markdownify }}</p>
</div>
{{ end }}
</div>
{{ range .Params.Notes }}
{{ partial "components/bignote.html" . }}
{{ end }}
</div>
{{ end }}
</div>
</section>
{{ end }}