Welcome to DjangoCon US 2024

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="canonical" href="https://2024.djangocon.us/" /> <meta name="author" content="DjangoCon US" /> <meta name="description" content="" /> <meta property="og:title" content="Welcome to DjangoCon US 2024" /> <meta property="og:locale" content="en_US" /> <meta property="og:description" content="" /> <meta property="og:url" content="https://2024.djangocon.us/" /> <meta property="og:site_name" content="DjangoCon US" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta property="og:image" content="https://2024.djangocon.us/assets/img/social/og-share.jpg" /> <meta property="twitter:image" content="https://2024.djangocon.us/assets/img/social/share.png" /> <meta property="twitter:title" content="Welcome to DjangoCon US 2024" /> <meta name="twitter:site" content="@djangocon" /> <meta name="twitter:creator" content="@DjangoCon US" /> <meta property="fb:app_id" content="280981518972848" /> <meta name="google-site-verification" content="fkIplA0HzMWPz64TqaW1xp4RH5JfDyRekV3QO_MqJ8Q" /> <link href="/assets/favicons/favicon.ico" rel=icon type="image/x-icon"> <link href="/assets/favicons/favicon.png" rel=icon type="image/png"> <link href="/assets/favicons/apple-touch-icon.png" rel="apple-touch-icon-precomposed"> <title>Welcome to DjangoCon US 2024</title> <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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/assets/css/main.css"> </head> <body> <a href="#SiteMain" class="absolute w-full rounded-none -top-96 -left-96 focus:top-0 focus:left-0 -z-10 focus:z-50 button bg-light-blue">Skip to main content</a> <header id="SiteHeader" class="fixed top-0 z-40 w-full py-4 bg-white lg:py-6 lg:relative"> <div class="wrapper"> <nav class="flex flex-wrap" role="navigation"> <div class="flex items-center justify-between w-full lg:max-w-max lg:flex-1"> <a href="/" aria-label="Go to homepage"> <img src="/assets/img/theme/logo.svg" alt="DjangoCon US" class="h-12 lg:h-20"> </a> <button id="NavToggler" class="lg:hidden"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-8 h-8" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" /> </svg> <span class="sr-only">Toggle navigation</span> </button> </div> <ul class="hidden site-nav lg:flex"> <li class="lg:hidden"><a href="/">Home</a></li> <li> <a href="/about" data-menu-trigger aria-haspopup="true" aria-expanded="false">About</a> <ul data-menu-list role="menu" class="hidden site-nav-menu"> <li><a href="/about/" role="menuitem">About DjangoCon US</a></li> <li><a href="/tickets/" role="menuitem">Tickets</a></li> <li><a href="/hackathon/" role="menuitem">Hackathon</a></li> <li><a href="/faq/" role="menuitem">FAQ</a></li> <li><a href="/conduct/" role="menuitem">Code of Conduct</a></li> <li><a href="/public-health/" role="menuitem">Public Health</a></li> <li><a href="/opportunity-grants/" role="menuitem">Opportunity Grants</a></li> <li><a href="/visas/" role="menuitem">Visa Support</a></li> <li><a href="/organizers/" role="menuitem">Organizers</a></li> </ul> </li> <li><a href="/schedule/">Schedule</a></li> <li><a href="/venue/" data-menu-trigger aria-haspopup="true" aria-expanded="false">Venue</a> <ul data-menu-list role="menu" class="hidden site-nav-menu"> <li><a href="/venue/#welcome">Welcome to Durham!</a></li> <li><a href="/venue/#hotel">Staying in Durham</a></li> <li><a href="/venue/#places">Around Durham</a></li> <li><a href="/venue/#accessibility">Accessibility</a></li> <li><a href="/room-sharing/" role="menuitem">Room Sharing</a></li> </ul> </li> <li> <a href="/speaking/" data-menu-trigger aria-haspopup="true" aria-expanded="false">Speaking</a> <ul data-menu-list class="hidden site-nav-menu"> <li><a href="/speaking/" role="menuitem">Speaking at DjangoCon US</a></li> <li><a href="/speaking/speaker-resources/" role="menuitem">Speaker Resources</a></li> </ul> </li> <li> <a href="/sponsors/" data-menu-trigger aria-haspopup="true" aria-expanded="false">Sponsors</a> <ul data-menu-list class="hidden site-nav-menu"> <li><a href="/sponsors/" role="menuitem">Our Sponsors</a></li> <li><a href="/sponsors/information/" role="menuitem">Sponsorship Prospectus</a></li> </ul> </li> <li><a href="/news/">News</a></li> <li><a href="https://ti.to/defna/djangocon-us-2024" class="button bg-light-blue">Buy Tickets</a></li> </ul> </nav> </div> </header> <main id="SiteMain" class="flex-1 pt-[80px] lg:pt-0 lg:block">  <div class="pt-8 pb-0 bg-repeat border-b-4 border-blue-400 lg:pt-2 bg-lines"> <div class="wrapper my-8"> <div class="flex flex-col pt-4 items-center gap-8 "> <section class="text-center self-center"> <h1 class="mb-4 text-4xl font-extrabold leading-tight lg:text-5xl"> 2024 DjangoCon US Recap </h1> <p class="mb-4 text-2xl lg:text-3xl"> <strong>September 22-27, 2024</strong> </p> </section> <div class="py-4"> <img src="/assets/img/theme/welcome-durham.svg" alt="The word Durham surrounded by colorful characters and stickers" aria-hidden="true" /> </div> <a href="https://www.youtube.com/playlist?list=PL2NFhrDSOxgWqE_5w5CX2iUR7-P1D0ny7" class="button bg-yellow my-4">Watch Talks on YouTube</a> </div> </div> </div>  <div class="block-container"> <div class="wrapper"> <div class=" mx-auto gap-4 max-w-3xl :grid-cols-1"> <h2 class="mb-8 subheading">DjangoCon US 2024 was hosted in Durham, North Carolina for the second time and brought together over 300 attendees from all over the world!</h2> <section class="prose prose-lg"> <p>Wow, what a ride! With three days of Django magic and two days of sprints, over 440 of us came together both online and in-person to learn, share and grow.</p> <p>DjangoCon US continues to be a hallmark event for the Django community, and strives to bring together the people behind the projects we all know and love. We had a great time learning from each other, sharing our experiences, and making new friends.</p> <p>We thank our fantastic sponsors, speakers, volunteers, and the City of Durham for making this event possible.</p> </section> </div> </div> </div>  <div class="bg-gray-100 block-container"> <div class="wrapper"> <section class="mb-8 text-center"> <h2 class="mb-4 text-2xl font-bold font-heading lg:text-5xl">Awesome Talks and Tutorials</h2> <p class="mb-6 text-lg lg:text-xl">Speakers shared over 50 talks & tutorials this year. Here are some crowd favorites!</p> </section> <ul class="grid gap-8 lg:grid-cols-3 auto-rows-fr"><li class="flex flex-col flex-1 min-w-[280px]"> <section class="relative flex-1 bg-white rounded p-4 group flex flex-col border-2 border-gray-300 border-t-4 border-t-green"> <header class="space-y-4"> <div class="flex flex-wrap items-center justify-between order-1 gap-4"> <p class="text-sm">Junior Ballroom</p> <span class="px-2 py-[.125rem] text-sm font-bold text-white bg-black rounded"> <span class="sr-only">Audience level: </span> All </span> </div> <h4 class="order-2 font-semibold leading-tight lg:text-lg"> <a href="/talks/keynote-monday/" class="no-underline cover group-hover:underline">Keynote - Power to the People who Teach the People</a> </h4> </header> <div class="pt-6 mt-auto"> <h5 class="sr-only">Presented by</h5> <ul class="space-y-4"> <li class="flex flex-wrap items-center gap-3"> <img class="inline-block object-cover object-left-top media aspect-square w-12 h-12" alt="Sheena O'Connell" loading="lazy" decoding="async" src="/presenters/sheena-oconnell-180.webp" width="600" height="450" srcset="/presenters/sheena-oconnell-180.webp 180w, /presenters/sheena-oconnell-300.webp 300w, /presenters/sheena-oconnell-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <span class="flex flex-col gap-[6px]"> <h6 class="leading-4">Sheena O'Connell</h6> </span> </li> </ul> </div> </section> </li> <li class="flex flex-col flex-1 min-w-[280px]"> <section class="relative flex-1 bg-white rounded p-4 group flex flex-col border-2 border-gray-300 border-t-4 border-t-light-blue"> <header class="space-y-4"> <div class="flex flex-wrap items-center justify-between order-1 gap-4"> <p class="text-sm">Junior Ballroom</p> <span class="px-2 py-[.125rem] text-sm font-bold text-white bg-black rounded"> <span class="sr-only">Audience level: </span> All </span> </div> <h4 class="order-2 font-semibold leading-tight lg:text-lg"> <a href="/talks/keynote-tuesday/" class="no-underline cover group-hover:underline">Keynote - How To Be A Developer and Other Lies We Tell Ourselves</a> </h4> </header> <div class="pt-6 mt-auto"> <h5 class="sr-only">Presented by</h5> <ul class="space-y-4"> <li class="flex flex-wrap items-center gap-3"> <img class="inline-block object-cover object-left-top media aspect-square w-12 h-12" alt="Mario Munoz" loading="lazy" decoding="async" src="/presenters/mario_munoz-180.webp" width="600" height="400" srcset="/presenters/mario_munoz-180.webp 180w, /presenters/mario_munoz-300.webp 300w, /presenters/mario_munoz-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <span class="flex flex-col gap-[6px]"> <h6 class="leading-4">Mario Munoz</h6> </span> </li> </ul> </div> </section> </li> <li class="flex flex-col flex-1 min-w-[280px]"> <section class="relative flex-1 bg-white rounded p-4 group flex flex-col border-2 border-gray-300 border-t-4 border-t-purple"> <header class="space-y-4"> <div class="flex flex-wrap items-center justify-between order-1 gap-4"> <p class="text-sm">Junior Ballroom</p> <span class="px-2 py-[.125rem] text-sm font-bold text-white bg-black rounded"> <span class="sr-only">Audience level: </span> All </span> </div> <h4 class="order-2 font-semibold leading-tight lg:text-lg"> <a href="/talks/keynote-wednesday/" class="no-underline cover group-hover:underline">Keynote - The Fellowship of the Pony</a> </h4> </header> <div class="pt-6 mt-auto"> <h5 class="sr-only">Presented by</h5> <ul class="space-y-4"> <li class="flex flex-wrap items-center gap-3"> <img class="inline-block object-cover object-left-top media aspect-square w-12 h-12" alt="Natalia Bidart" loading="lazy" decoding="async" src="/presenters/natalia_bidart-180.webp" width="280" height="280" srcset="/presenters/natalia_bidart-180.webp 180w, /presenters/natalia_bidart-280.webp 280w" sizes="(max-width: 1024px) 180px, 180px"> <span class="flex flex-col gap-[6px]"> <h6 class="leading-4">Natalia Bidart</h6> </span> </li> </ul> </div> </section> </li> <li class="flex flex-col flex-1 min-w-[280px]"> <section class="relative flex-1 bg-white rounded p-4 group flex flex-col border-2 border-gray-300 border-t-4 border-t-orange"> <header class="space-y-4"> <div class="flex flex-wrap items-center justify-between order-1 gap-4"> <p class="text-sm">Junior Ballroom</p> </div> <h4 class="order-2 font-semibold leading-tight lg:text-lg"> <a href="/talks/a-brief-history-of-django/" class="no-underline cover group-hover:underline">A Brief History of Django</a> </h4> </header> <div class="pt-6 mt-auto"> <h5 class="sr-only">Presented by</h5> <ul class="space-y-4"> <li class="flex flex-wrap items-center gap-3"> <img class="inline-block object-cover object-left-top media aspect-square w-12 h-12" alt="Frank Wiles" loading="lazy" decoding="async" src="/presenters/frank-wiles-180.webp" width="300" height="300" srcset="/presenters/frank-wiles-180.webp 180w, /presenters/frank-wiles-300.webp 300w" sizes="(max-width: 1024px) 180px, 180px"> <span class="flex flex-col gap-[6px]"> <h6 class="leading-4">Frank Wiles</h6> </span> </li> </ul> </div> </section> </li> <li class="flex flex-col flex-1 min-w-[280px]"> <section class="relative flex-1 bg-white rounded p-4 group flex flex-col border-2 border-gray-300 border-t-4 border-t-blue"> <header class="space-y-4"> <div class="flex flex-wrap items-center justify-between order-1 gap-4"> <p class="text-sm">Grand Ballroom III</p> </div> <h4 class="order-2 font-semibold leading-tight lg:text-lg"> <a href="/talks/an-opinionated-guide-to-modern-django-forms/" class="no-underline cover group-hover:underline">An Opinionated Guide to Modern Django Forms</a> </h4> </header> <div class="pt-6 mt-auto"> <h5 class="sr-only">Presented by</h5> <ul class="space-y-4"> <li class="flex flex-wrap items-center gap-3"> <img class="inline-block object-cover object-left-top media aspect-square w-12 h-12" alt="Josh Thomas" loading="lazy" decoding="async" src="/presenters/josh-thomas-180.webp" width="180" height="180"> <span class="flex flex-col gap-[6px]"> <h6 class="leading-4">Josh Thomas</h6> </span> </li> </ul> </div> </section> </li> <li class="flex flex-col flex-1 min-w-[280px]"> <section class="relative flex-1 bg-white rounded p-4 group flex flex-col border-2 border-gray-300 border-t-4 border-t-yellow"> <header class="space-y-4"> <div class="flex flex-wrap items-center justify-between order-1 gap-4"> <p class="text-sm">Junior Ballroom</p> </div> <h4 class="order-2 font-semibold leading-tight lg:text-lg"> <a href="/talks/django-the-web-framework-that-changed-my-life/" class="no-underline cover group-hover:underline">Django: the web framework that changed my life</a> </h4> </header> <div class="pt-6 mt-auto"> <h5 class="sr-only">Presented by</h5> <ul class="space-y-4"> <li class="flex flex-wrap items-center gap-3"> <img class="inline-block object-cover object-left-top media aspect-square w-12 h-12" alt="Sage Abdullah" loading="lazy" decoding="async" src="/presenters/sage-abdullah-180.webp" width="400" height="400" srcset="/presenters/sage-abdullah-180.webp 180w, /presenters/sage-abdullah-300.webp 300w, /presenters/sage-abdullah-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <span class="flex flex-col gap-[6px]"> <h6 class="leading-4">Sage Abdullah</h6> </span> </li> </ul> </div> </section> </li> </ul> <section class="my-8 text-center"> <a href="https://www.youtube.com/playlist?list=PL2NFhrDSOxgWqE_5w5CX2iUR7-P1D0ny7" class="button bg-yellow">Watch Talks on YouTube</a> <a href="/schedule" class="button bg-yellow">See list of all talks</a> </section> </div> </div>  <div class="block-container"> <div class="wrapper"> <h2 class="mb-8 text-3xl font-bold font-heading lg:text-5xl">Our Presenters are Amazing</h2> <ul class="grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 lg:gap-16"><li class="flex flex-col"> <img class="avatar media" alt="Adarsh Divakaran" loading="lazy" decoding="async" src="/presenters/adarsh-divakaran-180.webp" width="600" height="600" srcset="/presenters/adarsh-divakaran-180.webp 180w, /presenters/adarsh-divakaran-300.webp 300w, /presenters/adarsh-divakaran-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Adarsh Divakaran</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/adarshd905" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://blog.adarshd.dev" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Amanda Savluchinske" loading="lazy" decoding="async" src="/presenters/amanda-savluchinske-180.webp" width="600" height="600" srcset="/presenters/amanda-savluchinske-180.webp 180w, /presenters/amanda-savluchinske-300.webp 300w, /presenters/amanda-savluchinske-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Amanda Savluchinske</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/afsavluchinske" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Andrew Mshar" loading="lazy" decoding="async" src="/presenters/andrew-mshar-180.webp" width="600" height="599" srcset="/presenters/andrew-mshar-180.webp 180w, /presenters/andrew-mshar-300.webp 300w, /presenters/andrew-mshar-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Andrew Mshar</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/programmylife" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@programmylife" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/programmylife" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://programmingmylife.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Avindra Fernando" loading="lazy" decoding="async" src="/presenters/avindra-fernando-180.webp" width="400" height="400" srcset="/presenters/avindra-fernando-180.webp 180w, /presenters/avindra-fernando-300.webp 300w, /presenters/avindra-fernando-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Avindra Fernando</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/avindrafernando" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://taprobaneconsulting.tech/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Benjamin "Zags" Zagorsky" loading="lazy" decoding="async" src="/presenters/benjamin-zags-zagorsky-180.webp" width="300" height="321" srcset="/presenters/benjamin-zags-zagorsky-180.webp 180w, /presenters/benjamin-zags-zagorsky-300.webp 300w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Benjamin "Zags" Zagorsky</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://zagaran.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Carlton Gibson" loading="lazy" decoding="async" src="/presenters/carlton-gibson-180.webp" width="512" height="512" srcset="/presenters/carlton-gibson-180.webp 180w, /presenters/carlton-gibson-300.webp 300w, /presenters/carlton-gibson-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Carlton Gibson</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@carlton" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://noumenal.es" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Chris May" loading="lazy" decoding="async" src="/presenters/chris-may-180.webp" width="512" height="512" srcset="/presenters/chris-may-180.webp 180w, /presenters/chris-may-300.webp 300w, /presenters/chris-may-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Chris May</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@_chrismay" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/_chrismay" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://everydaysuperpowers.dev" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Christopher Adams" loading="lazy" decoding="async" src="/presenters/christopher-adams-180.webp" width="600" height="600" srcset="/presenters/christopher-adams-180.webp 180w, /presenters/christopher-adams-300.webp 300w, /presenters/christopher-adams-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Christopher Adams</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/adamsc64" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://instagram.com/adamsc64" target="_blank" rel="noopener noreferrer" class="hover:text-social-instagram" aria-label="Instagram"> <svg class="icon"> <title>Instagram</title> <use xlink:href="#instagram-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/adamsc64" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="http://christopheradams.info" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img src="/assets/img/theme/empty-avatar.svg" alt="An outline of a person" width="400" height="400" class="avatar media" aria-hidden="true"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Daniel Ramas</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="http://www.github.com/Daniel-Ramas" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Daniele Procida" loading="lazy" decoding="async" src="/presenters/daniele-procida-180.webp" width="300" height="400" srcset="/presenters/daniele-procida-180.webp 180w, /presenters/daniele-procida-300.webp 300w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Daniele Procida</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://mastodon.online/@EvilDMP" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://vurt.org" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Elizabeth Garrett Christensen" loading="lazy" decoding="async" src="/presenters/elizabeth-garrett-christensen-180.webp" width="500" height="515" srcset="/presenters/elizabeth-garrett-christensen-180.webp 180w, /presenters/elizabeth-garrett-christensen-300.webp 300w, /presenters/elizabeth-garrett-christensen-500.webp 500w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Elizabeth Garrett Christensen</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@sqlliz" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/sqlliz" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.crunchydata.com/blog/author/elizabeth-christensen" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Eva Nanyonga" loading="lazy" decoding="async" src="/presenters/eva-nanyonga-180.webp" width="600" height="600" srcset="/presenters/eva-nanyonga-180.webp 180w, /presenters/eva-nanyonga-300.webp 300w, /presenters/eva-nanyonga-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Eva Nanyonga</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/evananyonga" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.linkedin.com/in/eva-nanyonga-143b6b33/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Felipe de Morais" loading="lazy" decoding="async" src="/presenters/felipe-de-morais-180.webp" width="600" height="600" srcset="/presenters/felipe-de-morais-180.webp 180w, /presenters/felipe-de-morais-300.webp 300w, /presenters/felipe-de-morais-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Felipe de Morais</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/felipedemorais_" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://felipedemorais.com.br/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Frank Wiles" loading="lazy" decoding="async" src="/presenters/frank-wiles-180.webp" width="300" height="300" srcset="/presenters/frank-wiles-180.webp 180w, /presenters/frank-wiles-300.webp 300w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Frank Wiles</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://frankwiles.social/@frank" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/fwiles" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.revsys.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Harmony Elendu" loading="lazy" decoding="async" src="/presenters/harmony-elendu-180.webp" width="600" height="600" srcset="/presenters/harmony-elendu-180.webp 180w, /presenters/harmony-elendu-300.webp 300w, /presenters/harmony-elendu-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Harmony Elendu</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://medium.com/harmonyelendu/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Hernan Lozano" loading="lazy" decoding="async" src="/presenters/hernan-lozano-180.webp" width="499" height="500" srcset="/presenters/hernan-lozano-180.webp 180w, /presenters/hernan-lozano-300.webp 300w, /presenters/hernan-lozano-499.webp 499w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Hernan Lozano</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@hernantz" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Hugo Bessa" loading="lazy" decoding="async" src="/presenters/hugo-bessa-180.webp" width="600" height="600" srcset="/presenters/hugo-bessa-180.webp 180w, /presenters/hugo-bessa-300.webp 300w, /presenters/hugo-bessa-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Hugo Bessa</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/hugoabessa" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://bessa.me" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Ilerioluwakiiye Abolade" loading="lazy" decoding="async" src="/presenters/ilerioluwakiiye-abolade-180.webp" width="512" height="512" srcset="/presenters/ilerioluwakiiye-abolade-180.webp 180w, /presenters/ilerioluwakiiye-abolade-300.webp 300w, /presenters/ilerioluwakiiye-abolade-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Ilerioluwakiiye Abolade</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/llerioluwakiiye" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Jack Linke" loading="lazy" decoding="async" src="/presenters/jack-linke-180.webp" width="400" height="400" srcset="/presenters/jack-linke-180.webp 180w, /presenters/jack-linke-300.webp 300w, /presenters/jack-linke-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Jack Linke</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://social.jacklinke.com/@jack" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://jacklinke.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Jacob Kaplan-Moss" loading="lazy" decoding="async" src="/presenters/jacob-kaplan-moss-180.webp" width="417" height="417" srcset="/presenters/jacob-kaplan-moss-180.webp 180w, /presenters/jacob-kaplan-moss-300.webp 300w, /presenters/jacob-kaplan-moss-417.webp 417w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Jacob Kaplan-Moss</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://jacobian.org/@jacob" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://jacobian.org/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Jessica Garson" loading="lazy" decoding="async" src="/presenters/jessica-garson-180.webp" width="400" height="400" srcset="/presenters/jessica-garson-180.webp 180w, /presenters/jessica-garson-300.webp 300w, /presenters/jessica-garson-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Jessica Garson</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://macaw.social/@jessicagarson" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/jessicagarson" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Johanan Oppong Amoateng" loading="lazy" decoding="async" src="/presenters/johanan-oppong-amoateng-180.webp" width="600" height="600" srcset="/presenters/johanan-oppong-amoateng-180.webp 180w, /presenters/johanan-oppong-amoateng-300.webp 300w, /presenters/johanan-oppong-amoateng-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Johanan Oppong Amoateng</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/johanan2001" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Josh Thomas" loading="lazy" decoding="async" src="/presenters/josh-thomas-180.webp" width="180" height="180"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Josh Thomas</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://joshthomas.dev/@josh" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://joshthomas.dev" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Karen Tracey" loading="lazy" decoding="async" src="/presenters/karen-tracey-180.webp" width="512" height="512" srcset="/presenters/karen-tracey-180.webp 180w, /presenters/karen-tracey-300.webp 300w, /presenters/karen-tracey-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Karen Tracey</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@kmtracey" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/km_tracey" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Kasey Kelly" loading="lazy" decoding="async" src="/presenters/kasey-kelly-180.webp" width="600" height="600" srcset="/presenters/kasey-kelly-180.webp 180w, /presenters/kasey-kelly-300.webp 300w, /presenters/kasey-kelly-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Kasey Kelly</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/kaseykelly" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://lincolnloop.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Ken Whitesell" loading="lazy" decoding="async" src="/presenters/ken-whitesell-180.webp" width="600" height="600" srcset="/presenters/ken-whitesell-180.webp 180w, /presenters/ken-whitesell-300.webp 300w, /presenters/ken-whitesell-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Ken Whitesell</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/KenWhitesell" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Kojo Idrissa" loading="lazy" decoding="async" src="/presenters/kojo-idrissa-180.webp" width="400" height="400" srcset="/presenters/kojo-idrissa-180.webp 180w, /presenters/kojo-idrissa-300.webp 300w, /presenters/kojo-idrissa-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Kojo Idrissa</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/kojoidrissa" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@kojoidrissa" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/KojoIdrissa" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://kojoidrissa.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Kuldeep Pisda" loading="lazy" decoding="async" src="/presenters/kuldeep-pisda-180.webp" width="400" height="400" srcset="/presenters/kuldeep-pisda-180.webp 180w, /presenters/kuldeep-pisda-300.webp 300w, /presenters/kuldeep-pisda-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Kuldeep Pisda</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/kdpisda" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://kdpisda.in/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Lacey Henschel" loading="lazy" decoding="async" src="/presenters/lacey-henschel-180.webp" width="600" height="800" srcset="/presenters/lacey-henschel-180.webp 180w, /presenters/lacey-henschel-300.webp 300w, /presenters/lacey-henschel-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Lacey Henschel</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://hachyderm.io/@lacey" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="http://laceyhenschel.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Lee Trout" loading="lazy" decoding="async" src="/presenters/lee-trout-180.webp" width="512" height="512" srcset="/presenters/lee-trout-180.webp 180w, /presenters/lee-trout-300.webp 300w, /presenters/lee-trout-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Lee Trout</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://hachyderm.io/@leet" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/thecodewritesme" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="http://leetrout.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Lorenzo Pe帽a" loading="lazy" decoding="async" src="/presenters/lorenzo-pena-180.webp" width="512" height="512" srcset="/presenters/lorenzo-pena-180.webp 180w, /presenters/lorenzo-pena-300.webp 300w, /presenters/lorenzo-pena-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Lorenzo Pe帽a</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/lorinkoz" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Marc Gibbons" loading="lazy" decoding="async" src="/presenters/marc-gibbons-180.webp" width="512" height="512" srcset="/presenters/marc-gibbons-180.webp 180w, /presenters/marc-gibbons-300.webp 300w, /presenters/marc-gibbons-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Marc Gibbons</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://mastodon.social/@marcgibbons" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://marcgibbons.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Mario Munoz" loading="lazy" decoding="async" src="/presenters/mario_munoz-180.webp" width="600" height="400" srcset="/presenters/mario_munoz-180.webp 180w, /presenters/mario_munoz-300.webp 300w, /presenters/mario_munoz-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Mario Munoz</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/tataraba" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@pythonbynight" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://pythonbynight.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Meagen Voss" loading="lazy" decoding="async" src="/presenters/meagen-voss-180.webp" width="600" height="634" srcset="/presenters/meagen-voss-180.webp 180w, /presenters/meagen-voss-300.webp 300w, /presenters/meagen-voss-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Meagen Voss</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@vossisboss" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/meagenvoss" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.meagenvoss.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Micah Lyle" loading="lazy" decoding="async" src="/presenters/micah-lyle-180.webp" width="400" height="400" srcset="/presenters/micah-lyle-180.webp 180w, /presenters/micah-lyle-300.webp 300w, /presenters/micah-lyle-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Micah Lyle</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/MicahLyle" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://instagram.com/micah_lyle" target="_blank" rel="noopener noreferrer" class="hover:text-social-instagram" aria-label="Instagram"> <svg class="icon"> <title>Instagram</title> <use xlink:href="#instagram-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/micah_lyle" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://elyon.tech" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Michael Riley" loading="lazy" decoding="async" src="/presenters/michael-riley-180.webp" width="180" height="239"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Michael Riley</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/ErriteRikez" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://michaelriley.dev" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Miguel Sanda" loading="lazy" decoding="async" src="/presenters/miguel-sanda-180.webp" width="600" height="600" srcset="/presenters/miguel-sanda-180.webp 180w, /presenters/miguel-sanda-300.webp 300w, /presenters/miguel-sanda-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Miguel Sanda</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/elarroba" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/elarroba" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.miguelsanda.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Mohammad Ahtasham ul Hassan" loading="lazy" decoding="async" src="/presenters/mohammad-ahtasham-ul-hassan-180.webp" width="600" height="600" srcset="/presenters/mohammad-ahtasham-ul-hassan-180.webp 180w, /presenters/mohammad-ahtasham-ul-hassan-300.webp 300w, /presenters/mohammad-ahtasham-ul-hassan-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Mohammad Ahtasham ul Hassan</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/Iht_Malik" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://aht007.github.io/personal-portfolio/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Natalia Bidart" loading="lazy" decoding="async" src="/presenters/natalia_bidart-180.webp" width="280" height="280" srcset="/presenters/natalia_bidart-180.webp 180w, /presenters/natalia_bidart-280.webp 280w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Natalia Bidart</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/nessita" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@nessita" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Paolo Melchiorre" loading="lazy" decoding="async" src="/presenters/paolo-melchiorre-180.webp" width="600" height="600" srcset="/presenters/paolo-melchiorre-180.webp 180w, /presenters/paolo-melchiorre-300.webp 300w, /presenters/paolo-melchiorre-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Paolo Melchiorre</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/pauloxnet" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@paulox" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/pauloxnet" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.paulox.net/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Peter Grandstaff" loading="lazy" decoding="async" src="/presenters/peter-grandstaff-180.webp" width="400" height="400" srcset="/presenters/peter-grandstaff-180.webp 180w, /presenters/peter-grandstaff-300.webp 300w, /presenters/peter-grandstaff-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Peter Grandstaff</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/petergrand" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/pgrandstaff" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://tworock.io/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Ron Maravanyika" loading="lazy" decoding="async" src="/presenters/ron-maravanyika-180.webp" width="578" height="632" srcset="/presenters/ron-maravanyika-180.webp 180w, /presenters/ron-maravanyika-300.webp 300w, /presenters/ron-maravanyika-578.webp 578w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Ron Maravanyika</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/ronn_zw" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://ronnzw.github.io/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Ryan Cheley" loading="lazy" decoding="async" src="/presenters/ryan-cheley-180.webp" width="600" height="800" srcset="/presenters/ryan-cheley-180.webp 180w, /presenters/ryan-cheley-300.webp 300w, /presenters/ryan-cheley-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Ryan Cheley</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://mastodon.social/@ryancheley" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://www.ryancheley.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Ryan Hiebert" loading="lazy" decoding="async" src="/presenters/ryan-hiebert-180.webp" width="512" height="512" srcset="/presenters/ryan-hiebert-180.webp 180w, /presenters/ryan-hiebert-300.webp 300w, /presenters/ryan-hiebert-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Ryan Hiebert</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@ryanhiebert" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/ryanhiebert" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="http://ryanhiebert.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Sage Abdullah" loading="lazy" decoding="async" src="/presenters/sage-abdullah-180.webp" width="400" height="400" srcset="/presenters/sage-abdullah-180.webp 180w, /presenters/sage-abdullah-300.webp 300w, /presenters/sage-abdullah-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Sage Abdullah</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@laymonage" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/laymonage" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://laymonage.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Samweli Mwakisambwe" loading="lazy" decoding="async" src="/presenters/samweli-mwakisambwe-180.webp" width="400" height="400" srcset="/presenters/samweli-mwakisambwe-180.webp 180w, /presenters/samweli-mwakisambwe-300.webp 300w, /presenters/samweli-mwakisambwe-400.webp 400w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Samweli Mwakisambwe</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/SamweliTwesa" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://samweli.github.io/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Sarah Boyce" loading="lazy" decoding="async" src="/presenters/sarah-boyce-180.webp" width="460" height="460" srcset="/presenters/sarah-boyce-180.webp 180w, /presenters/sarah-boyce-300.webp 300w, /presenters/sarah-boyce-460.webp 460w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Sarah Boyce</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://mastodon.social/@sarahboyce" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Scott Cranfill" loading="lazy" decoding="async" src="/presenters/scott-cranfill-180.webp" width="256" height="256" srcset="/presenters/scott-cranfill-180.webp 180w, /presenters/scott-cranfill-256.webp 256w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Scott Cranfill</h2> <ul class="flex flex-wrap gap-4 mt-auto"> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Shafqat Farhan Ahmed" loading="lazy" decoding="async" src="/presenters/shafqat-farhan-ahmed-180.webp" width="180" height="146"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Shafqat Farhan Ahmed</h2> <ul class="flex flex-wrap gap-4 mt-auto"> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Sheena O'Connell" loading="lazy" decoding="async" src="/presenters/sheena-oconnell-180.webp" width="600" height="450" srcset="/presenters/sheena-oconnell-180.webp 180w, /presenters/sheena-oconnell-300.webp 300w, /presenters/sheena-oconnell-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Sheena O'Connell</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@sheena" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/sheena_oconnell" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://sheenaoc.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Simon Willison" loading="lazy" decoding="async" src="/presenters/simon-willison-180.webp" width="600" height="450" srcset="/presenters/simon-willison-180.webp 180w, /presenters/simon-willison-300.webp 300w, /presenters/simon-willison-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Simon Willison</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://simonwillison.net/@simon" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/simonw" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://simonwillison.net/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Thibaud Colas" loading="lazy" decoding="async" src="/presenters/thibaud-colas-180.webp" width="512" height="512" srcset="/presenters/thibaud-colas-180.webp 180w, /presenters/thibaud-colas-300.webp 300w, /presenters/thibaud-colas-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Thibaud Colas</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@thibaudcolas" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/thibaud_colas" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://thib.me/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Tim Bell" loading="lazy" decoding="async" src="/presenters/tim-bell-180.webp" width="600" height="600" srcset="/presenters/tim-bell-180.webp 180w, /presenters/tim-bell-300.webp 300w, /presenters/tim-bell-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Tim Bell</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://chaos.social/@timb07" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/timb07" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Tim Schilling" loading="lazy" decoding="async" src="/presenters/tim-schilling-180.webp" width="600" height="600" srcset="/presenters/tim-schilling-180.webp 180w, /presenters/tim-schilling-300.webp 300w, /presenters/tim-schilling-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Tim Schilling</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://fosstodon.org/@CodenameTim" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/CodenameTim" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.better-simple.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Vaarun Sinha" loading="lazy" decoding="async" src="/presenters/vaarun-sinha-180.webp" width="600" height="400" srcset="/presenters/vaarun-sinha-180.webp 180w, /presenters/vaarun-sinha-300.webp 300w, /presenters/vaarun-sinha-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Vaarun Sinha</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://www.linkedin.com/in/vaarun-sinha-674114230/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Velda Kiara" loading="lazy" decoding="async" src="/presenters/velda-kiara-180.webp" width="600" height="438" srcset="/presenters/velda-kiara-180.webp 180w, /presenters/velda-kiara-300.webp 300w, /presenters/velda-kiara-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Velda Kiara</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/VeldaKiara" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.social/@veldakiara" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/VeldaKiara" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://veldakiara.notion.site/veldakiara/Velda-Kiara-46aec24028fd4e8dbdba003097c18b5b" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Vince Salvino" loading="lazy" decoding="async" src="/presenters/vince-salvino-180.webp" width="600" height="600" srcset="/presenters/vince-salvino-180.webp 180w, /presenters/vince-salvino-300.webp 300w, /presenters/vince-salvino-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Vince Salvino</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://www.codered.cloud/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Will Vincent" loading="lazy" decoding="async" src="/presenters/will-vincent-180.webp" width="600" height="600" srcset="/presenters/will-vincent-180.webp 180w, /presenters/will-vincent-300.webp 300w, /presenters/will-vincent-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Will Vincent</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://learndjango.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Willem Van Onsem" loading="lazy" decoding="async" src="/presenters/willem-van-onsem-180.webp" width="512" height="512" srcset="/presenters/willem-van-onsem-180.webp 180w, /presenters/willem-van-onsem-300.webp 300w, /presenters/willem-van-onsem-512.webp 512w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Willem Van Onsem</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://www.django-antipatterns.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="脕lvaro Justen" loading="lazy" decoding="async" src="/presenters/alvaro-justen-180.webp" width="600" height="600" srcset="/presenters/alvaro-justen-180.webp 180w, /presenters/alvaro-justen-300.webp 300w, /presenters/alvaro-justen-600.webp 600w" sizes="(max-width: 1024px) 180px, 180px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">脕lvaro Justen</h2> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://twitter.com/turicas" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://brasil.io/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li></ul> </div> </div>  <div class="block-container"> <div class="wrapper"> <div class="grid lg:grid-cols-3 auto-rows-fr"> <section class="p-6"> <h2 class="mb-4 text-2xl font-bold font-heading lg:text-3xl">Picture Perfect</h2> <p class="mb-6 text-lg lg:text-xl">We captured so many Kodak moments over the week! Thanks to <a href="http://bartpawlik.com/" rel="noreferrer noopener" target="_blank" class="link">Bartek Pawlik</a> for being our official conference photographer and saving these memories for us.</p> <a href="https://flickr.com/photos/djangocon/albums/72177720312367244/" class="button">View all photos</a> </section> <figure class="relative lg:col-span-1"> <img src="/assets/img/2024/54089368503_6d978c30af_c.jpg" alt="Board game night at DjangoCon US 2024" class="object-cover w-full h-full" loading="lazy" /> </figure> <figure class="relative lg:col-span-1"> <img src="/assets/img/2024/54089447634_f814ba2b43_c.jpg" alt="Dinner at Geer Street Garden" class="object-cover w-full h-full" loading="lazy" /> </figure> <figure class="relative lg:col-span-1"> <img src="/assets/img/2024/54089363688_7a5818089f_c.jpg" alt="DjangoCon US 2024 attendees" class="object-cover w-full h-full" loading="lazy" /> </figure> <figure class="relative lg:col-span-1"> <img src="/assets/img/2024/54089445524_7e706bce76_c.jpg" alt="Attendees at DjangoCon US 2024" class="object-cover w-full h-full" loading="lazy" /> </figure> <figure class="relative lg:col-span-1"> <img src="/assets/img/2024/54089369558_641c45d7a0_c.jpg" alt="Attendees at DjangoCon US 2024" class="object-cover w-full h-full" loading="lazy" /> </figure> <figure class="relative lg:col-span-1"> <img src="/assets/img/2024/54088240897_a94556b65d_c.jpg" alt="Meeting during sprints at DjangoCon US 2024" class="object-cover w-full h-full" loading="lazy" /> </figure> <figure class="relative lg:col-span-1"> <img src="/assets/img/2024/54088241362_0c5817d0e3_c.jpg" alt="Panel discussion at DjangoCon US 2024" class="object-cover w-full h-full" loading="lazy" /> </figure> <figure class="relative lg:col-span-1"> <img src="/assets/img/2024/54089363253_3a0747a461_c.jpg" alt="Rock climbing after DjangoCon US 2024" class="object-cover w-full h-full" loading="lazy" /> </figure> </div> </div> </div>  <div class="block-container bg-gray-100"> <div class="wrapper"> <h2 class="mb-4 text-3xl font-bold font-heading lg:text-5xl">DjangoCon US 2024 was<br/> possible through lots of 鉂わ笍</h2> <p class="mb-6 text-xl lg:text-2xl"> Our organizers put hundreds of hours of heart and soul into this conference. We couldn't do it without each and every one of you! </p> <ul class="grid grid-cols-1 gap-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 lg:gap-16"><li class="flex flex-col"> <img class="avatar media" alt="Abigail Afi Gbadago" loading="lazy" decoding="async" src="/organizers/abigail-afi-gbadago-180.webp" width="600" height="800" srcset="/organizers/abigail-afi-gbadago-180.webp 180w, /organizers/abigail-afi-gbadago-300.webp 300w, /organizers/abigail-afi-gbadago-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Abigail Afi Gbadago</h2> <p class="mb-4 text-sm text-gray-600">Program Committee, Website Committee</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/AfiMaameDufie" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/afi_maame" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Adam Fast" loading="lazy" decoding="async" src="/organizers/adam-fast-180.webp" width="400" height="400" srcset="/organizers/adam-fast-180.webp 180w, /organizers/adam-fast-300.webp 300w, /organizers/adam-fast-400.webp 400w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Adam Fast</h2> <p class="mb-4 text-sm text-gray-600">A/V Chair, Code of Conduct team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/adamfast" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/adamcanfly" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="http://www.adamfast.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Andrew Mshar" loading="lazy" decoding="async" src="/organizers/andrew-mshar-180.webp" width="600" height="599" srcset="/organizers/andrew-mshar-180.webp 180w, /organizers/andrew-mshar-300.webp 300w, /organizers/andrew-mshar-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Andrew Mshar</h2> <p class="mb-4 text-sm text-gray-600">Lightning Talks Chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/programmylife" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@programmylife" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/programmylife" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://programmingmylife.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Ariane Djeupang" loading="lazy" decoding="async" src="/organizers/ariane-djeupang-180.webp" width="600" height="403" srcset="/organizers/ariane-djeupang-180.webp 180w, /organizers/ariane-djeupang-300.webp 300w, /organizers/ariane-djeupang-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Ariane Djeupang</h2> <p class="mb-4 text-sm text-gray-600">Programme, Communications, Social events, Opportunity Grants</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/Arya-AD" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://indieweb.social/@arianedjeupang" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/ArianeDjeupang" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Benedict kofi Amofah" loading="lazy" decoding="async" src="/organizers/benedict-kofi-amofah-180.webp" width="600" height="900" srcset="/organizers/benedict-kofi-amofah-180.webp 180w, /organizers/benedict-kofi-amofah-300.webp 300w, /organizers/benedict-kofi-amofah-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Benedict kofi Amofah</h2> <p class="mb-4 text-sm text-gray-600">Opportunity Grants Team, Online Conference Team, Communication Team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/iamDREAMO-BenedictKofiAmofah" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.world/@iamDREAMO" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/iamDREAMO" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Carol Ganz" loading="lazy" decoding="async" src="/organizers/carol-ganz-180.webp" width="600" height="600" srcset="/organizers/carol-ganz-180.webp 180w, /organizers/carol-ganz-300.webp 300w, /organizers/carol-ganz-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Carol Ganz</h2> <p class="mb-4 text-sm text-gray-600">DEFNA Director, Opportunity Grants Chair, Code of Conduct team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/crlganz" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.sixfeetup.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Catherine Holmes" loading="lazy" decoding="async" src="/organizers/catherine-holmes-180.webp" width="400" height="400" srcset="/organizers/catherine-holmes-180.webp 180w, /organizers/catherine-holmes-300.webp 300w, /organizers/catherine-holmes-400.webp 400w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Catherine Holmes</h2> <p class="mb-4 text-sm text-gray-600">Sponsors & Tickets Chair, Code of Conduct team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Doreen Peace Nangira Wanyama" loading="lazy" decoding="async" src="/organizers/Doreen-180.webp" width="600" height="800" srcset="/organizers/Doreen-180.webp 180w, /organizers/Doreen-300.webp 300w, /organizers/Doreen-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Doreen Peace Nangira Wanyama</h2> <p class="mb-4 text-sm text-gray-600">Hackathon lead, Django Girls Organizer, Sprints, Code of Conduct</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/Doreen970" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/DoreenNangira" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Drew Winstel" loading="lazy" decoding="async" src="/organizers/drew-winstel-180.webp" width="600" height="600" srcset="/organizers/drew-winstel-180.webp 180w, /organizers/drew-winstel-300.webp 300w, /organizers/drew-winstel-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Drew Winstel</h2> <p class="mb-4 text-sm text-gray-600">DEFNA Vice President, Program Co-Chair, Opportunity Grants team, Code of Conduct team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/drewbrew" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.cloud/@drewbrew" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://winstel.dev/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Emmanuel Asuah Danful" loading="lazy" decoding="async" src="/organizers/emmanuel-asuah-danful-180.webp" width="600" height="800" srcset="/organizers/emmanuel-asuah-danful-180.webp 180w, /organizers/emmanuel-asuah-danful-300.webp 300w, /organizers/emmanuel-asuah-danful-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Emmanuel Asuah Danful</h2> <p class="mb-4 text-sm text-gray-600">Planning, Hackathon</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/Ti88m" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.cloud/@asuah" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/asuahdanful" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Emmanuel Owusu" loading="lazy" decoding="async" src="/organizers/emmanuel-owusu-180.webp" width="600" height="859" srcset="/organizers/emmanuel-owusu-180.webp 180w, /organizers/emmanuel-owusu-300.webp 300w, /organizers/emmanuel-owusu-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Emmanuel Owusu</h2> <p class="mb-4 text-sm text-gray-600">Community Team, Opportunity Grants Team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/eowusu14" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/owusu_e1" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Erin Mullaney" loading="lazy" decoding="async" src="/organizers/erin-mullaney-180.webp" width="400" height="400" srcset="/organizers/erin-mullaney-180.webp 180w, /organizers/erin-mullaney-300.webp 300w, /organizers/erin-mullaney-400.webp 400w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Erin Mullaney</h2> <p class="mb-4 text-sm text-gray-600">Program Co-Chair, Public Health Chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/emullaney" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@erinrachel" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/_erin_rachel" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Ezra Yendau" loading="lazy" decoding="async" src="/organizers/ezra-yendau-180.webp" width="288" height="288" srcset="/organizers/ezra-yendau-180.webp 180w, /organizers/ezra-yendau-288.webp 288w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Ezra Yendau</h2> <p class="mb-4 text-sm text-gray-600">Opportunity Grants Team, Social Team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/Ezi-code" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.world/@ezra_yendau" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/ezra_yendau" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Hope Adoli" loading="lazy" decoding="async" src="/organizers/hope-adoli-180.webp" width="600" height="623" srcset="/organizers/hope-adoli-180.webp 180w, /organizers/hope-adoli-300.webp 300w, /organizers/hope-adoli-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Hope Adoli</h2> <p class="mb-4 text-sm text-gray-600">Website, Social media/communications, Swags</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/hopeadoli" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/uxkafui" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.uxkafui.co/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Jason Judkins" loading="lazy" decoding="async" src="/organizers/jason-judkins-180.webp" width="600" height="764" srcset="/organizers/jason-judkins-180.webp 180w, /organizers/jason-judkins-300.webp 300w, /organizers/jason-judkins-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Jason Judkins</h2> <p class="mb-4 text-sm text-gray-600">Marketing Chair, Community Chair, Social Events co-chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/jcjudkins" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@jjudkins" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/jjudkins77" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Jeff Triplett" loading="lazy" decoding="async" src="/organizers/jeff-triplett-180.webp" width="400" height="400" srcset="/organizers/jeff-triplett-180.webp 180w, /organizers/jeff-triplett-300.webp 300w, /organizers/jeff-triplett-400.webp 400w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Jeff Triplett</h2> <p class="mb-4 text-sm text-gray-600">DEFNA Cofounder, Code of Conduct team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/jefftriplett" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.social/@webology" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/webology" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://jefftriplett.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Julius Boakye" loading="lazy" decoding="async" src="/organizers/julius-boakye-180.webp" width="600" height="600" srcset="/organizers/julius-boakye-180.webp 180w, /organizers/julius-boakye-300.webp 300w, /organizers/julius-boakye-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Julius Boakye</h2> <p class="mb-4 text-sm text-gray-600">Opportunity Grants co-chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/Darkbeast-glitch" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.social/deck/@JuliTech" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/KayTechie" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://boakye.pythonanywhere.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Katherine "Kati" Michel" loading="lazy" decoding="async" src="/organizers/kati-michel-180.webp" width="400" height="400" srcset="/organizers/kati-michel-180.webp 180w, /organizers/kati-michel-300.webp 300w, /organizers/kati-michel-400.webp 400w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Katherine "Kati" Michel</h2> <p class="mb-4 text-sm text-gray-600">DEFNA Director</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/KatherineMichel" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@kati" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/KatiMichel" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="http://katherinemichel.github.io/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Keanya Phelps" loading="lazy" decoding="async" src="/organizers/keanya-phelps-180.webp" width="600" height="600" srcset="/organizers/keanya-phelps-180.webp 180w, /organizers/keanya-phelps-300.webp 300w, /organizers/keanya-phelps-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Keanya Phelps</h2> <p class="mb-4 text-sm text-gray-600">Conference Co-chair, Contribution Sprints Chair, DjangoGirls Durham 2024 Organizer</p> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Kojo Idrissa" loading="lazy" decoding="async" src="/organizers/kojo-idrissa-180.webp" width="400" height="400" srcset="/organizers/kojo-idrissa-180.webp 180w, /organizers/kojo-idrissa-300.webp 300w, /organizers/kojo-idrissa-400.webp 400w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Kojo Idrissa</h2> <p class="mb-4 text-sm text-gray-600">Orientation Chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/kojoidrissa" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@kojoidrissa" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/KojoIdrissa" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://kojoidrissa.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Kudzayi Bamhare" loading="lazy" decoding="async" src="/organizers/Kudzayi-180.webp" width="600" height="601" srcset="/organizers/Kudzayi-180.webp 180w, /organizers/Kudzayi-300.webp 300w, /organizers/Kudzayi-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Kudzayi Bamhare</h2> <p class="mb-4 text-sm text-gray-600">Program Committee, Sprints Committee</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/kudzmat" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/BamBamm_Boogie" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://medium.com/@kudzayibamhare" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Lidya K Tilahun" loading="lazy" decoding="async" src="/organizers/lidya-180.webp" width="600" height="352" srcset="/organizers/lidya-180.webp 180w, /organizers/lidya-300.webp 300w, /organizers/lidya-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Lidya K Tilahun</h2> <p class="mb-4 text-sm text-gray-600">Program, Communications and Opportunity Grants committee</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/LideviK" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.social/@HotMitmita" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/lidyaKef" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Monica Oyugi" loading="lazy" decoding="async" src="/organizers/monica-oyugi-180.webp" width="600" height="600" srcset="/organizers/monica-oyugi-180.webp 180w, /organizers/monica-oyugi-300.webp 300w, /organizers/monica-oyugi-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Monica Oyugi</h2> <p class="mb-4 text-sm text-gray-600">Volunteer Co-Chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/monicaoyugi" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/Monicoyugi" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Nathan Zeager" loading="lazy" decoding="async" src="/organizers/nathan-zeager-180.webp" width="600" height="600" srcset="/organizers/nathan-zeager-180.webp 180w, /organizers/nathan-zeager-300.webp 300w, /organizers/nathan-zeager-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Nathan Zeager</h2> <p class="mb-4 text-sm text-gray-600">Community Chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/nzeager" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Nicole Dominguez" loading="lazy" decoding="async" src="/organizers/nicole-dominguez-180.webp" width="600" height="600" srcset="/organizers/nicole-dominguez-180.webp 180w, /organizers/nicole-dominguez-300.webp 300w, /organizers/nicole-dominguez-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Nicole Dominguez</h2> <p class="mb-4 text-sm text-gray-600">DEFNA Director, Swag team, Website team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/sodevious" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@sodevious" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/sodevious" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://nicoledominguez.com" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Noah Alorwu" loading="lazy" decoding="async" src="/organizers/noah-alorwu-180.webp" width="600" height="562" srcset="/organizers/noah-alorwu-180.webp 180w, /organizers/noah-alorwu-300.webp 300w, /organizers/noah-alorwu-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Noah Alorwu</h2> <p class="mb-4 text-sm text-gray-600">Onsite Coordinator, Visa Support</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/noahalorwu" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/plasmadray" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Peter Grandstaff" loading="lazy" decoding="async" src="/organizers/peter-grandstaff-180.webp" width="400" height="400" srcset="/organizers/peter-grandstaff-180.webp 180w, /organizers/peter-grandstaff-300.webp 300w, /organizers/peter-grandstaff-400.webp 400w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Peter Grandstaff</h2> <p class="mb-4 text-sm text-gray-600">DEFNA President, Conference Chair, Venue Chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/petergrand" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/pgrandstaff" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://tworock.io/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Rachell Calhoun" loading="lazy" decoding="async" src="/organizers/rachell-calhoun-180.webp" width="600" height="450" srcset="/organizers/rachell-calhoun-180.webp 180w, /organizers/rachell-calhoun-300.webp 300w, /organizers/rachell-calhoun-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Rachell Calhoun</h2> <p class="mb-4 text-sm text-gray-600">Volunteer Chair, Sprints Co-chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/RachellCalhoun" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.social/@Rachell" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/Rachell_Calhoun" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Salim A Nuru" loading="lazy" decoding="async" src="/organizers/sal-180.webp" width="600" height="600" srcset="/organizers/sal-180.webp 180w, /organizers/sal-300.webp 300w, /organizers/sal-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Salim A Nuru</h2> <p class="mb-4 text-sm text-gray-600">Website, Hackathon Organizer, Automation</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/theShinigami" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/iamsalimabdella" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://hackmd.io/@sal" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Tim Allen" loading="lazy" decoding="async" src="/organizers/tim-allen-180.webp" width="600" height="600" srcset="/organizers/tim-allen-180.webp 180w, /organizers/tim-allen-300.webp 300w, /organizers/tim-allen-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Tim Allen</h2> <p class="mb-4 text-sm text-gray-600">Social Chair</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/FlipperPA" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@FlipperPA" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/FlipperPA" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://PyPhilly.org/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Tim Schilling" loading="lazy" decoding="async" src="/organizers/tim-schilling-180.webp" width="400" height="400" srcset="/organizers/tim-schilling-180.webp 180w, /organizers/tim-schilling-300.webp 300w, /organizers/tim-schilling-400.webp 400w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Tim Schilling</h2> <p class="mb-4 text-sm text-gray-600">DEFNA Secretary, Marketing co-chair, Community team, Code of Conduct team</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/tim-schilling" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://fosstodon.org/@CodenameTim" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/CodenameTim" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://www.better-simple.com/" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li><li class="flex flex-col"> <img class="avatar media" alt="Velda Kiara" loading="lazy" decoding="async" src="/organizers/velda-kiara-180.webp" width="600" height="438" srcset="/organizers/velda-kiara-180.webp 180w, /organizers/velda-kiara-300.webp 300w, /organizers/velda-kiara-600.webp 600w" sizes="(min-width: 1024px) 300px, 600px"> <div class="flex flex-col flex-1 px-2 mt-3"> <h2 class="mb-2 text-lg font-heading lg:text-xl">Velda Kiara</h2> <p class="mb-4 text-sm text-gray-600">Code of Conduct Team, Website</p> <ul class="flex flex-wrap gap-4 mt-auto"> <li> <a href="https://github.com/VeldaKiara" target="_blank" rel="noopener noreferrer" class="hover:text-social-github" aria-label="GitHub"> <svg class="icon"> <title>GitHub</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a href="https://mastodon.social/@veldakiara" target="_blank" rel="noopener noreferrer" class="hover:text-social-mastodon" aria-label="Mastodon"> <svg class="icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a href="https://twitter.com/VeldaKiara" target="_blank" rel="noopener noreferrer" class="hover:text-social-twitter" aria-label="X.com"> <svg class="icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a href="https://veldakiara.notion.site/veldakiara/Velda-Kiara-46aec24028fd4e8dbdba003097c18b5b" target="_blank" rel="noopener noreferrer" class="hover:text-green" aria-label="Website"> <svg class="icon"> <use xlink:href="#web-icon"></use> </svg> </a> </li> </ul> </div> </li></ul> </div> </div>  <div class="block-container"> <div class="wrapper"> <h2 class="mb-10 text-2xl font-bold text-center font-heading lg:text-5xl">Our Sponsors</h2> <div class="flex flex-col gap-24"> <section class="flex flex-col gap-8"> <h3 class="flex items-center bg-sep"> <span class="px-8 py-2 mx-auto font-bold text-blue-700 bg-gray-100 font-heading">Platinum</span> </h3> <ul class="flex flex-wrap items-center justify-center max-w-3xl gap-16 mx-auto"> <li> <a href="http://www.revsys.com/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/revsys.png" alt="REVSYS logo" class="h-20 w-auto"> </a> </li> <li> <a href="https://www.caktusgroup.com/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/caktus-logo.webp" alt="Caktus Consulting Group LLC logo" class="h-20 w-auto"> </a> </li> <li> <a href="https://valkey.io/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/valkey.svg" alt="Valkey Project logo" class="h-20 w-auto"> </a> </li> </ul> </section> <section class="flex flex-col gap-8"> <h3 class="flex items-center bg-sep"> <span class="px-8 py-2 mx-auto font-bold text-blue-700 bg-gray-100 font-heading">Gold</span> </h3> <ul class="flex flex-wrap items-center justify-center max-w-3xl gap-16 mx-auto"> <li> <a href="https://www.wharton.upenn.edu/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/wharton-logo.svg" alt="The Wharton School logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://tworock.io" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/Two-Rock-Software-Logo.svg" alt="Two Rock Software logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://www.foxleytalent.com" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/foxley-talent.jpg" alt="Foxley Talent logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://lincolnloop.com/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/ll_logo_landscape_color.svg" alt="Lincoln Loop logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://www.sixfeetup.com/?utm_source=djangocon2024" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/SixFeetUp.png" alt="Six Feet Up logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://wisphub.net/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/wisphub.png" alt="WISPHUB logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://www.jbs.dev/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/jbslogo.png" alt="JBS Solutions logo" class="h-14 w-auto"> </a> </li> </ul> </section> <section class="flex flex-col gap-8"> <h3 class="flex items-center bg-sep"> <span class="px-8 py-2 mx-auto font-bold text-blue-700 bg-gray-100 font-heading">Bronze</span> </h3> <ul class="flex flex-wrap items-center justify-center max-w-3xl gap-16 mx-auto"> <li> <a href="https://scoutapm.com/python-monitoring?utm_campaign=event_link&utm_medium=event&utm_source=djangocon" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/scout-monitoring-logo-horizontal.png" alt="Scout APM logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://sentry.io/for/django/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/sentry.svg" alt="Sentry logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://testdriven.io" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/black_preferred_TestDriven.png" alt="TestDriven.io logo" class="h-14 w-auto"> </a> </li> </ul> </section> <section class="flex flex-col gap-8"> <h3 class="flex items-center bg-sep"> <span class="px-8 py-2 mx-auto font-bold text-blue-700 bg-gray-100 font-heading">Opportunity Grants</span> </h3> <ul class="flex flex-wrap items-center justify-center max-w-3xl gap-16 mx-auto"> <li> <a href="https://www.djangoproject.com/foundation/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/django-logo-positive.svg" alt="Django Software Foundation logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://www.python.org/psf/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/psf-logo.svg" alt="Python Software Foundation logo" class="h-14 w-auto"> </a> </li> </ul> </section> <section class="flex flex-col gap-8"> <h3 class="flex items-center bg-sep"> <span class="px-8 py-2 mx-auto font-bold text-blue-700 bg-gray-100 font-heading">Community</span> </h3> <ul class="flex flex-wrap items-center justify-center max-w-3xl gap-16 mx-auto"> <li> <a href="https://www.defna.org/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/defna.png" alt="DEFNA logo" class="h-14 w-auto"> </a> </li> <li> <a href="https://blackpythondevs.com/" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/blackpythondevs.png" alt="Black Python Devs logo" class="h-20 w-auto"> </a> </li> <li> <a href="https://postgresql.us" class="inline-block" target="_blank" rel="noopener noreferrer"> <img src="/sponsors/postgresql.jpg" alt="United States PostgreSQL Association (PgUS) logo" class="h-14 w-auto"> </a> </li> </ul> </section> </div> </div> </div> </main> <img src="/assets/img/theme/city.svg" alt="The city skyline of Durham" aria-hidden="true" class="mt-16 -mb-[4vw]"/> <footer id="SiteFooter" class="py-20 bg-white border-t-4 border-black"> <div class="container mx-auto "> <div class="grid gap-8 px-4 place-items-center"> <ul class="flex flex-wrap gap-8"> <li> <a class="hover:text-social-mastodon" href="https://fosstodon.org/@djangocon"> <svg class="w-8 h-8 icon"> <title>Mastodon</title> <use xlink:href="#mastodon-icon"></use> </svg> </a> </li> <li> <a class="hover:text-social-twitter" href="https://x.com/djangocon"> <svg class="w-8 h-8 icon"> <title>X (Formerly Twitter)</title> <use xlink:href="#twitter-icon"></use> </svg> </a> </li> <li> <a class="hover:text-social-github" href="https://github.com/djangocon/"> <svg class="w-8 h-8 icon"> <title>Github</title> <use xlink:href="#github-icon"></use> </svg> </a> </li> <li> <a class="hover:text-social-facebook" href="https://www.facebook.com/djangoconus/"> <svg class="w-8 h-8 icon"> <title>Facebook</title> <use xlink:href="#facebook-icon"></use> </svg> </a> </li> </ul> <p class="text-center lg:text-xl"> <strong> Got questions? We can help: <a href="mailto:hello@djangocon.us" class="link">hello@djangocon.us</a> </strong> </p> <small class="text-sm text-center"> © 2024 DjangoCon US 路 Design by <a href="https://yupgup.com/" class="link" target="_blank">YupGup</a> 路 Presented by <a href="https://www.defna.org/" class="link" target="_blank">DEFNA</a> 路 <a href="/styleguide/">Styleguide</a></small> </div> </div> </footer><svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="bluesky-icon" viewBox="0 0 600 530"> <path d="m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" fill="currentColor"/> </symbol> <symbol id="facebook-icon" viewBox="0 0 42 42"> <path fill="currentColor" d="M39.68,0H2.32A2.32,2.32,0,0,0,0,2.32V39.68A2.32,2.32,0,0,0,2.32,42H22.43V25.74H17V19.4h5.47V14.72c0-5.42,3.31-8.38,8.15-8.38a44.91,44.91,0,0,1,4.89.25v5.67H32.12c-2.63,0-3.14,1.25-3.14,3.09v4h6.28l-.82,6.34H29V42h10.7A2.32,2.32,0,0,0,42,39.68V2.32A2.32,2.32,0,0,0,39.68,0Z"/> </symbol> <symbol id="github-icon" viewBox="0 0 32.58 31.77"> <path fill="currentColor" d="M16.29,0a16.29,16.29,0,0,0-5.15,31.75c.81.15,1.11-.35,1.11-.79s0-1.41,0-2.77C7.7,29.18,6.74,26,6.74,26a4.31,4.31,0,0,0-1.81-2.38c-1.48-1,.11-1,.11-1a3.42,3.42,0,0,1,2.5,1.68,3.47,3.47,0,0,0,4.74,1.35,3.48,3.48,0,0,1,1-2.18C9.7,23.08,5.9,21.68,5.9,15.44a6.3,6.3,0,0,1,1.68-4.37,5.86,5.86,0,0,1,.16-4.31s1.37-.44,4.48,1.67a15.44,15.44,0,0,1,8.16,0c3.11-2.11,4.48-1.67,4.48-1.67A5.85,5.85,0,0,1,25,11.07a6.29,6.29,0,0,1,1.67,4.37c0,6.26-3.81,7.63-7.44,8a3.89,3.89,0,0,1,1.11,3c0,2.18,0,3.93,0,4.47s.29.94,1.12.78A16.29,16.29,0,0,0,16.29,0Z"/> </symbol> <symbol id="instagram-icon" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"> <path d="M128 23.0635C162.177 23.0635 166.225 23.1936 179.722 23.8094C192.202 24.379 198.98 26.4642 203.491 28.2166C209.465 30.5387 213.729 33.3129 218.208 37.7917C222.687 42.2706 225.461 46.5351 227.783 52.5093C229.536 57.0201 231.621 63.7977 232.191 76.277C232.806 89.7746 232.936 93.8226 232.936 128C232.936 162.178 232.806 166.226 232.191 179.723C231.621 192.203 229.536 198.98 227.783 203.491C225.461 209.465 222.687 213.73 218.208 218.209C213.729 222.688 209.465 225.462 203.491 227.783C198.98 229.536 192.202 231.622 179.722 232.191C166.227 232.807 162.179 232.937 128 232.937C93.8201 232.937 89.7721 232.807 76.277 232.191C63.7971 231.622 57.0196 229.536 52.5093 227.783C46.5346 225.462 42.2701 222.688 37.7912 218.209C33.3124 213.73 30.5381 209.465 28.2166 203.491C26.4637 198.98 24.3785 192.203 23.8089 179.723C23.1931 166.226 23.063 162.178 23.063 128C23.063 93.8226 23.1931 89.7746 23.8089 76.2775C24.3785 63.7977 26.4637 57.0201 28.2166 52.5093C30.5381 46.5351 33.3124 42.2706 37.7912 37.7917C42.2701 33.3129 46.5346 30.5387 52.5093 28.2166C57.0196 26.4642 63.7971 24.379 76.2765 23.8094C89.7741 23.1936 93.8221 23.0635 128 23.0635ZM128 0C93.2368 0 88.8783 0.147348 75.2258 0.770275C61.6011 1.39219 52.2969 3.55566 44.1546 6.72009C35.7375 9.99122 28.5992 14.368 21.4833 21.4839C14.3675 28.5998 9.99071 35.738 6.71958 44.1551C3.55515 52.2974 1.39168 61.6017 0.769767 75.2263C0.14684 88.8783 0 93.2373 0 128C0 162.763 0.14684 167.122 0.769767 180.774C1.39168 194.399 3.55515 203.703 6.71958 211.845C9.99071 220.262 14.3675 227.401 21.4833 234.517C28.5992 241.633 35.7375 246.009 44.1546 249.28C52.2969 252.445 61.6011 254.608 75.2258 255.23C88.8783 255.853 93.2368 256 128 256C162.763 256 167.122 255.853 180.774 255.23C194.398 254.608 203.703 252.445 211.845 249.28C220.262 246.009 227.4 241.633 234.516 234.517C241.632 227.401 246.009 220.262 249.28 211.845C252.444 203.703 254.608 194.399 255.23 180.774C255.853 167.122 256 162.763 256 128C256 93.2373 255.853 88.8783 255.23 75.2263C254.608 61.6017 252.444 52.2974 249.28 44.1551C246.009 35.738 241.632 28.5998 234.516 21.4839C227.4 14.368 220.262 9.99122 211.845 6.72009C203.703 3.55566 194.398 1.39219 180.774 0.770275C167.122 0.147348 162.763 0 128 0ZM128 62.2703C91.6983 62.2703 62.2698 91.6988 62.2698 128C62.2698 164.302 91.6983 193.73 128 193.73C164.301 193.73 193.73 164.302 193.73 128C193.73 91.6988 164.301 62.2703 128 62.2703ZM128 170.667C104.436 170.667 85.3328 151.564 85.3328 128C85.3328 104.436 104.436 85.3333 128 85.3333C151.564 85.3333 170.667 104.436 170.667 128C170.667 151.564 151.564 170.667 128 170.667ZM211.686 59.6734C211.686 68.1566 204.81 75.0337 196.327 75.0337C187.843 75.0337 180.966 68.1566 180.966 59.6734C180.966 51.1902 187.843 44.3137 196.327 44.3137C204.81 44.3137 211.686 51.1902 211.686 59.6734Z" fill="currentColor"/> </symbol> <symbol id="mastodon-icon" viewBox="0 0 16 16"> <path fill="currentColor" d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"/> </symbol> <symbol id="twitter-icon" viewBox="0 0 300 300.251"> <path fill="currentColor" d="M178.57 127.15 290.27 0h-26.46l-97.03 110.38L89.34 0H0l117.13 166.93L0 300.25h26.46l102.4-116.59 81.8 116.59h89.34M36.01 19.54H76.66l187.13 262.13h-40.66"/> </symbol> <symbol id="web-icon" viewBox="0 0 64.5 64.5"> <path fill="currentColor" d="M32.2 0C14.5 0 0 14.5 0 32.2 0 50 14.5 64.5 32.2 64.5 50 64.5 64.5 50 64.5 32.2 64.5 14.5 50 0 32.2 0zM57.2 45.3C57.2 45.3 57.2 45.3 57.2 45.3l-6.7 0c1.1-3.6 1.7-7.4 1.9-11.1h8C60.1 38.1 59 41.9 57.2 45.3zM34.4 60.4V49.3H45c-2.1 4.9-4.5 8.5-5.9 10.4C37.6 60 36 60.2 34.4 60.4zM25.5 59.7c-1.4-1.8-3.8-5.4-5.9-10.4h10.8v11.1C28.8 60.3 27.1 60.1 25.5 59.7zM7.3 45.3c-1.8-3.4-2.9-7.2-3.2-11.1h8.1c0.2 3.8 0.8 7.5 1.9 11.1L7.3 45.3C7.3 45.3 7.3 45.3 7.3 45.3zM7.5 18.8C7.5 18.8 7.5 18.8 7.5 18.8l6.7 0c-1.2 3.7-1.8 7.6-2 11.5H4.1C4.4 26.3 5.5 22.4 7.5 18.8zM30.5 4.1v10.8H19.9c1.5-3.3 3.5-6.7 6.1-10.2C27.4 4.4 28.9 4.2 30.5 4.1zM38.7 4.7c2.6 3.5 4.5 6.9 6 10.2H34.4V4.1C35.8 4.3 37.3 4.4 38.7 4.7zM46.2 18.8c1.3 3.7 2 7.6 2.2 11.5h-14V18.8C34.4 18.8 46.2 18.8 46.2 18.8zM30.5 18.8v11.5H16.2c0.2-3.6 0.8-7.5 2.2-11.5H30.5zM16.2 34.2h14.3v11.1H18.2C17 41.7 16.4 38 16.2 34.2zM34.4 45.3V34.2h14c-0.2 3.8-0.9 7.5-2 11.1C46.4 45.3 34.4 45.3 34.4 45.3zM52.4 30.3c-0.1-3.9-0.8-7.7-2-11.5H57c0 0 0 0 0 0 1.9 3.5 3.1 7.5 3.3 11.5C60.4 30.3 52.4 30.3 52.4 30.3zM54.5 14.9h-5.5c-1.1-2.7-2.4-5.3-3.9-7.8C48.7 9 51.9 11.6 54.5 14.9zM19.7 7c-1.6 2.5-2.9 5.2-4 7.9H10C12.6 11.6 15.9 8.9 19.7 7zM9.7 49.3h5.6c1.1 2.8 2.4 5.4 3.9 8C15.5 55.3 12.3 52.6 9.7 49.3zM45.4 57.2c1.5-2.5 2.8-5.2 3.8-7.9h5.5C52.3 52.6 49.1 55.2 45.4 57.2z"/> </symbol> </svg> <script src="/assets/js/main.js"></script> <script src="/assets/js/iframe_compat.js"></script> </body> </html>

CINXE.COM

Welcome to DjangoCon US 2024