Publish HMS '24 newsletter

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/_index.md

@@ -1,3 +1,4 @@
 +++
 title="Media"
+image="/images/under-construction.svg"
 +++

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-tomorrow.md

@@ -0,0 +1,52 @@
+---
+title: "Handmade Seattle 2024 Kicks Off Tomorrow!"
+meta_title: ""
+description: "Here's what to expect from our 10-year anniversary"
+date: 2024-11-19T05:00:00Z
+image: "/images/hms/landing-2024.png"
+categories: ["Press Release"]
+author: "Abner Coimbre"
+tags: ["conference", "hms"]
+draft: false
+---
+
+Check out the schedule on the [conference website](https://handmadecities.com/seattle) to see what sparks your interest.
+
+## Hey Handmade folks,
+
+We have incredible presentations waiting for you: talks, demos, fireside chats, and even an exclusive podcast premiere. Tickets are still available if you’d like to support indie conferences like ours.
+
+### Hybrid, Always
+
+Whether you’re in person or online, we’re all sharing the same track. The entire conference is livestreamed for free.
+
+- **In-person tickets** get you access to the building, private chat server, and official Friday hangouts.  
+- **Online tickets** include the private chat server, where you can ask live questions to speakers.
+
+### Check-in Details
+
+Registration opens at **9:00 a.m. (Seattle Time)** at the **Nesholm Family Lecture Hall**—not a minute sooner! This location can be found on your favorite Maps app. Please pull up your “General Admission” email with the QR code to check in.
+
+I’ll personally welcome and scan you in until I’m on stage—then my staff will take over. You’ll get a **VIP bracelet** and, if it’s your first time, a **Handmade Seattle wristband** (bring yours if you’re a veteran!). The bracelet means no repeated scans, which keeps things smooth.
+
+### Job Booths
+
+Virtually every company I reached out to asked me to try again in 2025, but we secured **two job booths** with many open roles worth checking out (see the companies on the private chat server)!
+
+Even if you don’t match a position perfectly, please apply anyway.
+
+If you’re a thoughtful programmer who values quality, you’re ahead of the game. If you don't get hired, you'll make important connections or get serious advice for your next steps.
+
+### No Trade Show, But…
+
+To keep our event financially viable in 2024, there’s **no in-person trade show** this year. Instead, we’ll have dedicated channels in the private chat server for job booths and demos.
+
+Every company or demoer that's attending in-person will make appearances on stage so you'll know who they are during lunch breaks and hangouts!
+
+Handmade Seattle isn’t just surviving; it’ll thrive again—storms and all. Some doubted we’d make it this far, but here we are.
+
+We’ve weathered COVID, and we’ll weather this economy too. (*Also seriously buy an umbrella.*)
+
+Your organizer,  
+**– Abner**
+

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,211 @@ features:
       end_style: "mask-size: cover;height:150px;"
       end_dark: "/images/transition3.svg"
       end_dark_color: "#150e31"
+    timeline:
+      enable: true
+      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 Seattle 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: "Wed Nov 20th, 2024"
+        title_class: "text-dark dark:text-white"
+        events:
+        - title: "Registration"
+          time: "9:00 AM"
+          subtitle: "Ticket scanning at the lobby"
+          modal_target: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Anniversary Special"
+          time: "10:00 AM"
+          subtitle: "The Next Ten Years"
+          title_class: ""
+          modal_target: ""
+          subtitle_class: ""
+          link: ""
+        - title: "In Defense of the Free Software Movement"
+          time: "11:00 AM"
+          subtitle: "Andrew Kelley"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Lunch Break"
+          time: "12:00 PM"
+          subtitle: "Exclusive Podcast Premiere"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "fred"
+          time: "1:30 PM"
+          subtitle: "Demo"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Meese Engine"
+          time: "1:45 PM"
+          subtitle: "Demo"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Creative Exercises at the Low Level"
+          time: "2:00 PM"
+          subtitle: "Allen Webster"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "It's Not About the API"
+          time: "3:00 PM"
+          subtitle: "Mason Remaley"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Ark Version Control System"
+          time: "4:00 PM"
+          subtitle: "Demo"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Project Salarybot"
+          time: "4:15 PM"
+          subtitle: "Demo"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Job Booths"
+          time: "4:30 PM"
+          subtitle: "Announcements"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "End of Day 1"
+          time: "5:00 PM"
+          subtitle: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+      - title: "Day 2"
+        date: "Thu 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: "Registration"
+          time: "9:00 AM"
+          subtitle: "Ticket scanning at the lobby"
+          modal_target: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "A shining palace built upon the sand"
+          time: "10:00 AM"
+          subtitle: "Devine Lu Linvega"
+          title_class: ""
+          modal_target: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Democratizing Software"
+          time: "11:00 AM"
+          subtitle: "Wryl"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Lunch Break"
+          time: "12:00 PM"
+          subtitle: "'Best Of' Re-broadcasts"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Half-Edge"
+          time: "1:30 PM"
+          subtitle: "Demo"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "6502 The Spreadsheet"
+          time: "1:45 PM"
+          subtitle: "Demo"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Proficiency Patterns & Play"
+          time: "2:00 PM"
+          subtitle: "Tomas Diaz"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Talk"
+          time: "3:00 PM"
+          subtitle: "Elizabeth Baumel"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Way of Rhea"
+          time: "4:00 PM"
+          subtitle: "Demo"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Whitebox Systems"
+          time: "4:15 PM"
+          subtitle: "Demo"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "HYTRADBOI"
+          time: "4:30 PM"
+          subtitle: "Indie Conferences like HMS"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "End of Day 2"
+          time: "5:00 PM"
+          subtitle: ""
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+      - title: "Day 3"
+        date: "Fri Nov 22nd, 2024"
+        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: "11:00 AM"
+          subtitle: "@ Seattle Center"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "Flatstick Pub"
+          time: "2:00 PM"
+          subtitle: "@ South Lake Union"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+        - title: "After Party"
+          time: "7:00 PM"
+          subtitle: "@ Disclosed in Private Chat Server"
+          title_class: ""
+          subtitle_class: ""
+          link: ""
+
     img_grid:
       title: ""
       title_class: "text-center"
@@ -97,7 +303,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"
@@ -115,14 +321,14 @@ features:
         - title: "Kagi Search"
           title_class: "text-center text-2xl mt-2"
           subtitle_class: "text-center text-lg mb-2"
-          subtitle: "Humanize the Web"
-          img: "/images/people/kagi_square.webp"
+          subtitle: "Job Booth"
+          img: "/images/companies/kagi_square.webp"
           modal_target: "kagi"
         - title: "Meese Engine"
           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"
@@ -157,15 +363,45 @@ features:
         - title: "Beyond the Folders"
           title_class: "text-center text-2xl mt-2"
           subtitle_class: "text-center text-lg mb-2"
-          subtitle: "Inside [Disk Voyager](https://diskvoyager.com)"
-          img: "/images/podcasts/disk_voyager_screenshot.jpg"
-          modal_target: "voyager"
+          subtitle: "Inside [File Pilot](https://diskvoyager.com)"
+          img: "/images/podcasts/file_pilot_screenshot.png"
+          modal_target: "fpilot"
         - title: "fred"
           title_class: "text-center text-2xl mt-2"
           subtitle_class: "text-center text-lg mb-2"
           subtitle: "An editor from the ground up"
           img: "/images/demos/fred-1.png"
           modal_target: "editor"
+        - title: "Whitebox Systems"
+          title_class: "text-center text-2xl mt-2"
+          subtitle_class: "text-center text-lg mb-2"
+          subtitle: "Watch how your code behaves as you write it"
+          img: "/images/demos/whitebox.png"
+          modal_target: "whitebox"
+        - title: "Tomas Diaz"
+          title_class: "text-center text-2xl mt-2"
+          subtitle_class: "text-center text-lg mb-2"
+          subtitle: "Principal Engineer at KCSE"
+          img: "/images/people/diaz.jpg"
+          modal_target: "diaz"
+        - title: "KCSE"
+          title_class: "text-center text-2xl mt-2"
+          subtitle_class: "text-center text-lg mb-2"
+          subtitle: "Job Booth"
+          img: "/images/companies/kcse.png"
+          modal_target: "kcse"
+        - title: "6502 The Spreadsheet"
+          title_class: "text-center text-2xl mt-2"
+          subtitle_class: "text-center text-lg mb-2"
+          subtitle: "Instructions with actions completely unrolled"
+          img: "/images/demos/6502_spreadsheet_1.png"
+          modal_target: "spreadsheet"
+        - title: "HYTRADBOI"
+          title_class: "text-center text-2xl mt-2"
+          subtitle_class: "text-center text-lg mb-2"
+          subtitle: "Indie conference [inspired](https://www.scattered-thoughts.net/writing/why-start-a-new-database-conference#funding) by Handmade Seattle"
+          img: "/images/companies/hytradboi.webp"
+          modal_target: "hytradboi"
         - title: "Job Booth"
           title_class: "text-center text-white text-2xl mt-2"
           subtitle_class: "text-center text-lg text-white mb-4"
@@ -258,10 +494,9 @@ modals:
     id: "billy"
     title: "Creator of [Animal Well](https://www.youtube.com/watch?v=ygL8eqX12MQ)"
     title_class: "text-white"
-    content: "Coming soon."
+    content: "**Postponed for 2025**<br><br>Good problems for Handmade: Animal Well is nominated for awards at *multiple* big shows--The Golden Joystick Awards and Geoff Keighley's The Game Awards<br><br>Abner and Billy tried to make this work until the last minute, but in the end there were simply too many scheduling conflicts. **Billy's agreed to be keynote speaker for 2025.**<br><br>Our conference continues to have heavy hitters and awe-inspiring presentations. However, if a ticket holder feels wronged by this cancellation, email Abner to discuss refunds: abner@handmadecities.com"
     content_class: "text-white"
-    img: "/images/cities-light-mode.png"
-    img_dark: "/images/cities-dark-mode-row.png" 
+    img: "/images/modals/bunnies.png"
   - active: true
     id: "other"
     title: "devon was here"
@@ -272,7 +507,7 @@ modals:
     id: "anniversary"
     title: "The Next Ten Years"
     title_class: "text-white"
-    content: ""
+    content: "**Where's Handmade Headed Now?**<br><br>Partners in crime Abner Coimbre and [Ben Visness](https://handmade.network/about) celebrate the history of the Handmade community and then reveal the vision for the movement as it matures and enters its second decade."
     content_class: "text-white"
   - active: true
     id: "allen"
@@ -283,9 +518,10 @@ modals:
     content_class: "text-white"
   - active: true
     id: "freya"
-    title: "Demo"
+    title: "Half-Edge"
     title_class: "text-white"
-    content: "Coming soon."
+    img: "/images/modals/half-edge.png"
+    content: "A modern 3D modeling tool designed for game developers"
     content_class: "text-white"
   - active: true
     id: "meese"
@@ -327,6 +563,12 @@ modals:
     title_class: "text-white"
     content: "**Fast, Flexible, and Simple Rendering in Vulkan**<br><br>When you read about Vulkan in online forums, a common refrain is: \"It’s over complicated, it’s engineered to only be useful for big companies with big teams making big AAA engines, it’s a terrible place to start graphics programming…\"<br><br>People seem to feel similarly about the other modern graphics APIs as well. Are they correct? Are they missing something? Where should small teams working on renderers focus their efforts?<br><br>This talk will answer these questions, and in doing so, dissect what makes a good API and why."
     content_class: "text-white"
+  - active: true
+    id: "diaz"
+    title: "Proficiency Patterns & Play"
+    title_class: "text-white"
+    content: "**Bootstrapping a technical career**<br><br>What does success mean as a software engineer and what role does formal education have? This talk is about one trajectory from novice to principal.<br><br>Through examining various technical challenges across naval architecture, search and rescue and point cloud compression, we’ll follow a series of events to attempt to uncover the patterns and principles that can lead to success or dead ends.<br><br>There isn’t one-size fits all but a hope that this talk provides actionable strategies and a few technical insights across a range of fields."
+    content_class: "text-white"
   - active: true
     id: "rhea"
     title: "Way of Rhea"
@@ -334,6 +576,20 @@ modals:
     content: "**Hard puzzles, forgiving mechanics, and a custom engine!**<br><br>Way of Rhea is a puzzle [game](https://store.steampowered.com/app/1110620/Way_of_Rhea/) with hard puzzles, but forgiving mechanics. In this demo, the game’s developer Mason Remaley chats about his experience working on the game while playing through some of the puzzles the game has to offer."
     content_class: "text-white"
     img: "/images/demos/way-of-rhea.png"
+  - active: true
+    id: "spreadsheet"
+    title: "6502 The Spreadsheet"
+    title_class: "text-white"
+    content: "All 6502 instructions with their actions completely unrolled so you don't have to pick through detailed documentation to understand what they do or how to emulate them accurately."
+    content_class: "text-white"
+    img: "/images/demos/6502_spreadsheet_2.png"
+  - active: true
+    id: "hytradboi"
+    title: "HYTRADBOI"
+    title_class: "text-white"
+    content: "As our conference ends, Abner will promote indie conferences that are like Handmade Seattle with [HYTRADBOI](https://hytradboi.com) at the forefront.<br><br>Its [organizer](https://www.scattered-thoughts.net/) Jamie Brandon will be in attendance!"
+    content_class: "text-white"
+    img: ""
   - active: true
     id: "editor"
     title: "fred"
@@ -342,10 +598,18 @@ modals:
     content_class: "text-white"
     img: "/images/demos/fred-2.png"
   - active: true
-    id: "voyager"
+    id: "whitebox"
+    title: "WhiteBox Systems"
+    title_class: "text-white"
+    content: "WhiteBox compiles, runs & debugs the code you’re working on to give instant feedback side-by-side with your favourite editor.<br><br>Whitebox is the #1 recurring demo every year at Handmade Seattle."
+    content_class: "text-white"
+    img: ""
+  - active: true
+    id: "fpilot"
     title: "Exclusive Podcast"
     title_class: "text-white"
-    content: "Coming soon."
+    img: "/images/modals/file-pilot.png"
+    content: "Formerly known as Disk Voyager, File Pilot&trade; was the most popular conference demo from last year. Why? What makes this file explorer so special?<br><br>Tune-in to learn about this strange phenomenon from the creator himself, with deep dives into how it was all programmed from scratch."
     content_class: "text-white"
   - active: true
     id: "andrew"
@@ -367,27 +631,34 @@ modals:
     title: "High quality search results with no ads or tracking."
     img: "/images/modals/kagi_pbc.png"
     title_class: "text-white"
-    content: "[Kagi](https://kagi.com/welcome) is the only premium search engine where YOU are the customer. No ads. No tracking. No compromise. Just pure, powerful search.<br><br>Lauded by many as the way search used to be in the 'good old days.' There's no ads, tracking, or algorithm tracking your habits&mdash;we give you classic results and your own tools to filter, boost and ersonalize the results yourself."
+    content: "[Kagi](https://kagi.com/welcome) is the only premium search engine where YOU are the customer. No ads. No tracking. No compromise. Just pure, powerful search.<br><br>Lauded by many as the way search used to be in the 'good old days.' There's no ads, tracking, or algorithm tracking your habits&mdash;we give you classic results and your own tools to filter, boost and ersonalize the results yourself.<br><br>Humanize the web."
+    content_class: "text-white"
+  - active: true
+    id: "kcse"
+    title: "Science & Engineering Consulting Firm"
+    img: "/images/modals/kcse_modeling.jpg"
+    title_class: "text-white"
+    content: "Karagozian & Case, Inc. (K&C) is an internationally recognized science and engineering consulting firm founded in 1945. K&C supports a broad range of clients across different sections of defense, transportation, manufacture, aerospace, energy, and construction industries, for technically challenging and complex problems."
     content_class: "text-white"
   - active: true
     id: "vaults"
     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

@@ -6,16 +6,17 @@ draft: false
 layout: "tickets"
 
 features:
-  - title: "Tickets"
-    title_class: "text-center text-white mt-8"
+  - title: "Conference Tickets"
+    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/section.html

@@ -1,4 +1,12 @@
 {{ define "main" }}
+    {{ if .Params.Image }}
+      <figure class="flex justify-center items-center">
+          {{ partial "image" (dict "Src" .Params.Image "Alt" "Banner" "Class" "w-1/4 h-1/4" ) }}
+      </figure>
+    {{ end }}
+    <br>
+    <div>
+    </div>
   <section class="mb-8">
     <div class="container flex flex-col gap-5">
       {{ $sections := slice . }}

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