add moderators section (#475)

content/_index.md

@@ -5,6 +5,9 @@
 [extra.section.speakers]
 	title = "Speakers"
 
+[extra.section.moderators]
+	title = "Moderators"
+
 [[extra.past_sponsors]]
 	title="rust_foundation"
 	link="https://foundation.rust-lang.org/?utm_source=eurorust"
@@ -141,5 +144,15 @@
 	twitter="jonhoo"
 	link="/speakers/jon-gjengset"
 
+[[extra.moderators]]
+	name="Ciara"
+	image="ciara.jpg"
+	twitter="Ciara0x1F973"
+
+[[extra.moderators]]
+	name="Stefan Baumgartner"
+	image="stefan.jpg"
+	twitter="ddprrt"
+
 
 +++

templates/index.html

@@ -33,6 +33,8 @@
 
     {% include "sections/speakers.html" %}
 
+    {% include "sections/moderators.html" %}
+
     {% include "sections/workshop-schedule.html" %}
 
     {% include "sections/schedule-temp.html" %}

templates/sections/moderators.html

@@ -1,47 +1,40 @@
 <section class="moderators">
-  <h3>Moderators</h3>
-  <ul class="moderators-list">
-    <li>
-      <div class="photo-container">
-        <picture>
-          <img
-            alt="Sara Vieira profile photo"
-            src="/images/moderators/sara-vieira.jpg"
-            class="photo" />
-        </picture>
-      </div>
-      <a href="/moderators/sara-vieira" alt="Sara Vieira">Sara Vieira</a>
-      <div class="links">
-        <a
-          href="https://twitter.com/NikkitaFTW"
-          target="_blank"
-          rel="noopener noreferrer"><img alt="twitter icon" src="/images/icons/twitter-white.svg" /></a>
-        <a
-          href="https://iamsaravieira.com/?utm_source=eurorust"
-          target="_blank"
-          rel="noopener noreferrer"><img alt="external link icon" src="/images/icons/external-link-white.svg" /></a>
-      </div>
-    </li>
-    <li>
-      <div class="photo-container">
-        <picture>
-          <img
-            alt="Stefan Baumgartner profile photo"
-            src="/images/speakers/stefan.jpg"
-            class="photo" />
-        </picture>
-      </div>
-      <a href="/speakers/stefan-baumgartner/" alt="Stefan Baumgartner">Stefan Baumgartner</a>
-      <div class="links">
-        <a
-          href="https://twitter.com/ddprrt"
-          target="_blank"
-          rel="noopener noreferrer"><img alt="twitter icon" src="/images/icons/twitter-white.svg" /></a>
-        <a
-          href="https://fettblog.eu/?utm_source=eurorust"
-          target="_blank"
-          rel="noopener noreferrer"><img alt="external link icon" src="/images/icons/external-link-white.svg" /></a>
-      </div>
-    </li>
-  </ul>
+  <div class="container py-10">
+      <h2 class="mb-9">Moderators</h2>
+      <ul class="speakers-list">
+        {% for moderator in section.extra.moderators %}
+          <li>
+            <div class="photo-container">
+              <div class="photo-container-overlay"></div>
+              <img
+            alt="{{ moderator.name }} moderator profile photo"
+            src="/images/moderators/{{moderator.image}}"
+            class="photo"/>
+            </div>
+            <p class="large mt-4">
+              {{ moderator.name }}
+            </p>
+            <ul class="social mt-3">
+              {% if moderator.twitter %}
+                <li>
+                  <a
+        href="https://twitter.com/{{ moderator.twitter }}"
+        target="_blank"
+        rel="noopener noreferrer" class="btn__icon"><img src="/images/icons/twitter-footer-white.svg" alt="Twitter icon"/></a>
+                </li>
+              {% endif %}
+              {% if moderator.web %}
+                <li>
+                  <a
+        href="{{ moderator.web }}"
+        target="_blank"
+        rel="noopener noreferrer" class="btn__icon"><img src="/images/icons/external-link-white.svg" alt="email icon"/></a>
+                </li>
+              {% endif %}
+
+            </ul>
+          </li>
+        {% endfor %}
+      </ul>
+  </div>
 </section>