forked from brooklynjs/brooklynjs.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (189 loc) · 7.92 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
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>BrooklynJS | The world's most popular programming language, in New York's most popular borough</title>
<meta name="description" content="BrooklynJS | a JavaScript meetup for New York's favorite borough">
<meta name="viewport" content="width=device-width">
<link rel='stylesheet' type='text/css' href='assets/styles/layout.css' />
<link rel='stylesheet' type='text/css' href='assets/styles/index.css' />
<script>
var then = new Date(2020, 3, 16)
var days = 'Sunday Monday Tuesday Wednesday Thursday Friday Saturday'.split(' ')
var months = 'January February March April May June July August September October November December'.split(' ')
function suffixed(number) {
if (number > 9 && number < 21)
return number + "th"
var lastDigit = number % 10
switch (lastDigit) {
case 1:
return number + "st"
case 2:
return number + "nd"
case 3:
return number + "rd"
default:
return number + "th"
}
}
function longEventDate() {
var weekday = days[then.getDay()]
var month = months[then.getMonth()]
var date = month + " " + suffixed(then.getDate())
document.write([weekday, date, "at 7pm"].join(", "))
}
function shortEventDate() {
document.write((then.getMonth() + 1) + "/" + then.getDate())
}
function timeLeft() {
var now = new Date
var n = 0 | (then - now) / 86400000
document.write(
n > 1 ? n + " days" :
n == 1 ? "1 day" :
n == 0 ? "A while" : ""
)
}
function speakerTime() {
speakerTime.i = -~speakerTime.i
document.write("7:" + speakerTime.i + "0p")
}
</script>
</head>
<body>
<header>
Brooklyn
<span class="j">J</span>
<span class="s">S</span>
</header>
<article>
<p>
PLANNED DISRUPTION<br>
<script>
longEventDate()
</script><br><br> Please follow the directions below.
</p>
<ol>
<li class="end stop">
<time>now</time>
<small>See the event board to</small>
<div><a href="http://tickets.brooklynjs.com">Get your ticket</a> and <a href="http://tickets.brooklynjs.com">tell your friends</a></div>
</li>
<li class="ride"></li>
<li class="stop end">
<small>Check out our</small>
<div><a href="coc.html">Code of Conduct</a></div>
</li>
<li class="ride"></li>
<li class="stop">
<time>
<script>timeLeft()</script>
</time>
<small>Nothing to do but</small>
<div>Wait patiently</div>
</li>
<li class="ride"></li>
<li class="end stop">
<time><script>shortEventDate()</script></time>
<small>Make your way to our awesome venue,</small>
<div><a href="//61local.com">61 Local</a> on <a href="//www.google.com/maps?q=61+Bergen+St+11201">Bergen St.</a></div>
</li>
<li class="ride"></li>
<li class="end stop">
<time></time>
<small>Maybe come early and geek out for some</small>
<div><a href="http://tickets.brooklynjs.com">Boroughgramming</a></div>
</li>
<li class="walk">
<small></small>
<div></div>
</li>
<li class="stop">
<time>7:00p</time>
<small>Open the gray door in back, and</small>
<div>Walk upstairs</div>
</li>
<li class="ride"></li>
<li class="end stop">
<time>7:30p</time>
<small>Grab a seat in time for</small>
<div>Introduction and kickoff</div>
</li>
<li class="ride"></li>
<li class="speaker">
<time>8:00p</time>
<small>Listen to our first speaker, or better yet</small>
<div><a href="https://github.com/brooklynjs/brooklynjs.github.io/issues/new">BE OUR FIRST SPEAKER</a></div>
</li>
<li class="ride"></li>
<li class="speaker">
<time>8:15p</time>
<small>Listen to our second speaker, or better yet</small>
<div><a href="https://github.com/brooklynjs/brooklynjs.github.io/issues/new">BE OUR SECOND SPEAKER</a></div>
</li>
</li>
<li class="ride"></li>
<li class="speaker">
<time>8:30p</time>
<small>Listen to our third speaker, or better yet</small>
<div><a href="https://github.com/brooklynjs/brooklynjs.github.io/issues/new">BE OUR THIRD SPEAKER</a></div>
</li>
</li>
<li class="ride"></li>
<li class="speaker">
<time>8:45p</time>
<small>Listen to our fourth speaker, or better yet</small>
<div><a href="https://github.com/brooklynjs/brooklynjs.github.io/issues/new">BE OUR FOURTH SPEAKER</a></div>
</li>
</li>
<li class="ride"></li>
<li class="speaker">
<time>9:00p</time>
<small>Listen to our fifth speaker, or better yet</small>
<div><a href="https://github.com/brooklynjs/brooklynjs.github.io/issues/new">BE OUR FIFTH SPEAKER</a></div>
</li>
</li>
<li class="ride"></li>
<li class="stop">
<time>9:15p</time>
<small>Wind down with the</small>
<div>Wrap-up</div>
</li>
<li class="walk">
<small>Round-trip downstairs to the bar to get some</small>
<div>Local <a href="//www.beermenus.com/places/2237-61-local">craft beer</a> / soda</div>
</li>
<li class="stop">
<time>12:00a</time>
<small>Geek out with your boroughmates during</small>
<div>The bevera.js social hour(s)</div>
</li>
<li class="ride"></li>
<li class="end stop sponsors">
<small>This event made possible by our sponsors.</small>
<div><a href="sponsorship.html">Be our next sponsor.</a></div>
</li>
</ol>
</article>
<footer>
BrooklynJS expects all speakers and attendees<br>to follow the <a href="//jsconf.com/codeofconduct.html">JSConf code of conduct</a>. For more information about us, see our FAQs for <a href="https://github.com/brooklynjs/brooklynjs.github.io/blob/master/speakers.md">speakers</a>,
<a href="https://github.com/brooklynjs/brooklynjs.github.io/blob/master/attendee-faq.md">attendees</a>, and <a href="sponsorship.html">sponsors</a>, or <a href="https://github.com/jed/building-brooklynjs">learn more about our history</a>.
</footer>
<script>
(function(i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function() {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-66830517-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>