-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
265 lines (262 loc) · 13.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!doctype html>
<html lang="zh-Hang-TW">
<head>
<title>一把青 | a Touch of Green</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="一把青|那個年代,男人的戰爭結束,女人的戰爭,才要開始。"/>
<meta name="keywords" content="一把青,白先勇,曹瑞原,吳慷仁,楊謹華,楊一展,天心,藍鈞天,連俞涵,溫貞菱,鍾承翰,樊光耀,班鐵翔,台北人,郭軫,朱青,江偉成,秦芊儀,邵志堅,周瑋訓,顧肇鈞,墨婷,焦飛,樊任先,老鞏,國共抗戰,空軍,飛行員,空軍眷屬,P51野馬機,十一大隊,眷村,仁愛東村"/>
<meta property="og:title" content="一把青 | a Touch of Green"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://atouchofgreen.fanily.tw"/>
<meta property="og:image" content="http://atouchofgreen.fanily.tw/img/banner.png"/>
<meta property="og:description" content="一把青|那個年代,男人的戰爭結束,女人的戰爭,才要開始。"/>
<link rel="icon" type="image/png" href="/favicon.ico">
<link rel="stylesheet" type="text/css" href="/css/normalize.css"/>
<link rel="stylesheet" type="text/css" href="/css/lightgallery.min.css"/>
<link rel="stylesheet" type="text/css" href="/css/glyphicons.css" />
<link rel="stylesheet" type="text/css" href="/css/glyphicons-social.css" />
<link rel="stylesheet" type="text/css" href="/css/ungrid.min.css" />
<link rel="stylesheet" type="text/css" href="/css/lightslider.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="/css/style.css?t=1455617073"/>
<script src="/js/jquery.1.11.3.min.js"></script>
<script src="/js/lightgallery.min.js"></script>
<script src="/js/lg-thumbnail.min.js"></script>
<script src="/js/lightslider.min.js"></script>
<script src="/js/ZeroClipboard.min.js"></script>
<script src="/js/moment.min.js"></script>
<script src="/js/masonry.pkgd.min.js"></script>
<script src="/js/index.js?t=1460721762"></script>
<!-- Start Alexa Certify Javascript -->
<script type="text/javascript">
_atrk_opts = { atrk_acct:"JenUk1a4SBe0Y8", domain:"fanily.tw",dynamic: true};
(function() { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://d31qbv1cthcecs.cloudfront.net/atrk.js"; var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(as, s); })();
</script>
<noscript><img src="https://d5nxst8fruw4z.cloudfront.net/atrk.gif?account=JenUk1a4SBe0Y8" style="display:none" height="1" width="1" alt="" /></noscript>
<!-- End Alexa Certify Javascript -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-38227997-1', 'auto');
ga('create', 'UA-38227997-9', 'auto', 'atouchofgreen');
ga('send', 'pageview');
ga('atouchofgreen.send', 'pageview');
</script>
</head>
<body>
<div id="background-video"></div>
<p class="mobile-menu">Menu</p>
<p id="back-top"><a href="#">▲ TOP</a></p>
<div class="container">
<!-- info -->
<section class="info-section">
<div id="mobile-video-background">
<span class="glyphicons glyphicons-remove-2"></span>
<iframe id="player" type="text/html"
frameborder="0"></iframe>
</div>
<h1 class="logo"><a href="https://www.fanily.tw/group/aTouchofGreen" target="_blank">一把青</a></h1>
<ul class="menu">
<li class="hamburger">Menu</li>
<li class="link">活動</li>
<li class="fb"><a href="https://www.facebook.com/tsaofilms187" target="_blank"><span class="title">Facebok</span></a></li>
<li class="yt"><a href="https://www.youtube.com/channel/UCdd8S9c-6iJ3i91Dg405ELg" target="_blank"><span class="title">Youtube</span></a></li>
<li class="ig"><a href="https://instagram.com/tsaofilms/" target="_blank"><span class="title">Instagram</span></a></li>
<li class="fanily"><a href="https://www.fanily.tw/group/aTouchofGreen" target="_blank"><span class="title">Fanily 粉絲玩樂</span></a></li>
<li class="mobile-hamburger"><span class="glyphicons glyphicons-menu-hamburger"></span></li>
<li class="mobile-link">活動</li>
<li class="share">分享</li>
</ul>
<ul class="nav-ul">
<li><a href="#character">人物介紹</a></li>
<li><a href="#gallery">一把青映像廊</a></li>
<li><a href="#episode">圖文再描一把青</a></li>
<li><a href="#videolist">Fanily x 一把青 獨家影音</a></li>
<li><a href="#post-list">專題文章</a></li>
<li><a href="#fanily-wall">#一把青</a></li>
</ul>
<ul class="link-ul">
<li><a href="https://pk.fanily.tw/atouchofgreen" target="_blank">穿越回1945的字條箴言</a></li>
<li><a href="https://pk.fanily.tw/atouchofgreen-513" target="_blank">敬,郭軫紀念回顧展</a></li>
<li><a href="https://www.fanily.tw/post/11e5c64216a1260a9b2c42010af01a54" target="_blank">一把青App下載</a></li>
<li><a href="https://www.fanily.tw/poll/20151225" target="_blank">最想被壁咚的軍裝男神PK</a></li>
<li><a href="https://www.fanily.tw/poll/20150101" target="_blank">民初清純學生妹扮相PK</a></li>
<li><a href="https://www.fanily.tw/poll/newcp" target="_blank">2016新晉超人氣情侶檔PK</a></li>
<li><a href="https://www.fanily.tw/poll/hotdrama" target="_blank">春節爆肝也要追進度之神劇PK</a></li>
<li><a href="https://www.fanily.tw/post/11e59271692e70209e1542010af01a54" target="_blank">創意倒數一把青</a></li>
</ul>
<ul class="mobile-menu-ul">
<li><a href="#character">人物介紹</a></li>
<li><a href="#gallery">一把青映像廊</a></li>
<li><a href="#episode">圖文再描一把青</a></li>
<li><a href="#videolist">Fanily x 一把青 獨家影音</a></li>
<li><a href="#post-list">專題文章</a></li>
<li><a href="#fanily-wall">#一把青</a></li>
</ul>
<ul class="mobile-link-ul">
<li><a href="https://pk.fanily.tw/atouchofgreen" target="_blank">穿越回1945的字條箴言</a></li>
<li><a href="https://pk.fanily.tw/atouchofgreen-513" target="_blank">敬,郭軫紀念回顧展</a></li>
<li><a href="https://www.fanily.tw/post/11e5c64216a1260a9b2c42010af01a54" target="_blank">一把青App下載</a></li>
<li><a href="https://www.fanily.tw/poll/20151225" target="_blank">最想被壁咚的軍裝男神PK</a></li>
<li><a href="https://www.fanily.tw/poll/20150101" target="_blank">民初清純學生妹扮相PK</a></li>
<li><a href="https://www.fanily.tw/poll/newcp" target="_blank">2016新晉超人氣情侶檔PK</a></li>
<li><a href="https://www.fanily.tw/poll/hotdrama" target="_blank">春節爆肝也要追進度之神劇PK</a></li>
<li><a href="https://www.fanily.tw/post/11e59271692e70209e1542010af01a54" target="_blank">創意倒數一把青</a></li>
</ul>
<ul class="mobile-nav-ul">
<li><a href="#character">人物介紹</a></li>
<li><a href="#gallery">一把青映像廊</a></li>
<li><a href="#episode">圖文再描一把青</a></li>
<li><a href="#videolist">Fanily x 一把青 獨家影音</a></li>
<li><a href="#post-list">專題文章</a></li>
<li><a href="#fanily-wall">#一把青</a></li>
<li class="fb"><a href="https://www.facebook.com/tsaofilms187" target="_blank">
一把青 Facebok
</a></li>
<li class="yt"><a href="https://www.youtube.com/channel/UCdd8S9c-6iJ3i91Dg405ELg" target="_blank">一把青 Youtube
</a></li>
<li class="ig"><a href="https://instagram.com/tsaofilms/" target="_blank">
一把青 Instagram
</a></li>
<li class="fanily"><a href="https://www.fanily.tw/group/aTouchofGreen" target="_blank">
Fanily 粉絲玩樂
</a></li>
</ul>
<ul class="share-ul">
<li class="copy"><span class="glyphicons glyphicons-link"></span>複製連結</li>
<li class="fb"><span class="icon fb"></span>分享到Facebook</li>
<li class="plus"><span class="icon plus"></span>分享到Google+</li>
<li class="weibo"><span class="icon weibo"></span>分享到微博</li>
<li class="line"><span class="icon line"></span>分享到Line</li>
</ul>
<ul class="video-list">
<li data-id="odTBgVKdTto" style="background-image:url(https://i.ytimg.com/vi/odTBgVKdTto/hqdefault.jpg);">
<span class="glyphicons glyphicons-pause"></span>
</li>
<li data-id="HvKuArMAYBA" style="background-image:url(https://i.ytimg.com/vi/HvKuArMAYBA/hqdefault.jpg);">
<span class="glyphicons glyphicons-play"></span>
</li>
<li data-id="Vla0S3ZNlFM" style="background-image:url(https://i.ytimg.com/vi/Vla0S3ZNlFM/hqdefault.jpg);">
<span class="glyphicons glyphicons-play"></span>
</li>
</ul>
<span class="page-down"><span class="glyphicons glyphicons-chevron-down"></span></span>
</section>
<!-- character -->
<section id="character" class="character-section"><div class="block">
<h2 class="title">人物介紹</h2>
<div class="intro">
那個年代 男人的戰爭結束<br>
女人的戰場 才要開始
</div>
<div class="content">
<div class="character-list">
<div class="character"><a href="https://www.fanily.tw/post/11e57653952f860b9e1542010af01a54" target="_blank">
<img src="/img/cha_01.png?v=1">
<span>秦芊儀 / 楊謹華飾</span>
</a></div>
<div class="character"><a href="https://www.fanily.tw/post/11e576544c0e68839e1542010af01a54" target="_blank">
<img src="/img/cha_02.png?v=1">
<span>江偉成 / 楊一展飾</span>
</a></div>
<div class="character"><a href="https://www.fanily.tw/post/11e57654a1e8eb8c9e1542010af01a54" target="_blank">
<img src="/img/cha_03.png?v=1">
<span>周瑋訓 / 天心飾</span>
</a></div>
<div class="character"><a href="https://www.fanily.tw/post/11e576555afa5c6b9e1542010af01a54" target="_blank">
<img src="/img/cha_04.png?v=1">
<span>邵志堅 / 藍鈞天飾</span>
</a></div>
<div class="character"><a href="https://www.fanily.tw/post/11e5815df33f25379e1542010af01a54" target="_blank">
<img src="/img/cha_05.png?v=1">
<span>朱青 / 連俞涵飾</span>
</a></div>
</div>
<div class="character-list second">
<div class="character"><a href="https://www.fanily.tw/post/11e5815f351d05819e1542010af01a54" target="_blank">
<img src="/img/cha_06.png?v=1">
<span>郭軫 / 吳慷仁飾</span>
</a></div>
<div class="character"><a href="https://www.fanily.tw/post/11e5815fd97c96119e1542010af01a54" target="_blank">
<img src="/img/cha_07.png?v=1">
<span>墨婷 / 溫貞菱飾<br>
童年 / 莊心瑜飾</span>
</a></div>
<div class="character"><a href="https://www.fanily.tw/post/11e58162d82a67e69e1542010af01a54" target="_blank">
<img src="/img/cha_08.png?v=1">
<span>顧肇鈞 / 鍾承翰飾</span>
</a></div>
<div class="character"><a href="https://www.fanily.tw/post/11e5816023d163409e1542010af01a54" target="_blank">
<img src="/img/cha_09.png?v=1">
<span>老鞏 / 班鐵翔飾</span>
</a></div>
<div class="character"><a href="https://www.fanily.tw/post/11e5816071238a379e1542010af01a54" target="_blank">
<img src="/img/cha_10.png?v=1">
<span>樊任先 / 樊光耀飾</span>
</a></div>
</div>
</div>
</div></section>
<!-- gallery -->
<section id="gallery" class="gallery-section"><div class="block">
<h3 class="title">一把青映像廊</h3>
<span class="intro">
戰亂年代的宿命,生死相許、死生契闊,卻無法承諾彼此未來。
</span>
<div id="gallerybody" class="content"><div id="imageGallery"></div></div>
</div>
</section>
<!-- gallery by episode -->
<section id="episode" class="episode-section"><div class="block">
<h3 class="title">圖文再描一把青</h3>
<span class="intro">
回顧他們的天空,她們的青春,那段終將幻化成傳說的顛沛流離歲月...
</span>
<div id="episodebody" class="content">
<ul class="tab"></ul>
<div id="episode-content"></div>
</div>
</div>
</section>
<!-- videolist -->
<section id="videolist" class="video-section"><div class="block">
<h3 class="title">Fanily x 一把青 獨家影音</h3>
<span class="intro">
完整的《一把青》活動影音直擊盡在Fanily粉絲玩樂
</span>
<div class="video-container"></div>
</div>
</section>
<!-- post -->
<section id="post-list" class="post-section"><div class="block">
<h2 class="title">專題文章</h2>
<div class="intro">
整合一把青的戲劇理念,進行相關議題延伸推廣。
</div>
<div class="content"><div class="post-list">
<ul class="tab"></ul>
<div class="post-container"></div>
</div></div>
</div></section>
<!-- Fanily Wall -->
<section id="fanily-wall" class="wall-section"><div class="block">
<h2 class="title">#一把青</h2>
<div class="intro">上傳照片/留言,<a id="to_fanily" target="_blank" href="https://www.fanily.tw/search/tag/一把青">#一把青</a><br>跟著Fanily一起遨遊天際</div>
<div class="content">
<div id="fanily-content" class="grid"></div>
<a class="more" target="_blank" href="https://www.fanily.tw/search/tag/一把青">看更多 #一把青</a>
</div>
</div></section>
<!-- wall -->
<section id="social-wall" class="wall-section"><div class="block">
<div class="intro">上傳照片/留言,#一把青<br>分享屬於你的一把青時光</div>
<div class="content">
<script id="twine-script" src="//apps.twinesocial.com/embed?app=DdDylandy&showNav=yes"><a href="http://www.twinesocial.com/blog/embed-google-plus-on-website/" id="twine-hub-url">embed google plus on website</a></script>
</div>
</div></section>
</div>
</body>
</html>