From 05b9f8a1d884bdcc4c8c4749524d2eec044be4a3 Mon Sep 17 00:00:00 2001
From: fallow64 <fallow640@gmail.com>
Date: Thu, 14 Aug 2025 11:25:39 -0500
Subject: [PATCH 1/8] Add Janet feedback

---
 _layouts/presentation.html |  4 ++--
 assets/css/style.scss      | 14 ++++++++++++++
 presentations.html         |  7 +++++--
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/_layouts/presentation.html b/_layouts/presentation.html
index cf07ddbf..57074b84 100644
--- a/_layouts/presentation.html
+++ b/_layouts/presentation.html
@@ -2,7 +2,7 @@
 layout: container-default
 ---
 
-{% assign date = page.date | date: "%B %e" %}
+{% assign date = page.date | date: "%B %e, %Y" %}
 
 <div class="row justify-content-center">
     <div class="col-12 col-md-10 col-lg-9 col-xl-8 fs-5 "">
@@ -41,7 +41,7 @@ <h4 class="text-muted">{{ date }}</h4>
             </div>
 
 
-            <h2 class="mt-3 mb-0">Associated Links</h2>
+            <h4 class="h4 mt-3 mb-0">Associated Links</h2>
             <ul>
                 {% for link in page.links %}
                 <li><a href="{{ link.value }}" target="_blank" rel="noopener noreferrer">{{ link.name }}</a></li>
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 629eded3..facadf00 100755
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -306,3 +306,17 @@ main {
     height: 620px;
   }
 }
+
+.presentation-description {
+  max-height: 4.5rem;
+  overflow: hidden;
+  transition: max-height 0.3s ease;
+}
+
+.presentation-description > p {
+  margin-bottom: 0;
+}
+
+.presentation-description.expanded {
+  max-height: 1000px; /* Arbitrary large value to allow full expansion */
+}
diff --git a/presentations.html b/presentations.html
index 10f408bc..f5748e9e 100644
--- a/presentations.html
+++ b/presentations.html
@@ -56,7 +56,7 @@ <h2 class="article-title">
                 </h2>
 
                 <div class="d-flex flex-row justify-content-between">
-                    {% assign date = presentation.date | date: "%B %e" %}
+                    {% assign date = presentation.date | date: "%B %e, %Y" %}
                     <h4 class="text-muted mb-0">{{ presentation.presenter }} at {{ presentation.event }}</h4>
                     <h4 class="text-muted mb-0" style="flex-grow: 0; flex-shrink: 0;">{{ date }}</h4>
                 </div>
@@ -66,7 +66,10 @@ <h4 class="text-muted mb-0" style="flex-grow: 0; flex-shrink: 0;">{{ date }}</h4
                     <span class="tag-badge badge">{{ tag }}</span>
                 {% endfor %}
                 </div>
-                <p>{{ presentation.description }}</p>
+
+                <div class="presentation-description collapsed" onclick="this.classList.toggle('expanded')" style="cursor:pointer;">
+                    {{ presentation.description | markdownify }}
+                </div>
             </div>
         </div>
     </div>

From 7798a4e9a048d389c2f83fc0fd7838cc91c8be1c Mon Sep 17 00:00:00 2001
From: fallow64 <fallow640@gmail.com>
Date: Thu, 14 Aug 2025 12:59:49 -0500
Subject: [PATCH 2/8] Tweak presentation description styling

---
 assets/css/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index facadf00..d01ac3fd 100755
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -310,7 +310,7 @@ main {
 .presentation-description {
   max-height: 4.5rem;
   overflow: hidden;
-  transition: max-height 0.3s ease;
+  user-select: none;
 }
 
 .presentation-description > p {

From cc91b2eac93fd2a2624f4c9c762c5475156e8aba Mon Sep 17 00:00:00 2001
From: fallow64 <fallow640@gmail.com>
Date: Thu, 14 Aug 2025 13:10:58 -0500
Subject: [PATCH 3/8] Add support for optional event

---
 _includes/get/presentations.liquid | 2 +-
 _layouts/presentation.html         | 4 +++-
 presentations.html                 | 9 ++++++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/_includes/get/presentations.liquid b/_includes/get/presentations.liquid
index 1d6edd93..e3754288 100644
--- a/_includes/get/presentations.liquid
+++ b/_includes/get/presentations.liquid
@@ -1,3 +1,3 @@
 {% assign presentations = site.presentations | where_exp: "presentation", "presentation.publish_on contains site.key" | sort: "date" | reverse %}
 {% assign all_presentation_keywords = presentations | map: "keywords" | uniq | sort %}
-{% assign all_presentation_events = presentations | map: "event" | uniq | sort %}
+{% assign all_presentation_events = presentations | where_exp: "presentation", "presentation.event != nil" | map: "event" | uniq | sort %}
diff --git a/_layouts/presentation.html b/_layouts/presentation.html
index 57074b84..5a7cd4ce 100644
--- a/_layouts/presentation.html
+++ b/_layouts/presentation.html
@@ -26,7 +26,9 @@ <h1>
             </div>
 
             <div class="mb-3 d-flex flex-row justify-content-between">
-                <h4 class="text-muted">{{ page.presenter }} at {{ page.event }}</h4>
+                <h4 class="text-muted">
+                    {{ page.presenter }} {% if page.event %} at {{ page.event }}{% endif %}
+                </h4>
                 <h4 class="text-muted">{{ date }}</h4>
             </div>
 
diff --git a/presentations.html b/presentations.html
index f5748e9e..098b8f73 100644
--- a/presentations.html
+++ b/presentations.html
@@ -15,6 +15,8 @@ <h1>Presentations</h1>
         {% for event in all_presentation_events %}
         <li><a class="button-filter-event-dropdown dropdown-item" href="#" data-event-selector="{{event}}">{{event}}</a></li>
         {% endfor %}
+
+        <li><a class="button-filter-event-dropdown dropdown-item" href="#" data-event-selector="Other">Other</a></li>
     </ul>
 
     <button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
@@ -57,7 +59,12 @@ <h2 class="article-title">
 
                 <div class="d-flex flex-row justify-content-between">
                     {% assign date = presentation.date | date: "%B %e, %Y" %}
-                    <h4 class="text-muted mb-0">{{ presentation.presenter }} at {{ presentation.event }}</h4>
+                    <h4 class="text-muted mb-0">
+                        {{ presentation.presenter }}
+                        {% if presentation.event %}
+                            at {{ presentation.event }}
+                        {% endif %}
+                    </h4>
                     <h4 class="text-muted mb-0" style="flex-grow: 0; flex-shrink: 0;">{{ date }}</h4>
                 </div>
 

From c41b0d51b524da1d10c5a004d1d14f24edc135f8 Mon Sep 17 00:00:00 2001
From: fallow64 <fallow640@gmail.com>
Date: Thu, 14 Aug 2025 13:22:55 -0500
Subject: [PATCH 4/8] Remove collapsed class

---
 assets/css/style.scss | 2 +-
 presentations.html    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index d01ac3fd..03ad8c84 100755
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -318,5 +318,5 @@ main {
 }
 
 .presentation-description.expanded {
-  max-height: 1000px; /* Arbitrary large value to allow full expansion */
+  max-height: none;
 }
diff --git a/presentations.html b/presentations.html
index 098b8f73..4327e61d 100644
--- a/presentations.html
+++ b/presentations.html
@@ -74,7 +74,7 @@ <h4 class="text-muted mb-0" style="flex-grow: 0; flex-shrink: 0;">{{ date }}</h4
                 {% endfor %}
                 </div>
 
-                <div class="presentation-description collapsed" onclick="this.classList.toggle('expanded')" style="cursor:pointer;">
+                <div class="presentation-description" onclick="this.classList.toggle('expanded')" style="cursor:pointer;">
                     {{ presentation.description | markdownify }}
                 </div>
             </div>

From 7ebeaf6f83b2d607218caad13d68484101c36462 Mon Sep 17 00:00:00 2001
From: fallow64 <fallow640@gmail.com>
Date: Thu, 14 Aug 2025 15:46:15 -0500
Subject: [PATCH 5/8] Add gradient overlay to signify expandable content

---
 assets/css/style.scss | 27 ++++++++++++++++++++++----
 assets/js/scripts.js  | 44 ++++++++++++++++++++++++++++++++++++++++++-
 presentations.html    | 25 ++++++++++++------------
 3 files changed, 79 insertions(+), 17 deletions(-)

diff --git a/assets/css/style.scss b/assets/css/style.scss
index 03ad8c84..4bcf03b2 100755
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -308,15 +308,34 @@ main {
 }
 
 .presentation-description {
+  color: $text-muted;
+  position: relative;
+}
+
+.presentation-description > p {
+  margin-bottom: 0;
+}
+
+.presentation-description.collapsed {
   max-height: 4.5rem;
   overflow: hidden;
   user-select: none;
+  cursor: pointer;
 }
 
-.presentation-description > p {
-  margin-bottom: 0;
+.presentation-description.collapsed > .gradient-overlay {
+  // must be collapsed to show gradient
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  height: 2.2em;
+  pointer-events: none;
+  background: linear-gradient(to bottom, rgba($white, 0), rgba($white, 0.95) 80%);
 }
 
-.presentation-description.expanded {
-  max-height: none;
+.presentation-description:not(.collapsed) > .gradient-overlay {
+  // not collapsed, hide gradient
+  display: none;
 }
diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index 0dba20a0..49f3158e 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -133,6 +133,46 @@ class PresentationFilterManager {
 document.addEventListener("DOMContentLoaded", () => {
     // -- presentations page --
 
+    /**
+     * Setup click-to-expand for presentation descriptions that overflow
+     * their container.
+     */
+    function setupDescriptionExpansion() {
+        const descriptions = document.querySelectorAll(".presentation-description");
+
+        descriptions.forEach((description) => {
+            // individual to each description
+            const onDescriptionClick = () => {
+                console.log("toggling");
+                description.classList.toggle("collapsed");
+                // if expanded, remove click listener to prevent further toggling
+                description.removeEventListener("click", onDescriptionClick);
+            };
+
+            // setup function that runs for each description, as well as on window resize
+            const setup = (desc) => {
+                desc.removeEventListener("click", onDescriptionClick);
+                desc.classList.add("collapsed"); // start collapsed
+
+                if (desc.scrollHeight <= desc.clientHeight) {
+                    // content fits, disable expansion
+                    desc.classList.remove("collapsed");
+                } else {
+                    // content overflows, enable expansion
+                    desc.addEventListener("click", onDescriptionClick);
+                }
+            }
+
+            // Initial setup
+            setup(description);
+            // Re-setup on window resize
+            window.addEventListener("resize", () => setup(description));
+        });
+    }
+
+    /**
+     * Fill in badge colors based on tag text.
+     */
     function fillBadgeColors() {
         const badges = document.querySelectorAll(".tag-badge");
         badges.forEach(badge => {
@@ -148,7 +188,9 @@ document.addEventListener("DOMContentLoaded", () => {
     }
 
     fillBadgeColors();
-    // do presentation filtering only if on the presentations page
+    setupDescriptionExpansion();
+
+    // Initialize filter manager if on presentations page
     if (document.querySelector(".presentation-card")) {
         const filterManager = new PresentationFilterManager();
         filterManager.initialize();
diff --git a/presentations.html b/presentations.html
index 4327e61d..34079548 100644
--- a/presentations.html
+++ b/presentations.html
@@ -16,7 +16,7 @@ <h1>Presentations</h1>
         <li><a class="button-filter-event-dropdown dropdown-item" href="#" data-event-selector="{{event}}">{{event}}</a></li>
         {% endfor %}
 
-        <li><a class="button-filter-event-dropdown dropdown-item" href="#" data-event-selector="Other">Other</a></li>
+        <!-- <li><a class="button-filter-event-dropdown dropdown-item" href="#" data-event-selector="Other">Other</a></li> -->
     </ul>
 
     <button class="btn btn-outline-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
@@ -57,16 +57,12 @@ <h2 class="article-title">
                     <a href="{{ presentation.url | relative_url }}">{{ presentation.title }}</a>
                 </h2>
 
-                <div class="d-flex flex-row justify-content-between">
-                    {% assign date = presentation.date | date: "%B %e, %Y" %}
-                    <h4 class="text-muted mb-0">
-                        {{ presentation.presenter }}
-                        {% if presentation.event %}
-                            at {{ presentation.event }}
-                        {% endif %}
-                    </h4>
-                    <h4 class="text-muted mb-0" style="flex-grow: 0; flex-shrink: 0;">{{ date }}</h4>
-                </div>
+                <h4 class="text-muted mb-0">
+                    {{ presentation.presenter }}
+                    {% if presentation.event %}
+                        at {{ presentation.event }}
+                    {% endif %}
+                </h4>
 
                 <div class="mb-3">
                 {% for tag in presentation.keywords %}
@@ -74,9 +70,14 @@ <h4 class="text-muted mb-0" style="flex-grow: 0; flex-shrink: 0;">{{ date }}</h4
                 {% endfor %}
                 </div>
 
-                <div class="presentation-description" onclick="this.classList.toggle('expanded')" style="cursor:pointer;">
+                <div class="presentation-description collapsed">
                     {{ presentation.description | markdownify }}
+
+                    <div class="gradient-overlay"></div>
                 </div>
+
+                {% assign date = presentation.date | date: "%B %e, %Y" %}
+                <small class="text-muted mb-0" style="flex-grow: 0; flex-shrink: 0;">{{ date }}</small>
             </div>
         </div>
     </div>

From d43fa52f9836c3096ed6fd0f2c7695a0eedadd89 Mon Sep 17 00:00:00 2001
From: fallow64 <fallow640@gmail.com>
Date: Thu, 14 Aug 2025 15:52:26 -0500
Subject: [PATCH 6/8] Split tags by commas to support multi-word tags

---
 assets/js/scripts.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index 49f3158e..c65f57ad 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -100,7 +100,7 @@ class PresentationFilterManager {
             
             // Check keyword filter
             if (this.selectedKeywords.size > 0) {
-                const cardKeywords = card.dataset.keywords ? card.dataset.keywords.split(' ') : [];
+                const cardKeywords = card.dataset.keywords ? card.dataset.keywords.split(',') : [];
                 
                 // Check if any selected keyword matches card keywords
                 const hasMatchingKeyword = Array.from(this.selectedKeywords).some(keyword => 

From e07ed007233e3d6e6449e4a60e49cdd1951807ce Mon Sep 17 00:00:00 2001
From: fallow64 <fallow640@gmail.com>
Date: Fri, 15 Aug 2025 08:20:18 -0500
Subject: [PATCH 7/8] Properly split keywords by comma

---
 presentations.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/presentations.html b/presentations.html
index 34079548..ac404c0e 100644
--- a/presentations.html
+++ b/presentations.html
@@ -40,7 +40,7 @@ <h1>Presentations</h1>
 
 <div class="row mb-3">
     {% for presentation in presentations %}
-    <div class="presentation-card col-12 col-md-6 mb-3" data-event="{{ presentation.event }}" data-keywords="{{ presentation.keywords | join: ' ' }}">
+    <div class="presentation-card col-12 col-md-6 mb-3" data-event="{{ presentation.event }}" data-keywords="{{ presentation.keywords | join: ',' }}">
         <div class="news news-summary">
             <div class="article-content">
                 {% if presentation.youtube_video_id %}

From 6d3fe725dea34db35b7b05365812a97fa9c0838e Mon Sep 17 00:00:00 2001
From: fallow64 <fallow640@gmail.com>
Date: Fri, 15 Aug 2025 08:30:13 -0500
Subject: [PATCH 8/8] Remove debug logs

---
 assets/js/scripts.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index c65f57ad..79f0b350 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -38,8 +38,6 @@ class PresentationFilterManager {
                 // Update button text to show selected event
                 this.buttonEventFilter.textContent = this.selectedEvent;
                 
-                console.log("Selected event:", this.selectedEvent);
-                
                 // Apply filters
                 this.filterPresentations();
             });
@@ -57,8 +55,6 @@ class PresentationFilterManager {
                     this.selectedKeywords.delete(keyword);
                 }
                 
-                console.log("Selected keywords:", Array.from(this.selectedKeywords));
-                
                 // Apply filters
                 this.filterPresentations();
             });
@@ -143,7 +139,6 @@ document.addEventListener("DOMContentLoaded", () => {
         descriptions.forEach((description) => {
             // individual to each description
             const onDescriptionClick = () => {
-                console.log("toggling");
                 description.classList.toggle("collapsed");
                 // if expanded, remove click listener to prevent further toggling
                 description.removeEventListener("click", onDescriptionClick);