Add speaker ryan (#676)

Author: IdeliaRisella

content/_index.md

@@ -63,13 +63,13 @@
   mastodon="https://mastodon.social/@deadparrot"
 
 [[extra.speakers]]
-  name="Conrad Irwin"
-  company="Zed"
-  image="/images/speakers/conrad-irwin.png"
-  twitter="https://x.com/ConradIrwin"
-  web="https://zed.dev"
-  linkedin="https://www.linkedin.com/in/conradirwin/"
-  github="https://github.com/conradirwin"
+  name="Ryan Dahl"
+  web="https://tinyclouds.org/"
+  twitter="https://x.com/rough__sea"
+  company="Creator of Node.js and Deno"
+  job_title=""
+  image="/images/speakers/ryan-dahl.png"
+  github="https://github.com/ry"
 
 [[extra.speakers]]
   name="Victoria Brekenfeld"
@@ -96,4 +96,13 @@
   job_title="Co-host"
   image="/images/speakers/amos-wenger.png"
   github="https://github.com/fasterthanlime"
+
+[[extra.speakers]]
+  name="Conrad Irwin"
+  company="Zed"
+  image="/images/speakers/conrad-irwin.png"
+  twitter="https://x.com/ConradIrwin"
+  web="https://zed.dev"
+  linkedin="https://www.linkedin.com/in/conradirwin/"
+  github="https://github.com/conradirwin"
 +++

sass/components/_speakers.scss

@@ -40,6 +40,7 @@
       gap: 5rem;
     }
 
+
     p {
       margin: 1rem auto;
       color: var(--beige);
@@ -57,4 +58,16 @@
       justify-content: center;
     }
   }
+
+  li.speaker__details:last-child:nth-child(odd) {
+      grid-column: span 2 / span 2;
+      justify-self: center;
+
+      @media screen and (max-width: 60rem) {
+        grid-column: 1;
+    }
+  }
+  
+    
+  
 }

static/images/speakers/ryan-dahl.png

@@ -2,7 +2,7 @@
   <h1 class="pb-8">Speakers</h1>
   <ul>
     {% for speaker in section.extra.speakers %}
-      <li>
+      <li class="speaker__details">
         <img
           class="speaker__portrait"
           alt="{{ speaker.name }}"