From 0e05f169543cefdffef4068f662102fbb46f6bcd Mon Sep 17 00:00:00 2001
From: AFornio <agustinfornio@192.168.1.126>
Date: Thu, 30 Apr 2026 10:33:33 -0300
Subject: [PATCH 1/3] Feat: add talks search link

---
 _includes/footer.html  |  1 +
 _includes/meetups.html |  4 ++++
 _sass/meetups.scss     | 17 +++++++++++++++++
 3 files changed, 22 insertions(+)
diff --git a/_includes/footer.html b/_includes/footer.html
index 47b5081..7de088e 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -3,6 +3,7 @@
     <h1>
       <a href="mailto:org@ruby.uy" target="_blank">org@ruby.uy</a>
     </h1>
+    <p><a href="/charlas">Buscar charlas</a></p>
     <ul>
       <li>
         <a href="https://twitter.com/rubymontevideo" target="_blank"><img src="/assets/images/twitter.svg" alt="Twitter Icon"></a>
diff --git a/_includes/meetups.html b/_includes/meetups.html
index 19e3446..f41888e 100644
--- a/_includes/meetups.html
+++ b/_includes/meetups.html
@@ -2,6 +2,10 @@
   <header>
     <h1>EDICIONES PASADAS</h1>
     <p>Conocé el contenido de las ediciones pasadas.</p>
+    <a href="/charlas" class="meetup-event__search-link">
+      Buscar entre todas las charlas
+      <img src="/assets/images/arrow.svg" aria-hidden="true">
+    </a>
   </header>
 
   {% assign meetups_sorted = site.meetups | sort: "date" | reverse %}
diff --git a/_sass/meetups.scss b/_sass/meetups.scss
index 349b8f8..bb2a27e 100644
--- a/_sass/meetups.scss
+++ b/_sass/meetups.scss
@@ -32,6 +32,23 @@
         display: none;
       }
     }
+
+    .meetup-event__search-link {
+      align-items: center;
+      display: inline-flex;
+      font-weight: bold;
+      margin-top: 1rem;
+
+      &, &:active, &:visited, &:focus, &:hover {
+        color: #FFC24D;
+        text-decoration: none;
+      }
+
+      img {
+        margin-left: 0.5rem;
+        filter: brightness(0) saturate(100%) invert(85%) sepia(35%) saturate(831%) hue-rotate(338deg) brightness(102%) contrast(101%);
+      }
+    }
   }
 
   .meetup-event__date_year {

From 46ae590f2a8db017ae87a4073d4dbc00526a1054 Mon Sep 17 00:00:00 2001
From: AFornio <agustinfornio@192.168.1.126>
Date: Thu, 30 Apr 2026 10:49:11 -0300
Subject: [PATCH 2/3] Feat: add talks view with search and timeline

---
 _includes/head.html                   |  1 +
 _layouts/meetup.html                  |  2 +-
 _layouts/talks.html                   | 64 +++++++++++++++++++++++++++
 _sass/meetups.scss                    |  4 +-
 _sass/talks.scss                      | 35 +++++++++++++++
 _sass/{view_meetup.scss => view.scss} |  2 +-
 assets/css/styles.scss                |  2 +-
 assets/js/talks.js                    | 15 +++++++
 talks.html                            |  4 ++
 9 files changed, 124 insertions(+), 5 deletions(-)
 create mode 100644 _layouts/talks.html
 create mode 100644 _sass/talks.scss
 rename _sass/{view_meetup.scss => view.scss} (98%)
 create mode 100644 assets/js/talks.js
 create mode 100644 talks.html

diff --git a/_includes/head.html b/_includes/head.html
index fb81b84..ee9c1c5 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -16,4 +16,5 @@
   <script src="{{ "nav" | js_asset | buster }}"></script>
   <script src="{{ "next_meetup_callout" | js_asset | buster }}"></script>
   <script src="{{ "sponsors" | js_asset | buster }}"></script>
+  <script src="{{ "talks" | js_asset | buster }}"></script>
 </head>
diff --git a/_layouts/meetup.html b/_layouts/meetup.html
index 487db2e..b0c8d5e 100644
--- a/_layouts/meetup.html
+++ b/_layouts/meetup.html
@@ -6,7 +6,7 @@
     {% include nav.html %}
 
     <main>
-      <article id="view-meetup">
+      <article id="view-meetup" class="view">
         <section>
           <h2>Host</h2>
           <a href="{{ site.data.companies[page.host].url }}">{{ site.data.companies[page.host].name }}</a>
diff --git a/_layouts/talks.html b/_layouts/talks.html
new file mode 100644
index 0000000..0903396
--- /dev/null
+++ b/_layouts/talks.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="es">
+  {% include head.html %}
+
+  <body>
+    {% include nav.html %}
+
+    <main>
+      <article id="view-talks" class="view">
+        <section>
+          <h2>Charlas</h2>
+
+          <input type="search" id="talks-search" class="talks-search" placeholder="Buscar charla o speaker..." autocomplete="off">
+        </section>
+
+        <section>
+          {% assign meetups_sorted = site.meetups | sort: "date" | reverse %}
+          {% assign meetups_grouped = meetups_sorted | group_by_exp: "m", "m.date | date: '%Y'" %}
+
+          {% for year in meetups_grouped %}
+            {% assign year_count = 0 %}
+            {% for meetup in year.items %}
+              {% assign year_count = year_count | plus: meetup.talks.size %}
+            {% endfor %}
+
+            <h3 class="talks-year">{{ year.name }} ({{ year_count }})</h3>
+
+            {% for meetup in year.items %}
+              {% for talk in meetup.talks %}
+              {% assign speakers = "" | split: ',' %}
+              {% for speaker in talk.speakers %}
+                {% assign speakers = speakers | push: site.data.people[speaker].name %}
+              {% endfor %}
+
+              {% capture search_text %}{{ talk.title }} {{ meetup.title }} {{ speakers | join: ' ' }} {{ talk.description }}{% endcapture %}
+
+              <div class="talk" data-search="{{ search_text | downcase | strip_html | strip_newlines }}">
+                <h3 id="{{ talk.title | slugify }}">
+                  <a href="{{ meetup.url }}#{{ talk.title | slugify }}">
+                    <span class="talk-title">{{ talk.title }}</span>
+                  </a>
+                  <p>
+                    {% for speaker in talk.speakers %}
+                      {% assign person = site.data.people[speaker] %}
+                      {% if person.github %}
+                        <img src="https://github.com/{{ person.github }}.png?size=30" alt="{{ person.name }}" style="border-radius: 50%; width: 30px; vertical-align: middle;"/>
+                      {% endif %}
+                      {{ person.name }}{% unless forloop.last %}, {% endunless %}
+                    {% endfor %}
+                  </p>
+                </h3>
+
+                <p>{{ talk.description }}</p>
+              </div>
+              {% endfor %}
+            {% endfor %}
+          {% endfor %}
+        </section>
+      </article>
+    </main>
+
+    {% include footer.html %}
+  </body>
+</html>
diff --git a/_sass/meetups.scss b/_sass/meetups.scss
index bb2a27e..8fe3147 100644
--- a/_sass/meetups.scss
+++ b/_sass/meetups.scss
@@ -11,8 +11,8 @@
     @media (max-width: 425px) {
       padding: 2rem 1.5rem;
       display: flex;
-      justify-content: center;
-      align-items: center;
+      flex-direction: column;
+      align-items: flex-start;
     }
 
     h1 {
diff --git a/_sass/talks.scss b/_sass/talks.scss
new file mode 100644
index 0000000..def3f52
--- /dev/null
+++ b/_sass/talks.scss
@@ -0,0 +1,35 @@
+#view-talks {
+  .talks-year {
+    border-bottom: 2px solid #3967D1;
+    color: #3967D1;
+    font-size: 2rem;
+    font-weight: bold;
+    margin: 2rem 0 1.5rem;
+    padding-bottom: 0.5rem;
+  }
+
+  .talks-search {
+    background-color: #F6EEEC;
+    border: 3px solid #2E2E2E;
+    box-shadow: 6px 6px 0 #3967D1;
+    color: #3967D1;
+    font: 700 1rem 'Syncopate', sans-serif;
+    letter-spacing: 0.05em;
+    padding: 1rem 1.25rem;
+    text-transform: uppercase;
+    transition: box-shadow 0.15s ease, transform 0.15s ease;
+    width: 100%;
+
+    &::placeholder {
+      color: #3967D1;
+      opacity: 0.5;
+    }
+
+    &:focus {
+      box-shadow: 6px 6px 0 #FFC24D;
+      outline: none;
+      transform: translate(-2px, -2px);
+    }
+  }
+
+}
diff --git a/_sass/view_meetup.scss b/_sass/view.scss
similarity index 98%
rename from _sass/view_meetup.scss
rename to _sass/view.scss
index 9f5868a..0250385 100644
--- a/_sass/view_meetup.scss
+++ b/_sass/view.scss
@@ -1,4 +1,4 @@
-#view-meetup {
+.view {
   margin: 0 auto;
   width: 85%;
 
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 282b388..719fcfc 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -1,3 +1,3 @@
 ---
 ---
-@import 'reset', 'application', 'header', 'nav', 'next_meetup', 'view_meetup', 'meetups', 'sponsors', 'footer';
+@import 'reset', 'application', 'header', 'nav', 'next_meetup', 'view', 'meetups', 'sponsors', 'footer', 'talks';
diff --git a/assets/js/talks.js b/assets/js/talks.js
new file mode 100644
index 0000000..e7fe1d6
--- /dev/null
+++ b/assets/js/talks.js
@@ -0,0 +1,15 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const input = document.querySelector("#talks-search");
+  if (!input) return;
+
+  const talks = document.querySelectorAll(".talk");
+
+  input.addEventListener("input", () => {
+    const query = input.value.trim().toLowerCase();
+
+    talks.forEach((talk) => {
+      const haystack = talk.dataset.search || "";
+      talk.hidden = query && !haystack.includes(query);
+    });
+  });
+});
diff --git a/talks.html b/talks.html
new file mode 100644
index 0000000..d342baa
--- /dev/null
+++ b/talks.html
@@ -0,0 +1,4 @@
+---
+layout: talks
+permalink: /charlas/
+---

From 6968ebf58a2cd6c48e3e956b0d04a7b060d35e65 Mon Sep 17 00:00:00 2001
From: AFornio <agustinfornio@192.168.1.126>
Date: Thu, 30 Apr 2026 14:50:50 -0300
Subject: [PATCH 3/3] Fix: heading hierarchy and lazy load avatars in talks

---
 _layouts/talks.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/_layouts/talks.html b/_layouts/talks.html
index 0903396..e109af4 100644
--- a/_layouts/talks.html
+++ b/_layouts/talks.html
@@ -35,20 +35,20 @@ <h3 class="talks-year">{{ year.name }} ({{ year_count }})</h3>
               {% capture search_text %}{{ talk.title }} {{ meetup.title }} {{ speakers | join: ' ' }} {{ talk.description }}{% endcapture %}
 
               <div class="talk" data-search="{{ search_text | downcase | strip_html | strip_newlines }}">
-                <h3 id="{{ talk.title | slugify }}">
+                <h4 id="{{ talk.title | slugify }}">
                   <a href="{{ meetup.url }}#{{ talk.title | slugify }}">
                     <span class="talk-title">{{ talk.title }}</span>
                   </a>
-                  <p>
-                    {% for speaker in talk.speakers %}
-                      {% assign person = site.data.people[speaker] %}
-                      {% if person.github %}
-                        <img src="https://github.com/{{ person.github }}.png?size=30" alt="{{ person.name }}" style="border-radius: 50%; width: 30px; vertical-align: middle;"/>
-                      {% endif %}
-                      {{ person.name }}{% unless forloop.last %}, {% endunless %}
-                    {% endfor %}
-                  </p>
-                </h3>
+                </h4>
+                <p>
+                  {% for speaker in talk.speakers %}
+                    {% assign person = site.data.people[speaker] %}
+                    {% if person.github %}
+                      <img src="https://github.com/{{ person.github }}.png?size=30" alt="{{ person.name }}" loading="lazy" style="border-radius: 50%; width: 30px; vertical-align: middle;"/>
+                    {% endif %}
+                    {{ person.name }}{% unless forloop.last %}, {% endunless %}
+                  {% endfor %}
+                </p>
 
                 <p>{{ talk.description }}</p>
               </div>
