Skip to content

Commit

Permalink
adj BK
Browse files Browse the repository at this point in the history 
adj BK
  • Loading branch information
@yanyiyi
yanyiyi committed Dec 24, 2018
1 parent 8163739 commit 0c72210
Show file tree
Hide file tree
Showing 2 changed files with 144 additions and 0 deletions.
144 changes: 144 additions & 0 deletions fly.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,144 @@
<!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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="./js/mapMain.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">
<div id="mainLogo">
</div>
<div class="decWords">

<p>50位扎根中壢的LiLi們丶50個QR CODE丶將帶出50個生命故事丶50張肖像和許許多多的老照片... </p>
<p>
每一位Mr.LiLi 或 Miss LiLi，都是曾經或現在的中壢人，攤有與這塊土地的獨特記憶。 盼召喚那些庶民生活的記憶點滴丶影像，透過肖像及訪談書寫，折射出更多屬於中壢人的共同顯影。
</p>

</div>
<input type="checkbox" id="toggle-1" class="navToogle" />
<label for="toggle-1" class="navCenter"> </label>
<div class="listBox navBar">
<a href="?liliType=1">清代時期</a>
<a href="?liliType=2">日治時期</a>
<a href="?liliType=3">國民政府來台</a>
<a href="?liliType=4">城市蓬勃發展</a>
<a href="?liliType=5">城市多元蛻變</a>
</div>
</div>
</nav>
<section class="mainMap">
<div id="navBar">
<a href="javascript:switchFilter(1);">清代時期</a>
<a href="javascript:switchFilter(2);">日治時期</a>
<a href="javascript:switchFilter(3);">國民政府來台</a>
<a href="javascript:switchFilter(4);">城市蓬勃發展</a>
<a href="javascript:switchFilter(5);">城市多元蛻變</a>
</div>
<div id="liliList">
<a class="lilisSet warpRatio warpImg">
<div class="warpCenter">
<img class="liImg" />
</div>
<div class="liTitleSet">
<h1 class="liName"></h1>
<div class="tagSet"></div>
</div>
</a>

</div>
<div id="map">
</div>
<footer>


<p class="modeWeb">指導單位・文化部、桃園市議會｜主辦單位・桃園市政府｜承辦單位・桃園市政府文化局<br/>協力單位・中平路故事館｜執行團隊・桃園市社區營造中心<br/>藝術家・張瑋倫、龔芸｜張瑋倫 All Right Resereved</p>

<p class="modeMobile">指導單位・文化部、桃園市議會<br/>主辦單位・桃園市政府<br/>承辦單位・桃園市政府文化局<br/>協力單位・中平路故事館<br/>執行團隊・桃園市社區營造中心<br/>藝術家・張瑋倫、龔芸<br/>張瑋倫 All Right Resereved</p>
<div class="fb-like" data-share="true" data-width="300px" data-show-faces="true">
</div>
<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 src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBputq9w31cD2XzhNGVPdzL0x9xGz8xkiM&callback=initMap" async defer></script>
</body>

</html>
0 images/Lili_bk.png → img/Lili_bk.png
View file
File renamed without changes

0 comments on commit 0c72210

Please sign in to comment.