diff --git a/2024hakodate/data/staff.js b/2024hakodate/data/staff.js
index 70cc896..33dd040 100644
--- a/2024hakodate/data/staff.js
+++ b/2024hakodate/data/staff.js
@@ -126,6 +126,16 @@ const volunteerStaff = [
     avatar_url: './images/staff/twitter/aksakiaki.jpg',
     profile_url: 'https://x.com/aksakiaki',
   },
+  {
+    name: 'teckl',
+    avatar_url: './images/staff/twitter/teckl.jpg',
+    profile_url: 'https://twitter.com/teckl',
+  },
+  {
+    name: 'BkNkbot',
+    avatar_url: './images/staff/twitter/BkNkbot.jpg',
+    profile_url: 'https://twitter.com/BkNkbot',
+  },
 ];
 
 module.exports = {
diff --git a/2024hakodate/src/images/staff/twitter/BkNkbot.jpg b/2024hakodate/src/images/staff/twitter/BkNkbot.jpg
new file mode 100644
index 0000000..b268dc7
Binary files /dev/null and b/2024hakodate/src/images/staff/twitter/BkNkbot.jpg differ
diff --git a/2024hakodate/src/images/staff/twitter/teckl.jpg b/2024hakodate/src/images/staff/twitter/teckl.jpg
new file mode 100644
index 0000000..f8ce66b
Binary files /dev/null and b/2024hakodate/src/images/staff/twitter/teckl.jpg differ
diff --git a/docs/2024hakodate/BkNkbot.4b48f0b9.jpg b/docs/2024hakodate/BkNkbot.4b48f0b9.jpg
new file mode 100644
index 0000000..448e7b0
Binary files /dev/null and b/docs/2024hakodate/BkNkbot.4b48f0b9.jpg differ
diff --git a/docs/2024hakodate/staff.html b/docs/2024hakodate/staff.html
index 878d286..11ff6d7 100644
--- a/docs/2024hakodate/staff.html
+++ b/docs/2024hakodate/staff.html
@@ -1 +1 @@
-<html><head><script nomodule defer src="https://yapcjapan.org/2024hakodate/index.runtime.c588e682.js"></script><script type="module" src="https://yapcjapan.org/2024hakodate/index.runtime.0f4329bb.js"></script><title>YAPC::Hakodate 2024</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,500;0,700;1,500;1,700&family=Roboto:wght@400;500;700&family=IBM+Plex+Mono:wght@400&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"><link rel="stylesheet" type="text/css" href="https://yapcjapan.org/2024hakodate/index.90a648d5.css"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="YAPC::Hakodate 2024"><meta name="twitter:image" content="https://yapcjapan.org/2024hakodate/images/ogimage.png"><meta property="og:title" content="YAPC::Hakodate 2024"><meta property="og:description" content="YAPC::Hakodate 2024"><meta property="og:image" content="https://yapcjapan.org/2024hakodate/images/ogimage.png"><link rel="icon" href="https://yapcjapan.org/2024hakodate/favicon.c43a506e.svg" type="image/svg+xml"></head><body class="bg-default text-default"> <nav class="bg-gray-800 text-white"> <div class="flex items-center justify-between"> <div> <div class="bg-key flex h-10 items-center pl-4 sm:h-14 sm:w-40 tri-right w-32"> <a href="/2024hakodate/"> <img class="sm:w-8 w-6" src="https://yapcjapan.org/2024hakodate/logo_small.f6dbd5f1.svg" alt="YAPC::Hakodate 2024"> </a> </div> </div> <button id="menu-btn" class="focus:outline-none hamburger material-symbols-outlined" aria-label="メニューを開く"> menu </button> </div> <div id="menu" class="hidden"> <a href="https://fortee.jp/yapc-hakodate-2024/timetable" class="block border-b border-gray-700 hover:bg-gray-700 p-4">タイムテーブル</a> <a href="https://blog.yapcjapan.org/" class="block border-b border-gray-700 hover:bg-gray-700 p-4">BLOG</a> <a href="/2024hakodate/individual-sponsors" class="block border-b border-gray-700 hover:bg-gray-700 p-4">個人スポンサー</a> <a href="/2024hakodate/staff" class="block border-b border-gray-700 hover:bg-gray-700 p-4">スタッフ</a> <a href="https://x.com/yapcjapan" class="block p-4">X</a> </div> </nav> <script>document.getElementById("menu-btn").addEventListener("click",function(){document.getElementById("menu").classList.toggle("hidden")});</script> <section class="flex flex-col section"> <h2 class="en-serif-bold mb-16 sm:text-6xl text-4xl text-center">STAFF</h2> <h3 class="en-serif-bold mb-4 text-center text-xl">コアスタッフ</h3> <div class="container m-auto pb-32 text-primary"> <div class="max-w-5xl mx-auto p-2"> <div class="flex flex-wrap gap-5 justify-center"> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://github.com/karupanerura" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/karupanerura.e65a4eee.png" alt> </div> <div class="block font-bold pt-4"> karupanerura </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/ytnobody" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/ytnobody.bc3b7d86.jpg" alt> </div> <div class="block font-bold pt-4"> ytnobody </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/__papix__" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/__papix__.c068ed56.jpg" alt> </div> <div class="block font-bold pt-4"> papix </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/PerukiFUN" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/PerukiFUN.dc13e3be.jpg" alt> </div> <div class="block font-bold pt-4"> PerukiFUN </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/masawada" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/masawada.93aa001e.jpg" alt> </div> <div class="block font-bold pt-4"> masawada </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/_ybrliiu" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/_ybrliiu.2868ab46.jpg" alt> </div> <div class="block font-bold pt-4"> liiu </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/toya" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/toya.7f976f95.png" alt> </div> <div class="block font-bold pt-4"> toya </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/nagayama" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/nagayama.856ddc27.jpg" alt> </div> <div class="block font-bold pt-4"> nagayama </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/xtetsuji" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/xtetsuji.83204816.png" alt> </div> <div class="block font-bold pt-4"> xtetsuji </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/godan09" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/godan09.a3e2ef0e.jpg" alt> </div> <div class="block font-bold pt-4"> godan </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/takanen28" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/takane28.539e151f.jpeg" alt> </div> <div class="block font-bold pt-4"> たかね </div> </a> </div> </div> </div> </div> <h3 class="en-serif-bold mb-4 text-center text-xl">当日スタッフ</h3> <div class="container m-auto pb-32 text-primary"> <div class="max-w-5xl mx-auto p-2"> <div class="flex flex-wrap gap-5 justify-center"> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/1ye_q" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/1ye_q.3606cfad.png" alt> </div> <div class="block font-bold pt-4"> 1ye_q </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://github.com/walkure" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/walkure.f5cb5753.jpeg" alt> </div> <div class="block font-bold pt-4"> walkure </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/sogaoh" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/sogaoh.58ef8331.jpg" alt> </div> <div class="block font-bold pt-4"> sogaoh </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/ksatoshifun" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/ksatoshifun.219ac382.jpg" alt> </div> <div class="block font-bold pt-4"> ksatoshi </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/nasa9084" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/nasa9084.673a8fc9.jpg" alt> </div> <div class="block font-bold pt-4"> nasa9084 </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/ysaito8015" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/ysaito8015.55e9b85d.jpg" alt> </div> <div class="block font-bold pt-4"> ysaito8015 </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/jugesuke" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/jugesuke.b3d8cdbe.jpg" alt> </div> <div class="block font-bold pt-4"> jugesuke </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://x.com/await_2" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/await_2.bb82c91e.jpg" alt> </div> <div class="block font-bold pt-4"> await </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/make_now_just" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/make_now_just.3d5d464b.png" alt> </div> <div class="block font-bold pt-4"> make_now_just </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://bsky.app/profile/ninjinkun.bsky.social" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/ninjinkun.7c69fa67.jpg" alt> </div> <div class="block font-bold pt-4"> ninjinkun </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://x.com/FUN_issy" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/FUN_issy.2c8184c0.jpg" alt> </div> <div class="block font-bold pt-4"> FUN_issy </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://www.facebook.com/aya.myzr" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/aya.myzr.1b2abe30.jpg" alt> </div> <div class="block font-bold pt-4"> aya.myzr </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://x.com/uutan1108" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/uutan1108.fe496085.jpg" alt> </div> <div class="block font-bold pt-4"> uutan1108 </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://x.com/aksakiaki" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/aksakiaki.5127afac.jpg" alt> </div> <div class="block font-bold pt-4"> aksakiaki </div> </a> </div> </div> </div> </div> </section> <footer class="flex flex-col items-center mb-10 mt-32 mx-auto text-jpa"> <img src="https://yapcjapan.org/2024hakodate/jpa.b330cbdc.png" alt="JPA" class="w-[90px]"> <p class="mt-3 text-jpa text-xs">© Japan Perl Association</p> </footer> <script src="https://yapcjapan.org/2024hakodate/index.b69b61b2.js" type="module"></script><script src="https://yapcjapan.org/2024hakodate/index.f156f1db.js" nomodule defer></script> </body></html>
\ No newline at end of file
+<html><head><script nomodule defer src="https://yapcjapan.org/2024hakodate/index.runtime.c588e682.js"></script><script type="module" src="https://yapcjapan.org/2024hakodate/index.runtime.0f4329bb.js"></script><title>YAPC::Hakodate 2024</title><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,500;0,700;1,500;1,700&family=Roboto:wght@400;500;700&family=IBM+Plex+Mono:wght@400&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"><link rel="stylesheet" type="text/css" href="https://yapcjapan.org/2024hakodate/index.90a648d5.css"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="YAPC::Hakodate 2024"><meta name="twitter:image" content="https://yapcjapan.org/2024hakodate/images/ogimage.png"><meta property="og:title" content="YAPC::Hakodate 2024"><meta property="og:description" content="YAPC::Hakodate 2024"><meta property="og:image" content="https://yapcjapan.org/2024hakodate/images/ogimage.png"><link rel="icon" href="https://yapcjapan.org/2024hakodate/favicon.c43a506e.svg" type="image/svg+xml"></head><body class="bg-default text-default"> <nav class="bg-gray-800 text-white"> <div class="flex items-center justify-between"> <div> <div class="bg-key flex h-10 items-center pl-4 sm:h-14 sm:w-40 tri-right w-32"> <a href="/2024hakodate/"> <img class="sm:w-8 w-6" src="https://yapcjapan.org/2024hakodate/logo_small.f6dbd5f1.svg" alt="YAPC::Hakodate 2024"> </a> </div> </div> <button id="menu-btn" class="focus:outline-none hamburger material-symbols-outlined" aria-label="メニューを開く"> menu </button> </div> <div id="menu" class="hidden"> <a href="https://fortee.jp/yapc-hakodate-2024/timetable" class="block border-b border-gray-700 hover:bg-gray-700 p-4">タイムテーブル</a> <a href="https://blog.yapcjapan.org/" class="block border-b border-gray-700 hover:bg-gray-700 p-4">BLOG</a> <a href="/2024hakodate/individual-sponsors" class="block border-b border-gray-700 hover:bg-gray-700 p-4">個人スポンサー</a> <a href="/2024hakodate/staff" class="block border-b border-gray-700 hover:bg-gray-700 p-4">スタッフ</a> <a href="https://x.com/yapcjapan" class="block p-4">X</a> </div> </nav> <script>document.getElementById("menu-btn").addEventListener("click",function(){document.getElementById("menu").classList.toggle("hidden")});</script> <section class="flex flex-col section"> <h2 class="en-serif-bold mb-16 sm:text-6xl text-4xl text-center">STAFF</h2> <h3 class="en-serif-bold mb-4 text-center text-xl">コアスタッフ</h3> <div class="container m-auto pb-32 text-primary"> <div class="max-w-5xl mx-auto p-2"> <div class="flex flex-wrap gap-5 justify-center"> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://github.com/karupanerura" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/karupanerura.e65a4eee.png" alt> </div> <div class="block font-bold pt-4"> karupanerura </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/ytnobody" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/ytnobody.bc3b7d86.jpg" alt> </div> <div class="block font-bold pt-4"> ytnobody </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/__papix__" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/__papix__.c068ed56.jpg" alt> </div> <div class="block font-bold pt-4"> papix </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/PerukiFUN" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/PerukiFUN.dc13e3be.jpg" alt> </div> <div class="block font-bold pt-4"> PerukiFUN </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/masawada" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/masawada.93aa001e.jpg" alt> </div> <div class="block font-bold pt-4"> masawada </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/_ybrliiu" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/_ybrliiu.2868ab46.jpg" alt> </div> <div class="block font-bold pt-4"> liiu </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/toya" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/toya.7f976f95.png" alt> </div> <div class="block font-bold pt-4"> toya </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/nagayama" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/nagayama.856ddc27.jpg" alt> </div> <div class="block font-bold pt-4"> nagayama </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/xtetsuji" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/xtetsuji.83204816.png" alt> </div> <div class="block font-bold pt-4"> xtetsuji </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/godan09" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/godan09.a3e2ef0e.jpg" alt> </div> <div class="block font-bold pt-4"> godan </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/takanen28" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/takane28.539e151f.jpeg" alt> </div> <div class="block font-bold pt-4"> たかね </div> </a> </div> </div> </div> </div> <h3 class="en-serif-bold mb-4 text-center text-xl">当日スタッフ</h3> <div class="container m-auto pb-32 text-primary"> <div class="max-w-5xl mx-auto p-2"> <div class="flex flex-wrap gap-5 justify-center"> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/1ye_q" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/1ye_q.3606cfad.png" alt> </div> <div class="block font-bold pt-4"> 1ye_q </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://github.com/walkure" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/walkure.f5cb5753.jpeg" alt> </div> <div class="block font-bold pt-4"> walkure </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/sogaoh" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/sogaoh.58ef8331.jpg" alt> </div> <div class="block font-bold pt-4"> sogaoh </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/ksatoshifun" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/ksatoshifun.219ac382.jpg" alt> </div> <div class="block font-bold pt-4"> ksatoshi </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/nasa9084" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/nasa9084.673a8fc9.jpg" alt> </div> <div class="block font-bold pt-4"> nasa9084 </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/ysaito8015" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/ysaito8015.55e9b85d.jpg" alt> </div> <div class="block font-bold pt-4"> ysaito8015 </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/jugesuke" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/jugesuke.b3d8cdbe.jpg" alt> </div> <div class="block font-bold pt-4"> jugesuke </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://x.com/await_2" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/await_2.bb82c91e.jpg" alt> </div> <div class="block font-bold pt-4"> await </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/make_now_just" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/make_now_just.3d5d464b.png" alt> </div> <div class="block font-bold pt-4"> make_now_just </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://bsky.app/profile/ninjinkun.bsky.social" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/ninjinkun.7c69fa67.jpg" alt> </div> <div class="block font-bold pt-4"> ninjinkun </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://x.com/FUN_issy" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/FUN_issy.2c8184c0.jpg" alt> </div> <div class="block font-bold pt-4"> FUN_issy </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://www.facebook.com/aya.myzr" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/aya.myzr.1b2abe30.jpg" alt> </div> <div class="block font-bold pt-4"> aya.myzr </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://x.com/uutan1108" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/uutan1108.fe496085.jpg" alt> </div> <div class="block font-bold pt-4"> uutan1108 </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://x.com/aksakiaki" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/aksakiaki.5127afac.jpg" alt> </div> <div class="block font-bold pt-4"> aksakiaki </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/teckl" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/teckl.6d9f1d59.jpg" alt> </div> <div class="block font-bold pt-4"> teckl </div> </a> </div> <div class="basis-32 flex-3 mt-6 sm:basis-48 sm:mt-8 text-center"> <a href="https://twitter.com/BkNkbot" target="_blank"> <div> <img class="object-cover rounded-full w-full" src="https://yapcjapan.org/2024hakodate/BkNkbot.4b48f0b9.jpg" alt> </div> <div class="block font-bold pt-4"> BkNkbot </div> </a> </div> </div> </div> </div> </section> <footer class="flex flex-col items-center mb-10 mt-32 mx-auto text-jpa"> <img src="https://yapcjapan.org/2024hakodate/jpa.b330cbdc.png" alt="JPA" class="w-[90px]"> <p class="mt-3 text-jpa text-xs">© Japan Perl Association</p> </footer> <script src="https://yapcjapan.org/2024hakodate/index.b69b61b2.js" type="module"></script><script src="https://yapcjapan.org/2024hakodate/index.f156f1db.js" nomodule defer></script> </body></html>
\ No newline at end of file
