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);
+        toggle_modal(modal, true);
-        body.classList.toggle("overflow-hidden", true);
       });
     }
   });
@@ -56,8 +60,7 @@
     const modal = document.querySelector(`#${target}`);
     if (modal) {
       btn.addEventListener("click", (e) => {
-        modal.classList.toggle("hidden", true);
+        toggle_modal(modal, false);
-        body.classList.toggle("overflow-hidden", false);
       });
     }
   });
@@ -65,13 +68,19 @@
   const modal_bg = document.querySelectorAll(".modal-bg");
   modal_bg.forEach((bg) => {
     bg.addEventListener("click", (e) => {
-      if(e.target === bg) {
+      if (e.target === bg) {
-        bg.classList.toggle("hidden", true);
+        toggle_modal(bg, false);
-        body.classList.toggle("overflow-hidden", 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

@@ -14,7 +14,7 @@
 }
 
 .seattle-color {
-    color: #FF3CC8;
+    color: #FF3CC8 !important;
 }
 
 .seattle-bg {
@@ -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"