Skip to content

Commit

Permalink
initail Project
Browse files Browse the repository at this point in the history 
initail Project
  • Loading branch information
@yanyiyi
yanyiyi committed Jul 2, 2018
1 parent 05afc4e commit 49c7927
Show file tree
Hide file tree
Showing 11 changed files with 10,328 additions and 0 deletions.
2 changes: 2 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@

.DS_Store
1 change: 1 addition & 0 deletions CNAME
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
lili.yzu.us
91 changes: 91 additions & 0 deletions css/main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,91 @@
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-size: 1em;
}

.navSet {
height: 20%;
width: 100%;
display: block;
background: url("../img/Lili_bk.png") bottom no-repeat;
background-size: cover;
clear: both;
}

.rulerDec {
width: 100%;
height: 15%;
background: url("../img/Lili_ruler.png") bottom repeat-x;
background-size: contain;
}

.navWarp {
width: 85%;
height: 60%;
margin: 2.5% auto;
}

#mainLogo {
width: 30%;
background: url(../img/Lili_logo.png) no-repeat bottom center;
display: block;
height: 80%;
background-size: contain;
float: left;
}

#navBar {
width: 70%;
float: left;
position: relative;
bottom: -50%;
}

#navBar a {
border-left: #000 1px solid;
padding: 0% 2.5%;
}

#navBar a:hover {
border-color: #FFF;
background-color: #000;
color: #FFF;
padding: 0% 2.5%;
}

#navBar a:last-child {
border-right: #000 1px solid;
}




.mainMap {
padding: 2.5% 0%;
display: block;
height: 95%;
width: 85%;
margin: 0 auto;
clear: both;
}

.decWords {
width: 22.5%;
float: left;
display: block;
}

.decWords p {
line-height: 250%;
letter-spacing: 3px;
}

#map {
height: 70%;
width: 77.5%;
float: left;
display: block;
}
62 changes: 62 additions & 0 deletions css/reset.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0b1 | 201101
NOTE: WORK IN PROGRESS
USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define visible focus styles!
:focus {
outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

table {
border-collapse: collapse;
border-spacing: 0;
}
Empty file added css/rwd.css
View file
Empty file.
Binary file added img/Lili_bk.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Lili_logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Lili_ruler.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9,762 changes: 9,762 additions & 0 deletions img/ori/Lili.ai
View file

Large diffs are not rendered by default.

194 changes: 194 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,194 @@
<!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">
<title>LiLi's 我的壢歷史</title>
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/main.css">
</head>

<body>
<nav class="navSet">

<div class="rulerDec">
</div>
<div class="navWarp">
<div id="mainLogo">
</div>
<div id="navBar">
<a>日治時期</a>
<a>老兵移入期</a>
<a>工業起飛期</a>
<a>大學城時期</a>
<a>然後的故事</a>
</div>
</div>
</nav>
<section class="mainMap">
<div class="decWords">
<p>五十幅 肖像畫 <br> 五十幅 老照片 <br> 五十幅 中壢故事 <br>
</p>
</div>
<div id="map">
</div>
</section>

<script>
function initMap() {
// Styles a map in night mode.
var map = new google.maps.Map(document.getElementById('map'), {
center: {
lat: 24.9947383,
lng: 121.1893604
},
zoom: 14,
styles: [{
"elementType": "geometry",
"stylers": [{
"color": "#f5f5f5"
}]
},
{
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
},
{
"elementType": "labels.text.fill",
"stylers": [{
"color": "#616161"
}]
},
{
"elementType": "labels.text.stroke",
"stylers": [{
"color": "#f5f5f5"
}]
},
{
"featureType": "administrative.country",
"elementType": "geometry.fill",
"stylers": [{
"visibility": "simplified"
}]
},
{
"featureType": "administrative.land_parcel",
"elementType": "geometry.fill",
"stylers": [{
"color": "#ffeb3b"
},
{
"visibility": "simplified"
}
]
},
{
"featureType": "administrative.land_parcel",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#bdbdbd"
}]
},
{
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"color": "#eeeeee"
}]
},
{
"featureType": "poi",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#757575"
}]
},
{
"featureType": "poi.park",
"elementType": "geometry",
"stylers": [{
"color": "#e5e5e5"
}]
},
{
"featureType": "poi.park",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#9e9e9e"
}]
},
{
"featureType": "road",
"elementType": "geometry",
"stylers": [{
"color": "#f7dead"
}]
},
{
"featureType": "road.arterial",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#757575"
}]
},
{
"featureType": "road.highway",
"elementType": "geometry",
"stylers": [{
"color": "#dadada"
}]
},
{
"featureType": "road.highway",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#616161"
}]
},
{
"featureType": "road.local",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#9e9e9e"
}]
},
{
"featureType": "transit.line",
"elementType": "geometry",
"stylers": [{
"color": "#e5e5e5"
}]
},
{
"featureType": "transit.station",
"elementType": "geometry",
"stylers": [{
"color": "#eeeeee"
}]
},
{
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#b0f1f3"
}]
},
{
"featureType": "water",
"elementType": "labels.text.fill",
"stylers": [{
"color": "#9e9e9e"
}]
}
]
});
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBputq9w31cD2XzhNGVPdzL0x9xGz8xkiM&callback=initMap" async defer></script>
</body>

</html>
Loading

0 comments on commit 49c7927

Please sign in to comment.