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

content/english/meetups/index.md

@@ -1,10 +0,0 @@
----
-title: "Hey, I am John Doe!"
-meta_title: "About"
-description: "this is meta description"
-image: "/images/avatar.png"
-draft: false
-layout: under_construction
----
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illum nesciunt commodi vel nisi ut alias excepturi ipsum, totam, labore tempora, odit ex iste tempore sed. Fugit voluptatibus perspiciatis assumenda nulla ad nihil, omnis vel, doloremque sit quam autem optio maiores, illum eius facilis et quo consectetur provident dolor similique! Enim voluptatem dicta expedita veritatis repellat dolorum impedit, provident quasi at.

content/english/meetups/seattle.md

@@ -0,0 +1,25 @@
++++
+title="Seattle's Mailing List"
+date="2024-11-03T12:00:00-08:00"
+description="Receive Handmade meetup invites from the Emerald City!"
+thumbnail="/images/meetups/distantworlds_space.jpg"
+
+[[hosts]]
+name="Allen Webster"
+bio="Founder of [Mr. 4th Lab](https://mr4th.com). Hosts the classic monthly meetups"
+image="/images/people/allen_square.webp"
+
+[[hosts]]
+name="Phil Homan"
+bio="Staff [member](https://handmadecities.com/about). Hosts the coworking sessions (bi-weekly)"
+image="/images/people/phil_homan.jpg"
+
+[[hosts]]
+name="Abner Coimbre"
+bio="Staff [member](https://handmadecities.com/about). Hosts the third place (weekly)"
+image="/images/people/abner_2022.png"
++++
+
+#### Optional Discord Server
+
+The mailing list is how you get official invites, but you may join the Discord for extra updates or to chat with the meetup group.

layouts/meetups/single.html

@@ -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 }}