Legibility on tickets page

Reviewed-on: conferences/hmc_site_source#1

assets/images/people/2022-cedrichutchings.svg

@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 95.61 105.22" style="enable-background:new 0 0 95.61 105.22;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#ADD366;}
+	.st1{fill:#FFFFFF;}
+</style>
+<g id="Layer_2">
+	<path class="st0" d="M23.21,18.58c3.74-6.71,11.96-7.78,13.19-7.94c2.07-0.27,3.72-0.11,4.77,0c3.24,0.34,6.66,0.7,8.58,3.34
+		c1.2,1.65,1.26,3.44,1.27,3.97c0.01,0.63-0.02,3.01-2.54,6.04c-1.48,1.77-2.73,2.47-12.07,6.99c-6.19,2.99-6.89,3.29-8.26,4.45
+		c-2.04,1.73-2.91,3.12-3.97,2.86c-1.76-0.43-2.06-4.96-2.22-7.47C21.55,24.9,21.36,21.9,23.21,18.58z"/>
+</g>
+<g id="Layer_3">
+	<path class="st1" d="M38.14,105.22h39.33c0,0,3.78-16.82,3.78-20.23c0-3.41,0.13-24.23-1.47-26.91s-1.93-16.56-15.98-19.74
+		s-22.82-2.11-28.48,1.72S21.27,56.07,21.68,57.01c0.41,0.94-0.01,7.12-0.01,7.12l-4.82,6.72l3.53,8.36c0,0,9.97,4.87,11.92,4.44
+		c1.96-0.43,13.49,1.98,13.49,1.98l-3.43,11.93L38.14,105.22z"/>
+	<g id="Layer_4">
+	</g>
+</g>
+<g id="Layer_1">
+	<ellipse class="st1" cx="29" cy="59.74" rx="6.31" ry="5.6"/>
+	<ellipse class="st1" cx="56.15" cy="61.55" rx="9.5" ry="6.31"/>
+	<path d="M49.84,85.18c-2.32,0.67-2.9,1.16-3.88,5.44c-0.71,3.14-1.82,6.58-3.49,9.65c-0.85,1.56-2.05,3.04-2.13,4.96
+		c-1.33,0-2.67,0-4,0c2.26-4.91,5.02-9.6,6.38-14.92c0.97-3.81,0.97-4.12-2.79-4.05c-5.15,0.09-10.13-0.58-15.13-1.95
+		c-9.12-2.5-11.12-14.65-5.91-20.07c1.15-1.2,1.4-2.46,1.49-4.02c0.45-7.8,3.37-14.6,9.72-19.23c4.81-3.5,10.53-5.33,16.56-5.77
+		c0.66-0.05,1.33,0.01,2-0.01c4.14-0.11,4.69-0.55,5.69-4.63c0.71-2.9,1.84-5.62,3.35-8.2c0.55-0.94,2.63-1.64,0.61-3.06
+		c-2.39-1.68-4.05-1.47-5.25,0.78c-1.25,2.35-2.59,4.55-4.51,6.47c-2.17,2.17-4.63,3.67-7.5,4.64c-4.86,1.63-9.57,3.43-13.46,7.07
+		c-2.54,2.38-7.07,0.67-7.14-2.68c-0.12-5.62,0.02-9.19,1.42-13.5c2.38-7.35,9.9-13.71,18.01-13.96c3.03-0.09,5.49,0.69,9.54,1.98
+		c6.76,2.15,8.81,3.77,12.23,4.94c1.26,0.43,2.51,0.88,3.62,1.55c1.16,0.7,1.42,1.82,0.34,2.92c-0.46,0.48-0.95,0.93-1.47,1.35
+		c-3.5,2.8-4.17,6.58-3.81,10.76c0.22,2.51,1.01,4.29,3.85,4.91c4.87,1.06,8.61,4.02,11.86,7.7c4.11,4.65,6.07,10.15,6.26,16.24
+		c0.18,5.83,0.18,11.11,0.09,17.5c-0.12,9.38-0.98,18.39-4.05,27.2c-1,0-2,0-3,0c-0.42-2.09,0.8-3.84,1.29-5.72
+		c1.46-5.57,2.9-11.09,2.75-16.95c-0.18-6.65,0.12-13.31-0.09-19.96c-0.18-5.85-1.81-11.34-5.36-16.11
+		c-4.21-5.65-10.58-7.31-16.92-8.11c-8.48-1.07-16.73,0.32-24.34,4.77c-3.56,2.08-5.39,5.23-7,8.7c-0.37,0.81,0.09,1.26,0.87,1.31
+		c1.33,0.07,2.67-0.04,3.99,0.09c3.95,0.4,5.82,2.54,5.82,6.51c-0.01,3.94-1.92,6.11-5.88,6.43c-1.81,0.14-4.42,0.5-6.05-0.31
+		c-1.06-0.53-0.87-1.78-2.33-0.77c-1.17,0.81-1.67,2.06-2.17,3.26c-2.16,5.19,0.08,10.95,5.27,12.63c7.96,2.58,16.12,3.03,24.4,1.55
+		c6.01-1.07,11.03-4.36,16.07-8.16c0.44-0.33,2.37,1.31,2.25,2.21c-0.26,2.02,0.1-0.43,0,0c-0.48,2.08-3.96,3.25-6,4.07
+		 M26.36,35.76c3.65-3.47,8.1-5.51,12.82-6.99c0.95-0.3,1.83-0.71,2.76-1c4.4-1.36,6.51-4.84,8.08-8.73
+		c1.05-2.59,0.2-4.03-2.34-5.63c-10.7-6.73-21.18,1.65-23.7,8.53c-1.89,5.15-2.86,14.67,0.35,13.81
+		C25.01,36.9,25.68,36.9,26.36,35.76z M34.3,58.74c0,0.79,0.02,0.46,0,0.13c-0.04-0.73-0.43-1.25-1.04-1.59
+		c-0.41-0.23-0.42-0.2-0.92,1.56c-1.18,4.2-4.61,5.27-7.83,2.44c-0.32-0.28,0-1.5-1-0.72c-0.18,0.14-0.19,0.66-0.1,0.95
+		c0.76,2.52,3.15,3.67,6.43,3.14C33.05,64.13,34.43,62.67,34.3,58.74z"/>
+	<path d="M55.93,67.81c-1.16,0-2.32,0.1-3.47-0.02c-3.92-0.41-5.81-2.64-5.81-6.73c-0.01-4.13,1.85-6.44,5.75-6.78
+		c2.46-0.21,4.97-0.2,7.43,0c3.92,0.32,5.81,2.62,5.82,6.72c0.01,4.13-1.86,6.38-5.75,6.79C58.59,67.93,57.25,67.81,55.93,67.81z
+		 M55.86,65.85c1.47-0.14,3-0.04,4.39-0.46c3.14-0.95,4.15-3.09,3.19-6.32c-0.13-0.43-0.56-0.96-0.96-1.08
+		c-1.15-0.37-0.77,0.77-0.79,1.19c-0.13,2.64-1.41,4.3-3.89,4.39c-2.85,0.11-6.07,1-7.94-2.5c-0.36-0.67,0.1-1.72-0.9-2.08
+		c-0.1,0.84-0.23,1.68-0.3,2.53c-0.13,1.59,0.7,2.41,1.96,3.21C52.31,65.81,54.06,65.73,55.86,65.85z"/>
+	<path d="M22.25,36.51c-0.1,0.65,0.75-5.49,3.4-8.09c1.72-1.69,3.56-3.31,5.24-5.06c2.23-2.32,5.17-4.09,5.55-7.8
+		c0.16-1.51,1.82-1.95,3.36-1.77c1.36,0.16,2.26,0.91,2.5,2.26c0.26,1.46-0.1,2.76-1.58,3.41C34.24,22.31,29.23,26,25.95,31.32
+		c-1.43,2.32-1.6,3.3-1.55,5.2C23.68,37.7,22.96,37.7,22.25,36.51z"/>
+	<circle class="st0" cx="39.39" cy="16.54" r="1.25"/>
+</g>
+</svg>

assets/js/main.js

@@ -49,7 +49,8 @@
     const modal = document.querySelector(`#${target}`);
     if (modal) {
       btn.addEventListener("click", (e) => {
-        toggle_modal(modal, true);
+        if (e.target.tagName !== 'A')
+          toggle_modal(modal, true);
       });
     }
   });
@@ -77,10 +78,36 @@
   document.addEventListener("keydown", (e) => {
     if (e.key === "Escape") {
       var modal_id = body.getAttribute("modal");
-      if(modal_id) toggle_modal(document.querySelector(`#${modal_id}`), false);
+      if (modal_id) toggle_modal(document.querySelector(`#${modal_id}`), false);
     }
   });
 
+  // timelines
+  // ----------------------------------------
+  const updateTimeline = (timeline) => {
+    const day_target = timeline.getAttribute("data-day-target");
+    timeline.querySelectorAll(".day-events:not(.hidden)").forEach((day_events) => { day_events.classList.toggle("hidden", true); });
+    timeline.querySelector(`[data-day-title="${day_target}"]`).classList.toggle("hidden", false);
+    timeline.querySelectorAll(`.day_listing.active`).forEach((listing) => {
+      listing.classList.toggle("inactive", true);
+      listing.classList.toggle("active", false);
+    });
+    var new_active = timeline.querySelector(`.day_listing[data-day-target="${day_target}"]`);
+    new_active.classList.toggle("active", true);
+    new_active.classList.toggle("inactive", false);
+  };
+
+  document.querySelectorAll(".timeline_grid_container").forEach((timeline) => {
+    const days = timeline.querySelector(".day-listing-container");
+    days.addEventListener("click", (e) => {
+      const day_target = e.target.getAttribute("data-day-target");
+      if (day_target) {
+        timeline.setAttribute("data-day-target", day_target);
+        updateTimeline(timeline);
+      }
+    });
+  });
+
   // Swipers
   // ----------------------------------------
   const swipers = document.querySelectorAll(".swiper-slider");

assets/scss/custom.scss

@@ -50,16 +50,26 @@
 }
 
 .testimonial a,
-.img_grid_container a {
+.img_grid_container a,
+.timeline_grid_container a {
     color: var(--meetups-color) !important;
     text-decoration: none;
 }
 
 .testimonial a:hover,
-.img_grid_container a:hover {
+.img_grid_container a:hover,
+.timeline_grid_container a {
     text-decoration: underline;
 }
 
+// .day_listing.active {
+
+// }
+
+.day_listing.inactive {
+    color: rgb(163, 163, 163);
+}
+
 .modal-bg a {
     color: var(--meetups-color) !important;
     text-decoration: none;

config/_default/menus.en.toml

@@ -35,19 +35,19 @@ weight = 4
 parent = "Explore"
 name = "Discord"
 url = "https://discord.com/invite/txcCe8vyQ6"
-weight = 1
+weight = 3
 
 [[main]]
 parent = "Explore"
 name = "Meetups"
 url = "/meetups"
-weight = 2
+weight = 1
 
 [[main]]
 parent = "Explore"
 name = "Members"
 url = "https://donorbox.org/handmadecities"
-weight = 3
+weight = 2
 
 [[main]]
 name = "About"

content/english/_index.md

@@ -109,7 +109,7 @@ features:
       end_style: "mask-size:cover;mask-position:bottom;height:165px;"
       end_dark_color: "#150e31"
     bg_color: "#0a0a0a"
-    content: "The Handmade Network is your online community and go-to hub when there's no in-person events. Participate in jams, be awed by software projects and enjoy a huge Discord community."
+    content: "The Handmade Network is our online community and go-to hub when there's no in-person events. Participate in jams, be awed by project showcases and enjoy a huge Discord community."
     content_class: "text-white mt-12 px-12 py-8 bg-[rgba(0,0,0,0.85)] rounded-lg !col-9"
     button:
       enable: enable

content/english/about/index.md

@@ -48,7 +48,7 @@ features:
       start_dark_color: "black"
     bg_color: "#060610"
     content_class: "mt-4"
-    content: "[Abner](https://abnercoimbre.com) is the founder of Handmade Cities and sole organizer for our conferences.<br>His professional story began when he left Puerto Rico for a yearlong internship at NASA. Abner was mentored on how they make software and after winning NASA’s Intern of the Year, he published an essay on their programming philosophy ([featured](https://observer.com/2017/07/a-look-into-nasa-coding-philosophy-kennedy-space-center-programming/) in the news.) He was promoted to launch control engineers.<br><br>Abner also started the [Handmade Network](https://handmade.network/), an online community learning to make quality software. He went on to work for Jonathan Blow multiple years and then Cyan Worlds to help ship the [Myst remake](https://store.steampowered.com/app/1255560/Myst/).<br><br>His concern of declining standards—both ethical and technical—pushed Abner to run tech conferences full-time, with ironclad conviction that we need independent organizers more than ever."
+    content: "[Abner](https://abnercoimbre.com) is the founder of Handmade Cities and sole organizer for our conferences.<br><br>His professional story began when he left Puerto Rico for a yearlong internship at NASA. Abner was mentored on how they make software and after winning NASA’s Intern of the Year, he published an essay on their programming philosophy ([featured](https://observer.com/2017/07/a-look-into-nasa-coding-philosophy-kennedy-space-center-programming/) in the news.) He was promoted to launch control engineer.<br><br>Abner also started the [Handmade Network](https://handmade.network/), an online community learning to make quality software. He went on to work for Jonathan Blow multiple years and then Cyan Worlds to help ship the [Myst remake](https://store.steampowered.com/app/1255560/Myst/).<br><br>His concern of declining standards—both ethical and technical—pushed Abner to run tech conferences full-time, with ironclad conviction that we need independent organizers more than ever."
 
   - title: "Morgan Rammell"
     title_class: "text-white"
@@ -84,4 +84,4 @@ features:
     content_class: ""
     section_class: "!pt-16 !pb-32 text-white"
     content: "Devon is a guy who makes things."  
----
+---

content/english/boston/index.md

@@ -2,7 +2,7 @@
 title: "Handmade Boston 2024"
 meta_title: "About"
 description: "this is meta description"
-image: "/images/avatar.png"
+image: "/images/hmb/boston-dark-mode.svg"
 draft: false
 layout: under_construction
----
+---

content/english/media/seattle-2022/_index.md

@@ -0,0 +1,6 @@
++++
+title="Handmade Seattle 2022"
+date="2022-11-16T09:00:00-08:00"
+enddate="2022-11-18T18:00:00-08:00"
++++
+

content/english/media/seattle-2022/abbrv.md

@@ -0,0 +1,19 @@
++++
+title="Abbrv"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-17T14:00:00-08:00"
+description="OS-Wide Text Expansion Tool"
+thumbnail="/images/thumbnails/2022HMSAbbrv.jpg"
+
+[[videos]]
+title="Abbrv"
+embed="https://player.vimeo.com/video/770635667"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/770635667/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=4c97d263413615d95801a1694eb67eef9f44d98465f49fd094d5fc95f84f03d2"
+
+[[speakers]]
+name="Jake Mason"
+bio=""
+image="/images/people/2022-jake.png"
++++

content/english/media/seattle-2022/blinded-by-fear.md

@@ -0,0 +1,19 @@
++++
+title="Blinded by Fear"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-17T14:30:00-08:00"
+description="A Sci-Fi Horror Written From Scratch"
+thumbnail="/images/thumbnails/2022HMSBlindedByFear.jpg"
+
+[[videos]]
+title="Blinded by Fear"
+embed="https://player.vimeo.com/video/776801975"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/776801975/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=6520e27748d76d5d7101f131c52b68ed17ac82ef24e001d7eba39c6bcb2b47d4"
+
+[[speakers]]
+name="Tyler Middleweek"
+bio=""
+image="/images/people/2022-tyler.png"
++++

content/english/media/seattle-2022/complexity.md

@@ -0,0 +1,25 @@
++++
+title="Complexity"
+mediatype="talk"
+conference="seattle-2022"
+date="2022-11-17T10:00:00-08:00"
+description="Why Can’t We Make Simple Software?"
+thumbnail="/images/thumbnails/2022HMSComplexity.jpg"
+
+[[videos]]
+title="Complexity"
+embed="https://player.vimeo.com/video/780013486"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/780013486/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=eb06c9a10a7b11a2394f9502150c6ff763098f0050bcc933cb273a8c0e95020d"
+
+[[videos]]
+title="Complexity - Q&A"
+embed="https://player.vimeo.com/video/780015991"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/780015991/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=fae782ddb976e18774011f871375acc55d0e001f54ac87e22f2d8ebcc30ab2e9"
+
+[[speakers]]
+name="Peter van Hardenberg"
+bio=""
+image="/images/people/2022-peter.jpg"
++++

content/english/media/seattle-2022/embergen.md

@@ -0,0 +1,25 @@
++++
+title="EmberGen"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-17T09:45:00-08:00"
+description="Create Stunning Fire, Smoke, and Explosions in Real-time"
+thumbnail="/images/thumbnails/2022HMSEmberGen.jpg"
+
+[[videos]]
+title="EmberGen"
+embed="https://player.vimeo.com/video/770611307"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/770611307/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=beec7f3f854cdea173bfbfc32e8a7ad56059adb486dab9bffb70ffb85404a7fe"
+
+[[videos]]
+title="EmberGen - Q&A"
+embed="https://player.vimeo.com/video/780010746"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/780010746/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=00418fff7906f74e0bfa241f0ae5bee869ae9fcc298ea1b3c1386108613c1055"
+
+[[speakers]]
+name="Nick Seavert"
+bio=""
+image="/images/people/2022-embergen.png"
++++

content/english/media/seattle-2022/its-not-survivorship-bias.md

@@ -0,0 +1,25 @@
++++
+title="It's Not Survivorship Bias"
+mediatype="talk"
+conference="seattle-2022"
+date="2022-11-17T14:45:00-08:00"
+description="On Successful Software Endeavors"
+thumbnail="/images/thumbnails/2022HMSItsNotSurvivorshipBias.jpg"
+
+[[videos]]
+title="It's Not Survivorship Bias"
+embed="https://player.vimeo.com/video/783465506"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/783465506/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=5175b718a41f8341f0165885620559eab69c26fd128ae96f78744b12eb852ffd"
+
+[[videos]]
+title="It's Not Survivorship Bias - Q&A"
+embed="https://player.vimeo.com/video/783467957"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/783467957/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=3d4ed60422ccc4e0e25ec46b9b33687c89e01358a41f37a37709e54978b0b549"
+
+[[speakers]]
+name="Mason Remaley"
+bio=""
+image="/images/people/2022-mason.jpg"
++++

content/english/media/seattle-2022/libquincy.md

@@ -0,0 +1,19 @@
++++
+title="LibQuincy"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-16T14:30:00-08:00"
+description="Real-time Audio Spectrum Visualization Library"
+thumbnail="/images/thumbnails/2022HMSLibQuincy.jpg"
+
+[[videos]]
+title="LibQuincy"
+embed="https://player.vimeo.com/video/771258494"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/771258494/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=204258ecfa76a20fa81e19c7516ac3c61cfe42f65559d213f7922416d59916cf"
+
+[[speakers]]
+name="Demetri Spanos"
+bio=""
+image="/images/people/2022-demetri.png"
++++

content/english/media/seattle-2022/magic-poser.md

@@ -0,0 +1,25 @@
++++
+title="Magic Poser"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-17T09:30:00-08:00"
+description="The magic of magic poser"
+thumbnail="/images/thumbnails/2022HMSMagicPoser.jpg"
+
+[[videos]]
+title="Magic Poser"
+embed="https://player.vimeo.com/video/770866543"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/770866543/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=92a99f3b31cd781e435baca7edeabe41a4de72a086797038246f3aa62ff0423b"
+
+[[videos]]
+title="Magic Poser - Q&A"
+embed="https://player.vimeo.com/video/1024237568"
+service="vimeo"
+download_link=""
+
+[[speakers]]
+name="Wombat Studio"
+bio=""
+image="/images/people/2022-magicposer.png"
++++

content/english/media/seattle-2022/memory-strategies.md

@@ -0,0 +1,29 @@
++++
+title="Memory Strategies"
+mediatype="podcast"
+conference="seattle-2022"
+date="2022-11-16T12:00:00-08:00"
+description="The Merits of (Un)safe"
+thumbnail="/images/thumbnails/2022HMSMemoryStrategies.jpg"
+
+[[videos]]
+title="Memory Strategies"
+embed="https://player.vimeo.com/video/774890907"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/774890907/rendition/720p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=3c443137144bf46966f5607ab00f818dfa5f98e1ac7643e62160f55e0bb27792"
+
+[[speakers]]
+name="Ryan Fleury"
+bio=""
+image=""
+
+[[speakers]]
+name="Allen Webster"
+bio=""
+image=""
+
+[[speakers]]
+name="John Austin"
+bio=""
+image=""
++++

content/english/media/seattle-2022/optimism-in-design.md

@@ -0,0 +1,25 @@
++++
+title="Optimism in Design"
+mediatype="talk"
+conference="seattle-2022"
+date="2022-11-16T14:45:00-08:00"
+description="A Talk about Voxels"
+thumbnail="/images/thumbnails/2022HMSOptimismInDesign.jpg"
+
+[[videos]]
+title="Optimism in Design"
+embed="https://player.vimeo.com/video/783228488"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/783228488/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=e9c188d0255e1d740cf808a85813b2e44be42bd1061d512d82d80f70e1cd6121"
+
+[[videos]]
+title="Optimism in Design - Q&A"
+embed="https://player.vimeo.com/video/783233740"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/783233740/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=ce65dce17abcbe1c12fe8df01f309240a725206f303f2ff1d1c2da2a4608661d"
+
+[[speakers]]
+name="Davis Morley"
+bio=""
+image="/images/people/2022-morley.jpg"
++++

content/english/media/seattle-2022/rsm.md

@@ -0,0 +1,25 @@
++++
+title="RSM"
+mediatype="talk"
+conference="seattle-2022"
+date="2022-11-17T15:45:00-08:00"
+description="A little virtual computer"
+thumbnail="/images/thumbnails/2022HMSRSM.jpg"
+
+[[videos]]
+title="RSM"
+embed="https://player.vimeo.com/video/1024179839"
+service="vimeo"
+download_link=""
+
+[[videos]]
+title="RSM - Q&A"
+embed="https://player.vimeo.com/video/1024184763"
+service="vimeo"
+download_link=""
+
+[[speakers]]
+name="Rasmus Andersson"
+bio=""
+image="/images/people/2022-rasmus.png"
++++

content/english/media/seattle-2022/sdf-atlas.md

@@ -0,0 +1,19 @@
++++
+title="SDF Atlas"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-16T16:30:00-08:00"
+description="Explore SDF Compositions Without Hassle"
+thumbnail="/images/thumbnails/2022HMSSDFAtlas.jpg"
+
+[[videos]]
+title="SDF Atlas"
+embed="https://player.vimeo.com/video/776799666"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/776799666/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=200e58dcae0275b035619c25c06438258462a6fea9c4e232309f65d5950dd327"
+
+[[speakers]]
+name="Billy Pan"
+bio=""
+image="/images/people/2022-billy.png"
++++

content/english/media/seattle-2022/spall.md

@@ -0,0 +1,19 @@
++++
+title="Spall"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-16T14:00:00-08:00"
+description="Simple, Fast, Portable Profiling"
+thumbnail="/images/thumbnails/2022HMSSpall.jpg"
+
+[[videos]]
+title="Spall"
+embed="https://player.vimeo.com/video/776796857"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/776796857/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=32ff9c9a67b408db06778f06f3de605f72fc8ab2132e45d0446229768b54cc42"
+
+[[speakers]]
+name="Colin Davidson"
+bio=""
+image="/images/people/2022-colin.png"
++++

content/english/media/seattle-2022/sprig.md

@@ -0,0 +1,19 @@
++++
+title="Sprig"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-16T14:15:00-08:00"
+description="The Console Where Every Player is a Creator"
+thumbnail="/images/thumbnails/2022HMSSprig.jpg"
+
+[[videos]]
+title="Sprig"
+embed="https://player.vimeo.com/video/770625302"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/770625302/rendition/720p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=b91a7be60dd639a688b926fe1f672e975092db7b2387f82992c961f8a6424298"
+
+[[speakers]]
+name="Cedric Hutchings"
+bio=""
+image="/images/people/2022-cedrichutchings.svg"
++++

content/english/media/seattle-2022/talking-with-computers-and-humans.md

@@ -0,0 +1,19 @@
++++
+title="Talking with Computer & Humans"
+mediatype="talk"
+conference="seattle-2022"
+date="2022-11-17T11:00:00-08:00"
+description="A Synthesis of Communication & Interaction Models"
+thumbnail="/images/thumbnails/2022HMSTalkingWithComputersAndHumans.jpg"
+
+[[videos]]
+title="Talking with Computer & Humans"
+embed="https://player.vimeo.com/video/776820165"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/776820165/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=2699877e9db9e9293e21dd84e870245da9a0145b0ca91db85b2df6eb2a35c33c"
+
+[[speakers]]
+name="Andrew Reece"
+bio=""
+image="/images/people/2022-azmreece.jpg"
++++

content/english/media/seattle-2022/the-craft-behind-crafting-interpreters.md

@@ -0,0 +1,24 @@
++++
+title="The Craft Behind Crafting Interpreters"
+mediatype="chat"
+conference="seattle-2022"
+date="2022-11-16T10:00:00-08:00"
+description=""
+thumbnail="/images/thumbnails/2022HMSCraftingInterpreters.jpg"
+
+[[videos]]
+title="The Craft Behind Crafting Interpreters"
+embed="https://player.vimeo.com/video/780000746"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/780000746/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=77555a1d644c78d98f187809407ce40e0e3ccd6571da96809fa39024193900e1"
+
+[[speakers]]
+name="Bob Nystrom"
+bio=""
+image="/images/people/2022-bob.jpg"
+
+[[speakers]]
+name="Abner Coimbre"
+bio=""
+image="/images/people/abner_2022.png"
++++

content/english/media/seattle-2022/todool.md

@@ -0,0 +1,19 @@
++++
+title="Todool"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-16T16:45:00-08:00"
+description="A To-Do Editor with Advanced Movement & Powerful Commands"
+thumbnail="/images/thumbnails/2022HMSTodool.jpg"
+
+[[videos]]
+title="Todool"
+embed="https://player.vimeo.com/video/776800129"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/776800129/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=fbfe1b5f5acbfd9f5a9691e6bbf1b6d58016ccc792378f51f4cc2f2fbbb61609"
+
+[[speakers]]
+name="Michael Kutowski"
+bio=""
+image="/images/people/2022-michael.png"
++++

content/english/media/seattle-2022/training-developer-muscles.md

@@ -0,0 +1,19 @@
++++
+title="Training Developer Muscles"
+mediatype="chat"
+conference="seattle-2022"
+date="2022-11-16T15:45:00-08:00"
+description=""
+thumbnail=""
+draft=true
+
+[[speakers]]
+name="Anne \"TheHappieCat\""
+bio=""
+image=""
+
+[[speakers]]
+name="Riley Labrecque"
+bio=""
+image=""
++++

content/english/media/seattle-2022/weathering-software-winter.md

@@ -0,0 +1,25 @@
++++
+title="Weathering Software Winter"
+mediatype="talk"
+conference="seattle-2022"
+date="2022-11-16T11:00:00-08:00"
+description=""
+thumbnail="/images/thumbnails/2022HMSWeatheringSoftwareWinter.jpg"
+
+[[videos]]
+title="Weathering Software Winter"
+embed="https://player.vimeo.com/video/780005704"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/780005704/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=5809ed49a35797e18af104beb7bda1b6b8def1e9442f5514f99e2cba75d82fa8"
+
+[[videos]]
+title="Weathering Software Winter - Q&A"
+embed="https://player.vimeo.com/video/780009058"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/780009058/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=5d412c5151264ccc7d7cb1a2c91064ec112c5d446113275e514dd4ccdaf8e87d"
+
+[[speakers]]
+name="Devine Lu Linvega"
+bio=""
+image="/images/people/2022-devine.jpg"
++++

content/english/media/seattle-2022/whitebox.md

@@ -0,0 +1,19 @@
++++
+title="Whitebox"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-17T11:45:00-08:00"
+description=""
+thumbnail="/images/thumbnails/2022HMSWhitebox.jpg"
+
+[[videos]]
+title="Whitebox"
+embed="https://player.vimeo.com/video/776820761"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/776820761/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=e51194c36b0e6183091a289040a893b718e9b86d83530910b834f417ba1a75bd"
+
+[[speakers]]
+name="Andrew Reece"
+bio=""
+image="/images/people/2022-azmreece.jpg"
++++

content/english/media/seattle-2022/yucan.md

@@ -0,0 +1,19 @@
++++
+title="Yucan"
+mediatype="demo"
+conference="seattle-2022"
+date="2022-11-17T14:15:00-08:00"
+description="Cross-Platform UI Engine"
+thumbnail="/images/thumbnails/2022HMSYucan.jpg"
+
+[[videos]]
+title="Yucan"
+embed="https://player.vimeo.com/video/779195985"
+service="vimeo"
+download_link="https://player.vimeo.com/progressive_redirect/playback/779195985/rendition/1080p/file.mp4?loc=external&oauth2_token_id=1777364455&signature=ef22037d9370e956dde2624dea073ac02681d8fb470b196356b01ab6415169af"
+
+[[speakers]]
+name="Christian Buttner"
+bio=""
+image="/images/people/2022-christian.webp"
++++

content/english/news/hms-2024-two-weeks.md

@@ -0,0 +1,64 @@
+---
+title: "Handmade Seattle Almost Here"
+meta_title: ""
+description: "Two weeks left! Here's what's ahead at Handmade Seattle"
+date: 2024-11-07T05:00:00Z
+image: "/images/hms/lecture-hall.jpg"
+categories: ["Press Release"]
+author: "Abner Coimbre"
+tags: ["conference", "hms"]
+draft: false
+---
+
+**Hello Handmade Community,**
+
+Two weeks left! Here's what's ahead at Handmade Seattle.
+
+First I'm excited to announce that we've finally [shipped](/) a lightning-fast replacement for our old, clunky WordPress site. With support from my staff and the Handmade Network team, we've built a site that's smoother, faster, and way easier to navigate. Though we're still adding some of the older content, I think you'll appreciate how much cleaner everything feels:
+![](/images/hmc/landing-light-theme.png)
+Above is the light theme in honor of [Ben Visness](https://handmade.network/about), who loves it for unknown reasons.
+
+**Special Thanks to Jes and Freya**
+
+I want to give a big thanks to [Jes Chuhta](/media/seattle-2023/the-state-of-software-ux/), a talented designer who shaped the Handmade Cities brand into something that really stands out now. Also, a shoutout to [Freya](https://acegikmo.com), who is a recurring speaker and friend of Handmade. Jes made it to Handmade Cities because of Freya. She loved the ethos and has since helped us move beyond “programmer art.” 
+
+Their influence on Handmade Cities is unmistakable.
+
+**Handmade Seattle in Two Weeks**
+
+The conference is nearly here: **Wednesday - Friday, November 20 - 22nd 2024**. 
+
+![](/images/hms/landing-2024.png)
+
+The [lineup](/seattle) is finally coming together. Admittedly, it’s not finalized yet, but it’s really shaping up well. I acknowledge that having to wait is not ideal, because an official lineup is the lifeblood of a conference. That said if you trust us, please [register](https://handmadecities.com/tickets) early so we can push through this year and make a strong comeback in 2025.
+
+P.S. Friday will be all about in-person hangouts. No livestream, just real connection.
+
+**Why Boston Recordings Are Delayed**
+
+This year came down to either closing up shop or finding a way to press on through the bad economy. I chose the latter, which has meant smaller attendance, slow-ass responses from yours truly, and difficulties with advance planning. Even worse it’s also meant some delays, especially the Boston in-person recordings for online ticket holders. If you’re tired of waiting, send me an [email](mailto:support@handmadecities.com), and I’ll make sure to process a refund. 
+
+![](/images/hmb/under-construction.png)
+
+I'm committed to editing and publishing the recordings shortly after Handmade Seattle.
+
+When I asked in [Discord](/discord) if I should have perhaps shut down, you all told me to keep going, and I’m grateful. Most in-person conferences that pause don’t return. Your encouragement has kept me motivated. 
+
+That said, I apologize for this year’s circumstances. I really should have done a better job communicating the state of affairs on the regular.
+
+**We’re Still Alive, and 100% Independent**
+
+In my opinion, surviving a bad year brings immediate change for the better. Take 2020. We pivoted fully online, self-hosted a chat server, hit \#1 on Hacker News, and sold enough tickets to stay profitable. The year after we became fully-hybrid: a model that allowed me to become a full-time business owner, pay staff members, and make it possible for Handmade Seattle to reach people globally.
+
+Now it’s 2024. Amidst the layoffs a startling evolution is taking shape: [Handmade Meetups](/meetups) are growing like crazy. They've become a communal meatspace when there’s no conference. Next year, I'm planning to build upon Handmade Meetups as a serious platform: our very own meetup.com, but without the spying, ads and vendor lock-in. 
+
+Name your favorite city. Imagine traveling to Tokyo and finding a Handmade meetup happening nearby. New friends, cool projects, surprise job offers, conversations on software quality—anywhere in the world.
+
+**See You Soon**
+
+I’m looking forward to [Handmade Seattle](/seattle), rain or shine. I’ll keep you posted with more newsletters as we approach, including daily schedules, speaker slots, and invites to our private chat server.
+
+Your indie organizer,  
+Abner
+
+P.S. I’ve kept references to Majora’s Mask and ChocoVine to a minimum. Please expect a lot to slip through once Handmade Seattle kicks off. That's how I decompress.

content/english/seattle/index.md

@@ -9,16 +9,17 @@ banner:
   title: "<span class='seattle-color'>Handmade Seattle 2024</span>"
   content: "We are the largest indie conferences for low-level programmers.<br> Proud to be __Fully Hybrid__.<br>"
   content_bottom: "**Seattle Center**<br><span class='text-small'>Nesholm Family Lecture Hall</span><br><br><span class='underline'>**Nov 20th - 22nd, 2024**</span><br>Private Hangouts on Friday, Nov 22nd"
-  content_bottom_class: "mt-20 text-white"
+  content_bottom_class: "mt-20 mb-20 text-white"
   section_class: "mb-0 pb-0"
   bg_img:
     parallax: false
     img: "/images/seattle_skyline.webp"
     bg_class: "z-0 bg-[rgba(0,0,0,0.5)]"
+  image: "/images/hms/seattle-dark-mode.svg"
   hide_banner_img: true
   transition:
     end: "/images/transition2.svg"
-    end_class: "mt-20 transform -scale-y-100 -scale-x-100"
+    end_class: "transform -scale-y-100 -scale-x-100"
     end_color: "#fff"
     end_dark: "/images/transition2.svg"
     end_dark_color: "#150e31"
@@ -39,7 +40,7 @@ banner:
 features:
   - title: "This Year’s Stars"
     title_class: "text-white mb-8 text-center"
-    image: ""
+    image: "/images/hms/seattle-dark-mode.svg"
     side: "center"
     bg_img: 
       parallax: true
@@ -56,6 +57,120 @@ features:
       end_style: "mask-size: cover;height:150px;"
       end_dark: "/images/transition3.svg"
       end_dark_color: "#150e31"
+    timeline:
+      enable: false
+      date_class: ""
+      event_class: ""
+      timeline_class: "mb-20 mt-12"
+      event_img_class: ""
+      time_class: "text-right text-slate-200"
+      event_title_class: "dark:text-white text-xl"
+      event_subtitle_class: "text-lg text-slate-200"
+      day_listing_class: "text-2xl text-white no-decoration hover:meetups-color hover:cursor-pointer hover:underline"
+      day_listing_inactive_class: "text-gray"
+      top_text: ""
+      top_text_class: "mb-12 text-center"
+      bottom_text: "All times in Pacific Time, UTC-8:00 timezone."
+      bottom_text_class: "text-center mt-8 text-slate-300"
+      day_date_class: "text-center text-white text-xl mb-4 underline"
+      default_day: "Day 1"
+      days:
+      - title: "Day 1"
+        date: "Nov 20th, 2024"
+        title_class: "text-dark dark:text-white"
+        events:
+        - title: "Sign In"
+          time: "9:30 AM"
+          subtitle: "Show up and sign in!"
+          modal_target: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "game engine design and the dark arts of data plumbing"
+          time: "10:30 AM"
+          subtitle: "Devon Hall"
+          title_class: ""
+          modal_target: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Talk about why LLVM is bad"
+          time: "11:30 AM"
+          subtitle: "Negate"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Lunch"
+          time: "12:30 PM"
+          subtitle: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+      - title: "Day 2"
+        date: "Nov 21st, 2024"
+        title_class: "text-dark dark:text-white"
+        top_text: ""
+        top_text_class: "dark:text-white"
+        bottom_text: ""
+        bottom_text_class: ""
+        events:
+        - title: "Yet another thing"
+          time: "9:30 AM"
+          subtitle: "find a friend"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "listen to a song with a super long title"
+          time: "10:30 AM"
+          subtitle: "sign some documents in a long title"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Help your friend fix his vim config"
+          time: "11:30 AM"
+          subtitle: "because not everyone knows vimscript"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Lunch"
+          time: "12:30 PM"
+          subtitle: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+      - title: "Day 3"
+        date: "Nov 22nd, 2024 (Hangouts)"
+        title_class: "text-dark dark:text-white"
+        top_text: ""
+        top_text_class: "dark:text-white"
+        bottom_text: ""
+        bottom_text_class: ""
+        events:
+        - title: "MoPop Mueseum"
+          time: "9:30 AM"
+          subtitle: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Flatstick Pub"
+          time: "1:30 PM"
+          subtitle: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "After Party"
+          time: "7:30 PM"
+          subtitle: "@ a location"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Devon"
+          time: "9:30 AM"
+          subtitle: "was here"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+
+
     img_grid:
       title: ""
       title_class: "text-center"
@@ -97,7 +212,7 @@ features:
         - title: "Andrew Kelley"
           title_class: "text-center text-2xl mt-2"
           subtitle_class: "text-center text-lg mb-4"
-          subtitle: "Present of [Zig](https://ziglang.org/) Software Foundation"
+          subtitle: "President of [Zig](https://ziglang.org/) Software Foundation"
           img: "/images/people/andrew-kelley.jpg"
           modal_target: "andrew"
         - title: "Devine Lu Linvega"
@@ -122,7 +237,7 @@ features:
           title_class: "text-center text-2xl mt-2"
           subtitle_class: "text-center text-lg mb-2"
           subtitle: "Minecraft-like [engine](https://handmade.network/p/548/meese-engine/) for Gamecube, Wii & Dreamcast"
-          img: "/images/people/meese_15.png"
+          img: "/images/demos/meese_15.png"
           modal_target: "meese"
         - title: "Project Salarybot"
           title_class: "text-center text-2xl mt-2"
@@ -374,20 +489,20 @@ modals:
     title: "No Vaults"
     img: ""
     title_class: "text-white text-center"
-    content: "**Download conference recordings straight from Vimeo**<br><br>We polish and publish presentations to our [Media Page](/media).<br><br>You can freely watch or download Handmade Seattle recordings under a Creative Commons license. ([CC BY NC-ND](https://creativecommons.org/licenses/by-nc-nd/4.0/deed.en))"
+    content: "**Download conference recordings straight from us.** We polish and [publish](/media) all presentations under a Creative Commons [license](https://creativecommons.org/licenses/by-nc-nd/4.0/deed.en)."
     content_class: "text-white"
   - active: true
     id: "live"
     title: "Live Streaming"
     img: "/images/nystrom.webp"
     title_class: "text-white"
-    content: "**High-quality experience for the online track**<br><br>Our technical producer, Phil Homan, works alongside Seattle Center A/V staff to stream all our presentations live.<br>**Stream is free, chat server is not.**<br><br>Handmade Seattle streams for free at [handmadecities.com](https://handmadecities.com/) and our [Twitch](https://twitch.tv/abnercoimbre) channel as backup. VODs are made available immediately.<br><br>All the actual chatter, however, occurs on the private chat server—you’ll want a ticket for that!"
+    content: "**High-quality experience for the online track**<br>Our technical producer, Phil Homan, works alongside Seattle Center A/V staff to stream all our presentations live.<br><br>**Stream is free, chat server is not**<br>Handmade Seattle streams for free at [handmadecities.com](https://handmadecities.com/) and our [Twitch](https://twitch.tv/abnercoimbre) and [YouTube](https://youtube.com/@handmadecities) channels. VODs are made available immediately.<br><br>All the actual chatter, however, occurs on the private chat server—you’ll want a ticket for that!"
     content_class: "text-white"
   - active: true
     id: "chat"
     title: "Private Chat Server"
     img: "/images/modals/hmc_revolt_screenshot.png"
     title_class: "text-white"
-    content: "**Self-hosted to protect your data**<br>Attendees communicate at [chat.handmadecities.com](https://chat.handmadecities.com/) thanks to the open-source [Revolt](https://revolt.chat/) platform.<br><br>**Online attendees are first-class citizens**<br>During Q&A all audience questions are sourced from the chat server, whether you’re at the venue or watching the stream from a Japanese temple.<br><br>**Chat moderation done right**<br>During the event we have a moderator to keep the environment fun yet professional."
+    content: "**Self-hosted to protect your data**<br>Attendees communicate at [chat.handmadecities.com](https://chat.handmadecities.com/) thanks to the open-source [Revolt](https://revolt.chat/) platform.<br><br>**Online attendees are first-class citizens**<br>During Q&A all audience questions are sourced from chat: whether you’re at the venue or watching the live-stream from a Japanese temple.<br><br>**Chat moderation done right**<br>During the event we have a moderator to keep the [environment](https://handmade.network/communication-guidelines) fun yet professional."
     content_class: "text-white"
 ---

content/english/tickets/index.md

@@ -7,15 +7,16 @@ layout: "tickets"
 
 features:
   - title: "Tickets"
-    title_class: "text-center text-white mt-8"
+    title_class: "text-center text-white mt-2 md:mt-8 lg:mt-8 xl:mt-8 2xl:mt-8"
     side: "center"
     content_class: "mt-16 pt-0 pb-0 text-white"
-    image: "/images/hmc/cities-light-mode.svg"
+    image: "/images/hmc/cities-dark-mode.svg"
     bg_img: 
       parallax: true
       img: "/images/devon_starfield.png"
       end_img: "/images/software-15.png"
       end_img_class: "relative h-96 bg-contain bg-bottom bg-repeat-x"
+    description_class: "mt-4 mb-20"
     description: |
       Handmade Seattle is a fully-hybrid conference, and both physical and online tickets are available. Buying a ticket supports the conference and gains you access to the private chat server used for speaker Q&A, the virtual job fair, and more.
     tickets:

layouts/_default/under_construction.html

@@ -1,6 +1,13 @@
 {{ define "main" }}
 <div class="bg-[url('/images/devon_starfield.png')] bg-cover min-h-screen flex items-center justify-center">
   <div class="text-4xl font-bold text-white">
+    <figure class="flex justify-center items-center">
+          {{ $constructionBanner := "/images/under-construction.svg" }}
+          {{ if .Params.Image }}
+            {{ $constructionBanner = .Params.Image }}
+          {{ end }}
+          {{ partial "image" (dict "Src" $constructionBanner "Alt" "Banner" "Class" "w-1/3 h-1/3" ) }}
+    </figure>
       <h1 class="text-white">Under Construction</h1>
       <p class="text-lg text-white text-center">We're actively working on this bit!</p>
   </div>

layouts/media/single.html

@@ -57,7 +57,7 @@
         </div>
         <div class="flex flex-col gap-5 lg:w-1/3">
           <div class="dark:text-white content-container content">
-            {{ .Content }}
+            {{ or .Content .Params.description }}
           </div>
 
           {{ $hasGoodSpeaker := false }}

layouts/meetups/list.html

@@ -0,0 +1,96 @@
+{{ define "main" }}
+    <figure class="flex justify-center items-center">
+        {{ partial "image" (dict "Src" "/images/meetups/meetups-light-mode.svg" "Alt" "Meetups Light Mode" "Class" "logo-light w-1/4 h-1/4" ) }}
+        {{ partial "image" (dict "Src" "/images/meetups/meetups-dark-mode.svg" "Alt" "Meetups Dark Mode" "Class" "logo-dark w-1/4 h-1/4" ) }}
+    </figure>
+    <br>
+    <div class="container">
+      <ul class="text-center">
+        {{ range .RegularPages }}
+        <li class="meetup-card m-3 p-4 border rounded shadow-lg transition-all hover:scale-105 flex justify-center">
+          <a
+            href="{{ .Permalink }}"
+            class="text-dark dark:text-purple-300 text-xl font-semibold hover:text-purple-700 dark:hover:text-purple-400 transition-colors duration-200 text-center">
+            {{ .Title }}
+         </a>
+        </li>
+        {{ end }}
+      </ul>
+
+      <br>
+
+        <!-- Wishlist Form -->
+      <form action="https://api.handmadecities.com/v1/meetups/wishlist" method="POST" class="bg-gray-100 dark:bg-gray-800 p-6 rounded-lg shadow-md">
+        <h3 class="text-2xl font-semibold mb-4 dark:text-purple-300">Wishlist a Meetup</h3>
+        
+        <!-- Dropdown list for cities -->
+        <div class="mb-4">
+          <label for="city" class="block mb-2 font-semibold">Select City:</label>
+          <select id="city" name="city" class="w-full p-2 rounded border dark:bg-gray-700 dark:text-white">
+            <option disabled selected>Choose a city</option>
+        <option value="Aarhus">Aarhus</option>
+        <option value="Amsterdam">Amsterdam</option>
+        <option value="Athens">Athens</option>
+        <option value="Atlanta">Atlanta</option>
+        <option value="Austin">Austin</option>
+        <option value="Australia">Australia</option>
+        <option value="Barcelona">Barcelona</option>
+        <option value="Berlin">Berlin</option>
+        <option value="Brussels">Brussels</option>
+        <option value="Budapest">Budapest</option>
+        <option value="Chicago">Chicago</option>
+        <option value="Copenhagen">Copenhagen</option>
+        <option value="Dallas">Dallas</option>
+        <option value="Denver">Denver</option>
+        <option value="Dublin">Dublin</option>
+        <option value="Houston">Houston</option>
+        <option value="Istanbul">Istanbul</option>
+        <option value="Lisbon">Lisbon</option>
+        <option value="London">London</option>
+        <option value="Los Angeles">Los Angeles</option>
+        <option value="Madrid">Madrid</option>
+        <option value="Miami">Miami</option>
+        <option value="Minneapolis">Minneapolis</option>
+        <option value="Moscow">Moscow</option>
+        <option value="Nashville">Nashville</option>
+        <option value="New Orleans">New Orleans</option>
+        <option value="NRW Dortmund">NRW Dortmund</option>
+        <option value="Paris">Paris</option>
+        <option value="Philadelphia">Philadelphia</option>
+        <option value="Phoenix">Phoenix</option>
+        <option value="Prague">Prague</option>
+        <option value="Raleigh-Durham">Raleigh-Durham</option>
+        <option value="Rome">Rome</option>
+        <option value="San Antonio">San Antonio</option>
+        <option value="San Diego">San Diego</option>
+        <option value="Tokyo">Tokyo</option>
+        <option value="Toronto">Toronto</option>
+        <option value="Valencia">Valencia</option>
+        <option value="Vienna">Vienna</option>
+        <option value="Warsaw">Warsaw</option>
+        <option value="Zurich">Zurich</option>
+          </select>
+        </div>
+        
+        <!-- Email Input -->
+        <div class="mb-4">
+          <input
+            type="email"
+            id="email"
+            name="email"
+            placeholder="Enter your email..."
+            required
+            class="w-full p-2 rounded border dark:bg-gray-700 dark:text-white"
+          />
+        </div>
+
+        <!-- Submit Button -->
+        <button
+          type="submit"
+          class="w-full p-3 bg-purple-600 text-white rounded-lg font-semibold transition-transform transform hover:scale-105 dark:bg-purple-500">
+          Join Wishlist
+        </button>
+      </form>
+      <br>
+    </div>
+{{ end }}

layouts/partials/components/features.html

@@ -35,6 +35,17 @@
           {{ if .subtitle }}
           <h4 class="mb-4 {{ .subtitle_class }}">{{ .subtitle }}</h4>
           {{ end }}
+          {{ if .image }}
+            <figure class="flex justify-center items-center">
+              {{ partial "image" (dict "Src" .image "Alt" "Banner" "Class" "w-1/3 h-1/3" ) }}
+            </figure>
+          {{ end }}
+          <!-- timeline -->
+          {{ if .timeline }}
+          {{ partial "components/timeline.html" . }}
+          {{ end }}
+          <!-- timeline -->
+
           <h2 class="{{ .title_class }}">
             {{ .title | markdownify }}
           </h2>
@@ -67,18 +78,18 @@
         <!-- testimonials -->
         {{ if .testimonials }}
         {{ partial "components/testimonials.html" . }}
-        {{ end }}
+        {{ end }} 
         <!-- testimonials -->
         <!-- img_grid  -->
         {{ if .img_grid }}
         {{ partial "components/img_grid.html" . }}
         {{ end }}
-
+        <!-- /img_grid  -->
+        <!-- card_grid -->
         {{ if .card_grid }}
         {{ partial "components/card_grid.html" . }}
         {{ end }}
-
-        <!-- img_grid -->
+        <!-- card_grid -->
 
         <p class="mb-8 text-lg about-content">
           {{ .content | markdownify }}

layouts/partials/components/ticket_list.html

@@ -1,9 +1,9 @@
 {{ if .tickets }}
 <div class="container max-w-3xl mx-auto px-4 py-12">
   <div class="w-full">
-    {{ with .description }}
-      <div class="my-4">
-        {{ . | markdownify }}
+    {{ if .description }}
+      <div class="{{ .description_class }}">
+        {{ .description | markdownify }}
       </div>
     {{ end }}
     {{ $tickets := .tickets }}
@@ -150,7 +150,7 @@
 
         createOrder: function(data, actions) {
           return actions.order.create({
-            purchase_units: [{"description":"Physical Track (2024)","amount":{"currency_code":"USD","value":249}}],
+            purchase_units: [{"description":"HMS Physical Track (2024)","amount":{"currency_code":"USD","value":249}}],
             application_context: { shipping_preference: 'NO_SHIPPING'}
           });
         },
@@ -182,7 +182,7 @@
 
         createOrder: function(data, actions) {
           return actions.order.create({
-            purchase_units: [{"description":"Physical Track Premium (2024)","amount":{"currency_code":"USD","value":349}}],
+            purchase_units: [{"description":"HMS Physical Track Premium (2024)","amount":{"currency_code":"USD","value":349}}],
             application_context: { shipping_preference: 'NO_SHIPPING'}
           });
         },
@@ -214,7 +214,7 @@
 
         createOrder: function(data, actions) {
           return actions.order.create({
-            purchase_units: [{"description":"Online Track (2024)","amount":{"currency_code":"USD","value":74}}],
+            purchase_units: [{"description":"HMS Online Track (2024)","amount":{"currency_code":"USD","value":74}}],
             application_context: { shipping_preference: 'NO_SHIPPING'}
           });
         },
@@ -246,7 +246,7 @@
 
         createOrder: function(data, actions) {
           return actions.order.create({
-            purchase_units: [{"description":"Online Track Premium (2024)","amount":{"currency_code":"USD","value":99}}],
+            purchase_units: [{"description":"HMS Online Track Premium (2024)","amount":{"currency_code":"USD","value":99}}],
             application_context: { shipping_preference: 'NO_SHIPPING'}
           });
         },

layouts/partials/components/timeline.html

@@ -0,0 +1,61 @@
+{{ if .timeline }}
+{{ if .timeline.enable }}
+{{ $default_day := .timeline.default_day }}
+<div
+  class="container relative mx-auto px-4 {{ .timeline.section_class }} timeline_grid_container {{ .timeline.timeline_class }}"
+  data-day-target="{{ .timeline.default_day }}">
+  {{ if .timeline.title }}<p class="{{ .timeline.title_class }}">{{ .timeline.title }}</p>{{ end }}
+  {{ if .timeline.top_text }}<p class="{{ .timeline.top_text_class }}">{{ .timeline.top_text | markdownify }}</p>{{ end }}
+  <div class="flex flex-wrap justify-center mx-auto columns-1 max-w-3xl min-w-32">
+    {{ $event_class := .timeline.event_title_class }}
+    {{ $event_title_class := .timeline.event_title_class }}
+    {{ $event_subtitle_class := .timeline.event_subtitle_class }}
+    {{ $event_time_class := .timeline.time_class }}
+    {{ $event_img_class := .timeline.img_class }}
+    {{ $day_date_class := .timeline.day_date_class }}
+
+    <div class="day-listing-container flex justify-center items-center w-full mb-8">
+      <div class="space-x-4">
+      {{ $day_listing_class := .timeline.day_listing_class }}
+      {{ $day_listing_inactive_class := .timeline.day_listing_inactive_class }}
+      {{ range $i, $day := .timeline.days }}
+      <span
+        class="day_listing {{ $day.listing_class }} {{ $day_listing_class }} {{ if ne $day.title $default_day }} inactive {{ else }} active {{ end }}"
+        data-day-target="{{ $day.title }}">{{ $day.title  }}</span>
+      {{ end }}
+      </div>
+    </div>
+
+    <div class="day-container w-full">
+      {{ range $day := .timeline.days }}
+      <div class="day-events w-full {{ if ne $day.title $default_day }} hidden {{ end }}" data-day-title="{{ $day.title }}">
+        <p class="{{ $day_date_class }} {{ $day.date_class }}">{{ $day.date }}</p>
+        {{ range $event := $day.events }}
+        <div class=" {{ $event_class }} {{ $event.class }} p-2 row col-12">
+          <div class="col-5">
+            <p class="{{ $event_time_class }} {{ $event.time_class}} text-right">{{ $event.time }}</p>
+          </div>
+          <div class="col-7" {{ if $event.modal_target }} data-modal-show="{{ $event.modal_target }}" {{ end }}>
+            {{ if $event.link }}
+            <a href="{{ $event.link }}">
+              {{ end }}
+              <p class="{{ $event_title_class}} {{ $event.title_class }}">
+                {{ $event.title | markdownify }}
+              </p>
+              <p class="{{ $event_subtitle_class}} {{ $event.subtitle_class}}">
+                {{ $event.subtitle | markdownify }}
+              </p>
+              {{ if $event.link }}
+            </a>
+            {{ end }}
+          </div>
+        </div>
+        {{ end }}
+      </div>
+      {{ end }}
+    </div>
+  </div>
+  <p class="{{ .timeline.bottom_text_class}}">{{ .timeline.bottom_text | markdownify }}</p>
+</div>
+{{ end }}
+{{ end }}

static/images/under-construction.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <linearGradient id="c" x2="0" y1="4.4749" y2="44.237" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#f9f9f9" stop-opacity="0" offset="1"/>
+  </linearGradient>
+  <linearGradient id="b" x1="32.36" x2="31.766" y1="37.279" y2="10.187" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#fff" offset="0"/>
+   <stop stop-color="#ccc" offset="1"/>
+  </linearGradient>
+  <linearGradient id="a" x1="31.473" x2="32.178" y1="57.589" y2="2.8661" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#f00" offset="0"/>
+   <stop stop-color="#c93c3c" offset=".5"/>
+   <stop stop-color="#bc4949" offset="1"/>
+  </linearGradient>
+ </defs>
+ <path d="m58.309 57.798-52.634 1e-6c-3.1933-0.07159-4.6767-1.3645-4.176-4.0747 0.17797-1.0192 0.72094-1.9204 1.1618-2.8451l26.249-45.149c2.1738-2.8361 4.4182-2.8676 6.5709 0.00915l27.082 46.907c1.0328 1.8482 0.8065 5.379-4.2537 5.1522z" fill="url(#a)" stroke="#000" stroke-width=".95204"/>
+ <path d="m56.8 52.827h-49.474l24.784-42.957 24.689 42.957z" fill="url(#b)" stroke="#fff5f5" stroke-opacity=".02556" stroke-width=".07273"/>
+ <path d="m35.64281,23.93298c-1.32829,0-2.40594,1.08872-2.40594,2.43096 0,.28411.04894.55551.1376.80893-.25038.10482-.52758.25575-.82144.46701l-.20015-.17513-.22934-.1793c-1.96405-1.50107-3.57351-1.70948-5.40399-1.40938-2.74706.60949-2.78574,3.41782-3.5151,5.66669-1.13401,1.48104-.62672,2.09534.17096,2.22665 .31702.05979.54351.0287.70469-.07088l.54207.30022c-.34455.72232-.64361,1.45575-.85897,2.20163-.73844,6.80942-4.52935,7.27603-6.88008,10.72042 .62919,1.2134 1.25976,2.45764 2.33506,3.58181l1.13834-.0125c-.44282-.72501-.92845-1.42687-1.11332-2.28085 2.67748-3.21587 4.7896-2.17266 8.03093-9.6488 3.47752,2.85039 2.47588,7.94141 3.71108,11.91297l4.60757.02085c-.36493-.58369-.99133-.98412-2.11823-1.02994-.44082-3.62948-.38738-7.3653-1.38853-10.8747l2.99805,1.83469c.0976.92964 1.10534,1.35017 1.67207,1.02576l2.36425,1.4469c.2251.13785.34098.2354.32941.25436-1.1746,1.92473-1.83985,4.43191-2.15576,7.33459h14.34393l-6.24211-11.34172c-2.34514.40484-4.08226,1.49879-5.34562,3.13565-.0117.01516-.2157.32835-.4003.21266l-2.53104-1.58451c.01696-.09231.02368-.19521.01668-.30856-.33003-1.28024-.92659-3.03308-1.76797-4.5492 .25697-1.5957.66127-3.1416.24602-5.08292-.12757-.53117-.56363-1.11364-1.23008-1.73462l-.21683-.18764c.15728-.17987.28291-.35232.38362-.51705 .328.16944.69881.26686 1.09247.26686 1.32829,0 2.40595-1.08872 2.40595-2.43096s-1.07765-2.43096-2.40595-2.43096zm-8.49795,4.00296c.49402.004.89188.18145.79225.56292-.99364,1.54354-2.1546,3.21704-3.05642,4.97451l-.47952-.32941c.05552-.34676-.0077-.78476-.0959-1.19255 .63575-1.28443.54566-2.85143 1.93059-3.84451 .2789-.11432.61259-.17338.909-.17096zm6.03362,5.43318c.30225.03565.14835,2.09696.45033,3.02307 .57651,1.01063 1.17665,2.02078 1.6679,3.03141-.04529.09313-.08208.18309-.11258.27103l-3.72776-2.33506c-.20126-.51337-.73902-1.24642-.44871-1.85952 .32992-.69678.97912-1.43252 2.10411-2.11008 .02447-.01655.04657-.02322.06672-.02085z"/>
+ <path d="m12.142 35.774 17.055-29.606c2.0278-2.6642 3.7075-2.8989 5.8799-0.18148l20.744 36.447c-5.4238-3.2417-14.943-14.434-21.469-7.4594-7.0238 7.5054-18.81-0.25068-22.21 0.79982z" fill="url(#c)"/>
+</svg>