視覺進化論內容潤飾、小黃文章典藏改連站內全文、全站補上 section-copy 排版類別
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Claude Sonnet 5
@@ -12,14 +12,20 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fan-article-card {
|
||||||
|
border-left: 4px solid var(--color-brand);
|
||||||
|
}
|
||||||
|
|
||||||
.fan-article-card__meta {
|
.fan-article-card__meta {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
font-size: 0.82rem;
|
font-size: 0.82rem;
|
||||||
color: #9a9a9a;
|
color: var(--color-text-muted);
|
||||||
letter-spacing: 0.5px;
|
letter-spacing: 0.5px;
|
||||||
margin-bottom: 0.6rem;
|
margin-bottom: 0.6rem;
|
||||||
|
padding-bottom: 0.6rem;
|
||||||
|
border-bottom: 1px solid rgba(255, 204, 0, 0.25);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fan-article-card__board {
|
.fan-article-card__board {
|
||||||
@@ -29,19 +35,21 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fan-article-card__title {
|
.fan-article-card__title {
|
||||||
margin: 0 0 0.3rem;
|
margin: 0 0 0.5rem;
|
||||||
font-size: 1.2rem;
|
font-size: 1.35rem;
|
||||||
color: #2e2e2e;
|
font-weight: 700;
|
||||||
|
color: var(--color-text-dark);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fan-article-card__author {
|
.fan-article-card__author {
|
||||||
margin: 0 0 0.8rem;
|
margin: 0 0 0.9rem;
|
||||||
font-size: 0.9rem;
|
font-size: 0.9rem;
|
||||||
color: #7e7e7e;
|
font-style: italic;
|
||||||
|
color: var(--color-text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.fan-article-card p:not(.fan-article-card__author) {
|
.fan-article-card p:not(.fan-article-card__author) {
|
||||||
color: #4a4a4a;
|
color: var(--color-text);
|
||||||
line-height: 1.75;
|
line-height: 1.75;
|
||||||
margin: 0 0 1rem;
|
margin: 0 0 1rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -92,9 +92,10 @@
|
|||||||
|
|
||||||
/* albums/albums.html：.archive-block 已改為 <section>，沿用 style.css 的 section 卡片版型 */
|
/* albums/albums.html：.archive-block 已改為 <section>，沿用 style.css 的 section 卡片版型 */
|
||||||
section.archive-block p {
|
section.archive-block p {
|
||||||
|
font-size: 1.0625rem;
|
||||||
color: #4a4a4a;
|
color: #4a4a4a;
|
||||||
line-height: 1.7;
|
line-height: 1.75;
|
||||||
margin: 0 0 0.75rem;
|
margin: 0 0 1.125rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.archive-block p:last-child {
|
section.archive-block p:last-child {
|
||||||
|
|||||||
+56
-24
@@ -269,7 +269,7 @@ nav a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/* 子選單第一項（如淪陷瞬間／傳奇的轉折）上方不畫分隔線 */
|
/* 子選單第一項（如淪陷瞬間／傳奇的轉折）上方不畫分隔線 */
|
||||||
.portal-nav .portal-submenu > li.portal-nav__subgroup:first-child {
|
.portal-nav .portal-submenu>li.portal-nav__subgroup:first-child {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
border-top: none;
|
border-top: none;
|
||||||
@@ -1027,6 +1027,51 @@ footer {
|
|||||||
margin: 15px auto 0;
|
margin: 15px auto 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 全站共用：跟首頁 #start 對齊的正文間距（h2.section-title 後接的敘述段落／列表）。
|
||||||
|
可套在包住多個 <p> 的容器上，也可直接加在單一 <p> 上。 */
|
||||||
|
.section-copy {
|
||||||
|
max-width: 42rem;
|
||||||
|
margin-inline: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-copy p,
|
||||||
|
p.section-copy {
|
||||||
|
font-size: 1.0625rem;
|
||||||
|
line-height: 1.75;
|
||||||
|
color: #4a4a4a;
|
||||||
|
/* margin: 0 0 1.125rem; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-copy p:last-child,
|
||||||
|
p.section-copy:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-copy ul {
|
||||||
|
margin: 0.5rem 0 0;
|
||||||
|
padding-left: 1.2rem;
|
||||||
|
color: #4a4a4a;
|
||||||
|
line-height: 1.75;
|
||||||
|
font-size: 1.0625rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-copy ul li {
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-copy ul li:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
|
||||||
|
.section-copy p,
|
||||||
|
p.section-copy,
|
||||||
|
.section-copy ul {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.subtitle-wrap {
|
.subtitle-wrap {
|
||||||
margin: 4px auto 28px;
|
margin: 4px auto 28px;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -1741,19 +1786,19 @@ a {
|
|||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 上邊：左上 → 右上 */
|
/* 上邊：左上 → 右上 */
|
||||||
36% {
|
36% {
|
||||||
left: calc(100% - 1.15em);
|
left: calc(100% - 1.15em);
|
||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 右邊：右上 → 右下 */
|
/* 右邊：右上 → 右下 */
|
||||||
46% {
|
46% {
|
||||||
left: calc(100% - 1.15em);
|
left: calc(100% - 1.15em);
|
||||||
top: calc(100% - 1.15em);
|
top: calc(100% - 1.15em);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 下邊：右下 → 左下 */
|
/* 下邊：右下 → 左下 */
|
||||||
86% {
|
86% {
|
||||||
left: 0;
|
left: 0;
|
||||||
top: calc(100% - 1.15em);
|
top: calc(100% - 1.15em);
|
||||||
@@ -2821,7 +2866,7 @@ body.ebook-ssg2-page .ebook-intro.section p.ebook-intro-note {
|
|||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.ebook-ssg2-page .ebook-intro.section p.ebook-intro-lead + p.ebook-intro-note {
|
body.ebook-ssg2-page .ebook-intro.section p.ebook-intro-lead+p.ebook-intro-note {
|
||||||
margin-top: -0.5rem;
|
margin-top: -0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -3788,28 +3833,28 @@ body.site-guide-page .sg-node--extra.sg-node--nolink {
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="1"] > .sg-node {
|
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="1"]>.sg-node {
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
font-size: 0.98rem;
|
font-size: 0.98rem;
|
||||||
background: rgba(255, 220, 150, 0.55);
|
background: rgba(255, 220, 150, 0.55);
|
||||||
border-color: rgba(255, 204, 0, 0.6);
|
border-color: rgba(255, 204, 0, 0.6);
|
||||||
}
|
}
|
||||||
|
|
||||||
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="2"] > .sg-node {
|
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="2"]>.sg-node {
|
||||||
background: rgba(255, 238, 200, 0.55);
|
background: rgba(255, 238, 200, 0.55);
|
||||||
}
|
}
|
||||||
|
|
||||||
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="3"] > .sg-node {
|
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="3"]>.sg-node {
|
||||||
background: #fffaf2;
|
background: #fffaf2;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="4"] > .sg-node {
|
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth="4"]>.sg-node {
|
||||||
background: #f5f8ff;
|
background: #f5f8ff;
|
||||||
font-size: 0.82rem;
|
font-size: 0.82rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 延伸內容維持灰色虛線，不隨深度套用金黃底色（放在深度規則之後以蓋過同層底色） */
|
/* 延伸內容維持灰色虛線，不隨深度套用金黃底色（放在深度規則之後以蓋過同層底色） */
|
||||||
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth] > .sg-node--extra {
|
body.site-guide-page .site-guide-mindmap li[data-site-guide-depth]>.sg-node--extra {
|
||||||
background: rgba(0, 0, 0, 0.02);
|
background: rgba(0, 0, 0, 0.02);
|
||||||
border-color: rgba(0, 0, 0, 0.22);
|
border-color: rgba(0, 0, 0, 0.22);
|
||||||
}
|
}
|
||||||
@@ -4082,25 +4127,12 @@ body.minister-page .minister-hero-lead .mark_b {
|
|||||||
color: var(--color-brand-light);
|
color: var(--color-brand-light);
|
||||||
}
|
}
|
||||||
|
|
||||||
body.minister-page .variety-block .intro-text {
|
|
||||||
color: #333;
|
|
||||||
line-height: 1.9;
|
|
||||||
margin: 0 0 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.minister-page .variety-block .slogan-quote--awakening+.intro-text {
|
body.minister-page .variety-block .slogan-quote--awakening+.intro-text {
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
body.minister-page .minister-skill-list {
|
body.minister-page .minister-skill-list {
|
||||||
margin: 0.75rem 0 0;
|
list-style: none;
|
||||||
padding-left: 1.2rem;
|
|
||||||
color: #333;
|
|
||||||
line-height: 1.75;
|
|
||||||
}
|
|
||||||
|
|
||||||
body.minister-page .minister-skill-list li {
|
|
||||||
margin-bottom: 0.85rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* hashtag 膠囊：minister.html 與 home-page（minister_ge .hashtag-chip）共用 */
|
/* hashtag 膠囊：minister.html 與 home-page（minister_ge .hashtag-chip）共用 */
|
||||||
|
|||||||
@@ -42,8 +42,7 @@
|
|||||||
<p>
|
<p>
|
||||||
回歸浪潮剛掀起時的深度長文：從 DSP 娛樂當年「專輯只賣 50 萬張」的解散說法談起，逐一點評六人各自的魅力——隊長殷志源的領導力、張水院的獨特氣質、李宰鎮的四次元思維、隱藏成員高志溶的溫暖、主唱姜成勳的顏值歌聲、金在德的忠誠，並向《無限挑戰》讓水晶男孩重回舞台致謝。
|
回歸浪潮剛掀起時的深度長文：從 DSP 娛樂當年「專輯只賣 50 萬張」的解散說法談起，逐一點評六人各自的魅力——隊長殷志源的領導力、張水院的獨特氣質、李宰鎮的四次元思維、隱藏成員高志溶的溫暖、主唱姜成勳的顏值歌聲、金在德的忠誠，並向《無限挑戰》讓水晶男孩重回舞台致謝。
|
||||||
</p>
|
</p>
|
||||||
<a href="https://www.ptt.cc/bbs/KoreaStar/M.1462808417.A.424.html" class="story-external-inline"
|
<a href="fan-articles/水晶男孩-六人六色.html" class="story-external-inline">
|
||||||
target="_blank" rel="noopener noreferrer">
|
|
||||||
<span class="story-external-inline__label">閱讀原文</span>
|
<span class="story-external-inline__label">閱讀原文</span>
|
||||||
<i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i>
|
<i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i>
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
+57
-53
@@ -25,24 +25,23 @@
|
|||||||
<canvas id="particles"></canvas>
|
<canvas id="particles"></canvas>
|
||||||
|
|
||||||
<main class="content-container variety-page-main chronicle-reader minister-main">
|
<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">
|
<section id="intro" class="variety-block">
|
||||||
<h2 class="section-title">跨越時空的開端</h2>
|
<h2 class="section-title">跨越時空的開端</h2>
|
||||||
<p class="intro-text">
|
<p class="intro-text section-copy">
|
||||||
這段旅程始於 2016 年 4 月，透過《無限挑戰》的回歸企劃，讓原本不認識這組傳奇團體的我，因一時好奇點開節目。即便錯過了 2000 年巔峰解散的時代，我依然被那份真誠且專業的魅力所震撼。</p>
|
這段旅程始於 2016 年 4 月，透過《無限挑戰》的回歸企劃，讓原本不認識這組傳奇團體的我，因一時好奇點開節目。即便錯過了 2000 年巔峰解散的時代，我依然被那份真誠且專業的魅力所震撼。</p>
|
||||||
<p class="slogan-quote slogan-quote--awakening"><span class="slogan-quote__inner">對我而言，這不只是追星的開始，更是自我覺醒的起點。</span></p>
|
<p class="slogan-quote slogan-quote--awakening"><span
|
||||||
|
class="slogan-quote__inner">對我而言，這不只是追星的開始，更是自我覺醒的起點。</span></p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="slant" class="variety-block">
|
<section id="slant" class="variety-block">
|
||||||
<h2 class="section-title">為了熱愛而進化的斜槓精神</h2>
|
<h2 class="section-title">為了熱愛而進化的斜槓精神</h2>
|
||||||
<p class="intro-text">
|
<p class="intro-text section-copy">
|
||||||
我始於「水晶廢人」的自嘲，卻在熱愛中長成了各個領域的策劃者：
|
始於「水晶廢人字幕組」出現的名詞「水晶廢人」，在熱愛中長成了各個領域的策劃者：
|
||||||
</p>
|
</p>
|
||||||
<ul class="minister-skill-list">
|
<ul class="minister-skill-list section-copy">
|
||||||
<li><span class="minister-hashtag">#水晶推廣部</span>身為品牌設計師，我堅持「不看醜東西」的原則，親自操刀所有視覺，將這份能量轉化為專業策劃。</li>
|
<li><span class="minister-hashtag">#水晶推廣部</span>身為設計總監，我堅持「美感」，親自操刀所有視覺，將這份能量轉化為專業策劃。</li>
|
||||||
<li><span class="minister-hashtag">#水晶訓練營</span>為了聽懂歐巴的每一句話，我開始學韓文、考韓檢、健身、跳舞，證明追星是自我提升最強大的動力。</li>
|
<li><span class="minister-hashtag">#水晶訓練營</span>為了聽懂歐巴的每一句話，我開始學韓文、考韓檢、健身、跳舞，證明追星是自我提升最強大的動力。</li>
|
||||||
<li><span class="minister-hashtag">#全端開發者</span>這是我當下最重要的挑戰，將設計專業與程式技術結合，搭建一個專屬於這份熱愛的數位平台。</li>
|
<li><span class="minister-hashtag">#全端開發者</span>這是我當下最重要的挑戰，將設計專業與程式技術結合，搭建一個專屬於這份熱愛的數位平台。</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -55,58 +54,63 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="merged-storyline">
|
<div class="merged-storyline">
|
||||||
<article class="story-node" data-era="2016.07" data-photo-pending="true">
|
<article class="story-node" data-era="2016.07" data-photo-pending="true">
|
||||||
<h3>手作初試</h3>
|
<h3>手作初試</h3>
|
||||||
<p>開始學習勾針，為金在德製作第一個鴨鴨置物籃，這是從旁觀者轉為實踐者的第一步。</p>
|
<p>開始學習勾針，為金在德製作第一個鴨鴨置物籃，這是從旁觀者轉為實踐者的第一步。</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2016.08" data-photo-pending="true">
|
<article class="story-node" data-era="2016.08" data-photo-pending="true">
|
||||||
<h3>螢幕後的參與</h3>
|
<h3>螢幕後的參與</h3>
|
||||||
<p>以「<a href="https://www.youtube.com/channel/UCJnhlm_t9C7BmcILcjHDk_w" class="story-external-inline" target="_blank" rel="noopener noreferrer"><span class="story-external-inline__label">水晶廢人字幕組</span><i class="fa-solid fa-arrow-up-right-from-square" aria-hidden="true"></i></a>」粉絲身分，用手繪應援板與勾針作品參與應援影片籌備。</p>
|
<p>以「<a href="https://www.youtube.com/channel/UCJnhlm_t9C7BmcILcjHDk_w"
|
||||||
</article>
|
class="story-external-inline" target="_blank" rel="noopener noreferrer"><span
|
||||||
|
class="story-external-inline__label">水晶廢人字幕組</span><i
|
||||||
|
class="fa-solid fa-arrow-up-right-from-square"
|
||||||
|
aria-hidden="true"></i></a>」粉絲身分，用手繪應援板與勾針作品參與應援影片籌備。</p>
|
||||||
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2016.09" data-photo-pending="true">
|
<article class="story-node" data-era="2016.09" data-photo-pending="true">
|
||||||
<h3>孤注一擲的現場</h3>
|
<h3>孤注一擲的現場</h3>
|
||||||
<p>在經濟窘迫、甚至需要借錢籌措旅費的情況下，飛往首爾參加首場演唱會。在那裡，我握著導師設計的台灣小黃手幅，第一次感受到設計與才華帶來的震撼。</p>
|
<p>在經濟窘迫、甚至需要借錢籌措旅費的情況下，飛往首爾參加首場演唱會。在那裡，我握著導師設計的台灣小黃手幅，第一次感受到設計與才華帶來的震撼。</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2016.12" data-photo-pending="true">
|
<article class="story-node" data-era="2016.12" data-photo-pending="true">
|
||||||
<h3>溫暖的饋贈</h3>
|
<h3>溫暖的饋贈</h3>
|
||||||
<p>在「#水晶文具社」聚會中，收到了同好精緻的手繪聖誕卡片。看著別人的創作，我更加確信自己也想成為能用作品傳遞能量的人。</p>
|
<p>在「#水晶文具社」聚會中，收到了同好精緻的手繪聖誕卡片。看著別人的創作，我更加確信自己也想成為能用作品傳遞能量的人。</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2017.01" data-photo-pending="true">
|
<article class="story-node" data-era="2017.01" data-photo-pending="true">
|
||||||
<h3>職人精神的啟發</h3>
|
<h3>職人精神的啟發</h3>
|
||||||
<p>參與資管組 D 大的新年紅包活動。其書法與刻印結合的質感，深深影響了我對美感的標準。</p>
|
<p>參與資管組 D 大的新年紅包活動。其書法與刻印結合的質感，深深影響了我對美感的標準。</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2017.02" data-photo-pending="true">
|
<article class="story-node" data-era="2017.02" data-photo-pending="true">
|
||||||
<h3>身體記憶的熱血</h3>
|
<h3>身體記憶的熱血</h3>
|
||||||
<p>擔任應援組熱舞企劃小組長，在板橋與中山地下街教舞兩個月，為此減重 10 公斤，用身體記憶跨越世紀的節奏。</p>
|
<p>擔任應援組熱舞企劃小組長，在板橋與中山地下街教舞兩個月，為此減重 10 公斤，用身體記憶跨越世紀的節奏。</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2017.04" data-photo-pending="true">
|
<article class="story-node" data-era="2017.04" data-photo-pending="true">
|
||||||
<h3>筆尖的沈澱</h3>
|
<h3>筆尖的沈澱</h3>
|
||||||
<p>跟著文具社走遍全台咖啡廳，在鋼筆墨水與玻璃杯的陪伴下，用手寫記錄初心。</p>
|
<p>跟著文具社走遍全台咖啡廳，在鋼筆墨水與玻璃杯的陪伴下，用手寫記錄初心。</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2018">
|
<article class="story-node" data-era="2018">
|
||||||
<h3>設計靈魂覺醒</h3>
|
<h3>設計靈魂覺醒</h3>
|
||||||
<p>正式踏入設計領域。因為想為水晶男孩創作的執念，所有的練習都以他們為主題，這種動力讓我的設計實力產生質變。</p>
|
<p>正式踏入設計領域。因為想為水晶男孩創作的執念，所有的練習都以他們為主題，這種動力讓我的設計實力產生質變。</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="2018.07">
|
<article class="story-node" data-era="2018.07">
|
||||||
<h3>415 天健身挑戰</h3>
|
<h3>415 天健身挑戰</h3>
|
||||||
<p>7/13 李宰鎮生日這天，自發性展開為期 415 天的每日健身計畫。也因為知道李宰鎮、張水院都有重訓健身的習慣，這條「水晶健身重訓」的自我要求就更沒有鬆懈的理由。</p>
|
<p>7/13 李宰鎮生日這天，自發性展開為期 415 天的每日健身計畫。也因為知道李宰鎮、張水院都有重訓健身的習慣，這條「水晶健身重訓」的自我要求就更沒有鬆懈的理由。</p>
|
||||||
<figure class="minister-photo">
|
<figure class="minister-photo">
|
||||||
<img src="../assets/images/minister/fitness-calendar.png" alt="健身重訓行事曆" width="1040" height="780" loading="lazy">
|
<img src="../assets/images/minister/fitness-calendar.png" alt="健身重訓行事曆" width="1040"
|
||||||
</figure>
|
height="780" loading="lazy">
|
||||||
</article>
|
</figure>
|
||||||
|
</article>
|
||||||
|
|
||||||
<article class="story-node" data-era="NOW">
|
<article class="story-node" data-era="NOW">
|
||||||
<h3>全端開發與推廣</h3>
|
<h3>全端開發與推廣</h3>
|
||||||
<p>不再只是感嘆導師與他人的才華。我正運用包裝設計與全端開發的積累，親手搭建這個數位平台，證明追星是讓我「變厲害」的軍功章。</p>
|
<p>不再只是感嘆導師與他人的才華。我正運用包裝設計與全端開發的積累，親手搭建這個數位平台，證明追星是讓我「變厲害」的軍功章。</p>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@@ -126,4 +130,4 @@
|
|||||||
<script src="../assets/js/portal-nav.js"></script>
|
<script src="../assets/js/portal-nav.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user