-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
250 lines (224 loc) · 11.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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<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 - Houston</title>
</head>
<body>
<div class="top-level-e78c6">
<header class="skyline-eba8a">
<div class="header-e5124">
<h1 class="title-ab1a5">Nodebots Day Houston</h1>
<h2 class="date-7a1a6">July 29th 2017</h2>
</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 Houston, TX.
July 29th is the NodeBots day for 2017, 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 several houston community leaders including <a target="#" class="link-3a22b" href="http://www.meetup.com/NodejsHouston/">Node.js Houston</a>, <a target="#" class="link-3a22b" href="http://www.meetup.com/HoustonRoboticsClub/">Houston Robotics Club</a>, and <a target="#" class="link-3a22b" href="http://www.meetup.com/Houston-IoT-Meetup/">Houston IoT Meetup</a>.
</p>
<p>Still curious about what you can expect? Check out the <a href="2016/index.html">recap from last year's event</a>.</p>
<p>
For additional questions, reach out to us on the NodeJS Houston Slack group under the #nodebots2017 channel.
Register an account <a target="#" class="link-3a22b" href="http://chat.nodejshouston.com">here</a>
</p>
<h2 id="location" class="subheading-ea9d3">Location</h2>
<p>
<h3>Venue: University of Houston</h3>
University of Houston Classroom and Business Building <br/>
4742 Calhoun Rd. Houston, TX 77204<br/><br/>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3464.943356834495!2d-95.34248868489242!3d29.721399982000932!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjnCsDQzJzE3LjAiTiA5NcKwMjAnMjUuMSJX!5e0!3m2!1sen!2sus!4v1465931530808" class="map-f743d" 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">There are plenty of metered parking available near the building. It is a flat rate of $3 per day to park.</li>
<li class="square-8782f">There are a few garage lots near by, see: <a href="http://www.bauer.uh.edu/visit/maps/mapToBauer.php" class="link-3a22b">Parking</a> for additional details.</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 class="bold-36d12">Main</td>
<td class="bold-36d12">Hacker</td>
<td class="bold-36d12">Break Outs</td>
</th>
</tr>
<tr>
<td class="time-e0efd">8:00</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td class="time-e0efd">9:00</td>
<td colspan="3" class="pale-yellow-e0080">Introductions</td>
</tr>
<tr>
<td class="time-e0efd">9:30</td>
<td class="first-grey-448c1">Intro to hardware</td>
<td class="second-grey-4037a light-text-a9d6b">Free hacking</td>
<td></td>
</tr>
<tr>
<td class="time-e0efd">10:00</td>
<td class="first-grey-448c1">Tessel Experiments</td>
<td class="second-grey-4037a"></td>
<td></td>
</tr>
<tr>
<td class="time-e0efd">11:00</td>
<td class="first-grey-448c1"></td>
<td class="second-grey-4037a"></td>
<td></td>
</tr>
<tr>
<td class="time-e0efd">12:00</td>
<td colspan="3" class="pale-yellow-e0080">Lunch</td>
</tr>
<tr>
<td class="time-e0efd">1:00</td>
<td class="first-grey-448c1">Racer Bot Build</td>
<td class="second-grey-4037a light-text-a9d6b">Free hacking</td>
<td></td>
</tr>
<tr>
<td class="time-e0efd">2:00</td>
<td class="first-grey-448c1"></td>
<td class="second-grey-4037a light-text-a9d6b"></td>
<td></td>
</tr>
<tr>
<td class="time-e0efd">3:00</td>
<td class="first-grey-448c1"></td>
<td class="second-grey-4037a light-text-a9d6b"></td>
<td></td>
</tr>
<tr>
<td class="time-e0efd">4:00</td>
<td colspan="3" class="fourth-grey-add09 light-text-a9d6b">Free hacking (prepare for racing)</td>
</tr>
<tr>
<td class="time-e0efd">5:00</td>
<td colspan="3" class="fourth-grey-add09 light-text-a9d6b"></td>
</tr>
<tr>
<td class="time-e0efd">6:00</td>
<td colspan="3" class="pale-yellow-e0080">Pizza Party / Races</td>
</tr>
<tr>
<td class="time-e0efd">7:00</td>
<td colspan="3" class="pale-yellow-e0080">Show and Tell</td>
</tr>
</table>
</div>
</div>
<h2 id="tickets" class="subheading-ea9d3">Tickets</h2>
<div class="ticket-holder-c9e1c">
<tito-widget event="nodebots/2017"></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 Houston. Sponsor slots are still open and available, and your contirbutions would greatly impact the event! Contact <a href="mailto:[email protected]?subject=Nodebots Sponsorship" class="link-3a22b">NodeJS Houston</a> to become a sponsor and keep Houston's local tech community vibrant!</p>
<div class="sponsor-holder">
<div class="img-container-61e85">
<a href="http://www.uh.edu/"><img alt="University of Houston" src="static/img/uhcs.svg" class="logo-83f86"></img>
</a>
</div>
<div class="img-container-61e85 be-bfa02">
<a target="_blank" href="http://www.brandextract.com/"><img alt="Brand Extract" src="static/img/BrandExtract.png" class="logo-83f86 be-bfa02"></img></a>
</div>
<div class="img-container-61e85">
<h1>MRI Dev Team</h1>
</div>
<div class="img-container-61e85">
<a href="static/misc/nodebotsponsorship.pdf" target="#" class="placeholder-1"></a>
</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">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.
</p>
<li class="question-ee671 square-8782f">Can I bring my kids?</li>
<p>Yes, kids are welcome. If you will be sharing hardware, please purchase a hacker ticket to cover their lunch.</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="https://learn.sparkfun.com/tutorials/experiment-guide-for-the-johnny-five-inventors-kit/about-the-tessel-2" class="link-3a22b">J5IK Experiment Guide</a> - tutorials for using using the Tessel 2 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="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 class="bottom-d0830">
<div class="attribution-10e0b">Houston skyline image modified from the original,
<a href="https://www.flickr.com/photos/uffdah777/8472664412/" class="flick-link-429d6">© Randall Pugh (CC BY-NC 2.0)</a>
</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>