-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.templ
142 lines (111 loc) · 5.6 KB
/
index.templ
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
139
140
141
142
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Python Events</title>
<!-- metadata -->
<meta name="description" content="Python events geolocated and in timeline">
<meta name="og:description" content="Python events geolocated and in timeline">
<meta name="keywords" content="Python events geolocation map programming language object oriented web free open source software license documentation download community eventos grupos locales mapa geolocalizados">
<!-- Datos + importadores -->
<link href="#schema" type="application/json" rel="exhibit-data" />
<link href="#data" type="application/json" rel="exhibit-data" />
<script src="js/lib/jquery.min.js" type="text/javascript">
</script>
<link rel="exhibit-extension" href="js/extensions/map/map-extension.js?bundle=false" data-ex-apikey="AIzaSyDQOIg5jUgMGXx7aWee85gGrmWkt7FgT4w"/>
<link rel="exhibit-extension" href="js/extensions/time/time-extension.js?bundle=false" />
<script src="js/exhibit-api.js?bundle=false" type="text/javascript"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/3.3.0/css/bootstrap-theme.min.css">
<script src="//cdn.jsdelivr.net/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.exhibit-cloudFacet-value {{
font-size: smaller;
text-transform: lowercase;
}}
.exhibit-facet-value {{
font-size: smaller;
}}
div.exhibit-legendWidget > div.exhibit-color-legend > div > div > span.label {{
color: black;
}}
#mapa{{
display: block;
filter: blur(5px);
-webkit-filter: blur(5px);
padding-top: 80px;
}}
</style>
<script type="text/javascript">
$(document).bind("exhibitConfigured.exhibit", function() {{
$("#mapa").hide();
$("input").addClass("form-control");
}} );
</script>
</head>
<body>
<div class="container-fluid">
<div class="col-xs-8 center-block" style="float:none;">
<center>
<h1>Python Events</h1>
<p>Data extracted from the <a href="https://wiki.python.org/moin/PythonEventsCalendar">Python Calendars</a> :: {datetime}</p>
</center>
</div>
<div class="row">
<div class="col-md-3">
<div class="ext_search" data-ex-role="exhibit-facet" data-ex-facet-class="TextSearch" data-ex-facet-label="Search event">
</div>
<div data-ex-role="exhibit-facet" data-ex-expression=".country" data-ex-facet-label="Country" data-ex-show-missing="false" data-ex-scroll="true" data-ex-height="14em" data-ex-sort-mode="count" data-ex-collapsible="true"></div>
<div data-ex-role="exhibit-facet" data-ex-expression=".month" data-ex-facet-label="Month" data-ex-show-missing="false" data-ex-scroll="true" data-ex-collapsible="true" data-ex-fixed-order="January;February;March;April;May;June;July;August;September;October;November;December" data-ex-collapsible="true"></div>
<div data-ex-role="exhibit-facet" data-ex-expression=".cal" data-ex-facet-label="From Calendar" data-ex-show-missing="false" data-ex-facet-class="List"
data-ex-height="4em" data-ex-collapsible="true" ></div>
</div>
<div class="col-md-9">
<div id="mapa"><img src="mapa.png" class="img-responsive"></div>
<div data-ex-role="exhibit-viewPanel">
<div data-ex-role="lens" class="a-lens" style="display: none;">
<div class="title"><strong><a data-ex-href-content=".url"><span data-ex-content=".label"></span>
</a></strong>
</div>
<table class="details table table-striped">
<tr>
<td class="property">More info:</td>
<td>
<span data-ex-content=".description"></span>
</td>
</tr>
<tr>
<td class="property">Start:</td>
<td>
<span data-ex-content=".start"></span>
</td>
</tr>
<tr>
<td class="property">End:</td>
<td>
<span data-ex-content=".end"></span>
</td>
</tr>
</table>
</div>
<div data-ex-role="view" data-ex-view-class="Map" data-ex-label="Map" data-ex-latlng=".latlon" data-ex-map-height="480" data-ex-show-tool-box="true" data-ex-color-key=".cal" data-ex-color-legend-label="Python Calendar" data-ex-center="25,0" >
</div>
<div data-ex-role="view" data-ex-view-class="Timeline" data-ex-start=".start" data-ex-end=".end" data-ex-label="Timeline" data-ex-top-band-unit="week" data-ex-color-key=".cal">
</div>
</div>
</div>
</div>
<footer>
By @lmorillas. Source code: <a href="https://github.com/lmorillas/python_events">https://github.com/lmorillas/python_events</a>
</footer>
</div>
<div id="schema" style="display:none">
{schema}
</div>
<div id="data" style="display:none">
{data}
</div>
</body>
</html>