-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·421 lines (416 loc) · 24.1 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
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<title>Makerland Tutorials: Your First Steps with the Internet of Things</title>
<meta name="description" content="Makerland Tutorials is an open source book with 150+ pages of simple to follow tutorials that will guide you into programming, electronics, design and DIY">
<meta name="keywords" content="makerland, conference, book, e-book, internet of things, IoT, hardware, maker, maker movement, drones, ar drone, programming, electronics, DIY, arduino, rasbperry pi, 3d printing, 3d modeling">
<link href="img/makerland_favicon_SMALL.ico" rel="shortcut icon">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta content="http://book.makerland.org/img/photo.jpg" property="og:image">
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Sans:400,700">
<link rel="stylesheet" type="text/css" href="css/print.css" media="print">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="section-introduce sm-text-center">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 text-center">
<img src="img/book-cover.jpg" alt="Makerland Tutorials | Your first steps with the Internet of Things">
</div>
<div class=" col-lg-7 col-md-6">
<h1 class="uppercased text-white mg-bt-small">Makerland tutorials</h1>
<h2 class="uppercased text-white mg-bt-normal">Your first steps with the Internet of Things</h2>
<p class="text-white">You're looking at the open source book with 150+ pages of simple to follow tutorials that will guide you into programming, electronics, design and DIY. This book was created by Makerland conference to give attendees an easy way to explore the content during the event and learn.</p>
<p class="text-white">Makerland Tutorials will give you a chance to start your journey with Arduino, Raspberry Pi, quadcopter, 3D Modeling, wearable tech or home automation.</p>
<p class="text-white">This book is not meant to be read in the armchair, with a cup of tea. It's a “hands on” workbook to help you dive into the wonderful world of Internet of Things.</p>
<p class="text-white">Makerland Tutorials is released under Creative Commons Attribution NonCommercial ShareAlike (CC-NC-SA) license. All proceeds from this book are only covering the printing and production costs.</p>
</div>
</div>
</div>
</div>
<div class="container">
<section class="section-first">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<img src="img/header-paperback.jpg" class="mg-bt-big" alt="Paperback">
<p>Paperback edition has 150+ black and white pages of awesome material. Full-color laminated covers with gloss finish. The cost of the book is only covering the printing and production costs.</p>
<div class="pull-left" id="price-info-wrapper-paperback">
<span class="price-info bebas display-inline pull-left">$9</span>
<div class="price-details pull-left">
<h3 class="bebas text-black uppercased">buy here:</h3>
<a href="http://www.amazon.com/Makerland-Tutorials-First-Internet-Things/dp/8393954207" target="_blank"><img src="img/icon-amazon-global.jpg" alt="buy on amazon.com" class="pull-left"></a>
<a href="http://www.amazon.co.uk/Makerland-Tutorials-First-Internet-Things/dp/8393954207" target="_blank"><img src="img/icon-amazon-uk.jpg" alt=""></a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 sm-mg-t-normal">
<img src="img/header-ebook.jpg" class="mg-bt-big" alt="Paperback">
<p>Get a full-color PDF with complete tutorials. This version is now “pay what you want” (from absolutely free to what you think is fair). We want as many people as possible to start thei journey with Internet of Things, so this hopefully can help those on the budget.</p>
<div id="price-info-wrapper-ebook">
<span class="price-info bebas pull-left">$0+</span>
<h3 class="bebas text-black uppercased inline-block">Pay what you want!</h3>
<a href="http://gum.co/makerland" target="_blank"><img src="img/btn-buy.jpg" class="pull-right" alt=""></a>
</div>
<div id="price-info-wrapper-ebook">
</BR></BR>
<span class="price-info bebas pull-left">OR</span>
<a class="coinbase-button" data-code="5c0eafb3fc079a7b23ab0a68b65a6d8b" data-button-style="custom_large" href="https://coinbase.com/checkouts/5c0eafb3fc079a7b23ab0a68b65a6d8b">Donate Bitcoins</a><script src="https://coinbase.com/assets/button.js" type="text/javascript"></script>
</div>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-lg-12 col-md-12">
<img src="img/header-why-this-book.jpg" class="mg-bt-big hidden-xs" alt="Why this book:">
<img src="img/header-why-this-book-xs.png" class="mg-bt-big visible-xs" alt="Why this book:">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-7 col-sm-12">
<ul class="list-with-bulb mg-bt-normal">
<li>
<p>It's tested and approved by 300 Makers who attended our conference: Makerland.</p>
</li>
<li>
<p>It's for everyone: designers, artists, software developers, managers or else. It’ll teach you make things & program a little bit at the same time!</p>
</li>
<li>
<p>It's easy: become a Maker and make your own hardware, one tutorial at a time.</p>
</li>
<li>
<p>It's community driven: various expert in the field created this book to help you kick off.</p>
</li>
</ul>
<div class="block-red block-big">
<div class="pull-left">
<h3 class="uppercased text-black bebas">Download a chapter</h3>
<p>See how this book works <br>and get one tutorial</p>
</div>
<div class="pull-right">
<a href="/pdf/buildbot.pdf" download="Sample chapter of Makerland Tutorials.pdf">
<img src="img/btn-download.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-5 col-sm-12 sm-mg-t-normal">
<ul class="testimonials">
<li>
<p>"Fantastic idea. Great execution."<span class="cited">- Rachel Rayns, Raspberry Pi</span></p>
</li>
<li>
<p>"The book was a great idea, very well done and useful."<span class="cited">- Pierre Gerlach, CTO of Qleek</span></p>
</li>
</ul>
</div>
</div>
</section>
<section id="tutorials">
<div class="row">
<div class="col-lg-12 col-md-12">
<img src="img/header-tutorials.jpg" class="mg-bt-normal" alt="Tutorials">
<h3 class="inline-block">Topics covered in a book:</h3>
</div>
</div>
<div class="sm-mg-t-normal"></div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-drones.png" alt="Drones">
</div>
<div class="tut-desc pull-right">
<h5>Dancing drones</h5>
<h6>Control the flying robot</h6>
<p>Learn how to fly AR Drone, program it using Node.js and stream video from its HD camera.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-3d-modeling.png" alt="3D Modeling">
</div>
<div class="tut-desc pull-right">
<h5>3D modeling</h5>
<h6>Create 3D models</h6>
<p>Get to know basics of modeling your ideas and preparing your model for 3D printing.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-soldering.png" alt="Solder, wire, glue!">
</div>
<div class="tut-desc pull-right">
<h5>Solder, wire!</h5>
<h6>Basics of soldering</h6>
<p>It’s one of the basic skill you have to learn to become a Maker. In this workshop you'll build your own Arduino shield. </p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-dive.png" alt="Drones">
</div>
<div class="tut-desc pull-right">
<h5>Dive! Dive! Dive!</h5>
<h6>Build your underwater robot!</h6>
<p>Grab a breakfast container and start creating your first underwater antonomous swimming device.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-sumobot.png" alt="3D Modeling">
</div>
<div class="tut-desc pull-right">
<h5>Build-a-Bot</h5>
<h6>Start a robot arena</h6>
<p>Build a 2 wheeled battle-worthy sumobot, learn how to program it and fight in a sumo arena!</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-watch.png" alt="3D Modeling">
</div>
<div class="tut-desc pull-right">
<h5>Smart Watch</h5>
<h6>Invent your own watch</h6>
<p>Learn how to use Arduino Lilypad, conductive thread and build wearable device.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-pythonruby.png" alt="Drones">
</div>
<div class="tut-desc pull-right">
<h5>House Control</h5>
<h6>Using Python/Ruby & Arduino</h6>
<p>Arduino 101. Take your first steps with Arduino and build your home control center!</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-chicken.png" alt="3D Modeling">
</div>
<div class="tut-desc pull-right">
<h5>Hens' Happiness</h5>
<h6>Is the egg out already?</h6>
<p>Raspberry Pi 101. Check if your hen's egg is ready, stream video and tweet.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-home.png" alt="3D Modeling">
</div>
<div class="tut-desc pull-right">
<h5>Hack Your House</h5>
<h6>Home Automation</h6>
<p>Open your door lock with your phone, sms or proximity sensor with Arduino.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-arduino.png" alt="Drones">
</div>
<div class="tut-desc pull-right">
<h5>Tinkering with Arduino</h5>
<h6>Arduino 101</h6>
<p>Learn about Firmata, Arduino and start programming in Python, Ruby or Node.js</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-raspberrypi.png" alt="3D Modeling">
</div>
<div class="tut-desc pull-right">
<h5>Classic Video Games</h5>
<h6>with a Raspberry Pi!</h6>
<p>Build a retro game bot and play your favourite classic games again.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<div class="tut-cover pull-left">
<img src="img/icon-lights.png" alt="3D Modeling">
</div>
<div class="tut-desc pull-right">
<h5>Magic Lights</h5>
<h6>Home automation</h6>
<p>Let the lights follow you with a Fitbit and Philips Hue. Looks like magic!</p>
</div>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-lg-12">
<img src="img/header-open-source.png" class="img-responsive mg-bt-big hidden-xs" alt="Open Source">
<img src="img/header-open-source-xs.png" class="img-responsive mg-bt-big visible-xs" alt="Open Source">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<img src="img/icon-github.png" class="img-responsive" alt="GitHub Logo">
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
<p>This book is open sourced, which mean that you can help us improve it! Found an error? Fork our github repository and submit a pull request.</p>
<a href="http://github.com/makerland/book" target="_blank" class="link-blue-big link-underlined visible-xs">Go to GitHub ></a>
<a href="http://github.com/makerland/book" target="_blank" class="link-blue-big link-underlined hidden-xs">http://github.com/makerland/book</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 xs-mg-t-normal">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
<img src="img/icon-cc-license.png" class="img-responsive" alt="Creative Commons License Logo">
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
<p>We released Makerland Tutorials under Creative Commons Attribution NonCommercial ShareAlike (CC-NC-SA) license. Translating into human: you can modify and distribute this work, but not for commercial use and you must give credit to original author. <span class="visible-xs"><a href="#" class="link-underlined visible-xs">Learn more ></a></span> <a href="https://tldrlegal.com/license/creative-commons-attribution-noncommercial-sharealike-(cc-nc-sa)" class="hidden-xs" class="link-underlined">Learn more</a></p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="row">
<div class="col-lg-12 col-md-12">
<img src="img/header-authors.png" alt="Authors" class="mg-bt-big">
<p>There is a lot of authors of this book because of the fact how it was prepared. All the workshop leaders at Makerland 2014 created one chapter - tutorial for their workshop. We put all of them together to release a conference book.</p>
<button class="visible-xs" id="btn-toggle-authors"> </button>
</div>
</div>
<div class="row text-center" id="authors-container">
<div class="col-lg-offset-1 authors-column">
<a href="http://2014.makerland.org/speakers/#swift" target="_blank"><img src="img/authors/author-mike-swift.png" alt="Mike Swift"></a>
<a href="http://2014.makerland.org/speakers/#pawel" target="_blank"><img src="img/authors/author-pawel-szymczykowski.png" alt="Paweł Szymczykowski"></a>
<a href="http://2014.makerland.org/speakers/#andrew" target="_blank"><img src="img/authors/author-andrew-nesbitt.png" alt="Andrew Nesbitt"></a>
<a href="http://2014.makerland.org/speakers/#charalampos" target="_blank"><img src="img/authors/author-charalampos-doukas.png" alt="Charalampos Doukas"></a>
</div>
<div class="authors-column">
<a href="http://2014.makerland.org/speakers/#milosz" target="_blank"><img src="img/authors/author-milosz-dabrowski.png" alt="Miłosz Dąbrowski"></a>
<a href="http://2014.makerland.org/speakers/#felix" target="_blank"><img src="img/authors/author-felix-geisendorfer.png" alt="Felix Geisendorfer"></a>
<a href="http://2014.makerland.org/speakers/#robin" target="_blank"><img src="img/authors/author-robin-mehner.png" alt="Robin Mehner"></a>
<a href="http://2014.makerland.org/speakers/#alan" target="_blank"><img src="img/authors/author-alan-maccullagh.png" alt="Alan MacCullagh"></a>
</div>
<div class="authors-column">
<a href="http://2014.makerland.org/speakers/#karolina" target="_blank"><img src="img/authors/author-karolina-chmiel.png" alt="Karolina Chmiel"></a>
<a href="http://2014.makerland.org/speakers/#szymon" target="_blank"><img src="img/authors/author-szymon-kubicki.png" alt="Szymon Kubicki"></a>
<a href="http://2014.makerland.org/speakers/#justyna" target="_blank"><img src="img/authors/author-justyna-faldzinska.png" alt="Fustyna Faldzińska"></a>
<a href="http://2014.makerland.org/speakers/#antek" target="_blank"><img src="img/authors/author-antoni-kiedracki.png" alt="Antoni Kiedracki"></a>
</div>
<div class="authors-column" id="authors-last-column">
<a href="http://2014.makerland.org/speakers/#wojtek" target="_blank"><img src="img/authors/author-wojtek-siudzinski.png" alt="Wojtek Siudziński"></a>
<a href="http://2014.makerland.org/speakers/#jon" target="_blank"><img src="img/authors/author-jon-gottfried.png" alt="Jon Gottfried"></a>
<a href="http://2014.makerland.org/speakers/#kozak" target="_blank"><img src="img/authors/author-matt-kozak.png" alt="Matt Kozak"></a>
<a href="http://2014.makerland.org/speakers/#martin" target="_blank"><img src="img/authors/author-martin-evans.png" alt="Martin Evans"></a>
</div>
</div>
</section>
<section>
<div class="row mg-bt-big">
<div class="col-md-7 col-sm-5">
<img src="img/header-spread-the-word.png" alt="Spread the word" class="visible-lg">
<img src="img/header-spread-the-word-md.png" alt="Spread the word" class="visible-md">
<img src="img/header-spread-the-word-xs.png" alt="Spread the word" class="hidden-lg hidden-md">
</div>
<div class="col-md-5 col-sm-7">
<div class="section-social">
<a href="http://facebook.com/makerlandconf" target="_blank"><img class="img-responsive pull-left" src="img/icon-facebook.png" alt="Facebook"></a>
<a href="https://twitter.com/makerlandconf" target="_blank"><img class="img-responsive pull-left" src="img/icon-twitter.png" alt="Twitter"></a>
<a href="http://vimeo.com/makerland" target="_blank"><img class="img-responsive pull-left" src="img/icon-vimeo.png" alt="Vimeo"></a>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-5">
<p>Help us spread the word about this book and give more people
a chance to start their journey with hardware:</p>
<div class="social-buttons">
<div class="fb">
<div class="fb-like" data-href="http://book.makerland.org/" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div>
</div>
<a href="https://twitter.com/share" class="twitter twitter-share-button" data-count="vertical" data-url="http://book.makerland.org/" data-text="Check out Makerland Tutorials: book to help you with your first steps with the #IoT" data-via="makerlandconf">Tweet</a>
<div class="g-plusone" data-size="tall" data-href="http://book.makerland.org/"></div>
</div>
</div>
<div class="col-lg-6 col-md-7">
<p>Stay up to date with latest changes in the book:</p>
<form action="http://makerland.us5.list-manage.com/subscribe/post?u=9d5cf274d01a3bcf73b5b8709&id=e5b28279ce" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" placeholder="Your e-mail" id="mce-EMAIL" class="required email" name="EMAIL" value="">
<input type="submit" class="button" id="mc-embedded-subscribe" name="subscribe" value="Subscribe">
</form>
</div>
</div>
</section>
<footer>
<section>
<div class="row">
<div class="col-lg-12">
<a href="http://makerland.org/" target="_blank" id="logo-makerland-big" class="mg-bt-big"> </a>
</div>
</div>
<div class="row">
<div class="col-lg-5 col-md-12">
<p>Makerland is an experimental conference for the <br>Makers or those who wish to become them.</p>
<p>3 day format includes: <br>
- <strong>inspiring talks</strong> delivered by industry leaders;<br>
- <strong>amazing, hands-on workshops</strong> with a formula to <br>give you freedom to do what you want; <br>
- <strong>a hackathon</strong> - just to prove you that you are capable <br>of building a working product after just 2 days <br>of learning something new.</p>
<p><a href="#" class="link-blue-big link-underlined">Learn more ></a></p>
</div>
<div class="col-lg-7 col-md-12">
<div id="main-movie">
<iframe height="378" frameborder="0" allowfullscreen="" mozallowfullscreen="" webkitallowfullscreen="" src="//player.vimeo.com/video/90401518?byline=0&portrait=0&color=e92c24"></iframe>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12">
<p class="text-small mg-top-normal text-center">HTML/CSS with ♥ by <a href="http://startupworks.co/">StartupWorks</a></p>
</div>
</div>
</section>
</footer>
</div>
<!-- fb -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1&appId=345022845576638";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<!-- g+ -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- analytics -->
<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-40028264-4', 'makerland.org');
ga('send', 'pageview');
</script>
</body>
</html>