forked from NodejsHouston/bots
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
222 lines (196 loc) · 10.2 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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="static/img/favicon.png">
<link rel="stylesheet" type="text/css" href='https://css.tito.io/v1.1' />
<link rel="stylesheet" type="text/css" href="static/css/style.css">
<script src='https://js.tito.io/v1' async></script>
<title>Nodebots Day - DC</title>
</head>
<body>
<div class="top-level-e78c6">
<header class="skyline-eba8a">
<div class="header-e5124"></div>
</header>
<div class="flex-container-e0310">
<div class="menu-319e7">
<h3 class="child-10a38"><a href="#location" class="link-3a22b">Location</a></h3>
<h3 class="child-10a38"><a href="#agenda" class="link-3a22b">Agenda</a></h3>
<h3 class="child-10a38"><a href="#tickets" class="link-3a22b">Tickets</a></h3>
<h3 class="child-10a38"><a href="#sponsors" class="link-3a22b">Sponsors</a></h3>
<h3 class="child-10a38"><a href="#faqs" class="link-3a22b">FAQs</a></h3>
<h3 class="child-10a38"><a href="#resources" class="link-3a22b">Resources</a></h3>
</div>
</div>
<div class="container-3b44f">
<h2 id="welcome" class="subheading-ea9d3">Welcome!</h2>
<p>
Come be a part of an International NodeBots Day hosted here in Washington, DC.
July 30th is the NodeBots day for 2016, which is an annual event where people gather together to hack on, or learn to hack on, hardware using Javascript.
For additional information on the event, please visit: <a target="#" class="link-3a22b" href="http://nodebots.io/">nodebots.io</a>.
</p>
<p>
The event is organized by <a target="#" class="link-3a22b" href="http://www.meetup.com/Node-dc/">NodeDC</a>.
</p>
<p>
Sales of the "Buy some hardware" tickets end at midnight on July 27th.
</p>
<h2 id="location" class="subheading-ea9d3">Location</h2>
<p>
<h3>Venue: Curiosity Media</h3>
1400 Key Blvd, Level A <br/>
Arlington, VA 22209<br/><br/>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3105.2169595888618!2d-77.07579488506998!3d38.89615365462329!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89b7b65bf2d4caef%3A0xa576d4594f86d48f!2s1400+Key+Blvd%2C+Arlington%2C+VA+22209!5e0!3m2!1sen!2sus!4v1468456001909" width="800" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<h3>Parking: There is no free parking for this building, but:</h3>
<ul>
<li class="square-8782f">The venue is a 5 minute walk from Rosslyn metro station on the orange/blue/silver lines. Note that <a href="http://wmata.com/rail/safetrack.cfm?">SafeTrack</a> may impact travel times.</li>
<li class="square-8782f">There are a few garage lots near by, see <a target="_blank" href="http://www.rosslynva.org/explore/transportation-and-parking/parking" class="link-3a22b">this link</a>.</li>
<li class="square-8782f">There are plenty of metered parking spots available near the building. It is a flat rate of $2.30 per hour to park.</li>
</ul>
</p>
<h2 id="agenda" class="subheading-ea9d3">Agenda</h2>
<div class="scrollbar-hack-abe84">
<div class="table-container-f85c9">
<table class="agenda-ef9dd">
<tr>
<th>
<td colspan="4" align="center" class="node-yellow-96ed5">Tracks</td>
</th>
</tr>
<tr>
<th>
<td colspan="2" class="bold-36d12">Beginner</td>
<td colspan="2" class="bold-36d12">Advanced</td>
</th>
</tr>
<tr>
<td class="time-e0efd">9:30</td>
<td colspan="4" class="pale-yellow-e0080">Doors open</td>
</tr>
<tr>
<td class="time-e0efd">10:00</td>
<td colspan="4" class="first-grey-448c1">Introductions</td>
</tr>
<tr>
<td class="time-e0efd">10:30</td>
<td colspan="2" class="first-grey-448c1">Intro to nodebots</td>
<td colspan="2" class="third-grey-ed8db">Free hacking</td>
</tr>
<tr>
<td class="time-e0efd">11:00</td>
<td colspan="2" class="first-grey-448c1"></td>
<td colspan="2" class="third-grey-ed8db"></td>
</tr>
<tr>
<td class="time-e0efd">12:00</td>
<td colspan="4" class="pale-yellow-e0080">Lunch</td>
</tr>
<tr>
<td class="time-e0efd">1:00</td>
<td colspan="4" class="third-grey-ed8db">Free hacking</td>
</tr>
<tr>
<td class="time-e0efd">2:00</td>
<td colspan="4" class="third-grey-ed8db"></td>
</tr>
<tr>
<td class="time-e0efd">3:00</td>
<td colspan="4" class="third-grey-ed8db"></td>
</tr>
<tr>
<td class="time-e0efd">4:00</td>
<td colspan="4" class="third-grey-ed8db"></td>
</tr>
<tr>
<td class="time-e0efd">5:00</td>
<td colspan="4" class="pale-yellow-e0080">Show and Tell</td>
<td></td>
</tr>
<tr>
<td class="time-e0efd">6:00</td>
<td colspan="4"></td>
</tr>
</table>
</div>
</div>
<h2 id="tickets" class="subheading-ea9d3">Tickets</h2>
<div class="ticket-holder-c9e1c">
<tito-widget event="node-bots-day/2016-dc-nodebots-day"></tito-widget>
</div>
<h2 id="sponsors" class="subheading-ea9d3">Sponsors</h2>
<p>Nodebots Day is organized by the community with the mission to promote technology here in DC. Sponsor slots are still open and available, and your contributions would greatly impact the event! Contact <a target="_blank" class="link-3a22b" href="http://www.meetup.com/Node-dc/">NodeDC</a> to become a sponsor and keep DC's local tech community vibrant!</p>
<div class="sponsor-holder">
<div class="img-container-61e85 co-05ce6">
<a href="http://curiositymedia.com/"><img alt="Curiosity Media" src="static/img/cmedia.png" class="logo-83f86 co-05ce6"></img></a>
</div>
<div class="align-252e6">
<div class="img-container-61e85 uh-87fe1">
<a href="https://bocoup.com"><img alt="Bocoup" src="static/img/bocoup.png" class="logo-83f86"></img>
</a>
</div>
<div class="img-container-61e85 be-bfa02">
<a href="https://www.sparkfun.com"><img alt="Sparkfun" src="static/img/sparkfun.jpg" class="logo-83f86 be-bfa02"></img></a>
</div>
</div>
</div>
<h2 id="faqs" class="subheading-ea9d3">FAQs</h2>
<ul>
<li class="question-ee671 square-8782f">What is a NodeBot?</li>
<p>
Nodebots are hardware controlled with JavaScript. This includes robots and IoT connected devices.
</p>
<li class="question-ee671 square-8782f">What will I learn?</li>
<p>You'll learn how to control hardware using Node.js and the johnny-five library.</p>
<li class="question-ee671 square-8782f">What should I bring?</li>
<p>A computer with <a href="https://nodejs.org" target="_blank">node installed</a>, a microcontroller such as Arduino, Spark Core, or any other controller listed <a href="https://github.com/rwaldron/johnny-five">here</a> or <a href="https://cylonjs.com/documentation/platforms/">here</a>, any extra parts you want, and lots of IDEAS!</p>
<li class="question-ee671 square-8782f">Is this a Hackathon?</li>
<p>No. We dont have prizes. There are no stakes.</p>
<li class="question-ee671 square-8782f">Do I have to have any experience with Robots or Programming?</li>
<p>No, you don't. You do need to bring a laptop computer with NodeJS installed. We can help you set this up if needed.
</p>
<li class="question-ee671 square-8782f">Can I bring my kids?</li>
<p>Yes, kids are welcome!</p>
</ul>
<h2 id="resources" class="subheading-ea9d3">Resources</h2>
<p>
Want to get started with JavaScript and hardware? Here are some of our favorite resources:
</p>
<ul>
<li class="square-8782f"><a target="_blank" href="http://node-ardx.org/" class="link-3a22b">node-ardx</a> - tutorials for using using an Arduino with node and various components</li>
<li class="square-8782f"><a target="_blank" href="https://www.npmjs.com/package/nodebot-workshop" class="link-3a22b">nodebots workshop</a> - a tutorial in the nodeschool 'workshopper' format that requires a bit of terminal knowledge to get started.</li>
<li class="square-8782f"><a target="_blank" href="https://www.youtube.com/watch?v=0Q3hrKUwxDM" class="link-3a22b">sumobot tutorial</a> - slightly dated video tutorial on assembling and programming a sumobot</li>
<li class="square-8782f"><a target="_blank" href="http://johnny-five.io/" class="link-3a22b">Johnny-Five</a> - a high level JavaScript library for working with hardware</li>
</ul>
<div class="bot-container-c8b56">
<img class="bot-f6126" alt="nodebot icon" src="static/img/small-bot.png" />
</div>
</div>
</div>
</body>
<script type="text/javascript">
function placeholder(canvasTarget, width, height, bgColor, textColor) {
var text = "Become a sponsor";
var ratio = window.devicePixelRatio || 1;
var canvas = document.createElement('canvas');
canvas.width = width;
canvas.height = height;
var context = canvas.getContext('2d');
canvas.style.width = canvas.width + "px";
canvas.style.height = canvas.height + "px";
canvas.width *= ratio;
canvas.height *= ratio;
context.font = "20px Arial";
context.scale(ratio, ratio);
context.fillStyle = bgColor;
context.fillRect(0, 0, width, height);
context.fill();
var textWidth = context.measureText(text).width;
context.fillStyle = textColor || "grey";
context.textBaseline = 'middle';
context.fillText(text, width / 2 - textWidth / 2, height / 2);
document.querySelector(canvasTarget).appendChild(canvas);
}
placeholder('.placeholder-1', 300, 170, "#d8d8d8");
</script>
</html>