Merge branch 'main' of https://git.handmadecities.com/conferences/hmc_site_source
This commit is contained in:
@@ -5,71 +5,106 @@
|
||||
<h2>{{ .Params.Title }}</h2>
|
||||
<div>
|
||||
{{ if eq .Params.Mediatype "talk" }}
|
||||
Presented by
|
||||
Presented by
|
||||
{{ else if eq .Params.Mediatype "demo" }}
|
||||
Presented by
|
||||
Presented by
|
||||
{{ else if eq .Params.Mediatype "chat" }}
|
||||
Fireside chat with
|
||||
Fireside chat with
|
||||
{{ else if eq .Params.Mediatype "podcast" }}
|
||||
A podcast hosted by
|
||||
{{ end }}
|
||||
{{ range .Params.Speakers }}
|
||||
<a href="">{{ .name }}</a>
|
||||
{{ $lastSpeaker := (add (len .Params.Speakers) -1) }}
|
||||
{{ range $i, $s := .Params.Speakers }}
|
||||
<a href="">{{ $s.name }}</a>{{ if not (eq $i $lastSpeaker) }},{{ end }}
|
||||
{{ end }}
|
||||
at
|
||||
<a href="">{{ .Params.Conference }}</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ range .Params.Videos }}
|
||||
<div class="video-container">
|
||||
<iframe
|
||||
src="{{ .embed }}"
|
||||
frameborder="0"
|
||||
allow="autoplay; fullscreen; picture-in-picture; clipboard-write"
|
||||
style="width:100%;height:100%;"
|
||||
title="{{ .title }}">
|
||||
</iframe>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="dark:text-white">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
|
||||
{{ $hasGoodSpeaker := false }}
|
||||
{{ range .Params.Speakers }}
|
||||
{{ if or .bio .image }}
|
||||
{{ $hasGoodSpeaker = true }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ if $hasGoodSpeaker }}
|
||||
<h4>About the speaker{{ if (gt (len .Params.Speakers) 1) }}s{{ end }}</h4>
|
||||
{{ range .Params.Speakers }}
|
||||
<div class="flex">
|
||||
<div class="grow">
|
||||
<div class="font-bold dark:text-white">{{ .name }}</div>
|
||||
{{ if .bio }}
|
||||
<div>
|
||||
{{ .bio | markdownify }}
|
||||
</div>
|
||||
<div class="flex flex-col lg:flex-row gap-5">
|
||||
<div class="flex-grow flex flex-col gap-5">
|
||||
{{ range .Params.Videos }}
|
||||
<div class="video-container">
|
||||
{{ if eq .service "vimeo" }}
|
||||
<iframe
|
||||
src="{{ .embed }}"
|
||||
frameborder="0"
|
||||
allow="autoplay; fullscreen; picture-in-picture; clipboard-write"
|
||||
style="width:100%;height:100%;"
|
||||
title="{{ .title }}">
|
||||
</iframe>
|
||||
{{ else if eq .service "youtube" }}
|
||||
<iframe
|
||||
src="{{ .embed }}"
|
||||
title="{{ .title }}"
|
||||
frameborder="0"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
referrerpolicy="strict-origin-when-cross-origin"
|
||||
style="width:100%;height:100%;"
|
||||
allowfullscreen>
|
||||
</iframe>
|
||||
{{ else }}
|
||||
<a href="{{ .embed }}">{{ .title }}</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .image }}
|
||||
{{ $imageurl := resources.Get .image }}
|
||||
<div
|
||||
class="rounded-full aspect-square overflow-hidden shrink-0 w-32"
|
||||
style="background: url({{ $imageurl.RelPermalink }}) center top no-repeat; background-size: cover;"
|
||||
title="{{ .name }}"
|
||||
></div>
|
||||
{{ end }}
|
||||
{{ range .Params.Notes }}
|
||||
{{ partial "components/bignote.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="flex flex-col gap-5 lg:w-1/3">
|
||||
<div class="dark:text-white">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
|
||||
{{ $hasGoodSpeaker := false }}
|
||||
{{ range .Params.Speakers }}
|
||||
{{ if or .bio .image }}
|
||||
{{ $hasGoodSpeaker = true }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ if $hasGoodSpeaker }}
|
||||
<div>
|
||||
<h4 class="mb-2">About the speaker{{ if (gt (len .Params.Speakers) 1) }}s{{ end }}</h4>
|
||||
<div class="flex flex-col gap-3">
|
||||
{{ range .Params.Speakers }}
|
||||
<div class="">
|
||||
<div class="">
|
||||
<div class="font-bold dark:text-white">{{ .name }}</div>
|
||||
{{ if or .bio .image }}
|
||||
<div>
|
||||
{{ if .image }}
|
||||
{{ $imageurl := resources.Get .image }}
|
||||
{{ if $imageurl}}
|
||||
<div
|
||||
class="rounded-full aspect-square overflow-hidden w-24 float-right ml-2 mb-2"
|
||||
style="shape-outside: circle(50%); background: url({{ $imageurl.RelPermalink }}) center top no-repeat; background-size: cover;"
|
||||
title="{{ .name }}"
|
||||
></div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ if .bio }}
|
||||
{{ .bio | markdownify }}
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="flex flex-col gap-2">
|
||||
{{ range .Params.Videos }}
|
||||
{{ if .download_link }}
|
||||
<a class="btn btn-outline-primary" href="{{ .download_link }}">Download video: {{ .title }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ range .Params.Videos }}
|
||||
{{ if .download_link }}
|
||||
<a class="btn btn-outline-primary self-start" href="{{ .download_link }}">Download {{ .title }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
13
layouts/partials/components/bignote.html
Normal file
13
layouts/partials/components/bignote.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<div class="bignote-{{ .type }} flex gap-4 items-center px-4 py-6 rounded">
|
||||
<div class="w-32">
|
||||
{{ if eq .type "notice" }}
|
||||
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M236.8,188.09,149.35,36.22h0a24.76,24.76,0,0,0-42.7,0L19.2,188.09a23.51,23.51,0,0,0,0,23.72A24.35,24.35,0,0,0,40.55,224h174.9a24.35,24.35,0,0,0,21.33-12.19A23.51,23.51,0,0,0,236.8,188.09ZM222.93,203.8a8.5,8.5,0,0,1-7.48,4.2H40.55a8.5,8.5,0,0,1-7.48-4.2,7.59,7.59,0,0,1,0-7.72L120.52,44.21a8.75,8.75,0,0,1,15,0l87.45,151.87A7.59,7.59,0,0,1,222.93,203.8ZM120,144V104a8,8,0,0,1,16,0v40a8,8,0,0,1-16,0Zm20,36a12,12,0,1,1-12-12A12,12,0,0,1,140,180Z">
|
||||
</path>
|
||||
</svg>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div>
|
||||
{{ .text | markdownify }}
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user