Talk title size

Author: elcuervo

_layouts/meetup.html

@@ -7,67 +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>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>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>Charlas</h2>
 
-            {% for talk in page.talks %}
-              <div class="talk">
-                {% assign speakers = "" | split: ',' %}
+          {% 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 %}
+            {% for speaker in talk.speakers %}
+            {% assign speakers = speakers | push: site.data.people[speaker].name %}
+            {% endfor %}
 
-                <h3 id="{{ talk.title | slugify }}">
-                  <a href="#{{ talk.title | slugify }}">
-                    <span>{{ talk.title }}</span>
-                  </a>
-                  <p>{{ speakers | join: ", " }}</p>
-                </h3>
+            <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>
+            <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.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 %}
+            {% 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>
+          </div>
+          {% endfor %}
+        </section>
         <section> {{ content }} </section>
       </article>
     </main>

_sass/meetups.scss

@@ -1,11 +1,6 @@
 #meetups {
   background-color: #F6EEEC;
 
-  h3 {
-    margin-top: -50px;
-    padding-top: 90px;
-  }
-
   header {
     background-color: #3967D1;
     border: 0 solid black;

_sass/view_meetup.scss

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