-
Notifications
You must be signed in to change notification settings - Fork 2
/
events.html
140 lines (99 loc) · 4.52 KB
/
events.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
<!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>Events</h1>
<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>
</section>
</div>
<div class="proto-col proto-col-2">
<section>
<h2>Where events have happened around the world</h2>
<!-- 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>
</section>
<section>
<h2>Upcoming Events</h2>
<!-- 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>
</div>
<div class="proto-col proto-col-1">
<section>
<h2>Host your own hack jam</h2>
<p><a href="hacktivity-kit.html">Read our Hacktivity kit</a></p>
<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>
<p>We're working on a "Host Your Own Hack Jam" kit to make it easy for anyone to host their own event. In the mean time, check out these resources on hosting your own hack jam:</p>
<ul>
<li><a href="http://jessicaklein.blogspot.com/2011/04/youth-design-jams-101-building-your.html">Hack Jams 101: Building Your Toolkit</a></li>
<li><a href="http://jessicaklein.blogspot.com/2011/04/earth-day-my-carbon-footprint-3d-design.html">Earth science hack jam at the New York Hall of Science</a></li>
<li><a href="http://openmatt.wordpress.com/2011/04/26/best-hackasaurus-event-ever/">The best Hackasaurus event ever</a></li>
<li><a href="http://openmatt.wordpress.com/2011/04/20/hackasaurus-attacks-tedx-kids/">Hackasaurus at TEDx Kids</a>
<li><a href="http://vimeo.com/21185874">Video from Chicago Hack Jam</a></li>
</ul>
<h3>Hackasaurus for teachers</h3>
<p>Want to teach your students how to build stuff for the web? <a href="teachers.html">Have a look at our lesson plan for teachers.</a></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>