Make speaker photos larger

This makes the page look a bit nicer
writethedocs · Feb 11, 2025 · fa24351 · fa24351
1 parent 1b6fac1
commit fa24351
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 22 deletions.
diff --git a/docs/_static/img/speakers/alex-garnett.jpg b/docs/_static/img/speakers/alex-garnett.jpg
diff --git a/docs/_templates/2025/speakers.rst b/docs/_templates/2025/speakers.rst
@@ -11,31 +11,14 @@
 
     <article class="talk">
       {% for speaker in talk.speakers %}
+
       <div class="speaker-info">
-        <img src="{{ speaker.slug|speaker_photo }}" class="speaker-picture">
-        <div class="speaker-contact-info">
-            <h2 class="speaker-name">{{ speaker.name }}</h2>
-            <!--
-            <ul class="speaker-social-contant">
-                <li>
-                    <a href="#">
-                        <img src="../../../../_static/conf/images/icons/twitter-brown.svg" class="twitter">
-                    </a>
-                </li>
-                <li>
-                    <a href="">
-                        <img src="../../../../_static/conf/images/icons/github-brown.svg" class="github">
-                    </a>
-                </li>
-                <li>
-                    <a href="">
-                        <img src="../../../../_static/conf/images/icons/worldwideweb-brown.svg" class="webpage">
-                    </a>
-                </li>
-            </ul>
-            -->
+        <img src="{{ speaker.slug|speaker_photo }}" class="speaker-picture" style="height: 6em; width: auto">
+        <div class="speaker-contact-info" style="display: flex; align-items: center; justify-content: flex-end;">
+            <h2 class="speaker-name" style="font-size: 24px; text-align: right;">{{ speaker.name }}</h2>
         </div>
       </div>
+
      {% endfor %}
       <div class="talk-content">
         <h3 class="talk-title">{{ talk.title }}</h3>