132 lines
7.7 KiB
HTML
132 lines
7.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh-TW">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>水晶男孩推廣部｜視覺進化論</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
||
|
|
<link rel="stylesheet" href="tablet.css">
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body class="chronicle-page minister-page">
|
||
|
|
<header class="map-archive-header">
|
||
|
|
<div class="header-inner">
|
||
|
|
<h1 class="main-title">視覺進化論</h1>
|
||
|
|
<div class="subtitle-wrap">
|
||
|
|
<span class="sub-title">FROM CURIOSITY TO FULL-STACK</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
|
||
|
|
|
||
|
|
<canvas id="particles"></canvas>
|
||
|
|
|
||
|
|
<main class="content-container variety-page-main chronicle-reader minister-main">
|
||
|
|
<p class="minister-hero-lead">
|
||
|
|
關於我：<span class="mark_b">從「好奇」到「全端」的進化之路</span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<section id="intro" class="variety-block">
|
||
|
|
<h2 class="section-title">跨越時空的開端</h2>
|
||
|
|
<p class="intro-text">
|
||
|
|
這段旅程始於 2016 年 4 月，透過《無限挑戰》的回歸企劃，讓原本不認識這組傳奇團體的我，因一時好奇點開節目。即便錯過了 2000 年巔峰解散的時代，我依然被那份真誠且專業的魅力所震撼。</p>
|
||
|
|
<p class="slogan-quote"><span class="slogan-quote__inner">對我而言，這不只是追星的開始，更是自我覺醒的起點。</span></p>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section id="slant" class="variety-block">
|
||
|
|
<h2 class="section-title">為了熱愛而進化的斜槓精神</h2>
|
||
|
|
<p class="intro-text">
|
||
|
|
我始於「水晶廢人」的自嘲，卻在熱愛中長成了各個領域的策劃者：
|
||
|
|
</p>
|
||
|
|
<ul class="minister-skill-list">
|
||
|
|
<li><span class="minister-hashtag">#水晶推廣部</span>身為品牌設計師，我堅持「不看醜東西」的原則，親自操刀所有視覺，將這份能量轉化為專業策劃。</li>
|
||
|
|
<li><span class="minister-hashtag">#水晶訓練營</span>為了聽懂歐巴的每一句話，我開始學韓文、考韓檢、健身、跳舞，證明追星是自我提升最強大的動力。</li>
|
||
|
|
<li><span class="minister-hashtag">#全端開發者</span>這是我當下最重要的挑戰，將設計專業與程式技術結合，搭建一個專屬於這份熱愛的數位平台。</li>
|
||
|
|
</ul>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<section id="journey" class="minister-journey story-archive" aria-labelledby="journey-title">
|
||
|
|
<h2 class="section-title" id="journey-title">Journey：成長時間軸</h2>
|
||
|
|
<div class="subtitle-wrap">
|
||
|
|
<span class="sub-title">GROWTH TIMELINE</span>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="merged-storyline">
|
||
|
|
<article id="journey-2016" class="story-node" data-era="2016">
|
||
|
|
<h3>從「欣賞」到「實踐」的元年</h3>
|
||
|
|
<p class="minister-month">07 月｜手作初試</p>
|
||
|
|
<p>開始學習勾針，為金在德製作第一個鴨鴨置物籃，這是從旁觀者轉為實踐者的第一步。</p>
|
||
|
|
<figure class="minister-photo">
|
||
|
|
<img src="img/minister/image_3c1739.jpg" alt="手作鴨鴨置物籃" width="1040" height="780" loading="lazy">
|
||
|
|
</figure>
|
||
|
|
|
||
|
|
<p class="minister-month">08 月｜螢幕後的參與</p>
|
||
|
|
<p>以「水晶廢人字幕組」粉絲身分，用手繪應援板與勾針作品參與應援影片籌備。</p>
|
||
|
|
<figure class="minister-photo">
|
||
|
|
<img src="img/minister/image_3c13d7.jpg" alt="手繪應援板與勾針作品" width="1040" height="780" loading="lazy">
|
||
|
|
</figure>
|
||
|
|
|
||
|
|
<p class="minister-month">09 月｜孤注一擲的現場</p>
|
||
|
|
<p>在經濟窘迫、甚至需要借錢籌措旅費的情況下，飛往首爾參加首場演唱會。在那裡，我握著導師設計的台灣小黃手幅，第一次感受到設計與才華帶來的震撼。</p>
|
||
|
|
<figure class="minister-photo">
|
||
|
|
<img src="img/minister/image_3bb254.jpg" alt="台灣小黃手幅" width="1040" height="780" loading="lazy">
|
||
|
|
</figure>
|
||
|
|
|
||
|
|
<p class="minister-month">12 月｜溫暖的饋贈</p>
|
||
|
|
<p>在「#水晶文具社」聚會中，收到了同好精緻的手繪聖誕卡片。看著別人的創作，我更加確信自己也想成為能用作品傳遞能量的人。</p>
|
||
|
|
<figure class="minister-photo">
|
||
|
|
<img src="img/minister/image_3bab17.jpg" alt="手繪聖誕卡片" width="1040" height="780" loading="lazy">
|
||
|
|
</figure>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article id="journey-2017" class="story-node" data-era="2017">
|
||
|
|
<h3>從「身體」到「文字」的深化</h3>
|
||
|
|
<p class="minister-month">01 月｜職人精神的啟發</p>
|
||
|
|
<p>參與資管組 D 大的新年紅包活動。其書法與刻印結合的質感，深深影響了我對美感的標準。</p>
|
||
|
|
<figure class="minister-photo">
|
||
|
|
<img src="img/minister/image_3ba74f.jpg" alt="新年紅包活動" width="1040" height="780" loading="lazy">
|
||
|
|
</figure>
|
||
|
|
|
||
|
|
<p class="minister-month">02 月｜身體記憶的熱血</p>
|
||
|
|
<p>擔任應援組熱舞企劃小組長，在板橋與中山地下街教舞兩個月，為此減重 10 公斤，用身體記憶跨越世紀的節奏。</p>
|
||
|
|
|
||
|
|
<p class="minister-month">04 月｜筆尖的沈澱</p>
|
||
|
|
<p>跟著文具社走遍全台咖啡廳，在鋼筆墨水與玻璃杯的陪伴下，用手寫記錄初心。</p>
|
||
|
|
<figure class="minister-photo minister-photo--dual">
|
||
|
|
<img src="img/minister/image_3baed1.jpg" alt="鋼筆墨水與玻璃杯" width="1040" height="780" loading="lazy">
|
||
|
|
<img src="img/minister/image_3c2299.jpg" alt="手寫記錄初心" width="1040" height="780" loading="lazy">
|
||
|
|
</figure>
|
||
|
|
</article>
|
||
|
|
|
||
|
|
<article id="journey-now" class="story-node" data-era="NOW">
|
||
|
|
<h3>以熱愛為名的設計進化</h3>
|
||
|
|
<p class="minister-month">2018 年｜設計靈魂覺醒</p>
|
||
|
|
<p>正式踏入設計領域。因為想為水晶男孩創作的執念，所有的練習都以他們為主題，這種動力讓我的設計實力產生質變。</p>
|
||
|
|
|
||
|
|
<p class="minister-month">現在｜全端開發與推廣</p>
|
||
|
|
<p>不再只是感嘆導師與他人的才華。我正運用包裝設計與全端開發的積累，親手搭建這個數位平台，證明追星是讓我「變厲害」的軍功章。</p>
|
||
|
|
</article>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<p class="minister-back">
|
||
|
|
<a href="index.html#mission" class="btn">回到首頁 · 成立的初衷</a>
|
||
|
|
</p>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>SECHSKIES Fanpage © 2026 - 黃色氣球永遠飄揚</p>
|
||
|
|
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank">
|
||
|
|
Design by <span class="mark_b">Jekkinoopy Studio</span>
|
||
|
|
</a>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
<script src="particles.js"></script>
|
||
|
|
<script src="portal-nav.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|