Create dedicated layout for board pages

fixes spacing on frontpage between buttons so they don't touch
disables stale alert
fixes rsms's titles
add some promo to my stream as well

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;
@@ -71,7 +81,7 @@
 
 .frontpage-stream-container {
     max-height: calc(75vh);
-    min-height: 36rem;
+    min-height: 34rem;
     aspect-ratio: 16 / 9;
 }
 
@@ -104,3 +114,10 @@
     background-color: #fff3cd;
     color: #856404;
 }
+
+// Disable the horrendous open and close quotes on blockquote content
+blockquote p:first-of-type {
+    &::before, &::after {
+        content: "" !important;
+    }
+}

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"

config/_default/params.toml

@@ -27,7 +27,7 @@ google_adsense = ""     # example: ca-pub-xxxxxxxxxxxxxxxx
 # custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>"
 custom_script = ""
 # copyright
-copyright = "© 2024 Handmade Cities LLC"
+copyright = "© 2025 Handmade Cities LLC"
 
 # Preloader
 # preloader module: https://github.com/gethugothemes/hugo-modules/tree/master/components/preloader
@@ -55,7 +55,7 @@ show_categories = true
 # announcement
 # announcement module: https://github.com/gethugothemes/hugo-modules/tree/master/components/announcement
 [announcement]
-enable = true
+enable = false
 expire_days = 7
 content = "Handmade Seattle Nov 20th - 22nd, 2024. [Buy Tickets](/tickets) now!"
 

content/english/_index.md

@@ -8,27 +8,33 @@ banner:
   image: "/images/hmc_spread.png"
   hide_banner_img: true
   live_banner:
-    enable: true
+    enable: false
     use_twitch: true
     use_youtube: false
     title: "Handmade Seattle 2024"
-    title_class: "text-black dark:text-white mb-4"
+    title_class: "seattle-color mb-4"
     twitch_channel: "abnercoimbre"
     youtube_channel_id: "UCkiOutDcOG0KRLQc71Pd-Fg" # found at: https://www.youtube.com/account_advanced, is currently yt/handmadecities
-    section_class: "pb-24"
+    section_class: "pb-36 row mb-4"
     buttons_class: "p-2 px-3"
     buttons_row_class: "mt-4 text-white gap-4"
     buttons:
-      - title: "Join Private Chat"
-        link: "https://chat.handmadecities.com"
+      - title: "<i class='fa fa-ticket'></i> Tickets"
+        link: "/tickets"
         class: "btn seattle-bg"
+      - title: "<i class='fa fa-comments'></i> Chat"
+        link: "https://chat.handmadecities.com"
+        class: "btn bg-green-500"
+      - title: "<i class='fa fa-gift'></i> Donate"
+        link: "https://donorbox.org/handmadecities"
+        class: "btn bg-red-700"
       - title: "Twitch"
         link: "https://twitch.tv/abnercoimbre"
         class: "btn meetups-bg"
         icon_only: true
         icon: "fa-brands fa-twitch"
       - title: "YouTube"
-        link: "https://youtube.com/handmadecities"
+        link: "https://youtube.com/@handmadecities"
         class: "btn bg-[#ff0000]"
         icon_only: true
         icon: "fa-brands fa-youtube"
@@ -53,11 +59,11 @@ banner:
     icon: "fa fa-ticket pl-2"
     class: "btn text-white seattle-bg"
   button2:
-    enable: false
-    label: "Twitch"
-    link: "https://twitch.tv/abnercoimbre"
-    icon: "fab fa-twitch pl-2"
-    class: "btn bg-purple-700 dark:bg-purple-700 dark:text-white hover:bg-purple-800 mt-6 text-white"
+    enable: true
+    label: "Donate"
+    link: "https://donorbox.org/handmadecities"
+    icon: "fa fa-gift pl-2"
+    class: "btn bg-red-700 dark:bg-red-700 dark:text-white hover:bg-red-800 mt-6 ml-2 text-white"
 
 # Features
 features:
@@ -88,33 +94,6 @@ features:
       label: "About Us"
       link: "/about"
 
-  - title: "Partnered with Handmade Network"
-    title_class: "text-white mb-8"
-    image: ""
-    side: "center"
-    bg_img: 
-      parallax: true
-      img: "/images/devon_starfield.png"
-    transition:
-      start: "/images/transition.svg"
-      start_class: "mb-5 transform"
-      start_color: "#fff"
-      start_dark: "/images/transition2.svg"
-      start_dark_color: "#150e31"
-      end: "/images/transition.svg"
-      end_class: "mt-20 transform -scale-y-100 -scale-x-100"
-      end_color: "#fff"
-      end_dark: "/images/transition2.svg"
-      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_class: "text-white mt-12 px-12 pb-12 pt-24 bg-[rgba(0,0,0,0.5)] rounded-lg"
-    button:
-      enable: enable
-      class: "meetups-bg dark:meetups-bg"
-      label: "Network"
-      link: "https://handmade.network"
-
   - title: "Companies Value Handmade"
     title_class: "text-center mt-16 mb-12"
     image: ""

content/english/about/index.md

@@ -16,19 +16,19 @@ features:
       img: "/images/starry_night.png"
     grid:
       - title: "Sponsor-free tech events"
-        content: "We reject sponsorship deals because we must be allowed to criticize anyone’s software. Accepting “free” bags of money destroys our ability to change the industry."
+        content: "**100% indie.** We reject sponsorship because we must be allowed to criticize anyone’s software. Accepting “free” bags of money destroys our ability to change the software industry."
         color: "#FC6D36"
         content_class: "text-white"
       - title: "An obligation to software quality"
-        content: "The industry’s incentives are about imposing control and fleecing customers. We’ve abandoned the user’s quality of experience, agency over their software, and privacy."
+        content: "The industry’s incentives erode ownership to extract rent from consumers. We’ve abandoned the love for our craft, the user's quality of experience, and their right to privacy."
         color: "#A456EA"        
         content_class: "text-white"
       - title: "Self-host wherever possible"
-        content: "Anything essential to our conferences is processed in-house. E.g. When you register for an event we personally handle the process to generate your ticket—removing spying middlemen like Ticketmaster."
+        content: "Essential services for our conferences and meetups are processed in-house. For example, our servers personally generate your conference ticket—removing spying middlemen like Ticketmaster."
         color: "#6B8EE8"        
         content_class: "text-white"
-      - title: "Healthy expansion"
-        content: "As a [polyglot](https://vimeo.com/661662233), our founder intends to expand even outside the United States. Since we wish to retain independence, however, we’re only growing through increased audience support."
+      - title: "Direct funding approach"
+        content: "We grow through obvious means, funded primarily through ticket sales, followed by independent donations and fixed-rate job booth rentals: straightforward, mom-and-pop transactions."
         color: "#60E3C4"                
         content_class: "text-white"
 
@@ -36,8 +36,7 @@ features:
     title_class: "text-white -mt-2"
     subtitle: "Founder"
     subtitle_class: "!text-[#F7CE3B]"
-    image: "/images/people/abner_2022_512.webp"
-    image_class: "rounded-full"
+    image: "/images/people/abner_2024.png"
     section_class: "text-white"
     transition:
       start: "/images/transition3.svg"
@@ -48,7 +47,48 @@ 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://abner.page) is founder of Handmade Cities and the sole organizer for our conferences.<br><br>At a young age he was mentored by Kennedy Space Center on how they make software. After winning NASA’s Intern of the Year, Abner penned an essay on their programming philosophy: featured in the [news](https://observer.com/2017/07/a-look-into-nasa-coding-philosophy-kennedy-space-center-programming/). He was subsequently promoted to launch control engineer.<br><br>Abner started the [Handmade Network](https://handmade.network/), an online community learning to make quality software. He went on to work under Jonathan Blow for several years and finally Cyan Worlds to ship the [Myst remake](https://store.steampowered.com/app/1255560/Myst/).<br><br>Now in his early thirties, Abner's mounting concern of declining software standards—both ethical and technical—pushed him to run conferences and grow meetups full-time. (He still loves [programming](https://terminal.click) though.)"
+
+  - title: "Our Advisory Board"
+    title_class: "mb-20 text-center text-white"
+    image: ""
+    side: "center"
+    content_class: "mt-16 mb-12"
+    bg_img: 
+      parallax: true
+      img: "/images/starry_night.png"
+    grid:
+      - title: "Zac Nowicki"
+        content: "Tech lead at [Kagi](https://kagi.com) Search."
+        color: "#9B8EE8"
+        content_class: "text-white"
+      - title: "Mary Bush"
+        content: "Seattle indie developer, formerly in logistics/healthcare tech."
+        color: "#9B8EE8"        
+        content_class: "text-white"
+      - title: "Jon Stevens"
+        content: "Senior game developer at Bitshift Entertainment: new studio by Notch, creator of Minecraft."
+        color: "#9B8EE8"        
+        content_class: "text-white"
+      - title: "Matt Nite"
+        content: "Organizer at [Software You Can Love](https://softwareyoucanlove.ca): plus meetups, workshops, and more."
+        color: "#9B8EE8"                
+        content_class: "text-white"
+      - title: "Unlisted Member"
+        content: "Former co-worker and colleague of Abner's. Values privacy but is willing to share more when requested."
+        color: "#9B8EE8"                
+        content_class: "text-white"
+      - title: "NASA Observer"
+        content: "Unofficial observer role (no voting power.) Hardware engineer at NASA. Anonymous involvement given the current climate."
+        color: "#9B8EE8"                
+        content_class: "text-white"
+    button:
+      enable: true
+      label: "Governance"
+      link: "/board"
+      icon: "fa fa-ticket pl-2"
+      class: "btn text-white meetups-bg"
+    notice: "**Note:** The advisory board is comprised of volunteers. Member's opinions are their own, not their employer's."
 
   - title: "Morgan Rammell"
     title_class: "text-white"
@@ -74,7 +114,7 @@ features:
     content: "Phil Homan, who goes by [PH Test](https://phtest.tv/), is a Seattle developer with a knack for multidisciplinary work: live-performance visuals, experimental programs, games, and video production—often with tools he made himself!<br>
 
   Phil joined Handmade Cities to help Abner with matters related to streaming, recording, and A/V support at the conferences."
-  - title: "Devon ([tek256](https://tek256.com))"
+  - title: "Devon aka [tek256](https://tek256.com)"
     title_class: "text-white"
     subtitle: "Editor"
     subtitle_class: "!text-[#F7CE3B]"
@@ -83,5 +123,16 @@ features:
     image_class: "rounded-full"
     content_class: ""
     section_class: "!pt-16 !pb-32 text-white"
-    content: "Devon is a guy who makes things."  
----
+    content: "Devon is a guy who makes things.<br>(Like a PSX-style souls game in C on [stream](https://twitch.tv/tek256))"  
+
+  - title: "Mr. Perkins"
+    title_class: "text-white"
+    subtitle: "Secretary"
+    subtitle_class: "!text-[#F7CE3B]"
+    bg_color: "#060610"
+    image: "/images/people/perkins.png"
+    image_class: "rounded-full"
+    content_class: ""
+    section_class: "!pt-16 !pb-32 text-white"
+    content: "Mr. Perkins is our year round part-time assistant, usually plowing through the backlog of texts, emails and invoices."  
+---

content/english/board-meeting-20250318/index.md

@@ -0,0 +1,97 @@
+---
+title: "Advisory Board Meeting"
+meta_title: "Board's Meeting Notes"
+layout: "board"
+description: "Advisory Board Meeting Notes - 18 Mar 2025"
+draft: false
+---
+#### Meeting Notes - 18 Mar 2025  
+
+**AGENDA**:
+
+No agenda set, first meeting
+
+---
+
+**DISCUSSION ITEMS**
+
+1. **Handmade Boston (HMB): Aug 1-2 (Fri-Sat)**
+
+- Sister conference to Seattle
+- No more online track: No more online tickets or Twitch stream for Boston
+- Goal is to become the "fully offline" counterpart
+- Return to original technical lectures format (sans homework)
+- Boston should have job booth rentals too
+
+**2025 Target:** Two-hundred in-person attendees. We're still in the growth and experimentation stage. 
+
+**Founder's Note:** It wasn't until the third HMS that we found the perfect business model. This will now be our third HMB, following same trajectory.
+
+2. **Handmade Seattle (HMS): Dec 5-7 (Fri-Sun)**
+
+- Flagship Conference
+- Fully-Hybrid: Both in-person and online tickets like always
+- The formula's already perfected, just need to focus on ticket sales
+
+**2025 Target:** Four-hundred in-person attendees. The closest we got to selling all in-person tickets was Fall 2023, with 97% of all tickets sold (before mass layoffs hit hard.)
+
+**Founder's note:** A general phenomenon is that once you pack a venue (typically a 400-seat theater) you'll see exponential growth the following year, exploding to say one thousand ticket holders, then an order of magnitude after that. See PyCon, VidCon, etc.
+
+3. **Ticket Sales**
+- Early bird sale begins sometime in the Spring (with 20% discount)
+- Once we start ticket sales we will use the [newsletter](/news) to request community submissions
+
+**Q: Are board members allowed to submit their own talks or demos?**
+
+*A: We've decided no, but we'll revisit the question (and its ethics) next year.*
+
+4. **Weekend Conferences**
+
+Board is pleased with the new conference dates. Hositing conferences over the weekend gives attendance a massive boost (even though venue rental is more expensive. Risk is worth it.)
+
+5. **Revolt Chat**
+
+- Board agreed [Revolt](https://revolt.chat) is a substantial improvement over Element/Matrix for the conference live chat
+- Board wondered whether or not we should support Discord as another private chat server, in a bid to expand audience
+- Founder noted at least a third of ticket holders are anti-Discord and privacy-conscious
+
+Finally, the board recommended an overall survey to previous ticket holders.
+
+6. **Voting on Talk/Demo Submissions**
+
+- Matt Nite simply used a Google Form for Software You Can Love
+- It's best if the founder says "please read these submissions by the next meeting, and add your own notes"
+- Source speaker candidates from meetup hosts
+- Generally receive more feedback from meetup hosts on conference content
+
+We've agreed to create a dedicated email address for receiving submissions
+
+7. **Hard Deadlines to Commit to Present at HMB/HMS**
+
+- Gradually add penalties when deadlines are not met
+- Ensure all speakers sign agreement. NO EXCEPTIONS
+
+8. **Conference Agendas**
+- Get the agendas up as early as possible
+- It's okay to massage the schedule a little throughout the year
+- It's okay to let speakers update their talk title and description even if it's already on the website
+
+---
+
+**ACTION ITEMS**
+
+- Founder to meet with meetup hosts before the next board meeting
+- Create HMC email address for community submissions
+- Create webpage explaining how to enter submissions. WITH DEADLINES
+- Discord integration for submissions: allows live thread discussions among board members
+- Make sure Jim (1st speaker for HMB) is on our website by the next meeting
+- Make sure Taylor (1st speaker for HMS) is on our website by the next meeting
+- Determine how many open slots we have for each conference
+
+**Founder's note:** Last item depends on venue and the available hours their rental affords us, which is being negotiated. As an estimate, I will offer figures to the board from previous years.
+
+---
+
+**NEXT MEETING**
+
+Date: 16 April 2025 1600-0500 (US/Pacific)

content/english/board/index.md

@@ -0,0 +1,18 @@
+---
+title: "Advisory Board"
+meta_title: "Advisory Board"
+layout: "board"
+description: "The Handmade Cities Advisory Board"
+draft: false
+---
+The Handmade Cities Advisory Board is the board appointed to advise the [founder](/about). They supervise the founder's general affairs as he:
+1. Organizes our two annual conferences: [Boston](/boston) in the summer, [Seattle](/seattle) in the fall
+2. Supports and grows our local [meetups](/meetups) 
+3. Decides which talks, demos, interviews or similar content are given at Handmade Cities
+
+The board has voting power over talk and demo submissions from the community. The founder may override the board, but such a decision must be made public through the meeting notes below.
+
+The board meets once a month. Meet the members in the [About](/about) page.
+
+**MEETING NOTES (TIMES IN US/PACIFIC)**
+- [18 March 2025 16:00](/board-meeting-20250318)

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

@@ -1,5 +1,5 @@
 +++
-title="RSM"
+title="Virtual Computer"
 mediatype="talk"
 conference="seattle-2022"
 date="2022-11-17T15:45:00-08:00"
@@ -7,13 +7,13 @@ description="A little virtual computer"
 thumbnail="/images/thumbnails/2022HMSRSM.jpg"
 
 [[videos]]
-title="RSM"
+title="RSMS"
 embed="https://player.vimeo.com/video/1024179839"
 service="vimeo"
 download_link=""
 
 [[videos]]
-title="RSM - Q&A"
+title="RSMS - Q&A"
 embed="https://player.vimeo.com/video/1024184763"
 service="vimeo"
 download_link=""

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

@@ -0,0 +1,14 @@
++++
+title="Handmade Seattle 2024"
+date="2024-11-20T09:00:00-04:00"
+enddate="2024-11-22T18:00:00-04:00"
+
+[[notes]]
+type="notice"
+text="""
+**We are editing these recordings**
+
+Sign up for the [newsletter](/news) to be notified.
+"""
++++
+