This repository has been archived by the owner on May 6, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathresources.html
101 lines (89 loc) · 7.02 KB
/
resources.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
<!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="The homepage of MHacks' open-sourced technical projects.">
<title>MHacks – Hacker Boards</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/layouts/side-menu-old-ie.css">
<![endif]-->
<!--[if gt IE 8]><!-->
<link rel="stylesheet" href="css/layouts/side-menu.css">
<!--<![endif]-->
</head>
<body>
<div id="layout">
<!-- Menu toggle -->
<a href="#menu" id="menuLink" class="menu-link">
<!-- Hamburger icon -->
<span></span>
</a>
<div id="menu">
<div class="pure-menu">
<a class="pure-menu-heading" href="index.html">MHacks Hacker<br>Boards</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="networking.html" class="pure-menu-link">Workshop</a></li>
<li class="pure-menu-item"><a href="basics.html" class="pure-menu-link">Basics</a></li>
<li class="pure-menu-item"><a href="workshop.html" class="pure-menu-link">Networking</a></li>
<!--<li classs="pure-menu-item"><a href="pastbasics.html" class="pure-menu-link">All Together</a></li>-->
<li class="pure-menu-item"><a href="resources.html" class="pure-menu-link">More Resources</a></li>
</li>
</ul>
</div>
</div>
<div id="main">
<div class="header">
<h1>MHacks: Hacker Boards</h1>
<h2>Stuck after these work-throughs? Want to learn more? Check these out, or give Google a workout!</h2>
</div>
<div class="content">
<h2 class="content-subhead">ESP8266 as Web Server</h2>
<p>You can get more functionality out of your ESP8266 - such as the ability to use it as a server! - by flashing it with the NodeMCU firmware, and then writing code in Lua, a scripting language for hardware. <a href="https://learn.adafruit.com/adafruit-feather-huzzah-esp8266/using-nodemcu-lua">This is a good reference on NodeMCU</a>, and <a href="http://nodemcu.com/index_en.html">this is a brief, good reference</a> on how to Lua code for the ESP8266.
<h2 class="content-subhead">Board documentation</h2>
The Hacker Boards' development history since November can be seen in the <a href="https://github.com/mhacks/hacker-boards-refactor">hacker-boards-refactor GitHub repository</a>, and the <a href="https://github.com/mhacks/hacker-boards-eight">hacker-boards-eight GitHub repository</a>. The boards are broadly inspired by the great <a href="https://www.adafruit.com/product/2471">Adafruit HUZZAH ESP8266 boards</a>.
<h2 class="content-subhead">Original Presentation</h2>
<p>These development boards were presented at the MHacks: Refactor, MHacks 8, and MHacks 9 Hardware Workshops, in a slide presentation that covers much of the content of the <a href="basics.html">Basics</a> and <a href="networking.html">Networking</a> pages. That presentation can be found <a href="http://tinyurl.com/MXHackerBoards">on Google Drive</a>.
</div>
<!--<div class="content">
<h2 class="content-subhead">What am I holding?</h2>
<img class="pure-img-responsive" src="http://farm3.staticflickr.com/2875/9069037713_1752f5daeb.jpg" alt="Peyto Lake" align="right">
You're probably holding one of the MHacks: Refactor Hacker Boards given out at the hardware workshop! You can confirm by checking the picture to make sure that's really it.</p>
Now that you've confirmed you've got one - or even if you don't - you're probably a) itching to find out what it is, and b) to get started hacking with it!
<h2 class="content-subhead">Getting started</h2>
<h2 class="content-subhead">Background/History</h2>
This project has been over a year in the making, having survived many different changes in fundamental goals, people on the team, and politics. Originally inspired by the awesome <a href="https://github.com/BoilerMake/BoilerMakeBadge_I">BoilerMake 2014 Badges</a>, we've brought a similar idea to <a href="http://mhacks.org">MHacks</a>: a beginner-friendly, interesting piece of hardware available to everyone attending the event.</p>
We'll have more information about the Hacker Board development process after the weekend. In the meantime, have fun playing and building with them! -->
<!-- <h2 class="content-subhead">How to use this layout</h2>
<p>
To use this layout, you can just copy paste the HTML, along with the CSS in <a href="/css/layouts/side-menu.css" alt="Side Menu CSS">side-menu.css</a>, and the JavaScript in <a href="/js/ui.js">ui.js</a>. The JS file uses vanilla JavaScript to simply toggle an <code>active</code> class that makes the menu responsive.
</p>
<h2 class="content-subhead">Now Let's Speak Some Latin</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="pure-g">
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="http://farm3.staticflickr.com/2875/9069037713_1752f5daeb.jpg" alt="Peyto Lake">
</div>
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="http://farm3.staticflickr.com/2813/9069585985_80da8db54f.jpg" alt="Train">
</div>
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="http://farm6.staticflickr.com/5456/9121446012_c1640e42d0.jpg" alt="T-Shirt Store">
</div>
<div class="pure-u-1-4">
<img class="pure-img-responsive" src="http://farm8.staticflickr.com/7357/9086701425_fda3024927.jpg" alt="Mountain">
</div>
</div>
<h2 class="content-subhead">Try Resizing your Browser</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>-->
</div>
</div>
</div>
<script src="js/ui.js"></script>
</body>
</html>