Finish porting all news posts

I should fix the auto optimizer, but for now just a quick pass to shave off 7mb, down to 403kb

assets/js/main.js

@@ -36,7 +36,12 @@
 
 
   // modals 
-  // openers
+  function toggle_modal(target, show) {
+    target.classList.toggle("hidden", !show);
+    body.classList.toggle("overflow-hidden", show);
+    body.setAttribute("modal", show ? target.id : "");
+  }
+
   const body = document.querySelector("body");
   const show_modal_buttons = document.querySelectorAll("[data-modal-show]");
   show_modal_buttons.forEach((btn) => {
@@ -44,8 +49,7 @@
     const modal = document.querySelector(`#${target}`);
     if (modal) {
       btn.addEventListener("click", (e) => {
-        modal.classList.toggle("hidden", false);
-        body.classList.toggle("overflow-hidden", true);
+        toggle_modal(modal, true);
       });
     }
   });
@@ -56,8 +60,7 @@
     const modal = document.querySelector(`#${target}`);
     if (modal) {
       btn.addEventListener("click", (e) => {
-        modal.classList.toggle("hidden", true);
-        body.classList.toggle("overflow-hidden", false);
+        toggle_modal(modal, false);
       });
     }
   });
@@ -66,12 +69,18 @@
   modal_bg.forEach((bg) => {
     bg.addEventListener("click", (e) => {
       if (e.target === bg) {
-        bg.classList.toggle("hidden", true);
-        body.classList.toggle("overflow-hidden", false);
+        toggle_modal(bg, false);
       }
     });
   });
 
+  document.addEventListener("keydown", (e) => {
+    if (e.key === "Escape") {
+      var modal_id = body.getAttribute("modal");
+      if(modal_id) toggle_modal(document.querySelector(`#${modal_id}`), false);
+    }
+  });
+
   // Swipers
   // ----------------------------------------
   const swipers = document.querySelectorAll(".swiper-slider");
@@ -100,3 +109,5 @@
     });
   });
 })();
+
+// c > js -devon

assets/scss/custom.scss

@@ -29,12 +29,14 @@
     background-color: #7A5DF9;
 }
 
-.about-content a {
+.about-content a,
+.content-container a {
     color: var(--meetups-color) !important;
     text-decoration: none;
 }
 
-.about-content a:hover {
+.about-content a:hover,
+.content-container a:hover {
     text-decoration: underline !important;
 }
 
@@ -67,6 +69,11 @@
     text-decoration: underline;
 }
 
+.frontpage-stream-container {
+    max-height: calc(75vh);
+    min-height: 36rem;
+    aspect-ratio: 16 / 9;
+}
 
 .video-container {
   aspect-ratio: 16 / 9;
@@ -97,3 +104,10 @@
     background-color: #fff3cd;
     color: #856404;
 }
+
+// Disable the horrendous open and close quotes on blockquote content
+blockquote p:first-of-type {
+    &::before, &::after {
+        content: "" !important;
+    }
+}

assets/scss/utilities.scss

@@ -18,3 +18,8 @@
 .shadow {
   box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.05);
 }
+
+/* This was supposed to be in tailwind, but whatever... */
+.flex-shrink-0 {
+  flex-shrink: 0;
+}

config/_default/menus.en.toml

@@ -61,11 +61,6 @@ name = "Tickets"
 url = "/tickets"
 weight = 1
 
-[[footer]]
-name = "Contact"
-url = "/contact"
-weight = 6
-
 [[footer]]
 name = "Members"
 url = "https://donorbox.org/handmadecities"

config/_default/params.toml

@@ -1,6 +1,6 @@
 #################### default parameters ################################
 # favicon module: https://github.com/gethugothemes/hugo-modules/tree/master/images#favicon-implementation
-favicon = "images/favicon/handmadecities-favicon.png"
+favicon = "images/favicon/handmadecities-favicon-192.png"
 # logo module: https://github.com/gethugothemes/hugo-modules/tree/master/images#logo-implementation
 logo = "images/cities-light-mode.svg"
 logo_darkmode = "images/cities-dark-mode.svg"
@@ -62,10 +62,9 @@ content = "Handmade Seattle Nov 20th - 22nd, 2024. [Buy Tickets](/tickets) now!"
 # seo meta data for OpenGraph / Twitter Card
 # seo module: https://github.com/gethugothemes/hugo-modules/tree/master/seo-tools/basic-seo
 [metadata]
-keywords = ["Boilerplate", "Hugo"]
-description = "Hugo & Tailwindcss Starter"
-author = "zeon.studio"
-image = "images/og-image.png"
+keywords = ["Conference", "Handmade", "Software", "Programming", "Low-Level"]
+description = "Handmade Cities - Indie Conferences for Low-Level Programmers"
+image = "images/opengraph.png"
 
 
 # site verifications