HMC/hmc_site_source
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update design of media template

Browse Source
This commit is contained in:
Ben Visness
2024-10-27 20:49:18 -05:00
parent 1ac313ddc4
commit 05f1735e19
1 changed files with 60 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
layouts/media/single.html
View File

@@ -22,6 +22,8 @@
</div> </div>
</div> </div>
<div class="flex flex-col lg:flex-row gap-5">
<div class="flex-grow flex flex-col gap-5">
{{ range .Params.Videos }} {{ range .Params.Videos }}
<div class="video-container"> <div class="video-container">
<iframe <iframe
@@ -33,7 +35,8 @@
</iframe> </iframe>
</div> </div>
{{ end }} {{ end }}
</div>
<div class="flex flex-col gap-5 lg:w-1/3">
<div class="dark:text-white"> <div class="dark:text-white">
{{ .Content }} {{ .Content }}
</div> </div>
@@ -45,9 +48,11 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
{{ if $hasGoodSpeaker }} {{ if $hasGoodSpeaker }}
<h4>About the speaker{{ if (gt (len .Params.Speakers) 1) }}s{{ end }}</h4> <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 }} {{ range .Params.Speakers }}
<div class="flex gap-8"> <div class="flex gap-8 items-center">
<div class="grow"> <div class="grow">
<div class="font-bold dark:text-white">{{ .name }}</div> <div class="font-bold dark:text-white">{{ .name }}</div>
{{ if .bio }} {{ if .bio }}
@@ -60,7 +65,7 @@
{{ $imageurl := resources.Get .image }} {{ $imageurl := resources.Get .image }}
{{ if $imageurl}} {{ if $imageurl}}
<div <div
class="rounded-full aspect-square overflow-hidden shrink-0 w-32 self-start" class="rounded-full aspect-square overflow-hidden shrink-0 w-24 self-start"
style="background: url({{ $imageurl.RelPermalink }}) center top no-repeat; background-size: cover;" style="background: url({{ $imageurl.RelPermalink }}) center top no-repeat; background-size: cover;"
title="{{ .name }}" title="{{ .name }}"
></div> ></div>
@@ -68,13 +73,19 @@
{{ end }} {{ end }}
</div> </div>
{{ end }} {{ end }}
</div>
</div>
{{ end }} {{ end }}
<div class="flex flex-col gap-2">
{{ range .Params.Videos }} {{ range .Params.Videos }}
{{ if .download_link }} {{ if .download_link }}
<a class="btn btn-outline-primary self-start" href="{{ .download_link }}">Download video: {{ .title }}</a> <a class="btn btn-outline-primary" href="{{ .download_link }}">Download video: {{ .title }}</a>
{{ end }} {{ end }}
{{ end }} {{ end }}
</div> </div>
</div>
</div>
</div>
</section> </section>
{{ end }} {{ end }}