jekkinoopy/sechskies
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 加入黃色氣球海gif

Browse Source
This commit is contained in:
jekkinoopy
2026-05-13 16:11:45 +08:00
parent 12c0f3e482
commit 4275b0ac92
9 changed files with 136 additions and 187 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+32 -18
View File
@@ -45,6 +45,16 @@
<section id="mission" class="mission-section">
<h2 class="section-title">成立的初衷</h2>
<div class="mission-layout">
<div class="mission-visual">
<div class="logo-wrapper">
<img src="./img/logo.png" alt="SECHSKIES Logo Concept">
<span class="caption">
<span class="arrow-icon" aria-hidden="true">↓</span>
設計語彙：六角、黃海與初心
</span>
</div>
</div>
<div class="mission-content">
<p>
本站是以 <span class="highlight">SECHSKIES 水晶男孩</span> 為核心的數位推廣部，旨在透過 <span
@@ -57,24 +67,28 @@
<div class="logo-concept">
<h3>LOGO 設計理念</h3>
<p>
<span class="highlight">「晶」</span>字發想來自<span class="highlight">六角形的水晶</span>，為了強調水晶男孩<span
class="highlight">初心為六人</span>。上半部形似<span class="highlight">數字 6</span>，搭配演唱會必備的<span
class="highlight">手燈圖案</span>，代表粉絲和水晶<span
class="highlight">密不可分的關係</span>。色彩配置發想來自回歸舞台成員脫下眼罩的剎那，整個場地從一片漆黑瞬間發亮，映入眼簾的是一片<span
class="highlight">黃色海洋</span>。以此片段為契機，設計成<span
class="highlight">黑色系與黃色系</span>的色彩搭配，來記錄那瞬間的感動。
</p>
</div>
</div>
<div class="mission-visual">
<div class="logo-wrapper">
<img src="./img/logo.png" alt="SECHSKIES Logo Concept">
<span class="caption">
<span class="arrow-icon" aria-hidden="true">↓</span>
設計語彙：六角、黃海與初心
</span>
<div class="logo-concept-media-row">
<p>
<span class="highlight">「晶」</span>字發想來自<span
class="highlight">六角形的水晶</span>，為了強調水晶男孩<span
class="highlight">初心為六人</span>。上半部形似<span class="highlight">數字
6</span>，搭配演唱會必備的<span class="highlight">手燈圖案</span>，代表粉絲和水晶<span
class="highlight">密不可分的關係</span>。色彩配置發想來自回歸舞台成員脫下眼罩的剎那，整個場地從<span
class="highlight highlight-stage-flash">一片漆黑瞬間發亮</span>，映入眼簾的是一片<span
class="highlight">黃色海洋</span>。以此片段為契機，設計成<span
class="highlight">黑色系與黃色系</span>的色彩搭配，來記錄那瞬間的感動。
</p>
<div class="mission-moment-wrap">
<div class="mission-gif-frame" role="group" aria-label="回歸演唱會／黃色氣球海（16：9）">
<!-- 若改為 GIF 動圖，將底下 src 換成 ./img/mission-balloon-sea.gif 即可 -->
<img src="./img/黃色海洋.gif" alt="無限挑戰 六六歌2 放送畫面：全場黃色氣球海">
</div>
<span class="caption">
<span class="arrow-icon" aria-hidden="true">↓</span>
回歸演唱會的動人瞬間-黃色氣球海
</span>
</div>
</div>
</div>
</div>
</div>