-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
137 lines (106 loc) · 6.59 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
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head lang="en" class="no-js">
<!--Title-->
<title>Saturhack</title>
<!--Meta Tags-->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<!--Stylesheets-->
<link rel="stylesheet" href="stylesheets/app.css" media="all">
<!--Scripts-->
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="http://code.jquery.com/jquery-latest.js">
<script>
</script>
</head>
<body>
<header class="row clearfix">
<hgroup>
<h1><a href="#">Saturhack</a></h1>
<h2>Saturday: Coding Collaborative</h2>
</hgroup>
<div class="location-date">
<p>November 23rd. 1pm - 6pm'ish. <span class="location"> Suite Genius</span></p>
</div>
<div class="calendar-event clearfix">
<a href="images/Saturhack.ics">Add to Calendar</a>
<!-- <a href="http://www.google.com/calendar/event?action=TEMPLATE&text=Saturhack&dates=20131114T210000Z/20131115T020000Z&details=Saturhack&location=New%20West%20&trp=false&sprop=&sprop=name:" target="_blank">Via Google Calendar</a> -->
</div>
</header>
<article>
<div class="first-row clearfix">
<div class="column left">
<p>Beers are a welcome part of Saturhack. Bring a brew or grab one at the liquor store downstairs.</p>
</div>
<div class="column right">
<!-- <p>Special thanks to @weskoop for opening up The Network Hub for us.</p> -->
<p>Special thanks to @4thAveDesign for opening up Suite Genius for us.</p>
</div>
</div>
<div class="row clearfix">
<div class="column">
<h1>Join our newsletter</h1>
</div>
<div class="column">
<form action="https://tinyletter.com/saturhack" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/saturhack', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
<label for="tlemail">Enter your email address</label>
<input type="text" style="width:140px" name="email" id="tlemail" />
<input type="hidden" value="1" name="embed"/>
<input type="submit" value="Subscribe" style="background: #e31a22; border: none; color: #fff;" />
</form>
</div>
</div>
<div class="row clearfix">
<div class="column">
<h1>About Saturhack</h1>
</div>
<div class="column">
<p>Saturhack is a weekend gathering of Web Developers looking for a collaborative atmosphere to work on their personal projects. We love to code but find it's boring to do alone sometimes. So we hit up some friends on Twitter to see if anyone wanted to hack their code in a shared space, and Saturhack was born! Whether you're working in HTML, Javascript, PHP, Ruby, or Python, you are welcome to join us. Since it's the weekend, beers are also a welcome part of Saturhack. Bring a brew or grab one at the liquor store downstairs and code with a cold one.*</p>
</div>
</div><!--/row-->
<div class="row clearfix">
<div class="column">
<h1>Map & Directions</h1>
</div>
<div class="column">
<p>Below are directions to Suite Genius. It is at 1737 West 3rd Ave in apartment 210. </p>
<iframe width="95%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?f=q&source=s_q&hl=en&geocode=&q=1737+West+3rd+Ave&aq=&sll=54.112352,-126.555646&sspn=13.578727,39.506836&ie=UTF8&hq=&hnear=1737+W+3rd+Ave,+Vancouver,+British+Columbia+V6J+3H2&t=m&z=14&ll=49.269007,-123.144126&output=embed"></iframe><br /><small><a href="https://maps.google.ca/maps?f=q&source=embed&hl=en&geocode=&q=1737+West+3rd+Ave&aq=&sll=54.112352,-126.555646&sspn=13.578727,39.506836&ie=UTF8&hq=&hnear=1737+W+3rd+Ave,+Vancouver,+British+Columbia+V6J+3H2&t=m&z=14&ll=49.269007,-123.144126" style="color:#0000FF;text-align:left">View Larger Map</a></small>
<!-- New West Directions-->
<!--
<p>Below are directions from New Westminster skytrain station to The Network Hub. The Hub is on the second floor, room 1205. See <a href="http://campl.us/k4Kv">visual directions</a>.</p>
<iframe class="map" width="95%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?q=the+network+hub+new+westminster&oe=utf-8&client=firefox-a&ie=UTF8&hq=the+network+hub+new+westminster&hnear=&radius=15000&t=m&ll=49.200256,-122.911842&spn=0.004907,0.012016&z=16&iwloc=A&output=embed"></iframe>
<div><a href="https://maps.google.ca/maps?q=the+network+hub+new+westminster&oe=utf-8&client=firefox-a&ie=UTF8&hq=the+network+hub+new+westminster&hnear=&radius=15000&t=m&ll=49.200256,-122.911842&spn=0.004907,0.012016&z=16&iwloc=A&source=embed" style="color:#e31a22;float:right">View Larger Map</a></div>
<div><a href="http://campl.us/k4Kv">Visual directions from the skytrain</a></div>
-->
</div>
</div><!--/row-->
<div class="row clearfix">
<div class="column">
<h1>#Saturhack Talk</h1>
</div>
<div class="column">
<div class="map">
<a class="twitter-timeline" href="https://twitter.com/search?q=%23Saturhack" data-chrome="noheader nofooter noborders transparent" data-widget-id="392821995647164416">Tweets about "#Saturhack"</a>
<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>
</div>
</div>
</div><!--/row-->
<blockquote class="row">
<p><img src="images/bg-front-quotes.gif">#Saturhack is equal parts social, learning and hacking
<cite>- Wes Koopman (@weskoop)</cite></p>
</blockquote>
</article>
<footer class="row clearfix">
<div class="disclaimer">
<small>* If you drink, please be sure to know your limit and be courteous to those around you. The organizers and the host(s) are not responsible for any broken electronics. Any damage or personal injury is the sole responsibility of the attendee. Attending a Saturhack event implies acceptance to said terms.</small>
</div>
</footer>
</body>
</html>