Usable version

First pass of what I'd call "usable" versions of the pages:
- Index
- About
- Tickets

There's some more work to be done in the year_con partial to represent each of the conference years.

The biggest change of this commit by far is the introduction/commonization of the partial 'features.html'. This is the behemoth of a partial that effectively gives us the options to show slide style content. At some point it might be advantageous to break it apart more, but it's relatively straightforward to include in a layout and start putting together pages.
This commit is contained in:
2024-10-20 18:12:03 -07:00
parent 8c63772039
commit 7292743767
46 changed files with 692 additions and 372 deletions

View File

@@ -21,7 +21,6 @@ banner:
img_right_dark: "/images/meetups/meetups-dark-mode.svg"
link_right: "/meetups"
alt_text_right: "right"
parallax_bg: "/images/test_bg.jpg"
button:
enable: true
label: "Tickets"
@@ -38,14 +37,15 @@ banner:
# Features
features:
- title: "Inspired by Handmade Hero"
title_class: "text-white mb-8"
image: ""
side: "center"
bg_img:
parallax: true
img: "/images/test_bg.jpg"
img: "/images/devon_starfield.png"
transition:
start: "/images/transition2.svg"
start_class: "mb-5"
start: "/images/transition.svg"
start_class: "mb-5 transform"
start_color: "#fff"
start_dark: "/images/transition2.svg"
start_dark_color: "#150e31"
@@ -56,8 +56,7 @@ features:
end_dark_color: "#150e31"
bg_color: "#0a0a0a"
content: "Like [Handmade Hero]() by Molly Rocket, we belive in breaking software down to the 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 py-12 bg-[rgba(0,0,0,0.5)] rounded-lg"
title_class: "text-white"
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"
@@ -67,38 +66,60 @@ features:
- title: "Companies Value Handmade"
title_class: "text-center mt-16 mb-12"
image: ""
section_class: "pb-24"
side: "center"
swiper:
show_buttons: false
slides:
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:
- name: "JangaFX"
icon: "/images/jangafx.png"
link: "https://tek256.com"
icon: "/images/companies/jangafx.png"
link: "https://jangafx.com/"
- name: "Pontoco"
icon: "/images/pontoco_logo.png"
link: "https://tek256.com"
icon: "/images/companies/pontoco.png"
link: "https://pontoco.com/"
- name: "Mozilla"
icon: "/images/mozilla.png"
link: "https://tek256.com"
icon: "/images/companies/mozilla.png"
link: "https://www.mozilla.org/en-US/"
- name: "TestFit"
icon: "/images/tf.png"
link: "https://tek256.com"
icon: "/images/companies/tf.png"
link: "https://www.testfit.io/"
- name: "Magic Poser"
icon: "/images/companies/magic_poser.png"
link: "https://magicposer.com/"
- name: "System Era"
icon: "/images/companies/systemera.png"
link: "https://systemera.net/"
- name: "KCSE"
icon: "/images/companies/kcse.png"
link: "https://www.kcse.com/"
button:
enable: false
- title: "The Top Reasons to Choose Hugo for Your Hugo Project"
- 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/hmc_landing_bg.webp"
image: "/images/service-3.png"
content: "With Hugo, you can build modern and content-focused websites without sacrificing performance or ease of use."
bulletpoints:
- "Instantly load static sites for better user experience and SEO."
- "Intuitive syntax and support for popular frameworks make learning and using Hugo a breeze."
- "Use any front-end library or framework, or build custom components, for any project size."
- "Built on cutting-edge technology to keep your projects up-to-date with the latest web standards."
img: "/images/adrien-olichon-gOdavfpH-3s-unsplash.jpg"
image: "/images/nystrom.webp"
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: false
label: ""
link: ""
enable: true
label: "Register"
link: "/tickets"
button_class: "bg-white text-black"
---

View File

@@ -36,15 +36,18 @@ features:
title_class: "text-white -mt-2"
subtitle: "Founder"
subtitle_class: "!text-[#F7CE3B]"
image: "/images/people/abner_2022.png" # Only keep one image line
image: "/images/people/abner_2022.png"
image_class: "rounded-full"
section_class: "text-white"
transition:
start: "/images/transition3.svg"
start_class: "-scale-y-100"
start_color: "rgba(0, 0, 0, 0.4)"
start_style: "mask-size: cover;mask-position:center;"
start_color: "black"
start_dark: "/images/transition3.svg"
start_dark_color: "black"
bg_color: "#060610"
content_class: "text-white mt-4"
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 NASAs 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."
- title: "Morgan Rammell"
@@ -52,9 +55,10 @@ features:
subtitle: "Event Coordinator"
subtitle_class: "!text-[#F7CE3B]"
bg_color: "#060610"
image: "/images/people/morgan-scaled.jpeg"
content_class: "text-white"
section_class: "!pt-24"
image: "/images/people/morgan_cropped.jpg"
image_class: "rounded-full"
content_class: ""
section_class: "!pt-24 text-white"
content: "Morgans done corporate event planning for several years but is now interested in the indie space. She oversees the logistics of running and facilitating Handmade conferences, working with the venue to solve any issues that arise in real-time.<br>
Born and raised in Washington state youll find Morgan snowboarding, hiking, camping, and even rock-climbing!"
@@ -64,18 +68,20 @@ features:
subtitle_class: "!text-[#F7CE3B]"
bg_color: "#060610"
image: "/images/people/phil_homan.jpg"
content_class: "text-white"
section_class: "!pt-16"
image_class: "rounded-full"
content_class: ""
section_class: "!pt-16 text-white"
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)"
- title: "Devon ([tek256](https://tek256.com))"
title_class: "text-white"
subtitle: "Dude"
subtitle: "Editor"
subtitle_class: "!text-[#F7CE3B]"
bg_color: "#060610"
image: "/images/people/devon.jpg"
content_class: "text-white"
section_class: "!pt-16 !pb-24"
content: "Devon (aka [tek256](https://tek256.com/)), is a guy who makes things. <br>Devon joined the staff to help make things happen."
image_class: "rounded-full"
content_class: ""
section_class: "!pt-16 !pb-32 text-white"
content: "Devon is a guy who makes things."
---

View File

@@ -17,4 +17,4 @@ social:
link: https://terminal.click
---
lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostr navigation et dolore magna aliqua.
[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 NASAs 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.

View File

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

View File

@@ -0,0 +1,243 @@
---
title: "Tickets"
meta_title: "Handmade Cities Tickets"
description: "Handmade Cities Tickets"
draft: false
layout: "tickets"
features:
- title: "Tickets"
title_class: "text-center text-white mt-16"
side: "center"
content_class: "mt-16 pt-0 pb-0 text-white"
image: "/images/hmc/cities-light-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"
tickets:
- title: "Physical Track"
title_class: "text-white"
subtitle: "Status: Early Bird"
subtitle_class: "text-white"
section_class: "text-white"
options:
- name: "Handmade Boston"
title: "Masterclasses"
title_class: "text-white"
name_class: "boston-color"
original_price: "$299"
price_class: "text-orange-600"
price: "249"
button:
title: "Register"
class: "bg-transparent border border-orange-600 rounded-md cursor-pointer hover:bg-orange-700 hover:border-orange-700 hover:text-white focus-within:bg-orange-700 focus-within:border-orange-700 focus-within:text-white"
url: "https://buy.stripe.com/6oE4gq69t7X75lSeVo"
alt_url: "https://google.com/"
alt_title: "PayPal"
alt_class: "text-sm hover:underline mt-4"
features_class: "text-white"
features:
- text: "General Admission"
text_class: "font-semibold"
- text: "Aug 9-10th, 2024"
- text: "JFK Presidential Library"
- text: "In-Person Masterclasses"
- text: "Kings Dining After-Party"
- name: "Handmade Seattle"
title: "Traditional"
title_class: "text-white"
name_class: "seattle-color"
price_class: "text-orange-600"
price: "249"
original_price: "$299"
button:
title: "Register"
button_class: "seattle-bg"
class: "bg-transparent border border-orange-600 rounded-md cursor-pointer hover:bg-orange-700 hover:border-orange-700 hover:text-white focus-within:bg-orange-700 focus-within:border-orange-700 focus-within:text-white"
url: "https://buy.stripe.com/9AQ8wG0P9a5fg0wfZr"
alt_url: "https://google.com/"
alt_title: "PayPal"
alt_class: "text-sm hover:underline mt-4"
features_class: "text-white"
features:
- text: "General Admission"
text_class: "font-semibold"
- text: "Nov 20-22nd, 2024"
- text: "Seattle Center"
- text: "New Talks & Demos"
- text: "Trade Show"
- text: "Job Fair"
- name: "Boston + Seattle"
title: "Combined Ticket"
title_class: "text-white text-center"
name_class: "meetups-color"
price_class: "text-green-600"
price: "399"
original_price: "$498"
features_class: "text-white"
button:
title: "Register"
class: "bg-transparent border border-orange-600 rounded-md cursor-pointer hover:bg-green-700 hover:border-green-700 hover:text-white focus-within:bg-green-700 focus-within:border-green-700 focus-within:text-white"
url: "https://buy.stripe.com/aEU3cmgO7dhr6pWeVp"
alt_url: "https://google.com/"
alt_title: "PayPal"
alt_class: "text-sm hover:underline mt-4"
features:
- text: "General Admission"
text_class: "font-semibold"
- text: "Discounted Tickets"
- text: "Easy to Gift or Transfer Them"
- text: "Retains All Benefits"
- title: ""
title_class: "mb-20 text-center"
image: ""
side: "center"
section_class: "text-black dark:text-white"
content_class: "text-black dark:text-white"
transition:
start: "/images/transition.svg"
start_class: "mb-5 pt-4 2xl:pt-32"
start_color: "#fff"
start_style: "mask-size: cover;mask-position:center;"
end_style: "mask-size: cover;mask-position:top;"
start_dark: "/images/transition.svg"
start_dark_color: "#fff"
end: "/images/transition.svg"
end_class: "mt-20 transform -scale-y-100 -scale-x-100"
end_color: "#000"
end_dark: "/images/transition.svg"
end_dark_color: "#000"
tickets:
- title: "Online Track"
title_class: "text-black dark:text-white"
subtitle: "Status: Early Bird"
subtitle_class: "text-black dark:text-white"
section_class: "text-black dark:text-white"
options:
- name: "Handmade Boston"
title: "Masterclasses"
title_class: "text-black dark:text-white"
name_class: "boston-color"
original_price: ""
price_class: "text-orange-600"
price: "74"
button:
title: "Register"
class: "bg-transparent border border-orange-600 rounded-md cursor-pointer hover:bg-orange-700 hover:border-orange-700 hover:text-white focus-within:bg-orange-700 focus-within:border-orange-700 focus-within:text-white"
url: "https://buy.stripe.com/6oE4gq69t7X75lSeVo"
alt_url: "https://google.com/"
alt_title: "PayPal"
alt_class: "text-sm hover:underline mt-4"
features_class: "text-black dark:text-white"
features:
- text: "General Admission"
text_class: "font-semibold"
- text: "Online Masterclasses"
- text: "Unlock In-Person Recordings"
- text: "Access to Speakers"
- name: "Handmade Seattle"
title: "Traditional"
title_class: "text-black dark:text-white"
name_class: "seattle-color"
price_class: "text-orange-600"
price: "74"
original_price: ""
button:
title: "Register"
class: "bg-transparent border border-orange-600 rounded-md cursor-pointer hover:bg-orange-700 hover:border-orange-700 hover:text-white focus-within:bg-orange-700 focus-within:border-orange-700 focus-within:text-white"
url: "https://buy.stripe.com/9AQ8wG0P9a5fg0wfZr"
alt_url: "https://google.com/"
alt_title: "PayPal"
alt_class: "text-sm hover:underline mt-4"
features_class: "text-black dark:text-white"
features:
- text: "General Admission"
text_class: "font-semibold"
- text: "New Talks & Demos"
- text: "Live Q&A"
- text: "Virtual Job Fair"
- text: "Access to Speakers"
- name: "Boston + Seattle"
title: "Combined Ticket"
title_class: "text-black dark:text-white text-center"
name_class: "meetups-color"
price_class: "text-green-600"
price: "119"
original_price: ""
features_class: "text-black dark:text-white"
button:
title: "Register"
class: "bg-transparent border border-orange-600 rounded-md cursor-pointer hover:bg-green-700 hover:border-green-700 dark:text-white text-black hover:text-white focus-within:bg-green-700 focus-within:border-green-700 focus-within:text-white"
url: "https://buy.stripe.com/aEU3cmgO7dhr6pWeVp"
alt_url: "https://google.com/"
alt_title: "PayPal"
alt_class: "text-sm hover:underline mt-4"
features:
- text: "General Admission"
text_class: "font-semibold"
- text: "Discounted Tickets"
- text: "Easy to Gift or Transfer Them"
- text: "Retains All Benefits"
- title: "Frequently Asked Questions"
title_class: "mb-20 text-center text-white"
image: ""
side: "center"
section_class: "text-dark pt-24"
content_class: "mt-8 text-white bg-[rgba(0,0,0,0.8)] pb-24"
transition:
end: "/images/transition4.svg"
end_class: "mb-5 pt-4 2xl:pt-32 scale-y-100"
end_color: "#fff"
end_dark: "/images/transition4.svg"
end_dark_color: "#150e31"
end_style: "mask-repeat:repeat-x;mask-position: bottom;"
bg_img:
parallax: true
img: "/images/devon_starfield.png"
qa:
- question: "I'm financially disadvantaged."
question_class: "mb-4 text-2xl text-white"
answer: "If youre a student or financially struggling send Abner an [email](mailto:abner@handmadecities.com) and tell your story. We typically do one of two things:<br><br>1. Generate a ticket with a meaningful discount<br>2. Award a free seat thanks to someone who sponsors it<br><br>_P.S. We ask those who can afford our tickets to not abuse this system of trust._"
answer_class: ""
- question: "I want to sponsor a ticket."
question_class: "mt-12 mb-4 text-2xl text-white"
answer: "Your kindness will not go unnoticed! You can go about this in a couple of ways:<br><br>- **Sponsor directly:** Our tickets already include a transfer button. You can gift them to someone you know.<br>- **Donate to sponsor pool:** If you trust us to handle it, use our [Donorbox](https://donorbox.org/handmadecities) and in the comments type _“I want to sponsor”_<br><br>We use this pool to award free seats to those in need."
- question: "How do I upgrade my ticket?"
question_class: "mt-12 mb-4 text-2xl text-white"
answer: "To upgrade from the online track to a physical one send us an email: [abner@handmadecities.com](mailto:abner@handmadecities.com)<br><br>_P.S. Upgrading is only possible if theres still physical tickets._"
- question: "Are refunds available?"
question_class: "mt-12 mb-4 text-2xl text-white"
answer: "We dont process refunds. The physical track is a superset of the online one, so if you cant attend in person anymore you can join us virtually."
- question: "When do I receive my fundraiser perk?"
question_class: "mt-12 mb-4 text-2xl text-white"
answer: "If you participated in our fundraiser, you shouldve received a Donorbox receipt and a confirmation email from Abner. Perks started to roll out in March 2024 and will continue over the next couple of months."
- title: "Word on the Street"
title_class: "text-center"
image: ""
side: "center"
section_class: "text-dark pb-12"
content_class: "mt-8 pt-12"
testimonials:
- name: "Quade Zaban, Independent game designer"
title: "Bravo all, looking forward to next time!"
link: "https://twitter.com/QuadeZaban/status/1593991041430196225"
avatar: "/images/people/quade.jpg"
content: "Has been a joy watching this conference grow, and this one may have been the best so far in my books!"
- name: "Hadjar Homaei, CTO [@compdem](https://twitter.com/compdem)"
title: "Huge thanks to Abner Coimbre for making this possible! We appreciate you!"
link: "https://twitter.com/xeegeex/status/1594056776508637184"
avatar: "/images/people/hadjar.jpg"
content: "I had such a wonderful time at Handmade Seattle this week connecting with an amazing community of people who passionately love the craft of software development!"
- name: "Alasdair Monk, VP of Design ▲ [@vercel](https://twitter.com/vercel)"
title: "My first Handmade Seattle was so great."
link: "https://twitter.com/almonk/status/1593439527351484416"
avatar: "/images/people/alasdair.jpg"
content: "Abner Coimbre is a fantastic host & organiser with an important vision for building better software that benefits all of us, in his words: “reclaiming user value"
---