557 lines
40 KiB
HTML
557 lines
40 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>SECHSKIES 節目景點地圖</title>
|
||
<link rel="stylesheet" href="../assets/css/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="../assets/css/tablet.css">
|
||
<style>
|
||
/* display:grid / flex 會蓋掉 HTML hidden，預設只顯示單張地圖 */
|
||
body.map-page .map-embed-all[hidden],
|
||
body.map-page .map-embed-single[hidden],
|
||
body.map-page .map-links-dual[hidden],
|
||
body.map-page .map-link[hidden] {
|
||
display: none !important;
|
||
}
|
||
|
||
body.map-page .detail-panel {
|
||
margin-top: 0;
|
||
margin-bottom: 8px;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body class="map-page">
|
||
<!-- 備註：本頁一定要是完整 HTML 文件（含 head 與 style.css），
|
||
否則會變成瀏覽器的「片段模式」，樣式常常吃不到或跑版。 -->
|
||
<header class="inner-page-header">
|
||
<div class="header-inner site-header-inner">
|
||
<h1 class="main-title">節目景點列表</h1>
|
||
<div class="subtitle-wrap">
|
||
<span class="sub-title">SECHSKIES LOCATION ARCHIVE</span>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
|
||
|
||
<div class="region-tabs" aria-label="地區篩選" data-region-tabs>
|
||
<button class="region-tab-btn active" data-region="taipei" aria-pressed="true">台灣行程</button>
|
||
<button class="region-tab-btn" data-region="global" aria-pressed="false">海外行程</button>
|
||
</div>
|
||
|
||
<canvas id="particles"></canvas>
|
||
|
||
<input id="itinerary-search" type="search" aria-label="行程搜尋"
|
||
placeholder="搜尋地點、描述、標籤（例如：九份、夜市、Day 2）">
|
||
|
||
<main class="content-container">
|
||
<!-- 備註：每個 .region-panel 是獨立地區區塊，member-tabs 上的 data-map-embed／data-map-open
|
||
是該行程的 Google My Maps（可留空＝該行程沒有地圖，只顯示卡片）。新增行程只要加一顆 tab 按鈕，
|
||
不需要改 map.js。「全部行程」的地圖會依目前分頁裡「有設定地圖」的 tab 動態組出來。 -->
|
||
|
||
<section id="taipei" class="region-panel" data-region-panel="taipei">
|
||
<div class="member-tabs" aria-label="成員篩選" data-member-tabs>
|
||
<button class="tab-btn active" data-member="eun" aria-pressed="true"
|
||
data-trip-name="殷空少搭飛機去台灣高雄" data-member-label="殷志源" data-sort-order="0"
|
||
data-map-embed="https://www.google.com/maps/d/embed?mid=1VGZ76SPPjm3NWCBQe-hkm08oe5WPRJI&ehbc=2E312F"
|
||
data-map-open="https://www.google.com/maps/d/u/0/viewer?mid=1VGZ76SPPjm3NWCBQe-hkm08oe5WPRJI">殷空少搭飛機去台灣高雄</button>
|
||
<button class="tab-btn" data-member="ko" aria-pressed="false"
|
||
data-trip-name="高高父子遊台灣" data-member-label="高志溶" data-sort-order="1"
|
||
data-map-embed="https://www.google.com/maps/d/embed?mid=1xpAsSoO8gNmMiW4x2sfkndISFTtjMQDw&hl=zh-TW&ehbc=2E312F"
|
||
data-map-open="https://www.google.com/maps/d/u/0/viewer?mid=1xpAsSoO8gNmMiW4x2sfkndISFTtjMQDw">高高父子遊台灣</button>
|
||
<button class="tab-btn" data-member="all" aria-pressed="false">全部行程</button>
|
||
</div>
|
||
|
||
<div class="map-layout">
|
||
<section class="map-sticky" data-map-sticky>
|
||
<h2 class="map-title">水晶男孩台灣行程地圖</h2>
|
||
<div class="map-embed-single" id="map-embed-single">
|
||
<iframe id="member-map" class="map-my-maps-frame" title="SECHSKIES 踩點地圖（單一行程）" loading="lazy"
|
||
referrerpolicy="no-referrer-when-downgrade"
|
||
src="https://www.google.com/maps/d/embed?mid=1VGZ76SPPjm3NWCBQe-hkm08oe5WPRJI&ehbc=2E312F">
|
||
</iframe>
|
||
</div>
|
||
<p class="map-embed-empty" data-map-embed-empty hidden>這個行程目前沒有設定地圖，只有下方的地點卡片。</p>
|
||
<div class="map-embed-all" id="map-embed-all" hidden></div>
|
||
<div class="map-links-wrap">
|
||
<a id="open-map-link" class="map-link" target="_blank"
|
||
href="https://www.google.com/maps/d/u/0/viewer?mid=1VGZ76SPPjm3NWCBQe-hkm08oe5WPRJI">
|
||
在 Google My Maps 開啟完整地圖
|
||
</a>
|
||
<div id="open-map-links-dual" class="map-links-dual" hidden></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="itinerary-list">
|
||
<!-- 備註：每張卡的 data-* 是「細節面板的資料來源」。
|
||
你只要改 data-date/title/desc/quote/tag/link 和圖片，就會同步更新上方介紹。 -->
|
||
<article class="detail-panel" id="detail-panel" aria-live="polite">
|
||
<div class="detail-photo">
|
||
<img id="detail-image" src="https://images.pexels.com/photos/31504986/pexels-photo-31504986.jpeg" alt="臺灣桃園國際機場停機坪與客機">
|
||
</div>
|
||
<div class="detail-content">
|
||
<span id="detail-date" class="date">Day 1</span>
|
||
<h3 id="detail-title">臺灣桃園國際機場</h3>
|
||
<p id="detail-desc">高高父子遊台灣 Day 1 首站，從桃園機場正式開啟三天行程。</p>
|
||
<blockquote id="detail-quote">「旅程從落地那一刻就開始了。」</blockquote>
|
||
<div id="detail-tag" class="tag">#高高父子遊台灣 #Day1 #機場</div>
|
||
<a id="detail-link" class="detail-link" target="_blank"
|
||
href="https://maps.google.com/?q=臺灣桃園國際機場">查看此地點</a>
|
||
</div>
|
||
</article>
|
||
<article class="polaroid-card active" data-member="eun" data-date="殷志源 Day 1" data-title="仁川國際機場"
|
||
data-desc="殷空少搭飛機去台灣高雄 Day 1 起點，從仁川出發。"
|
||
data-quote="高雄，我們來了。" data-tag="#殷志源 #Day1 #出發"
|
||
data-link="https://maps.google.com/?q=仁川國際機場">
|
||
<div class="photo-frame">
|
||
<img src="https://images.pexels.com/photos/32211619/pexels-photo-32211619.jpeg" alt="仁川國際機場明亮現代化航廈">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">殷志源 Day 1</span>
|
||
<h3>仁川國際機場</h3>
|
||
<p class="description">殷志源高雄行程第一站。</p>
|
||
<div class="tag">#殷志源 #Day1</div>
|
||
</div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 1" data-title="高雄國際機場"
|
||
data-desc="抵達高雄，正式開始在地行程。"
|
||
data-quote="落地就是旅行模式開啟。" data-tag="#殷志源 #Day1 #高雄"
|
||
data-link="https://maps.google.com/?q=高雄國際機場">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/d/d7/Outside_of_KHH_Terminal.jpg" alt="高雄國際機場航廈外觀" title="圖片來源：Wikimedia Commons，© ABOVE THE SKY，CC BY-SA 4.0"><span class="photo-credit">© ABOVE THE SKY</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 1</span><h3>高雄國際機場</h3><p class="description">殷志源高雄行程第二站。</p><div class="tag">#殷志源 #Day1</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 1" data-title="星巴克小港國際站門市"
|
||
data-desc="機場周邊補給點，為 Day 1 暖身。"
|
||
data-quote="先來一杯，狀態就到位。" data-tag="#殷志源 #Day1 #咖啡"
|
||
data-link="https://maps.google.com/?q=星巴克小港國際站門市">
|
||
<div class="photo-frame"><img src="https://picsum.photos/seed/eun-khh-day1-3/640/420" alt="殷志源高雄行程節目截圖-星巴克小港國際站門市"></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 1</span><h3>星巴克小港國際站門市</h3><p class="description">殷志源高雄行程第三站。</p><div class="tag">#殷志源 #Day1</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 1" data-title="元帝廟北極亭"
|
||
data-desc="在地信仰文化路線，感受高雄生活節奏。"
|
||
data-quote="走進廟埕，城市的日常就有了溫度。" data-tag="#殷志源 #Day1 #文化"
|
||
data-link="https://maps.google.com/?q=元帝廟北極亭">
|
||
<div class="photo-frame"><img src="https://picsum.photos/seed/eun-khh-day1-4/640/420" alt="殷志源高雄行程節目截圖-元帝廟北極亭"></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 1</span><h3>元帝廟北極亭</h3><p class="description">殷志源高雄行程第四站。</p><div class="tag">#殷志源 #Day1</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 1" data-title="桃子園餐廳"
|
||
data-desc="Day 1 用餐點，銜接下一天行程。"
|
||
data-quote="每一站都要有好吃的收尾。" data-tag="#殷志源 #Day1 #美食"
|
||
data-link="https://maps.google.com/?q=桃子園餐廳">
|
||
<div class="photo-frame"><img src="https://picsum.photos/seed/eun-khh-day1-5/640/420" alt="殷志源高雄行程節目截圖-桃子園餐廳"></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 1</span><h3>桃子園餐廳</h3><p class="description">殷志源高雄行程第五站。</p><div class="tag">#殷志源 #Day1</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="哈囉市場"
|
||
data-desc="Day 2 從市場開始，走進高雄在地日常。"
|
||
data-quote="市場最能看見一座城市的生活感。" data-tag="#殷志源 #Day2 #市場"
|
||
data-link="https://maps.google.com/?q=哈囉市場">
|
||
<div class="photo-frame"><img src="https://picsum.photos/seed/eun-khh-day2-1/640/420" alt="殷志源高雄行程節目截圖-哈囉市場"></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>哈囉市場</h3><p class="description">殷志源高雄行程 Day 2 第一站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="蓮池潭"
|
||
data-desc="高雄經典景點，白天景色與步行路線都很適合取景。"
|
||
data-quote="每一步都有風景可以拍。" data-tag="#殷志源 #Day2 #景點"
|
||
data-link="https://maps.google.com/?q=蓮池潭">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/b/b3/Lotus_Lake%2C_Kaohsiung%2C_panorama%2C_Dec_06.jpg" alt="蓮池潭與春秋閣全景" title="圖片來源：Wikimedia Commons，© Sengkang，CC BY-SA 3.0"><span class="photo-credit">© Sengkang</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>蓮池潭</h3><p class="description">殷志源高雄行程 Day 2 第二站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="龍虎塔"
|
||
data-desc="蓮池潭代表地標，適合搭配導覽與拍照段落。"
|
||
data-quote="高雄的經典場景之一。" data-tag="#殷志源 #Day2 #地標"
|
||
data-link="https://maps.google.com/?q=龍虎塔">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/b/b6/Dragon_and_Tiger_Pagodas.jpg" alt="蓮池潭龍虎塔與九曲橋" title="圖片來源：Wikimedia Commons，© Selvamsathish，CC BY-SA 4.0"><span class="photo-credit">© Selvamsathish</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>龍虎塔</h3><p class="description">殷志源高雄行程 Day 2 第三站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="輕軌高雄展覽館站(新光碼頭)"
|
||
data-desc="港區路線轉乘點，串接後續海線行程。"
|
||
data-quote="搭上輕軌，城市風景一路展開。" data-tag="#殷志源 #Day2 #輕軌"
|
||
data-link="https://maps.google.com/?q=輕軌高雄展覽館站(新光碼頭)">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/1/1c/Kaohsiung_LRT_C8_Station.jpg" alt="高雄輕軌車站與列車" title="圖片來源：Wikimedia Commons，© Tze Chiang Hao，CC BY-SA 4.0"><span class="photo-credit">© Tze Chiang Hao</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>輕軌高雄展覽館站(新光碼頭)</h3><p class="description">殷志源高雄行程 Day 2 第四站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="捷運哈瑪星站(輕軌哈瑪星站)"
|
||
data-desc="山海交界的人氣轉運點，步行動線完整。"
|
||
data-quote="到了哈瑪星，海港味就很濃。" data-tag="#殷志源 #Day2 #捷運"
|
||
data-link="https://maps.google.com/?q=捷運哈瑪星站">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/7/7c/Hamasen%2C_Kaohsiung_2011-04-24.jpg" alt="哈瑪星港區歷史街景" title="圖片來源：Wikimedia Commons，© Yi Chen，CC BY 2.0"><span class="photo-credit">© Yi Chen</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>捷運哈瑪星站(輕軌哈瑪星站)</h3><p class="description">殷志源高雄行程 Day 2 第五站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="仁武烤鴨"
|
||
data-desc="高雄人氣美食站，安排在中段補給。"
|
||
data-quote="好吃到會想直接再外帶一份。" data-tag="#殷志源 #Day2 #美食"
|
||
data-link="https://maps.google.com/?q=仁武烤鴨">
|
||
<div class="photo-frame"><img src="https://picsum.photos/seed/eun-khh-day2-6/640/420" alt="殷志源高雄行程節目截圖-仁武烤鴨"></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>仁武烤鴨</h3><p class="description">殷志源高雄行程 Day 2 第六站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="握咖啡西子灣店(總店)"
|
||
data-desc="海邊咖啡節奏，適合休息和訪談。"
|
||
data-quote="在西子灣，時間會慢下來。" data-tag="#殷志源 #Day2 #咖啡"
|
||
data-link="https://maps.google.com/?q=握咖啡西子灣店(總店)">
|
||
<div class="photo-frame"><img src="https://picsum.photos/seed/eun-khh-day2-7/640/420" alt="殷志源高雄行程節目截圖-握咖啡西子灣店"></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>握咖啡西子灣店(總店)</h3><p class="description">殷志源高雄行程 Day 2 第七站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="鼓山輪渡站"
|
||
data-desc="前往旗津的重要交通節點。"
|
||
data-quote="坐上渡輪，旅程感直接拉滿。" data-tag="#殷志源 #Day2 #輪渡"
|
||
data-link="https://maps.google.com/?q=鼓山輪渡站">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/e/e0/Gushan_Ferry_Station-20250403.jpg" alt="鼓山輪渡站站體" title="圖片來源：Wikimedia Commons，© Allervous，CC BY-SA 4.0"><span class="photo-credit">© Allervous</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>鼓山輪渡站</h3><p class="description">殷志源高雄行程 Day 2 第八站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="旗津輪渡站"
|
||
data-desc="抵達旗津，展開海岸線路段。"
|
||
data-quote="到了旗津，風都不一樣。" data-tag="#殷志源 #Day2 #旗津"
|
||
data-link="https://maps.google.com/?q=旗津輪渡站">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/4/4a/%E6%97%97%E6%B4%A5%E8%BC%AA%E6%B8%A1%E7%AB%99%E5%BB%BA%E7%AF%89%E5%A4%96%E8%A7%80.jpg" alt="旗津輪渡站建築外觀" title="圖片來源：Wikimedia Commons，© Yu-Cian Wu，CC BY-SA 4.0"><span class="photo-credit">© Yu-Cian Wu</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>旗津輪渡站</h3><p class="description">殷志源高雄行程 Day 2 第九站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="樂騎腳踏車、電動車、遊園車（旗津）"
|
||
data-desc="旗津移動工具租借點（和隔壁不是同一間）。"
|
||
data-quote="騎上車，海邊路線更完整。" data-tag="#殷志源 #Day2 #旗津"
|
||
data-link="https://maps.google.com/?q=樂騎腳踏車 旗津">
|
||
<div class="photo-frame"><img src="https://picsum.photos/seed/eun-khh-day2-10/640/420" alt="殷志源高雄行程節目截圖-樂騎腳踏車"></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>樂騎腳踏車、電動車、遊園車（旗津）</h3><p class="description">殷志源高雄行程 Day 2 第十站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="旗津彩虹教堂"
|
||
data-desc="旗津拍照地標之一。"
|
||
data-quote="彩虹教堂是旗津必拍清單。" data-tag="#殷志源 #Day2 #旗津"
|
||
data-link="https://maps.google.com/?q=旗津彩虹教堂">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/3/37/%E3%80%90%E9%AB%98%E9%9B%84%E6%99%AF%E9%BB%9E%E3%80%91%E6%97%97%E6%B4%A5%E5%BD%A9%E8%99%B9%E6%95%99%E5%A0%82_%2831505226685%29.jpg" alt="旗津彩虹教堂繽紛拱門" title="圖片來源：Wikimedia Commons，© fullfen666，CC BY-SA 2.0"><span class="photo-credit">© fullfen666</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>旗津彩虹教堂</h3><p class="description">殷志源高雄行程 Day 2 第十一站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="旗津貝殼館"
|
||
data-desc="旗津主題展點，補足海線內容。"
|
||
data-quote="一站一站把海線故事拼起來。" data-tag="#殷志源 #Day2 #旗津"
|
||
data-link="https://maps.google.com/?q=旗津貝殼館">
|
||
<div class="photo-frame"><img src="https://upload.wikimedia.org/wikipedia/commons/f/fa/Cijin_Shell_Museum.JPG" alt="旗津貝殼館外觀" title="圖片來源：Wikimedia Commons，© SSR2000，CC BY-SA 3.0"><span class="photo-credit">© SSR2000</span></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>旗津貝殼館</h3><p class="description">殷志源高雄行程 Day 2 第十二站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
<article class="polaroid-card" data-member="eun" data-date="殷志源 Day 2" data-title="海忠寶活海產店"
|
||
data-desc="高雄海線行程收尾美食站。"
|
||
data-quote="最後用海鮮把今天完美收尾。" data-tag="#殷志源 #Day2 #美食"
|
||
data-link="https://maps.google.com/?q=海忠寶活海產店">
|
||
<div class="photo-frame"><img src="https://picsum.photos/seed/eun-khh-day2-13/640/420" alt="殷志源高雄行程節目截圖-海忠寶活海產店"></div>
|
||
<div class="card-content"><span class="date">殷志源 Day 2</span><h3>海忠寶活海產店</h3><p class="description">殷志源高雄行程 Day 2 第十三站。</p><div class="tag">#殷志源 #Day2</div></div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="高志溶 Day 1" data-title="臺灣桃園國際機場"
|
||
data-desc="高高父子遊台灣 Day 1 首站，從桃園機場正式開啟三天行程。"
|
||
data-quote="旅程從落地那一刻就開始了。" data-tag="#高高父子遊台灣 #Day1 #機場"
|
||
data-link="https://maps.google.com/?q=臺灣桃園國際機場">
|
||
<div class="photo-frame">
|
||
<img src="https://images.pexels.com/photos/31504986/pexels-photo-31504986.jpeg" alt="臺灣桃園國際機場停機坪與客機">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">高志溶 Day 1</span>
|
||
<h3>臺灣桃園國際機場</h3>
|
||
<p class="description">高高父子遊台灣 Day 1 第一站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day1</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 1" data-title="捷運西門站"
|
||
data-desc="進入市區後前往西門站，接續 Day 1 的街區行程。"
|
||
data-quote="從這裡開始感受台北節奏。" data-tag="#高高父子遊台灣 #Day1 #西門"
|
||
data-link="https://maps.google.com/?q=捷運西門站">
|
||
<div class="photo-frame">
|
||
<img src="https://images.pexels.com/photos/32222711/pexels-photo-32222711.jpeg" alt="西門町街景">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 1</span>
|
||
<h3>捷運西門站</h3>
|
||
<p class="description">高高父子遊台灣 Day 1 第二站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day1</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 1" data-title="老山東牛肉麺"
|
||
data-desc="Day 1 用餐站，安排在市區動線中，補充體力後繼續跑點。"
|
||
data-quote="旅程裡一定要有一餐記得住的味道。" data-tag="#高高父子遊台灣 #Day1 #美食"
|
||
data-link="https://maps.google.com/?q=老山東牛肉麺">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day1-noodle/640/420" alt="高高父子遊台灣節目截圖-老山東牛肉麺">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 1</span>
|
||
<h3>老山東牛肉麺</h3>
|
||
<p class="description">高高父子遊台灣 Day 1 第三站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day1</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 1" data-title="町記憶旅店"
|
||
data-desc="Day 1 入住據點，方便串接西門和夜市行程。"
|
||
data-quote="住進行程核心區，晚上才跑得動。" data-tag="#高高父子遊台灣 #Day1 #住宿"
|
||
data-link="https://maps.google.com/?q=町記憶旅店">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day1-hotel/640/420" alt="高高父子遊台灣節目截圖-町記憶旅店">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 1</span>
|
||
<h3>町記憶旅店</h3>
|
||
<p class="description">高高父子遊台灣 Day 1 第四站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day1</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 1" data-title="士林夜市"
|
||
data-desc="Day 1 晚間重點，夜市小吃與逛街片段集中在這裡。"
|
||
data-quote="台灣夜市是不能錯過的必修行程。" data-tag="#高高父子遊台灣 #Day1 #夜市"
|
||
data-link="https://maps.google.com/?q=士林夜市">
|
||
<div class="photo-frame">
|
||
<img src="https://images.pexels.com/photos/35558289/pexels-photo-35558289.jpeg" alt="士林夜市夜間街景">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 1</span>
|
||
<h3>士林夜市</h3>
|
||
<p class="description">高高父子遊台灣 Day 1 第五站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day1</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 1" data-title="家鄉碳烤香雞排"
|
||
data-desc="夜市美食支線，捕捉在地小吃的重點片段。"
|
||
data-quote="熱騰騰的香氣，最有旅行感。" data-tag="#高高父子遊台灣 #Day1 #小吃"
|
||
data-link="https://maps.google.com/?q=家鄉碳烤香雞排">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day1-chicken/640/420" alt="高高父子遊台灣節目截圖-家鄉碳烤香雞排">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 1</span>
|
||
<h3>家鄉碳烤香雞排</h3>
|
||
<p class="description">高高父子遊台灣 Day 1 第六站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day1</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 1" data-title="多田家"
|
||
data-desc="Day 1 收尾站，整理當天行程內容與心得。"
|
||
data-quote="第一天收得好，第二天才走得遠。" data-tag="#高高父子遊台灣 #Day1"
|
||
data-link="https://maps.google.com/?q=多田家">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day1-laststop/640/420" alt="高高父子遊台灣節目截圖-多田家">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 1</span>
|
||
<h3>多田家</h3>
|
||
<p class="description">高高父子遊台灣 Day 1 第七站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day1</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 2" data-title="臺灣師範大學"
|
||
data-desc="Day 2 從校園與周邊商圈展開，節奏偏生活感。"
|
||
data-quote="第二天從白天的城市日常開始。" data-tag="#高高父子遊台灣 #Day2 #校園"
|
||
data-link="https://maps.google.com/?q=臺灣師範大學">
|
||
<div class="photo-frame">
|
||
<img src="https://upload.wikimedia.org/wikipedia/commons/b/b0/202407_Main_gate_of_NTNU_Main_Campus.jpg" alt="臺灣師範大學校門" title="圖片來源：Wikimedia Commons，© Jonashtand，CC BY-SA 4.0">
|
||
<span class="photo-credit">© Jonashtand</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 2</span>
|
||
<h3>臺灣師範大學</h3>
|
||
<p class="description">高高父子遊台灣 Day 2 第一站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day2</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 2" data-title="陳三鼎黑糖青蛙鮮奶創始店"
|
||
data-desc="人氣飲料站點，作為 Day 2 的輕食補給。"
|
||
data-quote="來到台北，怎麼能少一杯黑糖鮮奶。" data-tag="#高高父子遊台灣 #Day2 #飲料"
|
||
data-link="https://maps.google.com/?q=陳三鼎黑糖青蛙鮮奶創始店">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day2-boba/640/420" alt="高高父子遊台灣節目截圖-陳三鼎黑糖青蛙鮮奶創始店">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 2</span>
|
||
<h3>陳三鼎黑糖青蛙鮮奶創始店</h3>
|
||
<p class="description">高高父子遊台灣 Day 2 第二站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day2</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 2" data-title="九份老街"
|
||
data-desc="Day 2 山城主線，老街景觀與觀光美食集中。"
|
||
data-quote="九份是會讓人想慢慢走慢慢看的地方。" data-tag="#高高父子遊台灣 #Day2 #九份"
|
||
data-link="https://maps.google.com/?q=九份老街">
|
||
<div class="photo-frame">
|
||
<img src="https://images.pexels.com/photos/37975552/pexels-photo-37975552.jpeg" alt="九份老街紅燈籠夜景">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 2</span>
|
||
<h3>九份老街</h3>
|
||
<p class="description">高高父子遊台灣 Day 2 第三站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day2</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 2" data-title="九份第一家現烤臭豆腐"
|
||
data-desc="九份美食支線，節目中可搭配試吃反應與街邊互動。"
|
||
data-quote="有些味道，就是旅行記憶點。" data-tag="#高高父子遊台灣 #Day2 #美食"
|
||
data-link="https://maps.google.com/?q=九份第一家現烤臭豆腐">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day2-tofu/640/420" alt="高高父子遊台灣節目截圖-九份第一家現烤臭豆腐">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 2</span>
|
||
<h3>九份第一家現烤臭豆腐</h3>
|
||
<p class="description">高高父子遊台灣 Day 2 第四站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day2</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 2" data-title="泥人吳"
|
||
data-desc="Day 2 收尾點，可放手作或店家互動片段。"
|
||
data-quote="旅程最後，留一個可以帶走的記憶。" data-tag="#高高父子遊台灣 #Day2"
|
||
data-link="https://maps.google.com/?q=泥人吳">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day2-clay/640/420" alt="高高父子遊台灣節目截圖-泥人吳">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 2</span>
|
||
<h3>泥人吳</h3>
|
||
<p class="description">高高父子遊台灣 Day 2 第五站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day2</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 3" data-title="北投公園露天溫泉"
|
||
data-desc="Day 3 先走北投溫泉段落，行程氛圍轉為放鬆。"
|
||
data-quote="第三天就用溫泉感把節奏放慢。" data-tag="#高高父子遊台灣 #Day3 #北投"
|
||
data-link="https://maps.google.com/?q=北投公園露天溫泉">
|
||
<div class="photo-frame">
|
||
<img src="https://upload.wikimedia.org/wikipedia/commons/d/da/Hot_river_%283823489104%29.jpg" alt="北投溫泉公園地熱溪流" title="圖片來源：Wikimedia Commons，© Caitriana Nicholson，CC BY-SA 2.0">
|
||
<span class="photo-credit">© Caitriana Nicholson</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 3</span>
|
||
<h3>北投公園露天溫泉</h3>
|
||
<p class="description">高高父子遊台灣 Day 3 第一站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day3</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 3" data-title="靜安吊橋"
|
||
data-desc="山線移動路段，可搭配景色鏡頭與步行片段。"
|
||
data-quote="在橋上看風景，旅程也會變慢。" data-tag="#高高父子遊台灣 #Day3"
|
||
data-link="https://maps.google.com/?q=靜安吊橋">
|
||
<div class="photo-frame">
|
||
<img src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Jing%27an_Suspension_Bridge_New_Taipei_%E9%9D%9C%E5%AE%89%E6%A9%8B_%282025%29_-_img_08.jpg" alt="靜安吊橋" title="圖片來源：Wikimedia Commons，© Chainwit.，CC BY 4.0">
|
||
<span class="photo-credit">© Chainwit.</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 3</span>
|
||
<h3>靜安吊橋</h3>
|
||
<p class="description">高高父子遊台灣 Day 3 第二站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day3</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 3" data-title="十分老街"
|
||
data-desc="Day 3 核心站，老街與鐵道周邊畫面密集。"
|
||
data-quote="十分的氛圍，跟平溪線一樣有故事感。" data-tag="#高高父子遊台灣 #Day3 #十分"
|
||
data-link="https://maps.google.com/?q=十分老街">
|
||
<div class="photo-frame">
|
||
<img src="https://images.pexels.com/photos/30131488/pexels-photo-30131488.jpeg" alt="十分老街火車穿越街道">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 3</span>
|
||
<h3>十分老街</h3>
|
||
<p class="description">高高父子遊台灣 Day 3 第三站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day3</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 3" data-title="溜哥燒烤雞翅包飯"
|
||
data-desc="老街美食支線，適合放試吃與街邊互動鏡頭。"
|
||
data-quote="邊走邊吃，才是老街玩法。" data-tag="#高高父子遊台灣 #Day3 #小吃"
|
||
data-link="https://maps.google.com/?q=溜哥燒烤雞翅包飯">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day3-wingrice/640/420" alt="高高父子遊台灣節目截圖-溜哥燒烤雞翅包飯">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 3</span>
|
||
<h3>溜哥燒烤雞翅包飯</h3>
|
||
<p class="description">高高父子遊台灣 Day 3 第四站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day3</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 3" data-title="十分幸福 花生捲冰淇淋"
|
||
data-desc="甜點站補強節奏變化，和前一站鹹食形成對比。"
|
||
data-quote="最後一定要來點甜的，才算完整。" data-tag="#高高父子遊台灣 #Day3 #甜點"
|
||
data-link="https://maps.google.com/?q=十分幸福 花生捲冰淇淋">
|
||
<div class="photo-frame">
|
||
<img src="https://picsum.photos/seed/day3-icecream/640/420" alt="高高父子遊台灣節目截圖-十分幸福花生捲冰淇淋">
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 3</span>
|
||
<h3>十分幸福 花生捲冰淇淋</h3>
|
||
<p class="description">高高父子遊台灣 Day 3 第五站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day3</div>
|
||
</div>
|
||
</article>
|
||
|
||
<article class="polaroid-card" data-member="kogo" data-date="Day 3" data-title="胡家天燈"
|
||
data-desc="三天行程最終站，收在十分天燈段落。"
|
||
data-quote="把願望寫上天燈，這趟旅程就有了句點。" data-tag="#高高父子遊台灣 #Day3 #天燈"
|
||
data-link="https://maps.google.com/?q=胡家天燈">
|
||
<div class="photo-frame">
|
||
<img src="https://upload.wikimedia.org/wikipedia/commons/5/50/20250707_lantern2.jpg" alt="十分天燈夜間施放" title="圖片來源：Wikimedia Commons，© Wombatjpw，CC0">
|
||
<span class="photo-credit">© Wombatjpw</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<span class="date">Day 3</span>
|
||
<h3>胡家天燈</h3>
|
||
<p class="description">高高父子遊台灣 Day 3 第六站。</p>
|
||
<div class="tag">#高高父子遊台灣 #Day3</div>
|
||
</div>
|
||
</article>
|
||
</section>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="global" class="region-panel" data-region-panel="global" hidden>
|
||
<div class="member-tabs" aria-label="成員篩選" data-member-tabs>
|
||
<button class="tab-btn active" data-member="all" aria-pressed="true">全部行程</button>
|
||
</div>
|
||
|
||
<div class="map-layout">
|
||
<section class="map-sticky" data-map-sticky hidden>
|
||
<h2 class="map-title">海外行程地圖</h2>
|
||
<div class="map-embed-single" id="map-embed-single-global">
|
||
<iframe id="member-map-global" class="map-my-maps-frame" title="SECHSKIES 踩點地圖（單一行程）" loading="lazy"
|
||
referrerpolicy="no-referrer-when-downgrade" src="about:blank"></iframe>
|
||
</div>
|
||
<p class="map-embed-empty" data-map-embed-empty hidden>這個行程目前沒有設定地圖，只有下方的地點卡片。</p>
|
||
<div class="map-embed-all" id="map-embed-all-global" hidden></div>
|
||
<div class="map-links-wrap">
|
||
<a class="map-link" target="_blank" href="#" hidden>在 Google My Maps 開啟完整地圖</a>
|
||
<div class="map-links-dual" hidden></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="itinerary-list">
|
||
<p class="region-empty-state" data-region-empty>
|
||
海外行程整理中，之後會陸續補上節目裡出現過的國家與地點。
|
||
</p>
|
||
</section>
|
||
</div>
|
||
</section>
|
||
</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="../assets/js/map.js"></script>
|
||
<script src="../assets/js/portal-nav.js"></script>
|
||
|
||
</body>
|
||
|
||
</html> |