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
/
pastbasics.html
91 lines (80 loc) · 5.34 KB
/
pastbasics.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
<!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="basics.html" class="pure-menu-link">Basics</a></li>
<li class="pure-menu-item"><a href="networking.html" class="pure-menu-link">Networking</a></li>
<li class="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>Let's move past the basics!</h2>
</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>