ship it

assets/scss/custom.scss

@@ -81,7 +81,7 @@
 
 .frontpage-stream-container {
     max-height: calc(75vh);
-    min-height: 36rem;
+    min-height: 34rem;
     aspect-ratio: 16 / 9;
 }
 

content/english/_index.md

@@ -19,9 +19,12 @@ banner:
     buttons_class: "p-2 px-3"
     buttons_row_class: "mt-4 text-white gap-4"
     buttons:
-      - title: "Join Private Chat"
+      - title: "<i class='fa fa-ticket'></i> Tickets"
-        link: "https://chat.handmadecities.com"
+        link: "/tickets"
         class: "btn seattle-bg"
+      - 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"

content/english/media/seattle-2023/eon.md

@@ -4,7 +4,7 @@ mediatype="chat"
 conference="seattle-2023"
 date="2023-11-15T11:00:00-08:00"
 description="What can we learn from demo groups trying to coax 40yo hardware into doing things its designers never imagined?"
-thumbnail="/images/thumbnails/2023HMSEon.png"
+thumbnail="/images/image-placeholder.png"
 
 [[videos]]
 title="Eon: An Amiga 500 Demo"

content/english/seattle/index.md

@@ -7,6 +7,34 @@ draft: false
 layout: year_page
 banner:
   title: "<span class='seattle-color'>Handmade Seattle 2024</span>"
+  live_banner:
+    enable: true
+    use_twitch: true
+    use_youtube: false
+    title: "Handmade Seattle 2024"
+    title_class: "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-36 row"
+    buttons_class: "p-2 px-3"
+    buttons_row_class: "mt-4 text-white gap-4"
+    buttons:
+      - title: "<i class='fa fa-ticket'></i> Tickets"
+        link: "/tickets"
+        class: "btn seattle-bg"
+      - 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"
+        class: "btn bg-[#ff0000]"
+        icon_only: true
+        icon: "fa-brands fa-youtube"
   content: "We are the largest indie conferences for low-level programmers.<br> Proud to be __Fully Hybrid__.<br>"
   content_bottom: "**Seattle Center**<br><span class='text-small'>Nesholm Family Lecture Hall</span><br><br><span class='underline'>**Nov 20th - 22nd, 2024**</span><br>Private Hangouts on Friday, Nov 22nd"
   content_bottom_class: "mt-20 mb-20 text-white"
@@ -17,6 +45,8 @@ banner:
     bg_class: "z-0 bg-[rgba(0,0,0,0.5)]"
   image: "/images/hms/seattle-dark-mode.svg"
   hide_banner_img: true
+  hide_title_after_banner: true
+  section_class: "bg-black pb-0"
   transition:
     end: "/images/transition2.svg"
     end_class: "transform -scale-y-100 -scale-x-100"
@@ -24,13 +54,13 @@ banner:
     end_dark: "/images/transition2.svg"
     end_dark_color: "#150e31"
   button:
-    enable: true
+    enable: false
     label: "Tickets"
     link: "/tickets"
     icon: "fa fa-ticket pl-2"
     class: "btn text-white seattle-bg"
   button2:
-    enable: true
+    enable: false
     label: "Donate"
     link: "https://donorbox.org/handmadecities"
     icon: "fa fa-gift pl-2"

layouts/_default/year_page.html

@@ -9,28 +9,28 @@
       {{ end }}
 
       <div class="container relative mx-auto" style="z-index: 12;">
+        {{ if .live_banner }}
+        {{ partial "components/live_banner.html" . }}
+        {{ end }}
+
         <div class="row justify-center">
           {{ if not .hide_banner_img }}
           <div class="col-12">
             {{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
           </div>
           {{ end }}
-          
-          <iframe
-              src="https://player.twitch.tv/?channel=abnercoimbre&parent=handmadecities.com"
-              height="480"
-              width="854"
-              allowfullscreen
-          ></iframe>
 
           {{ if .triple_section }}
           {{ partial "components/triple_section.html" . }}
           {{ end }}
 
           <div class="lg:col-7 md:col-9 mb-8 text-center">
+            {{ if not .hide_title_after_banner }}
             <h1 class="mb-8 text-h2 lg:-texth2">
               {{ .title | markdownify }}
             </h1>
+            <p> Devon was here </p>
+            {{ end }}
             <p class="mb-8 text-white">
               {{ .content | markdownify }}
             </p>

layouts/index.html

@@ -9,18 +9,15 @@
             {{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
           </div>
           {{ end }}
+
+          {{ if .live_banner }}
+          {{ partial "components/live_banner.html" . }}
+          {{ end }}
           
           {{ if .triple_section}}
             {{ partial "components/triple_section" . }}
           {{ end }}
 
-          <iframe
-              src="https://player.twitch.tv/?channel=abnercoimbre&parent=handmadecities.com"
-              height="480"
-              width="854"
-              allowfullscreen
-          ></iframe>
-
           <div class="lg:col-7 md:col-9 mb-8 text-center">
             <h1 class="mb-8 mt-10 text-h3 lg:-texth1">
               {{ .title | markdownify }}

layouts/partials/components/live_banner.html

@@ -35,6 +35,7 @@
     {{ $button_global_class := .buttons_class }}
     {{ $buttons_row_class := .buttons_row_class }}
     {{ if .buttons }}
+    <div class="col-1"></div>
     <div class="col-10 {{ $buttons_row_class }}">
       {{ range $i, $button := .buttons }}
       <a href="{{ $button.link }}" class="{{ $button.class }} {{ $button_global_class }}" title="{{ $button.title }}">{{