forked from chihacknight/chihacknight.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
events.html
129 lines (109 loc) · 4.17 KB
/
events.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Events - Open Gov Hack Night</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class='col-md-10 col-md-offset-1'>
<div class="header">
<ul class="nav nav-pills pull-right">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="events.html">Events</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="people.html">People</a></li>
</ul>
<h3 class="text-muted"><a href="index.html" >Open Gov Hack Night</a></h3>
</div>
<!-- Begin page content-->
<h1>Events <small id='event-count'></small></h1>
<p>Recent and upcoming hack nights, with links to each event's video livestream, projects, people, and data.</p>
<br>
<table id='hack-night-events' class='table'>
<thead>
<tr>
<th>Date</th>
<th>Event</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<!-- End page content-->
<div class="footer">
<p class='pull-right'>© Open City 2013 | <a href='https://github.com/open-city/open-gov-hack-night'><i class='icon-github'></i> Pull requests welcome!</a></p>
</div>
</div>
</div> <!-- /container -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/analytics_lib.js"></script>
<script src="js/moment.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script>
<script src="js/jquery.dataTables.sorting.js"></script>
<script src="js/mustache.js"></script>
<script src="data/hack_night_events.js"></script>
<script>
var template = "\
<tr>\
<td class='nowrap'>\
<div class='well text-center'>\
<time datetime='{{date}}'>\
{{{date_formatted}}}\
</time>\
</div>\
</td>\
<td>\
<h3>{{title}}</h3>\
{{{description}}}\
<ul class='list-inline link-list'>\
{{#links_present}}<li><span class='text-muted'>Links</span></li>{{/links_present}}\
{{#links}}\
<li><a href='{{url}}'>{{name}}</a></li>\
{{/links}}\
</ul>\
<ul class='list-inline'>\
<li><span class='text-muted'>Sponsor</span></li>\
<li>{{{sponsor}}}</li>\
</ul>\
</td>\
</tr>\
";
$('#event-count').html(hack_night_events.length);
for (var i = 0; i < hack_night_events.length; i++) {
var date = new moment(hack_night_events[i]['date']);
hack_night_events[i]['date'] = date.format('YYYY-MM-DD');
hack_night_events[i]['date_formatted'] = date.format('[<h3>]MMM Do[</h3><h4>]YYYY[</h4>]');
hack_night_events[i]['links_present'] = "links" in hack_night_events[i];
$("#hack-night-events tbody").append(Mustache.render(template, hack_night_events[i]));
}
// initialize datatables
$('#hack-night-events').dataTable( {
"aaSorting": [ [0,'desc'] ],
"aoColumns": [
{ "sType": "datetime" },
null
],
"bInfo": false,
"bPaginate": false
} );
</script>
</body>
</html>