カンファレンスLP：実行委員モジュール追加 (#104)

* カンファレンスLP：実行委員モジュール追加

* Update organizer information for AWS Amplify Conference 2026

* カンファレンスLP：Update organizer information

* Update organizer information

* Update org info

* Update org info

---------

Co-authored-by: MURAKAMI Masahiko <[email protected]>
Co-authored-by: YujiAdachi <[email protected]>
Co-authored-by: Yasunori Kirimoto <[email protected]>
Co-authored-by: mkdev10 <[email protected]>

Author: 5 people

static/conference/2026/index.html

@@ -146,6 +146,69 @@ <h3>アフターセッション</h3>
       </div>
     </section>
 
+    <section class="organizers" id="organizers">
+      <div class="section__inner organizers__inner">
+        <div class="organizers__header">
+          <h2>実行委員紹介</h2>
+          <p>
+            Amplify Japan User Groupの実行委員がカンファレンス全体の企画から当日の運営までを担当しています。
+          </p>
+        </div>
+        <div class="organizers__grid">
+          <article class="organizer-card">
+            <a class="organizer-card__link" href="https://x.com/ikenyal" target="_blank" rel="noopener">
+              <figure class="organizer-card__avatar">
+                <img src="https://pbs.twimg.com/profile_images/1523872023264448512/ZCZYzTiQ_400x400.jpg" alt="池田 健人" loading="lazy">
+              </figure>
+              <div class="organizer-card__info">
+                <h3>池田 健人</h3>
+              </div>
+            </a>
+          </article>
+          <article class="organizer-card">
+            <a class="organizer-card__link" href="https://x.com/fossamagna" target="_blank" rel="noopener">
+              <figure class="organizer-card__avatar">
+                <img src="https://avatars.githubusercontent.com/u/1638848?v=4" alt="村上 雅彦" loading="lazy">
+              </figure>
+              <div class="organizer-card__info">
+                <h3>村上 雅彦</h3>
+              </div>
+            </a>
+          </article>
+          <article class="organizer-card">
+            <a class="organizer-card__link" href="https://x.com/adt0705" target="_blank" rel="noopener">
+              <figure class="organizer-card__avatar">
+                <img src="https://pbs.twimg.com/profile_images/1905100814290735104/QZlSvfIC_400x400.png" alt="足立 優司" loading="lazy">
+              </figure>
+              <div class="organizer-card__info">
+                <h3>足立 優司</h3>
+              </div>
+            </a>
+          </article>
+          <article class="organizer-card">
+            <a class="organizer-card__link" href="https://x.com/dayjournal_nori" target="_blank" rel="noopener">
+              <figure class="organizer-card__avatar">
+                <img src="https://pbs.twimg.com/profile_images/1918239221208498177/nFaaNB3V_400x400.jpg" alt="桐本 靖規" loading="lazy">
+              </figure>
+              <div class="organizer-card__info">
+                <h3>桐本 靖規</h3>
+              </div>
+            </a>
+          </article>
+          <article class="organizer-card">
+            <a class="organizer-card__link" href="https://x.com/mkdev_10" target="_blank" rel="noopener">
+              <figure class="organizer-card__avatar">
+                <img src="https://pbs.twimg.com/profile_images/1875511209266720768/H50F_-68_400x400.jpg" alt="桒原 政睦" loading="lazy">
+              </figure>
+              <div class="organizer-card__info">
+                <h3>桒原 政睦</h3>
+              </div>
+            </a>
+          </article>
+        </div>
+      </div>
+    </section>
+
     <section class="speaker" id="call-for-speakers">
       <div class="section__inner speaker__inner">
         <div>

static/conference/2026/styles.css

@@ -355,6 +355,84 @@ ul li::before {
   color: var(--color-accent);
 }
 
+.organizers {
+  background: linear-gradient(135deg, rgba(7, 11, 26, 0.95), rgba(13, 20, 40, 0.85));
+}
+
+.organizers__inner {
+  display: grid;
+  gap: 3rem;
+}
+
+.organizers__header {
+  max-width: 720px;
+  margin: 0 auto;
+  text-align: center;
+}
+
+.organizers__grid {
+  display: grid;
+  gap: 2.5rem;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+}
+
+.organizer-card {
+  position: relative;
+  border-radius: var(--radius-medium);
+  background: rgba(15, 22, 43, 0.65);
+  border: 1px solid rgba(255, 255, 255, 0.08);
+  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.25);
+  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
+}
+
+.organizer-card__link {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+  padding: 2.4rem 2rem;
+  text-decoration: none;
+  color: inherit;
+}
+
+.organizer-card__avatar {
+  width: 140px;
+  aspect-ratio: 1 / 1;
+  border-radius: 50%;
+  overflow: hidden;
+  border: 3px solid rgba(255, 255, 255, 0.15);
+  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
+}
+
+.organizer-card__avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.organizer-card__info {
+  display: grid;
+  gap: 0.5rem;
+  text-align: center;
+}
+
+.organizer-card__info h3 {
+  margin: 0;
+  font-size: 1.2rem;
+  color: var(--color-text);
+}
+
+.organizer-card__info p {
+  margin: 0;
+  font-size: 0.95rem;
+}
+
+.organizer-card:hover {
+  transform: translateY(-6px);
+  box-shadow: 0 22px 44px rgba(0, 0, 0, 0.3);
+  border-color: rgba(255, 255, 255, 0.18);
+}
+
 .callout__inner {
   display: flex;
   flex-wrap: wrap;
@@ -535,6 +613,15 @@ ul li::before {
     align-items: stretch;
   }
 
+  .organizers__grid {
+    gap: 1.8rem;
+    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  }
+
+  .organizer-card__link {
+    padding: 2rem 1.6rem;
+  }
+
   .timeline article {
     min-height: auto;
   }