forked from waagsociety/maptimeAMS
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
84 lines (83 loc) · 3.26 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
---
layout:
title: Maptime Amsterdam
---
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>{{ page.title }}</title>
<meta name="viewport" content="width=device-width">
<script src="{{ site.baseurl }}/js/moment.min.js" charset="utf-8"></script>
<script src="{{ site.baseurl }}/js/d3.v3.min.js" charset="utf-8"></script>
<script>
nextEvent = null;
function meetup(data) {
if (data.results && data.results.length > 0) {
nextEvent = data.results[0];
}
}
</script>
<script src="https://api.meetup.com/2/events?status=upcoming&order=time&limited_events=False&group_urlname=Maptime-AMS&desc=false&offset=0&format=json&page=200&fields=&sig_id=127432242&sig=09a46e33303a48a8fe37e602e1f17a35e9e26124&callback=meetup"></script>
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicon.png">
<meta property="og:url" content="http://code.waag.org/maptimeAMS" />
<meta property="og:image" content="{{ site.baseurl }}/images/maptimeAMS.png" />
<meta property="og:title" content="Maptime Amsterdam" />
<meta property='og:site_name' content='Maptime Amsterdam' />
<meta property="og:description" content="Want to learn how to make beautiful maps? Let's do it together! Beginners very welcome!" />
<meta name='twitter:site' content='@MaptimeAMS' />
<meta name="author" content="Bert Spaan">
</head>
<body>
<svg id="building">
<g>
</g>
</svg>
<div id="address">
<a href="" target="_blank"></a>
<div id="timer"></div>
</div>
<div id="maptime">
<svg id="building-blurred">
<defs>
<filter id="blur">
<feGaussianBlur stdDeviation="20" />
</filter>
</defs>
<g filter="url(#blur)">
<rect id="blur-rect" width="1" height="1" style="fill: none;" />
</g>
</svg>
<div id="maptime-container">
<h1>Maptime Amsterdam</h1>
<p>Want to learn how to make beautiful maps? Let's do it together! Beginners are very welcome!</p>
<p><b>
Next Maptime:
<a id="next-maptime">Mapping the Future with MaptimeAMS</a>,
<a href="{{ site.venue-url }}">{{ site.venue }}</a>
</b></p>
<ul>
{% for link in site.links %}
<li><a href="{{ link.url }}">{{ link.title }}</a>{% if forloop.last == false %}•{% endif %}</li>
{% endfor %}
</ul>
</div>
</div>
<a class="logo" id="logo-maptime" href="http://maptime.io"><img src="{{ site.baseurl }}/images/maptime.png" /></a>
<a class="logo" id="logo-tomtom" href="https://www.tomtom.com/"><img src="{{ site.baseurl }}/images/TomTomlogo.png" /></a>
<a class="logo" id="logo-tms" href="https://www.tmspl.com/"><img src="{{ site.baseurl }}/images//TMSlogo.png" /></a>
<script src="{{ site.baseurl }}/js/maptime-ams.js" charset="utf-8"></script>
<script>
if (nextEvent) {
var time = nextEvent.time,
url = nextEvent.event_url;
date = new Date(time),
dateStr = moment(date).format('MMMM Do YYYY');
d3.select("#next-maptime")
.attr("href", url)
.html(dateStr);
}
</script>
</body>
</html>