diff --git a/assets/images/hms_23_trailer.webp b/assets/images/hms_23_trailer.webp new file mode 100644 index 0000000..01c3197 Binary files /dev/null and b/assets/images/hms_23_trailer.webp differ diff --git a/assets/images/line_waves.webp b/assets/images/line_waves.webp new file mode 100644 index 0000000..5bd20c4 Binary files /dev/null and b/assets/images/line_waves.webp differ diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index a0064ce..5b450f4 100644 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -14,7 +14,7 @@ } .seattle-color { - color: #FF3CC8; + color: #FF3CC8 !important; } .seattle-bg { diff --git a/content/english/_index.md b/content/english/_index.md index 27a6cd3..646a314 100644 --- a/content/english/_index.md +++ b/content/english/_index.md @@ -7,7 +7,7 @@ banner: 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: + triple_section: enable: true img_left: "/images/hmb/boston-light-mode.svg" img_left_dark: "/images/hmb/boston-dark-mode.svg" diff --git a/content/english/seattle/index.md b/content/english/seattle/index.md index cb66a16..6ef598b 100644 --- a/content/english/seattle/index.md +++ b/content/english/seattle/index.md @@ -50,8 +50,8 @@ features: start_color: "#fff" start_dark: "/images/transition2.svg" start_dark_color: "#150e31" - end: "/images/transition.svg" - end_class: "mt-20 transform -scale-x-100" + end: "/images/transition3.svg" + end_class: "transform -scale-x-100" end_color: "#fff" end_style: "mask-size: cover;height:150px;" end_dark: "/images/transition3.svg" @@ -66,48 +66,46 @@ features: imgs: - title: "Abner Coimbre" title_class: "text-center text-2xl mt-2" - subtitle_class: "text-center text-lg" + subtitle_class: "text-center text-lg mb-4" subtitle: "Host" img: "/images/people/abner_2022.png" modal_target: "abner" - title: "Billy Basso" title_class: "text-center text-2xl mt-2" - subtitle_class: "text-center text-lg" + subtitle_class: "text-center text-lg mb-4" subtitle: "Creator of [Animal Well](https://www.youtube.com/watch?v=ygL8eqX12MQ)" img: "/images/people/billy-basso.jpg" modal_target: "billy" - title: "Anniversary Special" title_class: "text-center text-2xl mt-2" - subtitle_class: "text-center text-lg" + subtitle_class: "text-center text-lg mb-4" subtitle: "The Next Ten Years" img: "/images/people/abner_bvisness-scaled.jpg" modal_target: "anniversary" - title: "Allen Webster" title_class: "text-center text-2xl mt-2" - subtitle_class: "text-center text-lg" + subtitle_class: "text-center text-lg mb-4" subtitle: "Founder of [Mr. 4th](https://mr4th.com/) Lab" img: "/images/people/allen_square.webp" modal_target: "allen" - title: "Devine Lu Linvega" title_class: "text-center text-2xl mt-2" - subtitle_class: "text-center text-lg" + subtitle_class: "text-center text-lg mb-4" subtitle: "Co-Founder of [Hundred Rabbits](https://100r.co)" img: "/images/people/devine_square.webp" modal_target: "devine" - title: "Kagi Search" title_class: "text-center text-2xl mt-2" - subtitle_class: "text-center text-lg" + subtitle_class: "text-center text-lg mb-2" subtitle: "Humanize the Web" img: "/images/people/kagi_square.webp" modal_target: "kagi" - title: "Job Booth" title_class: "text-center text-white text-2xl mt-2" - subtitle_class: "text-center text-lg text-white" + subtitle_class: "text-center text-lg text-white mb-4" subtitle: "Open Slots" img: "/images/people/resume.png" link: "/jobs" - - bg_color: "#0a0a0a" content: "**More On The Way**
Join the [newsletter](/news) or check out last year's speakers below." content_class: "text-white mt-12 px-12 pb-12 pt-12 bg-[rgba(0,0,0,0.5)] rounded-lg" @@ -117,8 +115,9 @@ features: label: "Register" link: "/tickets" - - title: "Hundreds in person,
Thousands online" - title_class: "text-white" + - title: "Fully Hybrid" + title_class: "text-white mb-4 drop-shadow-2xl" + side: "center" transition: start: "/images/transition4.svg" start_class: "mb-5 -scale-y-100 -scale-x-100" @@ -133,18 +132,53 @@ features: end_dark_color: "#150e31" bg_img: parallax: false - img: "/images/adrien-olichon-gOdavfpH-3s-unsplash.jpg" - image: "/images/nystrom.webp" - image_link: "https://vimeo.com/780000746" + img: "/images/line_waves.webp" + card_grid: + title: "" + title_class: "text-center" + section_class: "mb-12" + card_class: "dark:bg-[#150e31] bg-white rounded-lg shadow-md overflow-hidden cursor-pointer" + card_title_class: "text-xl font-semibold mb-2 text-center" + card_subtitle_class: "text-center dark:text-white text-black" + card_bottom_text_class: "text-center pt-2" + cards: + - title: "No Vaults" + title_class: "" + subtitle_class: "" + subtitle: "We don't lock recordings behind a paid vault." + img: "/images/film.webp" + modal_target: "vaults" + - title: "Live Streaming" + title_class: "" + subtitle_class: "" + subtitle: "Presentations streamed live in HD, with closed captioning when possible" + img: "/images/cinema.webp" + modal_target: "live" + - title: "Private Chat Server" + title_class: "" + subtitle_class: "" + subtitle: "Physical and online tracks communicate under the same server" + img: "/images/revolt_mockup.webp" + modal_target: "chat" 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)]" + content: "" + content_class: "p-4 px-6 rounded-md" section_class: "text-white" + - title: "Watch Previous Years" + title_class: "mb-4 drop-shadow-2xl text-center" + side: "left" button: enable: true - label: "Register" - link: "/tickets" - button_class: "bg-white text-black" + label: "Media" + link: "/media" + icon: "fa fa-ticket pl-2" + class: "btn text-white seattle-bg" + image: "/images/hms_23_trailer.webp" + image_link: "/media" + image_class: "rounded-md shadow-lg" + content: "See all of our previous years of talks, demos, and chats freely on our media page." + content_class: "p-4 px-6 rounded-md text-black dark:text-white" + section_class: "text-white mt-24 pb-24" modals: - active: true id: "abner" @@ -195,4 +229,25 @@ modals: title_class: "text-white" content: "At [Kagi](https://kagi.com/welcome), we envision a **friendly version of the internet** where users can explore, learn, and interact with confidence and ease. Our mission is to **humanize the web**, making it more accessible, ethical, and centered around the needs of individuals. We are driven by our core purpose: to **inform and educate**, empowering users with knowledge and understanding as they navigate the online world." 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**

We polish and publish presentations to our [Media Page](/media).

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_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**

Our technical producer, Phil Homan, works alongside Seattle Center A/V staff to stream all our presentations live.
**Stream is free, chat server is not.**

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.

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**
Attendees communicate at [chat.handmadecities.com](https://chat.handmadecities.com/) thanks to the open-source [Revolt](https://revolt.chat/) platform.

**Online attendees are first-class citizens**
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.

**Chat moderation done right**
During the event we have a moderator to keep the environment fun yet professional." + content_class: "text-white" --- diff --git a/layouts/_default/year_page.html b/layouts/_default/year_page.html index 8adda86..71e1fe4 100644 --- a/layouts/_default/year_page.html +++ b/layouts/_default/year_page.html @@ -17,25 +17,9 @@ {{ end }} - {{ with .triple_header }} - {{ if .enable }} -
-
- - {{ partial "image" (dict "Src" .img_left "Alt" .alt_text_left "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} - {{ partial "image" (dict "Src" .img_left_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} - - - {{ partial "image" (dict "Src" .img_center "Alt" .alt_text_center "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} - {{ partial "image" (dict "Src" .img_center_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} - - - {{ partial "image" (dict "Src" .img_right "Alt" .alt_text_right "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} - {{ partial "image" (dict "Src" .img_right_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} - -
-
- {{ end }} + + {{ if .triple_section }} + {{ partial "components/triple_section.html" . }} {{ end }}
diff --git a/layouts/index.html b/layouts/index.html index 2ce373d..9a611d5 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -10,25 +10,8 @@
{{ end }} - {{ with .triple_header }} - {{ if .enable }} -
-
- - {{ partial "image" (dict "Src" .img_left "Alt" .alt_text_left "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} - {{ partial "image" (dict "Src" .img_left_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} - - - {{ partial "image" (dict "Src" .img_center "Alt" .alt_text_center "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} - {{ partial "image" (dict "Src" .img_center_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} - - - {{ partial "image" (dict "Src" .img_right "Alt" .alt_text_right "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} - {{ partial "image" (dict "Src" .img_right_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} - -
-
- {{ end }} + {{ if .triple_section}} + {{ partial "components/triple_section" . }} {{ end }}
diff --git a/layouts/partials/base.html b/layouts/partials/base.html index 5d152ae..42af90a 100644 --- a/layouts/partials/base.html +++ b/layouts/partials/base.html @@ -10,33 +10,6 @@
{{ end }} - {{ with .triple_header }} - {{ if .enable }} -
-
-
- - {{ partial "image" (dict "Src" .img_left "Alt" .alt_text_left "Loading" "eager" "Class" "logo-light" ) }} - {{ partial "image" (dict "Src" .img_left_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark" ) }} - -
-
- - {{ partial "image" (dict "Src" .img_center "Alt" .alt_text_center "Loading" "eager" "Class" "logo-light" ) }} - {{ partial "image" (dict "Src" .img_center_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark" ) }} - -
-
- - {{ partial "image" (dict "Src" .img_right "Alt" .alt_text_right "Loading" "eager" "Class" "logo-light" ) }} - {{ partial "image" (dict "Src" .img_right_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark" ) }} - -
-
-
- {{ end }} - {{ end }} -

{{ .title | markdownify }} diff --git a/layouts/partials/components/card_grid.html b/layouts/partials/components/card_grid.html new file mode 100644 index 0000000..b9ea263 --- /dev/null +++ b/layouts/partials/components/card_grid.html @@ -0,0 +1,26 @@ +{{ with .card_grid }} + +
+
+ {{ $card_class := .card_class }} + {{ $card_title_class := .card_title_class }} + {{ $card_subtitle_class := .card_subtitle_class }} + {{ $card_bottom_text_class := .card_bottom_text_class }} + {{ range $i, $option := .cards }} +
+ $option.alt +
+

{{ $option.title }}

+

{{ $option.subtitle | markdownify }}

+ {{ if $option.bottom_text }} +

{{ $option.bottom_text }}

+ {{ end }} +
+
+ {{ end }} +
+
+{{ end }} \ No newline at end of file diff --git a/layouts/partials/components/features.html b/layouts/partials/components/features.html index 2ee0574..625e39a 100644 --- a/layouts/partials/components/features.html +++ b/layouts/partials/components/features.html @@ -73,6 +73,11 @@ {{ if .img_grid }} {{ partial "components/img_grid.html" . }} {{ end }} + + {{ if .card_grid }} + {{ partial "components/card_grid.html" . }} + {{ end }} +

diff --git a/layouts/partials/components/triple_section.html b/layouts/partials/components/triple_section.html new file mode 100644 index 0000000..0cd12bc --- /dev/null +++ b/layouts/partials/components/triple_section.html @@ -0,0 +1,41 @@ +{{ with .triple_section }} +{{ if .enable }} +

+
+ + {{ partial "image" (dict "Src" .img_left "Alt" .alt_text_left "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} + {{ partial "image" (dict "Src" .img_left_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} + {{ if .left_text }} +

{{ .left_text | markdownify }}

+ {{ end }} + {{ if .left_button }} + {{ .left_button | markdownify }} + {{ end }} + + + {{ partial "image" (dict "Src" .img_center "Alt" .alt_text_center "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} + {{ partial "image" (dict "Src" .img_center_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} + {{ if .center_text }} +

{{ .center_text | markdownify }}

+ {{ end }} + {{ if .center_button }} + {{ .center_button | markdownify }} + {{ end }} + + + {{ partial "image" (dict "Src" .img_right "Alt" .alt_text_right "Loading" "eager" "Class" "logo-light w-64 content-center h-full" ) }} + {{ partial "image" (dict "Src" .img_right_dark "Alt" .alt_text_right "Loading" "eager" "Class" "logo-dark w-64 content-center h-full" ) }} + {{ if .right_text }} +

{{ .right_text | markdownify }}

+ {{ end }} + {{ if .right_button }} + {{ .right_button | markdownify }} + {{ end }} + +
+
+{{ end }} +{{ end }} \ No newline at end of file diff --git a/static/images/cinema.webp b/static/images/cinema.webp new file mode 100644 index 0000000..44fa772 Binary files /dev/null and b/static/images/cinema.webp differ diff --git a/static/images/film.webp b/static/images/film.webp new file mode 100644 index 0000000..bb9decc Binary files /dev/null and b/static/images/film.webp differ diff --git a/static/images/icons/film_sq.webp b/static/images/icons/film_sq.webp new file mode 100644 index 0000000..b6c2916 Binary files /dev/null and b/static/images/icons/film_sq.webp differ diff --git a/static/images/icons/live_sq.webp b/static/images/icons/live_sq.webp new file mode 100644 index 0000000..a2deaf4 Binary files /dev/null and b/static/images/icons/live_sq.webp differ diff --git a/static/images/icons/livestream.jpg b/static/images/icons/livestream.jpg new file mode 100644 index 0000000..4cadd1c Binary files /dev/null and b/static/images/icons/livestream.jpg differ diff --git a/static/images/modals/hmc_revolt_screenshot.png b/static/images/modals/hmc_revolt_screenshot.png new file mode 100644 index 0000000..e13df6d Binary files /dev/null and b/static/images/modals/hmc_revolt_screenshot.png differ diff --git a/static/images/people/devine_square.webp b/static/images/people/devine_square.webp index 2e7de6c..7090c9d 100644 Binary files a/static/images/people/devine_square.webp and b/static/images/people/devine_square.webp differ diff --git a/static/images/revolt_mockup.webp b/static/images/revolt_mockup.webp new file mode 100644 index 0000000..e647c93 Binary files /dev/null and b/static/images/revolt_mockup.webp differ