-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (76 loc) · 3.04 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
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset=utf-8 />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<title>PICO</title>
<!-- 1. Load webcomponents.min.js for polyfill support. -->
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
<script src="app.js"></script>
<link rel="stylesheet" href="style/style.css" />
<link rel="stylesheet" href="bower_components/leaflet/dist/leaflet.css" />
<script src="bower_components/leaflet/dist/leaflet.js"></script>
<script src="bower_components/leaflet-hash/leaflet-hash.js"></script>
<script src="bower_components/proj4/dist/proj4.js"></script>
<script src="bower_components/proj4leaflet/src/proj4leaflet.js"></script>
<style>
#container {
top: 64px;
left: 0px;
right: 64px;
bottom: 5px;
background-color: #fff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border-radius: 2px;
overflow: hidden;
position: absolute;
}
body {
background-color: white;
}
#map {
width: 100%;
height: 100%;
background: #eeeeec;
}
</style>
<link rel="import" href="bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="bower_components/paper-button/paper-button.html">
<link rel="import" href="bower_components/core-toolbar/core-toolbar.html">
<link rel="import" href="bower_components/core-header-panel/core-header-panel.html">
<link rel="import" href="bower_components/core-drawer-panel/core-drawer-panel.html">
<link rel="import" href="bower_components/paper-dialog/paper-dialog.html">
<link rel="import" href="bower_components/paper-item/paper-item.html">
<link rel="import" href="elements/g-cas.html">
</head>
<body fullbleed layout vertical>
<core-drawer-panel id="drawerPanel">
<core-header-panel main mode="cover" shadow>
<core-toolbar class="medium-tall">
</core-toolbar>
<div id="container">
<div id="map"><div id="button-bar"><paper-button id="lufo">lufo</paper-button><paper-button raised id="topo">topo</paper-button></div></div>
</div>
<div id="mode-buttons">
<paper-icon-button raised id="addlayer" icon="add"></paper-icon-button>
<paper-icon-button icon="assessment"></paper-icon-button>
</div>
<paper-icon-button icon="menu" id="navicon">
</paper-icon-button>
<paper-icon-button id="idicon" icon="account-circle"></paper-icon-button>
</core-header-panel>
<core-header-panel drawer>
<core-toolbar id="navheader" class="medium-tall">
<span class=" indent"><a href="./"><img src="style/pico.png"></a></span>
</core-toolbar>
</core-header-panel>
</core-drawer-panel>
<paper-dialog id="login" transition="core-transition-right" heading="Account gegevens">
<g-cas></g-cas>
</paper-dialog>
<paper-dialog id="layerlist" transition="core-transition-right" heading="Beschikbare lagen">
</paper-dialog>
</body>
</html>