-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
340 lines (286 loc) · 16.5 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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html class="no-js">
<head>
<title>SassConf 2014</title>
<meta charset="UTF-8">
<!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
<meta name="HandheldFriendly" content="true">
<meta name="MobileOptimized" content="width">
<meta http-equiv="cleartype" content="on">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="images/ico/favicon.ico">
<!-- Stylesheets -->
<link href="/styleguide/public/css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="//cloud.typography.com/6578432/743904/css/fonts.css"/>
</head>
<body class="manhattan index">
<header class="header">
<div class="photo-wrapper"></div>
<div class="rhombus-grid-wrapper layer">
<svg class="rhombus-grid" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 1000 420" enable-background="new 0 0 1000 420" xml:space="preserve" preserveAspectRatio="xMinYMin meet">
<defs>
<path id="rhombuses" d="M166.8 145.4H65.4L83.2 44h101.4L166.8 145.4zM307.2 44H205.8L188 145.4h101.4L307.2 44zM429.7 44H328.3l-17.9 101.4h101.4L429.7 44zM552.3 44H450.9l-17.9 101.4h101.4L552.3 44zM675.8 44H574.5l-17.9 101.4H658L675.8 44zM798.3 44H697l-17.9 101.4h101.4L798.3 44zM920.9 44H819.6l-17.9 101.4h101.4L920.9 44zM162.8 167.6H61.4L43.6 269H145L162.8 167.6zM285.4 167.6H184L166.2 269h101.4L285.4 167.6zM408 167.6H306.6L288.8 269h101.4L408 167.6zM530.6 167.6H429.2L411.4 269h101.3L530.6 167.6zM654 167.6H552.7L534.8 269h101.4L654 167.6zM776.6 167.6H675.3L657.4 269h101.4L776.6 167.6zM899.2 167.6H797.9L780 269h101.3L899.2 167.6zM141 291H39.6L21.8 392.4h101.4L141 291zM263.6 291H162.2l-17.9 101.4h101.4L263.6 291zM386.1 291H284.7l-17.9 101.4h101.4L386.1 291zM508.7 291H407.3l-17.9 101.4h101.4L508.7 291zM632.3 291H530.9L513 392.4h101.4L632.3 291zM754.8 291H653.4l-17.9 101.4h101.4L754.8 291zM877.3 291H776l-17.9 101.4h101.4L877.3 291z"></path>
</defs>
<clipPath id="nyc-image">
<use xlink:href="#rhombuses" overflow="visible"></use>
</clipPath>
<g clip-path="url(#nyc-image)">
<image overflow="visible" enable-background="new" width="1000" height="420" xlink:href="/styleguide/public/images/manhattan-zeldman-1800x756.jpg"></image>
</g>
</svg>
</div>
<div class="logo-nav layer">
<div class="logo-dates">
<a href="/" class="logo-lockup logo-rhombus">
<div class="rhombus-left">
<div class="rhombus-left-reset">Sass Conf</div>
</div>
</a>
<h2 class="rhombus">
<div class="rhombus-reset">October 2-4, 2014</div>
</h2>
</div>
</div>
</header>
<div id="content">
<nav class="m-main-nav">
<label class="menu-button"><input type="checkbox">
<a href="/"><div class="rhombus-reset">Home</div></a>
<a href="/speakers"><div class="rhombus-reset">Speakers</div></a>
<a href="/#buy-now"><div class="rhombus-reset">Get Tickets</div></a>
<a href="/venue"><div class="rhombus-reset">Venue</div></a>
<a href="/schedule"><div class="rhombus-reset">Schedule</div></a>
<a href="/sponsors"><div class="rhombus-reset">Sponsors</div></a>
<a href="/code-of-conduct"><div class="rhombus-reset">Code of Conduct</div></a>
<div class="button"><div class="rhombus-reset">Menu</div></div>
</label>
</nav>
<section class="standout vision">
<h1>A conference for front-end developers and designers that love Sass and are passionate about building a better, more beautiful web.</h1>
</section>
<section class="intro">
<div class="sizzle" id="sizzle">
<div class="video-embed">
<iframe
src="//player.vimeo.com/video/90602247?title=0&byline=0&portrait=0&color=ff006a&autoplay=0&loop=1"
frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</div>
</div>
<div class="intro-text">
<p>We are a group of awesomely talented and creative front-end developers,
designers, and web enthusiasts coming together for three days of
talks, workshops, and panels on the best CSS preprocessor
— <strong>Sass</strong> — in electric <a href="nyc-primer">New York City</a>.</p>
<p>We may not have created the web, but we work passionately to advance it
and make better tools for front-end developers and designers so we can
build and style more awesome sites for all.
</p>
</div>
</section>
<section class="overview">
<h1 class="article-title rhombus"><div class="rhombus-reset">Workshops, Talks, Code. Oh so Sassy!</div></h1>
<h2 class="section-title rhombus-left"><div class="rhombus-reset">2014 Keynote</div></h2>
<section class="speaker--section keynote">
<article class="session keynote">
<div class="images speaker-images-1">
<div class="speaker-image"><img src="/images/speakers/tabatkins.jpg" alt="Side portrait of Tab Atkins Jr."></div>
</div>
<div class="people">
<div class="person">
<h3 class="speaker">Tab Atkins Jr</h3>
<h3 class="occupation">Spec Hacker for Google</h3>
</div>
</div>
</article>
<article class="session keynote">
<div class="images speaker-images-1">
<div class="speaker-image"><img src="/images/speakers/chriseppstein.jpg" alt="Portrait of Chris Eppstein"></div>
</div>
<div class="people">
<div class="person">
<h3 class="speaker">Chris Eppstein</h3>
<h3 class="occupation">Core Contributor to Sass & Senior Engineer at LinkedIn</h3>
</div>
</div>
</article>
</section>
<ul class="details">
<li>
<h3 class="subsection-title rhombus"><div class="rhombus-reset">Workshops</div></h3>
<p>Dedicated day, dual track, 2 and 4 hour workshops cover beginner to advanced topics in modern front-end web
development.
</p>
</li>
<li>
<h3 class="subsection-title rhombus-left"><div class="rhombus-reset">In-depth talks</div></h3>
<p>Main stage talks from outstanding speakers in Sass and design communities</p>
</li>
<li>
<h3 class="subsection-title rhombus"><div class="rhombus-reset">Code + Community</div></h3>
<p>Work on passion projects, share your toys, hangout with the awesomest people—the ones that make and use the
tools you love.</p>
</li>
<li>
<h3 class="subsection-title rhombus-left"><div class="rhombus-reset">Great City</div></h3>
<p>What's not to love about the prospect of hanging in <a href="nyc-primer">New York City</a> with people that love Sass as much as you do.</p>
</li>
</ul>
</section>
<div class="reviews">
<h1 class="article-title rhombus"><div class="rhombus-reset">What are people saying?</div></h1>
<div class="review-item">
<h3 class="reviewer rhombus-left"><div class="rhombus-reset">@chriseppstein</div></h3>
<div class="quote" style="background-image: url(/images/reviews/chriseppstein.jpg)"><blockquote>This weekend has been a dream come true for me...I am inspired, humbled & honored <3</blockquote></div>
</div>
<div class="review-item">
<h3 class="reviewer rhombus-left"><div class="rhombus-reset">@roy</div></h3>
<div class="quote" style="background-image: url(/images/reviews/roytomeij.jpg)"><blockquote>If you’re not at @SassConf, you’re missing out on awesomeness with unicorn rainbow sprinkles on top. #SassConf</blockquote></div>
</div>
<div class="review-item">
<h3 class="reviewer rhombus-left"><div class="rhombus-reset">@anotheruiguy</div></h3>
<div class="quote" style="background-image: url(/images/reviews/dalesande.jpg)"><blockquote>#sassconf was so awesome that it's making it really hard to adjust to normal life. Locked in mental loop for the next SassConf!</blockquote></div>
</div>
<div class="review-item">
<h3 class="reviewer rhombus-left"><div class="rhombus-reset">@elyseholladay</div></h3>
<div class="quote" style="background-image: url(/images/reviews/elyseholladay_14.jpg)"><blockquote>wow. #sassconf was incredible. what a friendly, open-minded, ego-free, and diverse group of speakers, attendees, organizers, maintainers.</blockquote></div>
</div>
<div class="review-item">
<h3 class="reviewer rhombus-left"><div class="rhombus-reset">@middle8media</div></h3>
<div class="quote" style="background-image: url(/images/reviews/sethhall.jpg)"><blockquote>@sassconf was a success. Best conference yet!!! Thanks to all the speakers & organizers.</blockquote></div>
</div>
<div class="review-item">
<h3 class="reviewer rhombus-left"><div class="rhombus-reset">@Una</div></h3>
<div class="quote" style="background-image: url(/images/reviews/una.jpg)"><blockquote>Thank you SO MUCH @treehouse for sponsoring @SassConf & my ticket! I learned A LOT- can't wait to spread the word! Had an amazing experience</blockquote></div>
</div>
<div class="review-item">
<h3 class="reviewer rhombus-left"><div class="rhombus-reset">@robwierzbowski</div></h3>
<div class="quote" style="background-image: url(/images/reviews/rob.jpg)"><blockquote>Loved putting real faces and personalities to all the people I've worked on GitHub issues with over the past year. @SassConf</blockquote></div>
</div>
<div class="review-item">
<h3 class="reviewer rhombus-left"><div class="rhombus-reset">@palebluejen</div></h3>
<div class="quote" style="background-image: url(/images/reviews/palebluejen.jpg)"><blockquote>Still reeling from such an awesome experience at @SassConf. Feel more inspired than I have in years.</blockquote></div>
</div>
</div>
<article class="on-sale" id="buy-now">
<h1 class="article-title rhombus"><div class="rhombus-reset">Get tickets. Don't miss out this year.</div></h1>
<p>
Your ticket gets you full admission to the conference,
including keynotes, workshops, talks, and community day. Plus admission to
opening reception, main conference party, and closing fiesta.
</p>
<p><a href="https://sassconf2014.ticketbud.com/sassconf-2014" class="btn">Buy Tickets</a></p>
<p>We are committed to do our best to
<a href="https://sassconf.wufoo.com/forms/sv0cmcw0ehtwqd/">help anyone make it to Sass Conf</a>.
</p>
<p class="ticket-terms"><em><a href="refund-policy">Need to cancel or transfer your ticket?</a></em></p>
</article>
<article class="open-community">
<h1 class="article-title rhombus"><div class="rhombus-reset">An open community</div></h1>
<p>
Sass Conf is open to all. We're dedicated to a <a href="code-of-conduct">harassment-free</a>
and enjoyable
conference experience for everyone.
</p>
</article>
<section id="updates" class="updates">
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup" class="rhombus" data-eq-pts="medium: 320">
<form action="http://Sassconf.us5.list-manage1.com/subscribe/post?u=3a8cdc2c932e9e39b71ad40fa&id=bbb1e76d11"
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate rhombus-reset"
target="_blank">
<div class="mc-field-group">
<label for="mce-EMAIL">Get Sass Conf updates:</label>
<br>
<input type="email" value="" placeholder="Email Address" name="EMAIL" class="required email" id="mce-EMAIL"
required=""></div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div>
<div class="clear">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
</section>
<aside class="sponsors--footer">
<h1 class="article-title rhombus-left"><div class="rhombus-reset">Stand out like these awesome folk.
<a href="mailto:[email protected]">Sponsor Sass Conf.</a></div></h1>
<div class="tier xl">
<a href="http://www.ibm.com/design/"><img src="/images/sponsors/IBM.svg" alt="IBM logo"></a>
<a href="http://www.typography.com/cloud/welcome/"><img src="/images/sponsors/hoeflerco.png" alt="Hoefler & Co."></a>
</div>
<div class="tier l">
<a href="http://oddbird.net/"><img src="/images/sponsors/oddbird.png" alt="OddBird"></a>
<a href="http://makersquare.com/"><img src="/images/sponsors/makersquare.png" alt="MakerSquare"></a>
</div>
<div class="tier s">
<a href="http://www.abookapart.com/"><img src="/images/sponsors/bkapart.png" alt="A Book Apart"></a>
<a href="http://cageapp.com/"><img src="/images/sponsors/cage.png" alt="Cage"></a>
<a href="http://incident57.com/codekit/"><img src="/images/sponsors/codekit.png" alt="CodeKit"></a>
<a href="https://www.manning.com/"><img src="/images/sponsors/manning.png" alt="Manning"></a>
<a href="http://oreilly.com/"><img src="/images/sponsors/oreilly.gif" alt="O'Reilly"></a>
<a href="http://pragprog.com/.com/"><img src="/images/sponsors/pragprog.png" alt="The Pragmatic Bookshelf"></a>
<a href="http://rosenfeldmedia.com/"><img src="/images/sponsors/rosenfeld.png" alt="Rosenfeld"></a>
<a href="http://www.git-tower.com"><img src="/images/sponsors/tower.png" alt="Tower Mac Git Client"></a>
</div>
<p>Find out more about our <a href="/sponsors">2014 sponsors</a> and
<a href="/media-partners">media partners</a>. </p>
<p>
A huge thanks to <a href="/sponsors/2013">last year’s wonderful sponsors</a>, especially
<span class="sponsor-item"><a href="https://teamtreehouse.com">Treehouse</a></span>,
<span class="sponsor-item"><a href="https://shopify.com">Shopify</a></span>,
<span class="sponsor-item"><a href="http://oddbird.net">OddBird</a></span>, and
<span class="sponsor-item"><a href="https://github.com">GitHub</a></span>.
</p>And the continuous support from the NYC tech community. </p>
<div class="tier s">
<a href="http://meetup.com/"><img src="/images/sponsors/meetup.png" alt="Meetup"></a>
<a href="http://xogroup.com/"><img src="/images/sponsors/xotech.png" alt="XO Tech"></a>
<a href="http://thoughtbot.com/"><img src="/images/sponsors/thoughtbot.png" alt="Thoughtbot"></a>
</div>
</aside>
</div>
<footer>
<div class="footer-content">
<div class="logo-lockup"></div>
<ul>
<h4>2014 SassConf Team</h4>
<li><a href="https://twitter.com/itsmisscs">Claudina Sarahe</a></li>
<li><a href="https://twitter.com/Snugug">Sam Richard</a></li>
<li><a href="https://twitter.com/adekunleoduye">Adekunle Oduye</a></li>
<li><a href="https://twitter.com/bkrjames">Robert James</a></li>
<li><a href="https://twitter.com/skyefaerie">Aisha Green</a></li>
<li>Michelle Martinez</li>
<li><a href="https://twitter.com/codingdesigner">Gwen Wendell</a></li>
</ul>
<ul>
<h4>Stay in touch</h4>
<li><a href="https://twitter.com/sassconf">@SassConf</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
<p>© 2014 SassConf. All rights reserved. Find an error or want to add something? Pull requests
are welcome over on <a href="https://github.com/codingdesigner/sassconf-pl"
title="SassConf Design repo">GitHub</a>.
Kindly refer to our <a href="/styleguide/public/">styleguide</a>.</p>
<p>Manhattan <a
href="https://www.flickr.com/photos/zeldman/14275183690/in/photolist-nKs4nU-nKs3LJ-o2QM7u-nZU5Jb">photo by
Jeffery Zeldman</a>.</p>
<p>
SassConf is dedicated to a
<a href="/code-of-conduct">harassment-free</a>
and enjoyable conference experience for everyone.
<a href="/refund-policy">Refund policy</a>.
</p>
</div>
</footer>
<!-- Stylesheets -->
<script src="/javascripts/bower_components/modernizr/modernizr.js" type="text/javascript"></script><script src="/javascripts/bower_components/jquery/dist/jquery.js" type="text/javascript"></script><script src="/javascripts/bower_components/eq.js/dist/eq.min.js" type="text/javascript"></script><script src="/javascripts/bower_components/moment/moment.js" type="text/javascript"></script><script src="/javascripts/bower_components/twix/bin/twix.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="/javascripts/bower_components/html5shiv/dist/html5shiv.js" type="text/javascript"></script>
<![endif]-->
<script src="/javascripts/widowtamer-min.js" type="text/javascript"></script><script src="/javascripts/bower_components/letteringjs/jquery.lettering.js" type="text/javascript"></script><script src="/javascripts/main.js" type="text/javascript"></script>
</body>
</html>