-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathlili.html
152 lines (134 loc) · 7 KB
/
lili.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="50 位扎根中壢的LiLi們 將帶出50個生命故事丶50張肖像和許許多多的老照片.每一位Mr.LiLi 或 Miss LiLi，都是曾經或現在的中壢人，攤有與這塊土地的獨特記憶。" />
<!-- Google Authorship and Publisher Markup -->
<link rel="author" href=" https://plus.google.com/+LiuYanYanyiyi0212/posts" />
<link rel="publisher" href=" https://plus.google.com/u/2/b/117945076475162199951/117945076475162199951" />
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="LiLi's 我的壢歷史">
<meta itemprop="description" content="50 位扎根中壢的LiLi們 將帶出50個生命故事丶50張肖像和許許多多的老照片.每一位Mr.LiLi 或 Miss LiLi，都是曾經或現在的中壢人，攤有與這塊土地的獨特記憶。">
<meta itemprop="image" content=" https://lili.tyc.land/img/Lili_logo.png">
<!-- Twitter Card data -->
<meta name="twitter:card" content="https://lili.tyc.land/img/Lili_logo.png">
<meta name="twitter:title" content="LiLi's 我的壢歷史">
<meta name="twitter:description" content="50位扎根中壢的LiLi們 將帶出50個生命故事丶50張肖像和許許多多的老照片.每一位Mr.LiLi 或 Miss LiLi，都是曾經或現在的中壢人，攤有與這塊土地的獨特記憶。">
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content=" https://lili.tyc.land/img/Lili_logo.png">
<!-- Open Graph data -->
<meta property="og:title" content="LiLi's 我的壢歷史" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://lili.tyc.land/" />
<meta property="og:image" content=" https://lili.tyc.land/img/Lili_logo.png" />
<meta property="og:description" content="50位扎根中壢的LiLi們 將帶出50個生命故事丶50張肖像和許許多多的老照片.每一位Mr.LiLi 或 Miss LiLi，都是曾經或現在的中壢人，攤有與這塊土地的獨特記憶。" />
<meta property="og:site_name" content="LiLi's 我的壢歷史" />
<meta property="article:published_time" content="2018-09-13T15:00:00+09:00" />
<meta property="article:modified_time" content="2018-09-13T15:00:00+09:00" />
<meta property="article:section" content="Article Section" />
<meta property="article:tag" content="文史研究 社造 社造中心 社區營造中心" />
<meta property="fb:admins" content="" />
<title>LiLi's 我的壢歷史</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/main.css">
<link rel="stylesheet" href="./css/rwd.css">
<link rel="stylesheet" href="./css/lightbox.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="./js/liMain.js"></script>
<script src="./js/lightbox.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-123979223-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-123979223-1');
</script>
</head>
<body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: '422395494952518',
xfbml: true,
version: 'v3.1'
});
FB.AppEvents.logPageView();
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<nav class="navSet">
<div class="rulerDec">
</div>
<div class="navWarp">
<a id="mainLogo" href="index.html">
</a>
<input type="checkbox" id="toggle-1" class="navToogle" />
<label for="toggle-1" class="navCenter"> </label>
<div class="listBox navBar">
<a href="/index.html?liliType=1">清代時期</a>
<a href="/index.html?liliType=2">日治時期</a>
<a href="/index.html?liliType=3">國民政府來台</a>
<a href="/index.html?liliType=4">城市蓬勃發展</a>
<a href="/index.html?liliType=5">城市多元蛻變</a>
</div>
</div>
</nav>
<section class="mainMap">
<div id="navBar">
<a href="./index.html?liliType=1">清代時期</a>
<a href="./index.html?liliType=2">日治時期</a>
<a href="./index.html?liliType=3">國民政府來台</a>
<a href="./index.html?liliType=4">城市蓬勃發展</a>
<a href="./index.html?liliType=5">城市多元蛻變</a>
</div>
<div id="liliMain">
<div id="liTitleSet">
<h1 id="liName"></h1>
<div class="tagSet"></div>
</div>
<div class="warpRatio">
<iframe class="youtube-player" type="text/html" src="" frameborder="0"> </iframe>
</div>
<div class="warpRatio warpImg">
<div class="warpCenter">
<img id="liImg" />
</div>
</div>
<div class="aContext">
</div>
<div class="fb-like" data-share="true" data-width="300px" data-show-faces="true">
</div>
<div id="oldPhoto">
</div>
</div>
<footer>
<p class="modeWeb">指導單位・文化部、桃園市議會｜主辦單位・桃園市政府｜承辦單位・桃園市政府文化局<br/>協力單位・中平路故事館｜執行團隊・桃園市社區營造中心<br/>藝術家・張瑋倫、龔芸｜張瑋倫 All Right Resereved</p>
<p class="modeMobile">指導單位・文化部、桃園市議會<br/>主辦單位・桃園市政府<br/>承辦單位・桃園市政府文化局<br/>協力單位・中平路故事館<br/>執行團隊・桃園市社區營造中心<br/>藝術家・張瑋倫、龔芸<br/>張瑋倫 All Right Resereved</p>
<a class="footerIcon" href="https://zl.tyc.land/LandArtTao"><img src="./img/logoLA.png" /></a>
<a class="footerIcon" href="https://zl.tyc.land/fb"><img src="./img/yi.png" /></a>
</footer>
</section>
<script>
lightbox.option({
'resizeDuration': 200,
'wrapAround': true,
'albumLabel': "老照片 %1 / %2",
'alwaysShowNavOnTouchDevices': true
})
</script>
</body>
</html>