Merge pull request #110 from rubyuy/keep-on-tweaking

Author: elcuervo

_layouts/meetup.html

@@ -7,53 +7,67 @@
 
     <main>
       <article id="view-meetup">
-          <section>
-              <h2>Host</h2>
-              <a href="{{ site.data.companies[page.host].url }}">{{ site.data.companies[page.host].name }}</a>
-          </section>
-
-          <section>
-            <h2>Speakers</h2>
-            <ul>
-              {% for talk in page.talks %}
-                {% for speaker in talk.speakers %}
-                  <li>
-                    {% if site.data.people[speaker].github %}
-                      <a href="https://github.com/{{ site.data.people[speaker].github }}">
-                        <img src="https://github.com/{{ site.data.people[speaker].github }}.png?size=30" alt="{{ site.data.people[speaker].name }}" style="border-radius: 50%; width: 30px"/>{{ site.data.people[speaker].name }}
-                      </a>
-                    {% else %}
-                      {{ site.data.people[speaker].name }}
-                    {% endif %}
-                  </li>
-                {% endfor %}
-              {% endfor %}
-            </ul>
-          </section>
-
-          <section>
-            <h2>Charlas</h2>
+        <section>
+          <h2>Host</h2>
+          <a href="{{ site.data.companies[page.host].url }}">{{ site.data.companies[page.host].name }}</a>
+        </section>
+
+        <section>
+          <h2>Speakers</h2>
+          <ul>
             {% for talk in page.talks %}
-              <div class="talk">
-                {% assign speakers = "" | split: ',' %}
-                {% for speaker in talk.speakers %}
-                  {% assign speakers = speakers | push: site.data.people[speaker].name %}
-                {% endfor %}
-                <h3><span>{{ talk.title }}</span> - {{ speakers | join: ", " }}</h3>
-                <p>{{ talk.description }}<p>
-
-                {% if talk.recording %}
-                <div class="keep-aspect-ratio">
-                  <iframe src="{{ talk.recording }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-                  {% endif %}
-
-                  {% if talk.slides %}
-                    <iframe src="{{ talk.slides }}" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></br>
-                  {% endif %}
-                </div>
-              </div>
+            {% for speaker in talk.speakers %}
+            <li>
+              {% if site.data.people[speaker].github %}
+              <a href="https://github.com/{{ site.data.people[speaker].github }}">
+                <img src="https://github.com/{{ site.data.people[speaker].github }}.png?size=30" alt="{{ site.data.people[speaker].name }}" style="border-radius: 50%; width: 30px"/>{{ site.data.people[speaker].name }}
+              </a>
+              {% else %}
+              {{ site.data.people[speaker].name }}
+              {% endif %}
+            </li>
+            {% endfor %}
+            {% endfor %}
+          </ul>
+        </section>
+
+        <section>
+          <h2>Charlas</h2>
+
+          {% for talk in page.talks %}
+          <div class="talk">
+            {% assign speakers = "" | split: ',' %}
+
+            {% for speaker in talk.speakers %}
+            {% assign speakers = speakers | push: site.data.people[speaker].name %}
             {% endfor %}
-          </section>
+
+            <h3 id="{{ talk.title | slugify }}">
+              <a href="#{{ talk.title | slugify }}">
+                <span class="talk-title">{{ talk.title }}</span>
+              </a>
+              <p>{{ speakers | join: ", " }}</p>
+            </h3>
+
+            <p>{{ talk.description }}<p>
+
+            {% if talk.recording %}
+            <div class="keep-aspect-ratio">
+              <iframe src="{{ talk.recording }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen>
+              </iframe>
+            </div>
+            {% endif %}
+
+            {% if talk.slides %}
+            <div class="keep-aspect-ratio">
+              <iframe src="{{ talk.slides }}" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true">
+              </iframe>
+            </div>
+            {% endif %}
+
+          </div>
+          {% endfor %}
+        </section>
         <section> {{ content }} </section>
       </article>
     </main>

_meetups/2025-04-24-qubika.md

@@ -11,6 +11,7 @@ talks:
 
  - title: "Modularizando con Packwerk"
    recording: https://www.youtube.com/embed/TAMMnmuXhE8?si=K3DCP06kgvKdFvvP
+   slides: https://speakerdeck.com/player/a1133e9c92904a87be2236642dc33505
    speakers:
      - diego_algorta
 ---

_sass/view_meetup.scss

@@ -55,5 +55,11 @@
 
   .talk {
     margin-bottom: 2rem;
+
+    h3 {
+      a {
+        font-size: 1.75rem;
+      }
+    }
   }
 }