diff --git a/static/conference/2026/index.html b/static/conference/2026/index.html index 2604fae..ddacb54 100644 --- a/static/conference/2026/index.html +++ b/static/conference/2026/index.html @@ -146,6 +146,69 @@

アフターセッション

+
+
+
+

実行委員紹介

+

+ Amplify Japan User Groupの実行委員がカンファレンス全体の企画から当日の運営までを担当しています。 +

+
+ +
+
+
diff --git a/static/conference/2026/styles.css b/static/conference/2026/styles.css index 4d82dd9..a83a14f 100644 --- a/static/conference/2026/styles.css +++ b/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; }