---
# Banner
banner:
  title: "<span class='boston-color'>Boston</span> in the Summer.<br>
   <span class='seattle-color'>Seattle</span> in the fall.<br> 
   <span class='meetups-color'>Meetups</span> all year round."
  content: "We are the largest indie conferences for low-level programmers. This is your portal to meet with folks into graphics, game engines, kernels, compilers, and more!"
  image: "/images/hmc_spread.png"
  hide_banner_img: true
  live_banner:
    enable: true
    use_twitch: true
    use_youtube: false
    title: "Handmade Seattle 2024"
    title_class: "text-black dark:text-white 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"
    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"
        class: "btn seattle-bg"
      - 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"
        class: "btn bg-[#ff0000]"
        icon_only: true
        icon: "fa-brands fa-youtube"
  triple_section:
    enable: true
    img_left: "/images/hmb/boston-light-mode.svg"
    img_left_dark: "/images/hmb/boston-dark-mode.svg"
    alt_text_left: "left"
    link_left: "/boston"
    img_center: "/images/hms/seattle-light-mode.svg"
    img_center_dark: "/images/hms/seattle-dark-mode.svg"
    alt_text_center: "center"
    link_center: "/seattle"
    img_right: "/images/meetups/meetups-light-mode.svg"
    img_right_dark: "/images/meetups/meetups-dark-mode.svg"
    link_right: "/meetups"
    alt_text_right: "right"
  button:
    enable: true
    label: "Tickets"
    link: "/tickets"
    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"

# Features
features:
  - title: "Inspired by Handmade Hero"
    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: "Like [Handmade Hero](https://guide.handmadehero.org/) by Molly Rocket, we believe in breaking software down to its bare bones and building back an understanding of how it all really works. _We are not affiliated with Molly Rocket, Inc._"
    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: "About Us"
      link: "/about"

  - title: "Partnered with Handmade Network"
    title_class: "text-white mb-8"
    image: ""
    side: "center"
    bg_img: 
      parallax: true
      img: "/images/net.jpg"
    transition:
      start: "/images/transition2.svg"
      start_class: "mb-5 mt-12 transform"
      start_style: "mask-repeat: repeat-x;mask-position:top;"
      start_color: "#fff"
      start_dark: "/images/transition.svg"
      start_dark_color: "#150e31"
      end: "/images/transition3.svg"
      end_class: "mt-20 transform -scale-x-100 -pb-1"
      end_color: "#fff"
      end_dark: "/images/transition3.svg"
      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_class: "text-white mt-12 px-12 py-8 bg-[rgba(0,0,0,0.85)] rounded-lg !col-9"
    button:
      enable: enable
      class: "bg-white dark:bg-white text-black"
      label: "Network"
      link: "https://handmade.network"

  - title: "Companies Value Handmade"
    title_class: "text-center mt-16 mb-12"
    image: ""
    section_class: "pb-24"
    side: "center"
    content: "<span class='block mx-auto mt-24 text-black dark:text-white w-1/2'>**Hiring Handmade people.** These brands have attended our job fairs. Companies may rent a job booth but cannot influence nor sponsor the event.</span>"
    content_class: "mt-12"
    img_grid:
      imgs:
        - name: "JangaFX"
          img: "/images/companies/jangafx.png"
          link: "https://jangafx.com/"
        - name: "Pontoco"
          img: "/images/companies/pontoco.png"
          link: "https://pontoco.com/"
        - name: "Mozilla"
          img: "/images/companies/mozilla.png"
          link: "https://www.mozilla.org/en-US/"
        - name: "TestFit"
          img: "/images/companies/tf.png"
          link: "https://www.testfit.io/"
        - name: "Magic Poser"
          img: "/images/companies/magic_poser.png"
          link: "https://magicposer.com/"
        - name: "System Era"
          img: "/images/companies/systemera.png"
          link: "https://systemera.net/"
        - name: "KCSE"
          img: "/images/companies/kcse.png"
          link: "https://www.kcse.com/"
    button:
      enable: false

  - title: "Hundreds in person,<br> Thousands online"
    title_class: "text-white"
    transition:
      start: "/images/transition4.svg"
      start_class: "mb-5 -scale-y-100 -scale-x-100"
      start_color: "#fff"
      start_dark: "/images/transition4.svg"
      start_dark_color: "#150e31"
      start_style: "mask-position: bottom;mask-repeat:repeat-x;"
      end: "/images/transition2.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_img: 
      parallax: false
      img: "/images/adrien-olichon-gOdavfpH-3s-unsplash.webp"
    image: "/images/nystrom.webp"
    image_link: "https://vimeo.com/780000746"
    image_class: "rounded-md shadow-lg"
    content: "Every year hundreds of low-level programmers convene physically while thousands more watch from the comfort of their couch."
    content_class: "p-4 px-6 rounded-md bg-[rgba(0,0,0,0.7)]"
    section_class: "text-white"
    button:
      enable: true
      label: "Register"
      link: "/tickets"
      button_class: "bg-white text-black"
---