Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 63 additions & 0 deletions static/conference/2026/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
87 changes: 87 additions & 0 deletions static/conference/2026/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down Expand Up @@ -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;
}
Expand Down
Loading