diff --git a/connect.css b/connect.css index dec1aa1..35c0f23 100644 --- a/connect.css +++ b/connect.css @@ -173,3 +173,28 @@ td { padding: 10px 20px; border-bottom: solid 1px #f0f0f0; } + +.speaker { + display: grid; + grid-template-columns: 200px 1fr; + column-gap: 40px; + margin-top: 20px; +} +.speakerimg img { + width: 200px; + height: 200px; + border-radius: 20px; +} +.speaker h3 { + font-weight: 200; + font-size: 30px; + margin: 0; +} +.speakerlinks { + font-size: 24px; +} +.speakerlinks a { + margin: 0 10px; +} + + diff --git a/index.html b/index.html index ddfab57..7583c44 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,8 @@ <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;700&display=swap" rel="stylesheet"> -<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" /> +<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"> +<script src="https://kit.fontawesome.com/a8d141d4aa.js" crossorigin="anonymous"></script> <meta property="og:type" content="website"></meta> <meta property="og:url" content="https://connect.centos.org/"></meta> @@ -162,7 +163,46 @@ To report violations or for any concerns, contact either the Community Architect <section id="speakers"> <h2>Speakers</h2> -<p>Speakers will be announced after the CFP closes.</p> + +<p>The full speaker lineup will be announced after the CFP closes. +Until then, here are some of our featured speakers.</p> + + <div class="speaker" id="arrfab"> + <div class="speakerimg"><img src="arrfab.jpg"></div> + <div class="speakertxt"> + <h3>Fabian Arrotin</h3> + <p>hybrid clown @ centos infra</p> + <div class="speakerlinks"> + <a href="https://twitter.com/arrfab"><i class="fa-brands fa-twitter"></i></a> + <a href="https://fosstodon.org/@arrfab"><i class="fa-brands fa-mastodon"></i></a> + </div> + </div> + </div> + + <div class="speaker" id="areber"> + <div class="speakerimg"><img src="areber.jpg"></div> + <div class="speakertxt"> + <h3>Adrian Reber</h3> + <p>Adrian is a Senior Principal Software Engineer at Red Hat and is migrating processes + at least since 2010. He started to migrate processes in a high-performance computing + environment and at some point, he migrated so many processes that he got a PhD for + that. Most of the time he is now migrating containers but occasionally he still + migrates single processes.</p> + </div> + </div> + + <div class="speaker" id="michel"> + <div class="speakerimg"><img src="michel.jpg"></div> + <div class="speakertxt"> + <h3>Michel Salim</h3> + <p>Michel Salim is a longtime Fedora contributor, currently working for the Linux + Userspace team at Meta, whose mission is to contribute to upstream Linux userspace + projects.</p> + <div class="speakerlinks"> + <a href="https://michel-slm.name/"><i class="fa-solid fa-globe"></i></a> + </div> + </div> + </div> </section> <section id="sessions">