-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
157 lines (118 loc) · 5.13 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Hackasaurus website prototype" />
<title>Hackasaurus</title>
<link href="style/main.css" rel="stylesheet" type="text/css">
<script src="http://cdn.lanyrd.net/badges/person-v1.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
</head>
<header class="global">
<div class="wrapper">
<p class="logo">Hackasaurus Logo</p>
<a class="mofo" href="#">Link to MoFo</a>
</div>
<nav class="global">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="tools.html">Tools</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="get-involved.html">Get Involved</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="resources.html">Resources</a></li>
</ul>
</nav>
</header>
<body>
<div class="wrapper">
<div class="proto-col proto-col-1">
<section>
<h1>Home</h1>
<p>Hackasaurus spreads skills, attitudes and ethics that help youth thrive in a remixable digital world. By making it easy for youth to tinker and mess around with the building blocks that make up the web, Hackasaurus helps tweens move from digital consumers to active producers, seeing the web as something they can actively shape, remix and make better.</p>
<p><a href="about.html">More about Hackasaurus</a></p>
</section>
</div>
<div class="proto-col proto-col-3">
<section>
<h2>Web X-Ray Goggles</h2>
<p>See into the web and change it. Like hacking the Matrix.</p>
<p><a href="goggles.html">Install the Goggles</a></p>
</section>
<section>
<h2>Webpad</h2>
<p>Make your own web page in seconds. Create and collaborate in real time.</p>
<p><a href="http://webpad.hackasaurus.org">Try out the webpad</a></p>
</section>
<section>
<h2>Hackbook</h2>
<p>A library of code to copy and paste into your hacks.</p>
<p><a href="http://hackbook.hackasaurus.org">Play with the hackbook</a></p>
</section>
</div>
<div class="proto-col proto-col-2">
<section>
<h2>Events</h2>
<p>Hack jams are designed to make webmaking social, learner-focused and fun. Learners make, create and share together using Hackasaurus tools and un-curriculum.</p>
<!-- Event Map -->
<iframe width="100%" height="250" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?msid=206770904024238678888.0004ad5c7ad4062b8a67c&msa=0&ie=UTF8&t=m&vpsrc=0&source=embed&ll=46.073231,-41.484375&spn=110.183649,225&output=embed">
</iframe>
<p>View <a href="http://maps.google.com/maps/ms?msid=206770904024238678888.0004ad5c7ad4062b8a67c&msa=0&ie=UTF8&t=m&vpsrc=0&source=embed&ll=46.073231,-41.484375&spn=110.183649,225" style="color:#0000FF;text-align:left">Hackasaurus Jams</a> in a larger map</p>
<!-- Lanyrd event feed -->
<div class="lanyrd-target-splat">
<p><a href="http://lanyrd.com/profile/hackasaurus/" class="lanyrd-splat lanyrd-number-3 lanyrd-context-future" rel="me">See all Hack Jams on Lanyrd</a></p>
</div>
</section>
<section class="proto-mini">
<h2>Get Involved</h2>
<p>Feed of tickets from lighthouse with the "help" tag</p>
<ul>
<li><a href="#">This is a ticket about hamsters</a></li>
<li><a href="#">Another ticket</a></li>
<li><a href="#">Running out of biscuits</a></li>
</ul>
<p><a href="hacktivity-kit.html">Want to run a jam? Read our Hacktivity kit</a></p>
<p><a href="get-involved.html">Find out all the other ways you can get involved with Hackasaurus</a></p>
<h2>Resources</h2>
<h3><a href="hacktivity-kit.html">Hacktivity kit</a></h3>
<p>Helpful tips to help you run a jam</p>
<h3><a href="teachers.html">Teacher resources</a></h3>
<p>Lesson plans, curriculum</p>
<h3><a href="press-pack.html">Press pack</a></h3>
<p>Logos, leaflets</p>
<h3><a href="https://wiki.mozilla.org/Drumbeat/Hackasaurus/">Wiki</a></h3>
<p>Keep up to date with our progress</p>
</section>
</div>
</div>
</body>
<footer class="global">
<div class="wrapper">
<div class="proto-col proto-col-3">
<section>
<ul>
<li>Twitter</li>
<li>Facebook</li>
<li>Flickr</li>
<li>Github</li>
<li>Email</li>
<li>Identica</li>
<li>RSS</li>
</ul>
</section>
<section>
<h2>Supported by:</h2>
<ul>
<li>Hive logo</li>
<li>MacArthur Foundation logo</li>
<li>Mozilla logo</li>
</ul>
</section>
<section>
<p>Portions of this content are ©1998–2011 by individual mozilla.org contributors. Content available under a Creative Commons Attribution 3.0 Unported License.</p>
</section>
</div>
</div>
</footer>
</html>