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

Add basic layout for meetups. Push Seattle to start with.

Browse Source
This commit is contained in:
Abner Coimbre
2024-11-03 21:30:17 -08:00
parent 2df8500ea5
commit 56904909c5
5 changed files with 97 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
layouts/meetups/single.html Normal file
View File

@@ -0,0 +1,72 @@
{{ define "main" }}
<section class="mb-8">
<div class="container flex flex-col gap-5">
<div>
<h2>{{ .Params.Title }}</h2>
</div>
<div class="flex flex-col lg:flex-row gap-5">
<div class="flex-grow flex flex-col gap-5">
<div class="content-container">
<img src="/images/meetups/envelope.png" width="50%" height="50%" />
</div>
<div class="content-container">
{{ .Params.Description }}
</div>
<form action = "https://api.handmadecities.com/v1/meetups/seattle" method = "POST">
<input type = "email" class="col-8 text-black" id = "email" name = "email" placeholder='Email...' required/>
<br>
<br>
<button type="submit" class="btn text-white meetups-bg col-3">Subscribe</button>
</form>
</div>
<div class="flex flex-col gap-5 lg:w-1/3">
<div class="dark:text-white content-container content">
{{ .Content }}
<a class="btn btn-outline-primary" href="/discord">Discord</a>
</div>
{{ $hasGoodHost := false }}
{{ range .Params.Hosts }}
{{ if or .bio .image }}
{{ $hasGoodHost = true }}
{{ end }}
{{ end }}
{{ if $hasGoodHost }}
<div>
<h4 class="mb-2">Meetup host{{ if (gt (len .Params.Hosts) 1) }}s{{ end }}</h4>
<div class="flex flex-col gap-3">
{{ range .Params.Hosts }}
<div class="">
<div class="">
<div class="font-bold dark:text-white">{{ .name }}</div>
{{ if or .bio .image }}
<div class="content-container">
{{ 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>
</div>
</div>
</section>
{{ end }}