Modernize portfolio presentation
This commit is contained in:
39
index.html
39
index.html
@@ -76,7 +76,7 @@
|
||||
<main id="top">
|
||||
<section class="hero section" aria-labelledby="heroTitle">
|
||||
<div class="hero__media" aria-hidden="true">
|
||||
<img src="assets/media/election-seat-map.webp" alt="">
|
||||
<img src="assets/media/election-seat-map.webp" alt="" fetchpriority="high" decoding="async">
|
||||
</div>
|
||||
<div class="hero__shade" aria-hidden="true"></div>
|
||||
<div class="shell hero__inner">
|
||||
@@ -129,6 +129,20 @@
|
||||
<div class="hero__screen">
|
||||
<img src="assets/media/election-candidate-screen.webp" alt="선거방송 후보자 득표 그래픽 화면">
|
||||
</div>
|
||||
<div class="hero__preview-strip" aria-label="Featured production screens">
|
||||
<figure>
|
||||
<img src="assets/media/local-election-2026-race.webp" alt="2026 local election race graphic" loading="lazy" decoding="async">
|
||||
<figcaption>Election 2026</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="assets/media/sports-player-profile.webp" alt="Sports player profile broadcast graphic" loading="lazy" decoding="async">
|
||||
<figcaption>Sports TVG</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="assets/media/ai-distance-result.webp" alt="AI distance measurement result screen" loading="lazy" decoding="async">
|
||||
<figcaption>AI Vision</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="signal-grid">
|
||||
<span>Election</span>
|
||||
<span>Sports TVG</span>
|
||||
@@ -366,6 +380,29 @@
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="shell portfolio-ribbon reveal" data-delay="1" aria-label="Featured production cases">
|
||||
<article>
|
||||
<figure><img src="assets/media/election-candidate-screen.webp" alt="2026 local election candidate result graphic" loading="lazy" decoding="async"></figure>
|
||||
<span>2026 Election</span>
|
||||
<strong>Regional broadcast graphics package</strong>
|
||||
</article>
|
||||
<article>
|
||||
<figure><img src="assets/media/sports-tvgraphic-console.webp" alt="Sports TV graphic operation console" loading="lazy" decoding="async"></figure>
|
||||
<span>Sports TVG</span>
|
||||
<strong>Live data and UHD output workflow</strong>
|
||||
</article>
|
||||
<article>
|
||||
<figure><img src="assets/media/finance-market-share.webp" alt="Finance market share broadcast graphic" loading="lazy" decoding="async"></figure>
|
||||
<span>Finance</span>
|
||||
<strong>Market data graphics and API systems</strong>
|
||||
</article>
|
||||
<article>
|
||||
<figure><img src="assets/media/ai-distance-result.webp" alt="AI vision distance measurement screen" loading="lazy" decoding="async"></figure>
|
||||
<span>AI Vision</span>
|
||||
<strong>Detection, training and field measurement</strong>
|
||||
</article>
|
||||
</div>
|
||||
|
||||
<div class="shell case-lab__grid">
|
||||
<div class="case-tabs reveal" role="tablist" aria-label="프로젝트 분야">
|
||||
<button class="is-active" type="button" role="tab" aria-selected="true" data-case="election">
|
||||
|
||||
Reference in New Issue
Block a user