-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (104 loc) · 5.35 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
<!DOCTYPE html>
<hmtl lang="pl">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, maximum-scale=10">
<title>Szlaki Jakubowe w Polsce</title>
<!-- Bootswatch Yeti Theme for Layer Tree-->
<link href="//maxcdn.bootstrapcdn.com/bootswatch/3.2.0/yeti/bootstrap.min.css" rel="stylesheet">
<!--OpenLayers3 Styling -->
<link href="css/ol.css" rel="stylesheet">
<!-- Goecoder Styling -->
<link href="css/ol3-geocoder.min.css" rel="stylesheet" >
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700,900" rel="stylesheet">
<!-- Project Styling -->
<link href="css/main.css" rel="stylesheet">
</head>
<body>
<!-- Start Header & Nav -->
<header id="home">
<nav class="text-center">
<a class="jumper" href="#geoportal">Geoportal</a>
<a href="http://www.camino.net.pl/credencial/" target="_blank">Paszport Pielgrzyma</a>
<a href="http://www.camino.net.pl/" target="_blank">Stowarzyszenie</a>
<a class="jumper" href="footer">Kontakt</a>
</nav>
<h1 class="page-title text-center vertical-align"><span>Szlaki Jakubowe w Polsce</span></h1>
</header>
<!-- Start Geoportal Section-->
<section id="geoportal" class="geoportal">
<h2 class="text-center">Geoportal Szlaków Jakubowych</h2>
<!-- Geoportal Nav -->
<nav class="text-center">
<a class="jumper" href="header">Strona główna</a>
<a id="track">Zlokalizuj się</a>
<!--<label for="track">Zlokalizuj się!<input id = "track" type="checkbox"/></label>-->
<a id="export-png" class="btnbtn-default" download="map.png"><i class="fa fa-download"></i>Pobierz mapę PNG</a>
<a class="jumper" href="footer">Kontakt</a>
</nav>
<div id="geoportal-row">
<!-- Map Layer Info Board -->
<div id="layer-info-board">
<h3>Zawartość mapy</h3>
<div id="layertree" class="tree"></div>
</div>
<!-- Map Functionality Info Board -->
<div class="map-info-board text-center">
<p class="drag-drop">Dodaj własne dane wektorowe!<br>(GPX, GeoJSON, IGC, KML<br>Przeciągnij i upuść w oknie mapy</p>
<div class="church-info">
<p>Przybliż widok, by wyświetlić<br>dane adresowe kościoła</p>
<div class="church-icon"></div>
</div>
<div class="hotel-info">
<p>Kliknij w punkt noclegowy,<br>aby wyświetlić dane kontaktowe</p>
<div class="hotel-icon"></div>
</div>
<div class="tracks-info">
<p>Kliknij na ścieżkę Szlaku,<br>by wyświetlić informacje</p>
<div class="tracks-icon"></div>
</div>
</div>
<!-- The Map -->
<div id="map" class="map"></div>
<!-- Interactive Map Popup Section-->
<div id="popup" class="ol-popup">
<a href="#" id="popup-closer" class="ol-popup-closer"></a>
<div id="popup-content"></div>
</div>
</div>
<!-- Contribution -->
<div class="contribution text-center">
<a href="http://camino.net.pl" target="_blank">Dane wektorowe udostępnione dzięki uprzejmości <strong> Stowarzyszenia Przyjaciół Dróg św. Jakuba w Polsce</strong></a>
</div>
</section>
<!-- Start Footer Section -->
<footer>
<h3>Kontakt</h3>
<!-- Contact Form powered by formspree.io -->
<form action = "https://formspree.io/[email protected]" method="POST"> <!--open this page through a web server -->
<div class="contact-info">
<label><span>Imię</span>
<input type="text" name="name" placeholder="Anna"></label>
<label><span>E-mail</span>
<input type="email" name="_replyto" placeholder="[email protected]" required=""></label>
</div>
<label><span>Napisz o swoim pomyśle/problemie!</span>
<textarea name="message" required=""></textarea></label>
<input type="submit" value=Wyślij>
</form>
<!-- Copyrights -->
<p class="copyright">All content copyright Katarzyna Frania 2016 </p>
</footer>
<!-- Include all compiled plugins and JS scripts -->
<!-- jQuery -->
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<!-- OpenLayers v3.19.1 -->
<script src="http://openlayers.org/en/v3.19.1/build/ol.js"></script>
<!-- Geocoder -->
<script src="js/ol3-geocoder.js"></script>
<!-- Map content and interaction script -->
<script src="js/map.js"></script>
</body>
</html>