-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
458 lines (392 loc) · 29.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
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>A documentary on the creative process | From Nothing, Something</title>
<meta name="description" content="From Nothing, Something profiles creative thinkers across a variety of disciplines to find the common techniques, habits and neuroses that lead to breakthrough ideas. An intimate look at the creative process, From Nothing, Something features Sara Quin of Tegan & Sara, Maria Bamford, Tom Perrotta, Neville Page, Marue Sue Milliken & Susan Feniger."/>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/main.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<header class="page-header" data-magellan-expedition>
<div class="row">
<div class="large-4 small-6 medium-4 columns">
<div class="page-logo">
<a href="#top"><img src="img/fns-logo.png"></a>
</div>
</div>
<div class="large-7 visible-for-medium-up">
<div class="nav-main">
<div class="large-3 medium-3 columns">
<ul class="sub-nav">
<li data-magellan-arrival="about">
<a class="nav-about" title="About the Film" href="#about">
</a>
</li>
</ul>
<ul class="social">
<li><a title="Facebook/FromNothingSomething" href="https://www.facebook.com/fromnothingsomething"><img alt="Like FromNothingSomething on Facebook" src="img/fb-button.png"></a></li>
<li><a title="@FNSmovie on Twitter" href="https://twitter.com/FNSmovie"><img alt="Follow @FNSmovie on Twitter" src="img/twitter-button.png"></a></li>
<li><a title="[email protected]" href="mailto:[email protected]"><img alt="email us" src="img/email-button.png"></a></li>
</ul>
</div>
<div class="large-6 columns visible-for-large-up">
<img class="lede" title="From Nothing, Something features Sara Quin of Tegan & Sara, Maria Bamford, Tom Perrotta, Neville Page, Marue Sue Milliken & Susan Feniger" alt="From Nothing, Something features Sara Quin of Tegan & Sara, Maria Bamford, Tom Perrotta, Neville Page, Marue Sue Milliken & Susan Feniger" src="img/lede.jpg">
</div>
</div>
</div>
</div>
</header>
<div id="content">
<div data-magellan-destination="home" id="home" class="pg">
<div class="row pg-interior">
<div class="large-7 columns trailerembed">
<div class="videoWrapper">
<iframe width="560" height="315" src="https://www.youtube.com/embed/04A-nXDy9Ao" frameborder="0" allowfullscreen></iframe></div>
<div class="buyoptions">
<img style="margin-bottom:15px;" src="img/watch-buy-title.png">
<ul class="small-block-grid-2 large-block-grid-3">
<li><a href="https://itunes.apple.com/us/movie/from-nothing-something/id969115483"><img src="img/buyoptions/itunes.png"></a></li>
<li><a href="http://www.amazon.com/From-Nothing-Something-Sara-Quin/dp/B00TRSS1UC"><img src="img/buyoptions/amazon.png"></a></li>
<li><img src="img/buyoptions/youtube.png"></li>
<li><img src="img/buyoptions/xbox.png"></li>
<li><img src="img/buyoptions/googleplay.png"></li>
<li><a href="http://www.amazon.com/Nothing-Something-Documentary-Creative-Process/dp/B00RZXWWWY/ref=sr_1_1?ie=UTF8&qid=1425659622&sr=8-1&keywords=from+nothing%2C+something"><img src="img/buyoptions/dvd.png"></a></li>
<li><a href="#" data-reveal-id="screenModal"><img src="img/buyoptions/book-screening.png"></a></li>
<li><a href="http://www.collectiveeye.org/products/from-nothing-something-a-documentary-on-the-creative-process-educational"><img src="img/buyoptions/educational.png"></a></li>
<li><a href="http://kinosmith.myshopify.com/products/from-nothing-something-a-documentary-about-the-creative-process"><img src="img/buyoptions/canada.png"></a></li>
</ul>
</div>
</div>
<div class="large-5 columns">
<div class="dvdwrap show-for-large-up"><img src="img/bigdvd.png"> </div>
</div>
<img src="img/laurels.png">
</div>
</div>
<div data-magellan-destination="about" id="about" class="pg">
<div class="row pg-interior">
<div class="row"><div class="large-6 columns"><h2><img style="clear:both;" src="img/about-title.png"></h2></div></div>
<div class="row">
<div class="clearfix large-12 columns">
<ul id="tabnav" class="tabs" data-tab>
<li class="first tab-title"><a href="#panel-about">About</a></li>
<li class="tab-title active"><a href="#panel-cast">Cast</a></li>
<li class="tab-title"><a href="#panel-credits">Filmmakers</a></li>
<li class="tab-title"><a href="#panel-reviews">Reviews</a></li>
<li class="tab-title"><a href="#panel-festis">Festivals/Screenings</a></li>
</ul>
<div class="tabs-content">
<div class="content clearfix" id="panel-about">
<div class="large-6 columns">
<p><em>From Nothing, Something</em> profiles creative thinkers across a variety of disciplines to find the common techniques, habits and neuroses that lead to breakthrough ideas. This is an intimate, often funny look at the creative process - straight from some of our culture’s most unique and accomplished talents. </p>
<p>The film follows sixteen successful creative people into their work spaces, during their everyday routines. What’s revealed is the dedication required - and the costs exacted - to bring ideas into the world. The result is an unvarnished portrayal of faith, perseverance, and inspiration at work.</p>
</div>
</div>
<div class="content active" id="panel-cast">
<ul id="orbit1" class="the-orbit cast-rotator" data-orbit data-options="timer:false; bullets:true;slide_number:false;">
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/sara-quin.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p>Singer/songwriter <strong>Sara Quin</strong> is half of the twin-sister musical duo Tegan & Sara. They’ve recorded nine studio albums, been nominated for five Juno Awards, and played stages worldwide including Coachella, Lollapalooza, Bonnaroo, and Lilith Fair. In December 2012, Tegan & Sara were nominated for their first Grammy, and their single “Closer” debuted in the top 40 on the U.S. Alternative Chart. Their most recent album, Heartthrob was named to the Polaris Prize shortlist for best Canadian album of the year. They most recently had a <em>Billboard</em> hit with “Everything is Awesome” (featuring Lonely Island) in <em>The Lego Movie</em>, which received a 2014 Academy Award nomination for Best Original Song. </p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/tom-perrotta.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p><strong>Tom Perrotta</strong> is the author of six acclaimed novels, including <em>Little Children</em> and <em>Election</em> which have both been adapted into Oscar-nominated films. Tom’s latest novel, <em>The Leftovers</em>, debuted at #6 on the <em>New York Times</em> bestseller list and was adapted into a critically-acclaimed original series on HBO, which Tom co-Executive-Produced with Damon Lindelhof (<em>Lost</em>, <em>Star Trek</em>, <em>Prometheus</em>).</p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/maria-bamford.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p><strong>Maria Bamford</strong> has performed on <em>The Tonight Show with Jay Leno</em>, <em>Conan</em>, and <em>Jimmy Kimmel Live</em> and is the only female comic to have two Comedy Central specials of her own. Bamford appeared in the documentary The <a href="http://en.wikipedia.org/wiki/The_Comedians_of_Comedy">Comedians of Comedy</a> with Zach Galifiniakis, Patton Oswalt, and Brian Posehn. She has been featured in over 40 movies and TV shows - most recently as Louis CK’s deranged love interest on <em>Louie</em>. Released in 2009, Bamford’s <em>Unwanted Thoughts Syndrome</em> was listed by <em>The Onion</em> as one of the “Best Comedy CDs of the Decade.”</p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/alexa-and-flora.jpg" alt="Alexa Adams and Flora Gill are in this documentary." /></div>
<div class="bio-blurb large-5 columns">
<p>Since founding <strong>Ohne Titel</strong> in 2006, <strong>Alexa Adams</strong> and <strong>Flora Gill</strong> have been a staple of NY Fashion Week and twice been finalists for the CFDA/Vogue Fashion Fund Award. Their collections are sold in a dozen countries worldwide and their work appears regularly in <em>Harper’s Bazaar</em>,<em>Vogue</em> and <em>Women’s Wear Daily</em>. Most recently their clothes have been modeled by such iconic women as Rihanna, Emma Watson and Brooklyn Decker. </p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/moungi-and-david.jpg" alt="slide 2" /></div>
<div class="bio-blurb large-5 columns">
<p><strong>Moungi Bawendi</strong> and <strong>W. David Lee</strong> are cancer researchers and entrepreneurs at Massachusetts Institute of Technology. They are at the forefront of research on cancer detection systems that surgically eliminate the disease on a cellular level. They have more than 60 patents between them.</p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/huma.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p>Born in Karachi, Pakistan, <strong>Huma Bhabha</strong> is a painter and sculptor whose work has been exhibited at such venues as The Museum of Modern Art, MOMA/PS1, and the Whitney Biennial in New York, and the Saatchi Gallery and Royal Academy in London. Her work has been lauded extensively in <em>The New York Times</em>, <em>New York Magazine</em>, <em>The Guardian</em>, and <em>Huffington Post</em>. She is represented by galleries in New York, Toronto, London and Amsterdam. </p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/jason-rohrer.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p>Video game designer <strong>Jason Rohrer</strong> is a leader of the indie "art game movement." Jason's games, which he programs, designs and scores entirely by himself, have been downloaded more than one-and-a-half million times. His work has been featured in <em>Wired</em>, <em>PCGamer</em>, <em>The New York Times</em>, <em>The Onion</em>, <em>Slate</em>, <em>BusinessWeek</em>, and <em>Esquire Magazine's</em> "Genius Issue." </p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/jay-greenberg.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p><strong>Jay Greenberg</strong> is a classical composer who had his first symphony performed in Carnegie Hall at age 14. His music has since been performed by The London Symphony Orchestra and The New York City Ballet. By age 17, Jay had twice been featured on <em>60 Minutes</em> which called him “perhaps the greatest talent to come along in 200 years.” </p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/keith-young.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p><strong>Keith Young</strong> is an Emmy-nominated choreographer whose resumé includes Rent, the Academy Awards and the Grammy telecasts, and <em>Dancing with the Stars</em>, plus tours and videos with Madonna, Outkast, and Red Hot Chili Peppers. </p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/mary-sue-and-susan.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p><strong>Susan Feniger and Mary Sue Milliken</strong> have opened restaurants in Los Angeles and Las Vegas, co-authored five cookbooks, hosted over 200 episodes of their own Food Network series <em>Too Hot Tamales</em>, and appeared on <em>Oprah</em>, <em>Iron Chef</em>, and <em>Top Chef Masters</em>. They currently own the Border Grill with locations in Santa Monica, downtown LA, and Las Vegas. </p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/neville-page.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p><strong>Neville Page</strong> is a renowned Hollywood creature designer who’s worked with directors such as James Cameron, Stephen Spielberg, Ridley Scott, and J.J. Abrams. His credits include modern sci-fi blockbusters such as <em>Avatar</em>, <em>Cloverfield</em>, <em>Tron: Legacy</em>, <em>Watchmen</em>, <em>Star Trek</em>, <em>Oblivion</em>, <em>Super 8</em>, and <em>Prometheus</em>. He’s currently one of the judges on <em>Face Off</em>, a series on SyFy Network that was just renewed for its fourth season. </p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/preston-scott.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p>A designer of residential and public buildings, <strong>Preston Scott Cohen</strong> is Chair of Architecture at Harvard and recipient of the Academy of Arts and Letters Award in Architecture. His latest project is the $30MM Taiyuan Museum in Shanxi Province, China. His designs are in the permanent collection at MOMA and have been featured in <em>The New York Times</em>, <em>Conde Nast TRAVELER</em> and <em>Architect Magazine</em>.</p>
</div>
</li>
<li>
<div class="rotate-image-wrap large-7 columns"><img src="img/cast/steve-breen.jpg" alt="slide 3" /></div>
<div class="bio-blurb large-5 columns">
<p><strong>Steve Breen</strong> is the cartoonist at the San Diego Times Union. His work has appeared in more than 150 publications, including <em>Time Magazine</em>, <em>USA Today</em>, <em>The New York Times</em>. He’s twice won the Pulitzer Prize for Editorial Cartooning. His new book of illustrations, <em>Unicorn Executions</em>, was the recent subject of a studio bidding war, and is now in development to become a major motion picture at Universal. </p>
</div>
</li>
</ul>
</div>
<div class="content" id="panel-credits">
<p><strong>Director/Producer:</strong> Tim Cawley <br>
<strong>Executive Producers:</strong> Lisa Belden, Eran Lobel, Mark Hankey<br>
<strong>Producers:</strong> Amy Appleton, Jim Buckley<br>
<strong>Director of Photography:</strong> Geoff McAuliffe<br>
<strong>Camera:</strong> Henrique Ghersi<br>
<strong>Sound & Mix:</strong> Mark Wong<br>
<strong>Score:</strong> Conan Skyrme<br>
<strong>Titles:</strong> Toil/Boston<br>
<strong>Production:</strong> Five2Nine Films, Brickyard Filmworks, Element Productions</p>
</div>
<div class="content" id="panel-reviews">
<ul id="reviews" class="the-orbit clearfix" data-orbit data-options="timer:false; bullets:true;slide_number:false;">
<li>
<ul class="large-block-grid-3 small-block-grid-1">
<li>
<p>
“Waves away the magic dust around inspiration and presents the development of successful ideas as a combination of chance, timing and dedicated hard work. Inspiring.” - <em>The Rocker</em>
</p>
</li>
<li>
<p>
“From Nothing, Something is an interesting movie because it has to visualize a very interior, cerebral thing: the creative process. The fact that it pulls this off is the greatest signifier of its success.” - Days of Docs
</p>
</li>
<li>
<p>
“Engaging. Insightful. One leaves the film not only with more ideas as to how the creative process works, but inspired and elated.” “One of the best films of the year.” – Kriofske Mix
</p>
</li>
<li>
<p>
“We discover surprising commonalities among these talents. Beautifully shot. Fascinating.” – Arts Fuse (Best of the Fest, IFFBoston Recap)
</p>
</li>
<li>
<p>
“Inspiring and motivating.”– Fast Company
</p>
</li>
<li>
<p>
“Fascinating. A unique film. Executed with passion and precision.” – The Lonely Reviewer
</p>
</li>
</ul>
</li>
<li>
<ul class="small-block-grid-3 small-block-grid-1">
<li>
<p>
“A film that challenges us to awaken our senses.” Les Meconnus, Montreal
</p>
</li>
<li>
<p>
“What goes on inside the heads of uber-creative people? This stimulating, fast-paced doc reveals the zany personalities of eccentric geniuses.” – Arts & Opinion
</p>
</li>
<li>
<p>
“4/5 stars. Illuminating and often mesmerizing.” – The Film Yap
</p>
</li>
<li>
<p>
“Intelligent and entertaining. Few filmmakers succeed in approaching the filmmaking journey through the lenses of both intellect and inspiration, but Cawley proves to be the exception. I found myself completely and utterly captivated.” – theindependentcritic.com
</p>
</li>
<li>
<p>
"Immediately after the movie ended...I was struck with the same inspiring urges felt by the film's subjects" – Filmbalaya
</p>
</li>
<li>
<p>
“Engrossing and entertaining. Highly recommended.” - Blogging Ashland
</p>
</li>
</ul>
</li>
<li>
<ul class="small-block-grid-3 small-block-grid-1">
<li>
<p>
“Fascinating. A well-made movie about a fun topic.” – Cinedraft
</p>
</li>
<li>
<p>
“Offers refreshing insight on many industries, disregarding stereotypes to break down what “being creative” truly means. From Nothing, Something connected on a much deeper level than I thought possible.” - The Sneaky Sneak
</p>
</li>
<li>
<p>
“Lively and Entertaining” - Video Librarian
</p>
</li>
<li>
<p>
“Inventive. Colorful. Expressive. A worthwhile trip for anyone interested in creativity.” - Library Journal
</p>
</li>
<li>
<p>
“Unique. Inspiring. Reveals a level of candidness you could never find in a million years with big-budgeted, star-laden films of similar anatomy.” - ATOD Magazine
</p>
</li>
<li>
<p>
“Fascinating. I dare you to watch this movie and not get inspired.” - Perspectives Blog
</p>
</li>
</ul>
</li>
<li>
<ul class="small-block-grid-3 small-block-grid-1">
<li>
<p>
“Fascinating. A well-made movie about a fun topic.” – Cinedraft
</p>
</li>
<li>
<p>
“The film is insightful, funny, touching, inspirational and utterly fascinating. Ultimately reveals the art is what all of us do every day.” – Toronto Film Scene
</p>
</li>
<li>
<p>
“The perfect film for those days when everything is going wrong and you start to question your own ideas and direction.” Concrete Playground
</p>
</li>
</ul>
</li>
</ul>
</div>
<div class="content" id="panel-festis">
<img src="img/festis/tim_trailer_laurels-fests-screenings.png">
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer">
<div class="row">
<div class="large-3 columns">
<ul class="sub-nav">
<li><a href="#about">About the Film</a></li>
</ul>
</div>
<div class="large-4 columns">
<ul class="sub-nav">
<li><strong>Watch/Buy</strong>
<ul>
<li>XBOX Live</li>
<li>Amazon</li>
<li>Netflix</li>
<li>DVD</li>
<li>Get it on Google Play</li>
<li>Available on iTunes</li>
<li>Vudu</li>
<li>Canadian</li>
<li>Educational Purposes</li>
</ul>
</li>
</ul>
</div>
<div class="large-4 columns">
<ul>
<li>[email protected]</li>
<li>©2015 Five2Nine Films</li>
</ul>
<ul class="social">
<li><a title="Facebook/FromNothingSomething" href="https://www.facebook.com/fromnothingsomething"><img alt="Like FromNothingSomething on Facebook" src="img/fb-button.png"></a></li>
<li><a title="@FNSmovie on Twitter" href="https://twitter.com/FNSmovie"><img alt="Follow @FNSmovie on Twitter" src="img/twitter-button.png"></a></li>
<li><a title="[email protected]" href="mailto:[email protected]"><img alt="email us" src="img/email-button.png"></a></li>
</ul>
</div>
</div>
</footer>
</div>
<div id="screenModal" class="reveal-modal" data-reveal>
<h4>Booking a Screening</h4>
<p>If you’d like to book a special screening for your festival, event, club, or institution, or if you’re interested in having one of the filmmakers do a Q&A or make an appearance, please send us an email at <a href="mailto:[email protected]">[email protected]</a>.</p>
<a class="close-reveal-modal">×</a>
</div>
<script src="js/vendor/jquery.js"></script>
<script src="js/foundation.min.js"></script>
<script src="js/foundation/foundation.magellan.js"></script>
<script>
$(document).foundation("reflow");
$('body').on('click', '.tabs li a', function(event, other){
$($(event.currentTarget).attr('href')).find('ul').css('min-height',$('#orbit1').outerHeight());
console.log($('#panel-cast').first('img').outerHeight());
});
// Find all YouTube videos
var $allVideos = $("iframe[src^='http://player.vimeo.com']"),
// The element that is fluid width
$fluidEl = $(".trailerembed");
// Figure out and save aspect ratio for each video
$allVideos.each(function() {
$(this)
.data('aspectRatio', this.height / this.width)
// and remove the hard coded width/height
.removeAttr('height')
.removeAttr('width');
});
// When the window is resized
$(window).resize(function() {
var newWidth = $fluidEl.width();
// Resize all videos according to their own aspect ratio
$allVideos.each(function() {
var $el = $(this);
$el
.width(newWidth)
.height(newWidth * $el.data('aspectRatio'));
});
// Kick off one resize to fix all videos on page load
}).resize();
</script>
</body>
</html>