-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathophase.html
113 lines (100 loc) · 3.37 KB
/
ophase.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
---
title: Kneipenplan Druckversion
---
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>Paderborner Kneipenplan</title>
<link rel="stylesheet" href="{{ site.baseurl }}/style.css" type="text/css">
<script src="{{ site.baseurl }}/OpenLayers.js"></script>
<script type="text/javascript">
var map, select;
function init(){
var options = {
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326")
};
map = new OpenLayers.Map('pmap', options);
var mapnik = new OpenLayers.Layer.OSM("OpenStreetMap (Mapnik)");
styleMap = new OpenLayers.StyleMap({'default':{
label : "${label}",
fontColor: "black",
fontSize: "14px",
fontWeight: "bold",
labelAlign: "${labelAlign}",
pointRadius: 7,
fillColor: "white",
strokeColor: "white",
labelXOffset : "0",
labelYOffset : "0"
}});
var numbered = new OpenLayers.Layer.Vector("Nummeriert", {
projection: map.displayProjection,
strategies: [new OpenLayers.Strategy.Fixed()],
protocol: new OpenLayers.Protocol.HTTP({
url: "{{ site.baseurl }}/kml/numbered_plan.kml",
format: new OpenLayers.Format.KML({
extractStyles: true,
extractAttributes: true
})
}),
styleMap: styleMap
});
map.addLayers([mapnik, numbered]);
var lonLat = new OpenLayers.LonLat(8.75, 51.7184 )
.transform(
new OpenLayers.Projection("EPSG:4326"), // transform from WGS 1984
map.getProjectionObject() // to Spherical Mercator Projection
);
map.setCenter(lonLat, 16);
}
</script>
</head>
<body onload="init()">
<div id="pmap" style="
width: 28.7cm;
height: 20cm;">
</div>
<div class="page-break"></div>
<div class="content">
<table class="barList">
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Adresse</th>
<th>Telefonnummer</th>
<th>Studenten</th>
<th>Teamer</th>
</tr>
</thead>
<tbody>
{% assign sorted_bars = site.categories.bars | sort: 'name' %}
{% assign number = 1 %}
{% for bar in sorted_bars %}
<tr>
<td>{{ number }}</td>
<td><a href="{{ site.baseurl }}{{ bar.url }}">{{ bar.name }}</a></td>
<td>{{ bar.streetAndNr }}</td>
<td>{{ bar.tel }}</td>
{% if bar.student %}
<td>{{ bar.student | strip }}</td>
{% else %}
<td><center><small>Noch nicht angefragt.</small></center></td>
{% endif %}
{% if bar.teamer %}
<td>{{ bar.teamer | strip }}</td>
{% else %}
<td><center><small>Noch nicht angefragt.</small></center></td>
{% endif %}
</tr>
{% assign number=number | plus:1 %}
{% endfor %}
</tbody>
</table>
</div>
</body>
</html>