Skip to content

Commit f1b6a2a

Browse files
maptastikmaptastik
committed
create a few opening slides
1 parent 838b28f commit f1b6a2a

File tree

1 file changed

+149
-0
lines changed

1 file changed

+149
-0
lines changed

‎slides/00_getting-started/index.html‎

Lines changed: 149 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,149 @@
1+
<html>
2+
<head>
3+
<title>02_GitHub-Data</title>
4+
<meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
5+
<link href='../big.css' rel='stylesheet' type='text/css' />
6+
<style>
7+
.gdb {
8+
background-image: url(./images/gdb.png);
9+
background-repeat: no-repeat;
10+
background-position: center 1px;
11+
background-size:100%;
12+
}
13+
.shapefile {
14+
background-image: url(./images/shapefile.png);
15+
background-repeat: no-repeat;
16+
background-position: center 1px;
17+
background-size:100%;
18+
}
19+
.geojson-1 {
20+
background-image: url(./images/geojson-1.png);
21+
background-repeat: no-repeat;
22+
background-position: center 1px;
23+
background-size:100%;
24+
}
25+
.geojson-2 {
26+
background-image: url(./images/geojson-2.png);
27+
background-repeat: no-repeat;
28+
background-position: center 1px;
29+
background-size:100%;
30+
}
31+
.geojson-3 {
32+
background-image: url(./images/geojson-3.png);
33+
background-repeat: no-repeat;
34+
background-position: center 1px;
35+
background-size:100%;
36+
}
37+
.leaflet-logo {
38+
background-color: #fff;
39+
background-image: url(./images/leaflet-logo.png);
40+
background-repeat: no-repeat;
41+
background-position: center 1px;
42+
background-size:50%;
43+
}
44+
.mapbox-logo {
45+
background-color: #fff;
46+
background-image: url(./images/mapbox-logo.png);
47+
background-repeat: no-repeat;
48+
background-position: center 1px;
49+
background-size:50%;
50+
}
51+
.openlayers-logo {
52+
background-color: #fff;
53+
background-image: url(./images/openlayers-logo.png);
54+
background-repeat: no-repeat;
55+
background-position: center 1px;
56+
background-size:50%;
57+
}
58+
59+
.octocat {
60+
background-color: #fff;
61+
background-image: url(./images/octocat-original.png);
62+
background-repeat: no-repeat;
63+
background-position: center 1px;
64+
background-size: 50%;
65+
}
66+
.github-signup {
67+
background-color: #fff;
68+
background-image: url(./images/github-signup.jpg);
69+
background-repeat: no-repeat;
70+
background-position: center 1px;
71+
background-size: 100%;
72+
}
73+
.fork {
74+
background-image: url(./images/repo-fork.png);
75+
background-repeat: no-repeat;
76+
background-position: center 1px;
77+
background-size:75%;
78+
}
79+
.clone {
80+
background-image: url(./images/repo-clone.png);
81+
background-repeat: no-repeat;
82+
background-position: center 1px;
83+
background-size:75%;
84+
}
85+
.gh-pages-1 {
86+
background-image: url(./images/gh-pages-1.PNG);
87+
background-repeat: no-repeat;
88+
background-position: center 1px;
89+
background-size:100%;
90+
}
91+
.osm-1 {
92+
background-image: url(./images/osm-1.png);
93+
background-repeat: no-repeat;
94+
background-position: center 1px;
95+
background-size:100%;
96+
}
97+
.overpass-turbo {
98+
background-image: url(./images/overpass-turbo.png);
99+
background-repeat: no-repeat;
100+
background-position: center 1px;
101+
background-size:100%;
102+
}
103+
104+
/*Text Style*/
105+
body {
106+
font-family: 'Open Sans', 'Helvetica', sans-serif;
107+
letter-spacing: -1px;
108+
109+
}
110+
a {
111+
background-color: transparent;
112+
color: #34d0e7;
113+
}
114+
ul, ol {
115+
margin-left: 10%;
116+
line-height: 100%;
117+
118+
}
119+
120+
.black-text {
121+
color: #000000;
122+
}
123+
.purple-text {
124+
color: #8e44ad;
125+
}
126+
.center-text {
127+
text-align: center;
128+
}
129+
.imageTextLight {
130+
text-shadow:0px 0px 7.5px rgba(34,34,34,0.95);
131+
}
132+
</style>
133+
<script src='../big.js'></script>
134+
</head>
135+
<body>
136+
<div class="center-text"><em>Open Source WebMaps Workshop</em><br>Ryan Cooper<br>12/5/2014</div>
137+
<div>Dipping our <em>toes</em></div>
138+
<div>
139+
<h2>4 parts:</h2>
140+
<ol>
141+
<li>Web Map Basics</li>
142+
<li>Data &amp; Github</li>
143+
<li>CartoCSS &amp; TileMill (&amp; Leaflet!)</li>
144+
<li>Closing stuff</li>
145+
</ol>
146+
</div>
147+
<div>Why <em>open source</em>?</div>
148+
</body>
149+
</html>

0 commit comments

Comments
 (0)