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.
126 lines
4.6 KiB
Markdown
126 lines
4.6 KiB
Markdown
---
|
|
# 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
|
|
triple_header:
|
|
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: true
|
|
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]() 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 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: "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:
|
|
- name: "JangaFX"
|
|
icon: "/images/companies/jangafx.png"
|
|
link: "https://jangafx.com/"
|
|
- name: "Pontoco"
|
|
icon: "/images/companies/pontoco.png"
|
|
link: "https://pontoco.com/"
|
|
- name: "Mozilla"
|
|
icon: "/images/companies/mozilla.png"
|
|
link: "https://www.mozilla.org/en-US/"
|
|
- name: "TestFit"
|
|
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: "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.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: true
|
|
label: "Register"
|
|
link: "/tickets"
|
|
button_class: "bg-white text-black"
|
|
---
|