Skip to content

Commit d130a90

Browse files
ikenyalfossamagnaYujiAdachidayjournalmkdev10
authored
カンファレンス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]>
1 parent c05948f commit d130a90

File tree

2 files changed

+150
-0
lines changed

2 files changed

+150
-0
lines changed

static/conference/2026/index.html

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,69 @@ <h3>アフターセッション</h3>
146146
</div>
147147
</section>
148148

149+
<section class="organizers" id="organizers">
150+
<div class="section__inner organizers__inner">
151+
<div class="organizers__header">
152+
<h2>実行委員紹介</h2>
153+
<p>
154+
Amplify Japan User Groupの実行委員がカンファレンス全体の企画から当日の運営までを担当しています。
155+
</p>
156+
</div>
157+
<div class="organizers__grid">
158+
<article class="organizer-card">
159+
<a class="organizer-card__link" href="https://x.com/ikenyal" target="_blank" rel="noopener">
160+
<figure class="organizer-card__avatar">
161+
<img src="https://pbs.twimg.com/profile_images/1523872023264448512/ZCZYzTiQ_400x400.jpg" alt="池田 健人" loading="lazy">
162+
</figure>
163+
<div class="organizer-card__info">
164+
<h3>池田 健人</h3>
165+
</div>
166+
</a>
167+
</article>
168+
<article class="organizer-card">
169+
<a class="organizer-card__link" href="https://x.com/fossamagna" target="_blank" rel="noopener">
170+
<figure class="organizer-card__avatar">
171+
<img src="https://avatars.githubusercontent.com/u/1638848?v=4" alt="村上 雅彦" loading="lazy">
172+
</figure>
173+
<div class="organizer-card__info">
174+
<h3>村上 雅彦</h3>
175+
</div>
176+
</a>
177+
</article>
178+
<article class="organizer-card">
179+
<a class="organizer-card__link" href="https://x.com/adt0705" target="_blank" rel="noopener">
180+
<figure class="organizer-card__avatar">
181+
<img src="https://pbs.twimg.com/profile_images/1905100814290735104/QZlSvfIC_400x400.png" alt="足立 優司" loading="lazy">
182+
</figure>
183+
<div class="organizer-card__info">
184+
<h3>足立 優司</h3>
185+
</div>
186+
</a>
187+
</article>
188+
<article class="organizer-card">
189+
<a class="organizer-card__link" href="https://x.com/dayjournal_nori" target="_blank" rel="noopener">
190+
<figure class="organizer-card__avatar">
191+
<img src="https://pbs.twimg.com/profile_images/1918239221208498177/nFaaNB3V_400x400.jpg" alt="桐本 靖規" loading="lazy">
192+
</figure>
193+
<div class="organizer-card__info">
194+
<h3>桐本 靖規</h3>
195+
</div>
196+
</a>
197+
</article>
198+
<article class="organizer-card">
199+
<a class="organizer-card__link" href="https://x.com/mkdev_10" target="_blank" rel="noopener">
200+
<figure class="organizer-card__avatar">
201+
<img src="https://pbs.twimg.com/profile_images/1875511209266720768/H50F_-68_400x400.jpg" alt="桒原 政睦" loading="lazy">
202+
</figure>
203+
<div class="organizer-card__info">
204+
<h3>桒原 政睦</h3>
205+
</div>
206+
</a>
207+
</article>
208+
</div>
209+
</div>
210+
</section>
211+
149212
<section class="speaker" id="call-for-speakers">
150213
<div class="section__inner speaker__inner">
151214
<div>

static/conference/2026/styles.css

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -355,6 +355,84 @@ ul li::before {
355355
color: var(--color-accent);
356356
}
357357

358+
.organizers {
359+
background: linear-gradient(135deg, rgba(7, 11, 26, 0.95), rgba(13, 20, 40, 0.85));
360+
}
361+
362+
.organizers__inner {
363+
display: grid;
364+
gap: 3rem;
365+
}
366+
367+
.organizers__header {
368+
max-width: 720px;
369+
margin: 0 auto;
370+
text-align: center;
371+
}
372+
373+
.organizers__grid {
374+
display: grid;
375+
gap: 2.5rem;
376+
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
377+
}
378+
379+
.organizer-card {
380+
position: relative;
381+
border-radius: var(--radius-medium);
382+
background: rgba(15, 22, 43, 0.65);
383+
border: 1px solid rgba(255, 255, 255, 0.08);
384+
box-shadow: 0 18px 36px rgba(0, 0, 0, 0.25);
385+
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
386+
}
387+
388+
.organizer-card__link {
389+
display: flex;
390+
flex-direction: column;
391+
align-items: center;
392+
gap: 1.5rem;
393+
padding: 2.4rem 2rem;
394+
text-decoration: none;
395+
color: inherit;
396+
}
397+
398+
.organizer-card__avatar {
399+
width: 140px;
400+
aspect-ratio: 1 / 1;
401+
border-radius: 50%;
402+
overflow: hidden;
403+
border: 3px solid rgba(255, 255, 255, 0.15);
404+
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
405+
}
406+
407+
.organizer-card__avatar img {
408+
width: 100%;
409+
height: 100%;
410+
object-fit: cover;
411+
}
412+
413+
.organizer-card__info {
414+
display: grid;
415+
gap: 0.5rem;
416+
text-align: center;
417+
}
418+
419+
.organizer-card__info h3 {
420+
margin: 0;
421+
font-size: 1.2rem;
422+
color: var(--color-text);
423+
}
424+
425+
.organizer-card__info p {
426+
margin: 0;
427+
font-size: 0.95rem;
428+
}
429+
430+
.organizer-card:hover {
431+
transform: translateY(-6px);
432+
box-shadow: 0 22px 44px rgba(0, 0, 0, 0.3);
433+
border-color: rgba(255, 255, 255, 0.18);
434+
}
435+
358436
.callout__inner {
359437
display: flex;
360438
flex-wrap: wrap;
@@ -535,6 +613,15 @@ ul li::before {
535613
align-items: stretch;
536614
}
537615

616+
.organizers__grid {
617+
gap: 1.8rem;
618+
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
619+
}
620+
621+
.organizer-card__link {
622+
padding: 2rem 1.6rem;
623+
}
624+
538625
.timeline article {
539626
min-height: auto;
540627
}

0 commit comments

Comments
 (0)