Skip to content

Instantly share code, notes, and snippets.

@odyright

odyright/index.html

Created May 6, 2018 23:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save odyright/9e256b87ac906507cd17e5ca544ffac3 to your computer and use it in GitHub Desktop.
Save odyright/9e256b87ac906507cd17e5ca544ffac3 to your computer and use it in GitHub Desktop.
Download ZIP
temp
Raw
index.html
<head>
<script>
dataLayer = [
{
showOlarkChatWidget: "false",
segmentIoWriteKey: "vcssqufwsp",
serverType: "LIVE",
isUserLoggedIn: false
}
];
</script>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
"gtm.start": new Date().getTime(),
event: "gtm.js"
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != "dataLayer" ? "&l=" + l : "";
j.async = true;
j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, "script", "dataLayer", "GTM-NJKSTH");
</script>
<!-- End Google Tag Manager -->
<script src="//cdn.optimizely.com/js/7610134.js"></script>
<link rel="shortcut icon" href="//www.invisionapp.com/dd-favicon.ico" type="image/x-icon" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>DESIGN DISRUPTORS | InVision</title>
<meta name="description" content="DESIGN DISRUPTORS is a new documentary about the rising importance of design as a competitive advantage in disruptive technologies. Learn about the design process and product designers at the world's most disruptive products, like Google, Twitter, Airbnb, Spotify, and more.">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@InVisionApp">
<meta name="twitter:title" content="DESIGN DISRUPTORS">
<meta name="twitter:domain" content="http://designdisruptors.com/">
<meta name="twitter:description" content="Get a sneak peek of @InVisionapp's new documentary DESIGN DISRUPTORS featuring @twitter, @google, @airbnb and more!">
<meta name="twitter:image" content="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/designdisruptors.jpg">
<meta name="twitter:player" content="https://player.vimeo.com/video/140875675">
<meta name="twitter:player:width" content="480">
<meta name="twitter:player:height" content="480">
<meta property="og:title" content="DESIGN DISRUPTORS" />
<meta property="og:image" content="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/designdisruptors.jpg" />
<meta property="og:url" content="http://www.designdisruptors.com" />
<meta property="og:site_name" content="DESIGN DISRUPTORS" />
<meta property="og:description" content="Get an exclusive sneak peek of DESIGN DISRUPTORS, a new documentary by InVision about the rise of the product designer and the importance of design at the most significant companies of our time. Featuring designers from Airbnb, Twitter, Google, and more!"
/>
<meta property="og:locale" content="en_US" />
<script src="//code.jquery.com/jquery-1.2.4.min.js" integrity="sha256-mfPAEMp15RaTF6QxFReOn5ax5KwxRw5VCEN9TntGdHo=" crossorigin="anonymous"></script>
<script>
window.jQuery ||
document.write(
'<script src="https://invisionapp.com/subsystems/common/assets/js/fwk/jquery-1.2.4.min.js"><\/script>'
);
</script>
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
(function(d) {
var config = {
kitId: "kxa7vzx",
scriptTimeout: 3000
},
h = d.documentElement,
t = setTimeout(function() {
h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";
}, config.scriptTimeout),
tk = d.createElement("script"),
f = false,
s = d.getElementsByTagName("script")[0],
a;
h.className += " wf-loading";
tk.src = "//use.typekit.net/" + config.kitId + ".js";
tk.async = true;
tk.onload = tk.onreadystatechange = function() {
a = this.readyState;
if (f || (a && a != "complete" && a != "loaded")) return;
f = true;
clearTimeout(t);
try {
Typekit.load(config);
} catch (e) {}
};
s.parentNode.insertBefore(tk, s);
})(document);
</script>
<script src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/js/plugins/modernizr.custom.js"></script>
<!-- styles -->
<link rel="stylesheet" href="//www.invisionapp.com/subsystems/design_disruptors_new/assets/css/styles.css" />
<!--[if IE 9]>
<script src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/js/plugins/placeholders.js"></script>
<![endif]-->
<script type="text/javascript">
(function(thisFrame, topFrame) {
var regEx = /^https:\/\/app\.optimizely\.com(\/(edit)?(\?.*)?)?$/;
if (thisFrame !== topFrame && !window.parent.location.href.test(regEx)) {
topFrame.location.href = thisFrame.location.href;
}
}.call(window, this.self, this.top));
</script>
</head>
<body class="design_disruptors design_disruptors" data-asset-url="//www.invisionapp.com">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NJKSTH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<noscript>This site works best with JavaScript enabled</noscript>
<!--<h1 class="sticky-waypoint">Design Disruptors by <a href="/">Invision</a></h1>-->
<nav class="main">
<ul>
<li><a href="/">ABOUT US</a></li>
<li><a href="/#screenings">MEMBERS</a></li>
<li><a href="/press">MEDIA</a></li>
<li><a href="/faq">CONTACT US</a></li>
<nav class="socialmedia">
<ul>
<li><a href="https://www.facebook.com/vtmixedemotions/" data-name="facebook-share" data-width="580" data-height="296" class="facebook">F</a></li>
<li><a href="https://twitter.com/VTMixedEmotions" data-name="twitter-share" data-width="550" data-height="235" class="twitter">T</a></li>
</ul>
</nav>
</nav>
<!--<nav class="trailer sticky-waypoint">
<a class="" href="#">Watch the Trailers</a>
</nav>-->
<main role="main" class="main">
<section class="intro">
<h1>Missed Motions</h1>
<div class="cta">
<h2>Premier Co-Ed A Cappella Group at Virginia Tech</span></h2>
<a href="#!" class="btn trailer">View Latest Trailers</a>
</div>
</section>
<section class="about" id="about">
<div class="content">
<h1>About the Film</h1>
<p>
Mixed Emotions was originally founded in 1996 as "Risking Cooties" and is both the second-oldest a cappella group and the premier co-ed a cappella group at Virginia Tech. Mixed Emotions is one of six a cappella groups on the campus; Juxtaposition, Naturally
Sharp, Soulstice, Sensations and Tech Notes.
</p>
<p>
Entering its 19th year, Mixed Emotions boasts 16 talented members who come together to perform self-arranged songs. The group showcases its music at a concerts each fall and spring semester but can also be heard at many charity fundraisers, local festivals,
and Greek Life events throughout the academic year. Mixed Emotions's dynamic and ever-changing repertoire often includes genres such as pop, oldies, hip hop, classic rock, and country.
</p>
<div class="d lines">
<div></div>
<div></div>
<div></div>
</div>
</div>
</section>
<section class="videos invert">
<div class="trailer">
<a href="#!">
<h2>Design Disruptors</h2>
<p>See the New Trailer</p>
<img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-1.jpg" alt="" />
<span class="play"></span>
</a>
<div class="video">
<iframe src="//player.vimeo.com/video/167434033?api=1&player_id=vid1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="johnmaeda">
<a href="#!">
<h2>John Maeda</h2>
<p>KPCB - Design Partner</p>
<img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-2.jpg" alt="" />
<span class="play"></span>
</a>
<div class="video">
<iframe src="//player.vimeo.com/video/167434029?api=1&player_id=vid2" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="juliezhou">
<a href="#!">
<h2>Julie Zhou</h2>
<p>Facebook - VP, Product Design</p>
<img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-3.jpg" alt="" />
<span class="play"></span>
</a>
<div class="video">
<iframe src="//player.vimeo.com/video/167434031?api=1&player_id=vid3" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="jasonmayden">
<a href="#!">
<h2>Facebook</h2>
<p>Accel Ventures - Design Partner</p>
<img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-4.jpg" alt="" />
<span class="play"></span>
</a>
<div class="video">
<iframe src="//player.vimeo.com/video/167434032?api=1&player_id=vid4" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="behindthescenes">
<a href="#!">
<h2>Behind the Scenes</h2>
<p>Accessing a new type of craft</p>
<img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-5.jpg" alt="" />
<span class="play"></span>
</a>
<div class="video">
<iframe src="//player.vimeo.com/video/167434030?api=1&player_id=vid5" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</section>
<section class="making">
<div class="content">
<h1>Making the Film</h1>
<p>Our crew has interviewed over 90 different design leaders at the world’s most disruptive and significant companies of our time to discover the true nature of the design-driven business revolution happening around the world.</p>
<p>The film is designed to be a series of snapshots into renowned designers’ secret worlds to demystify how the design choices they’ve made directly impact the viewer’s daily life.</p>
<div class="d lines">
<div></div>
<div></div>
<div></div>
</div>
</div>
</section>
<section class="footer" id="preaccess">
<h1>Design Disruptors</h1>
<p class="randomtext">design. changes. everything.</p>
<form>
<input type="hidden" name="xsrfFormToken" value="d338f0f91d22a38b5a6cac0e1eeb843c" />
<h2>Be the first to see it</h2>
<input type="text" name="email" placeholder="Enter Your Email" value="" /><input type="submit" value="Let Me Know" />
</form>
<footer>
<!--<h3>In Partnership With</h3>
<ul>
<li>
<svg width="30" height="24" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title>twitter</title><path d="M9.435 24C5.96 24 2.725 22.997 0 21.278c.482.056.97.085 1.468.085 2.884 0 5.538-.97 7.644-2.594-2.693-.05-4.966-1.81-5.75-4.21a6.24 6.24 0 0 0 2.78-.11c-2.816-.56-4.937-3.01-4.937-5.94v-.07a6.2 6.2 0 0 0 2.788.75 6.026 6.026 0 0 1-2.738-5.04c0-1.11.304-2.15.833-3.05a17.567 17.567 0 0 0 12.687 6.33 5.992 5.992 0 0 1-.16-1.38C14.615 2.71 17.37 0 20.77 0c1.77 0 3.37.736 4.493 1.913A12.445 12.445 0 0 0 29.17.443a6.095 6.095 0 0 1-2.705 3.352A12.46 12.46 0 0 0 30 2.84a12.403 12.403 0 0 1-3.07 3.137c.01.26.017.522.017.784 0 8.01-6.19 17.24-17.512 17.24" fill="#FEFEFE" fill-rule="evenodd"/></svg>
</li>
<li>
<svg width="110" height="28" viewBox="0 0 110 28" xmlns="http://www.w3.org/2000/svg"><title>evernote</title><g fill="#FEFEFE" fill-rule="evenodd"><path d="M16.153 13.56c-.042 0-.075-.013-.098-.043-.15-.188.138-1.707 1.257-1.707 1.118 0 1.687 1.718 1.515 1.884a.11.11 0 0 1-.08.027c-.26 0-.91-.51-1.435-.51-.5 0-.942.36-1.16.36M9.946 0c-.986 0-1.97.104-2.492.11C6.486.12 6.26 1.414 6.26 2.633c0 1.22.02 1.774.02 2.66 0 .887-.44 1.306-1.134 1.308H1.71a5.26 5.26 0 0 0-.357-.01C.57 6.59 0 6.81 0 7.52c0 .815 1.13 9.4 2.684 11.002.9.93 6.413 1.582 7.574 1.582 1.16 0 .774-3.59 1.097-3.59.322 0 .677 2.027 2.505 2.504 1.828.476 4.27.388 4.398 1.75.17 1.8.322 4.123-.807 4.29l-2.55.106c-1.75-.13-1.28-2.138-.51-2.138s1.16-.032 1.16-.032l.1-2.193s-.27-.03-.67-.03c-1.15 0-3.38.28-3.5 2.38-.15 2.59.27 3.81.58 4.08.32.27.85.79 5.77.79C24.74 28 22.2 6.87 22.2 5.07c0-1.796-2.58-1.996-2.58-1.996l-6.065-.4S13.417.95 12.193.35C11.63.075 10.785 0 9.943 0"/><path d="M6.47 1.077L1.08 6.462h4.37c.802 0 .923-.39.923-.78a856 856 0 0 1 .098-4.605m27.85 7.538h-7.36v1.262h1.22l-.06 8.246h-1.05v1.262h7.33l.12-3.016h-1.41l-.12 1.75h-3.2l.03-3.57h2.99V13.2h-2.99l.03-3.323h3.05l.09 1.57h1.39l-.06-2.832m9.47 1.265L41.37 17a4.08 4.08 0 0 0-.124.462c-.035.164-.072.323-.11.477h-.03a11.02 11.02 0 0 1-.11-.48 3.95 3.95 0 0 0-.126-.46l-2.37-6.85-.085.14 2.236 6.46c.03.06.15.42.16.5a14 14 0 0 1 .12.47c.01.03.04.17.05.2.01.04.16.09.17.13h.09a24.65 24.65 0 0 0 .17-.71 4.877 4.877 0 0 1 .11-.38L43.89 10l-.09-.134m2.585-1.264H42.6V9.87h1.192l-.094-.14h-.61l-.105-.14h-.13v-.17l-.126-.164V8.97l.156-.217h3.367v.77l-.16.212h-.57l-.203.124-3.473 9.32-.034.06h-1.65l-3.514-9.32-.274-.2h-.475l-.18-.19v-.79h3.423l.19.22v.2l-.13.12v.29h-.31l-.144.14-.083.14h.79V8.61h-3.865v1.26h.9l3.585 9.51h1.83l3.54-9.51h.93V8.61"/><path d="M44.23 9.394h-1.2l.108.13h.623l.1.128v.002l.1.125-2.43 6.45a4.598 4.598 0 0 0-.16.56 10.19 10.19 0 0 1-.11.43h-.09c-.01-.04-.15-.08-.17-.13a3.39 3.39 0 0 0-.05-.19 15.2 15.2 0 0 0-.12-.44 8.745 8.745 0 0 0-.16-.47l-2.29-5.98.34-.52.15-.13H38l2.655 6.93c.046.12.086.25.12.39.034.15.073.3.115.45l.053.19h.423l.05-.19c.04-.15.08-.3.117-.45a3.07 3.07 0 0 1 .12-.4l2.61-6.93m2.14-.78h-3.45l-.16.2v.26l.13.15V8.7h3.35v.65h-.87l-3.63 8.79h-1.53l-3.68-8.78h-.838v-.65h3.44v.38l.128-.1v-.18l-.193-.2h-3.51v.735l.18.17h.485l.28.17 3.6 8.61h1.69l.04-.06 3.55-8.61.21-.12h.59l.16-.2V8.6"/><path d="M46.373 8.615H42.94v.668h1.37l-2.672 7.12a3.16 3.16 0 0 0-.12.404c-.038.16-.078.316-.12.465l-.055.193h-.43l-.056-.193a9.962 9.962 0 0 1-.12-.465 3.228 3.228 0 0 0-.12-.403l-2.722-7.12h1.22v-.67h-3.527v.67h.856l3.76 9.024h1.566l3.715-9.025h.888v-.668m8.433 0H47.45v1.262h1.212l-.06 8.246h-1.046v1.262h7.325L55 16.37h-1.405l-.12 1.753h-3.2l.03-3.57h2.99V13.2h-2.99l.03-3.323h3.05l.09 1.57h1.39l-.06-2.832m4.19 4.83l.032-3.57h1.49c.65 0 1.15.156 1.496.463.347.308.52.744.52 1.308 0 .585-.197 1.03-.592 1.34-.39.306-.91.46-1.55.46H59m2.04-4.83h-4.96v1.26h1.163l-.064 8.247h-1.1v1.262h4.17v-1.262h-1.29l.03-3.323h.96c.13 0 .24.013.34.038.1.026.2.075.29.147.09.07.19.166.28.284.09.11.19.27.31.46l1.53 2.51c.16.26.31.47.45.62a1.503 1.503 0 0 0 .95.48c.18.02.39.03.62.03h1.03v-1.26h-.42c-.18 0-.35-.05-.51-.13-.16-.09-.32-.26-.48-.52l-1.22-1.97a4.538 4.538 0 0 0-.62-.8 1.2 1.2 0 0 0-.8-.37v-.03c.35-.03.69-.11 1.01-.24a2.48 2.48 0 0 0 1.43-1.4 3.19 3.19 0 0 0 .21-1.21 3 3 0 0 0-.21-1.11 2.46 2.46 0 0 0-.62-.91 2.963 2.963 0 0 0-1.05-.61c-.43-.15-.92-.22-1.5-.22m16.61 0h-3.9v1.27h1.24l.07 6.86a7.86 7.86 0 0 0-.26-.39 62.802 62.802 0 0 1-.3-.44 20.583 20.583 0 0 0-.566-.79L68.7 8.6h-2.94v1.26h1.408l-.07 8.25h-1.08v1.26h3.88v-1.26h-1.23l-.07-6.83.03-.03c.08.16.19.33.33.53s.29.41.45.61L75 19.38h1.46l.07-9.51h1.086V8.62m6.446 9.37c-.584 0-1.09-.106-1.514-.32a3.055 3.055 0 0 1-1.06-.86 3.608 3.608 0 0 1-.62-1.244 5.29 5.29 0 0 1-.2-1.458c0-.724.096-1.343.29-1.86.19-.515.45-.94.78-1.27a3.01 3.01 0 0 1 1.13-.73 3.9 3.9 0 0 1 1.34-.23c.655 0 1.2.116 1.62.35.425.232.76.535 1.01.906.25.373.42.79.515 1.25.095.46.143.926.143 1.39 0 .36-.04.77-.12 1.236-.08.466-.24.91-.49 1.33-.246.42-.6.78-1.05 1.07-.45.294-1.04.44-1.774.44m.255-9.37c-.86 0-1.64.136-2.33.41a5.01 5.01 0 0 0-1.77 1.144 5.112 5.112 0 0 0-1.13 1.763 6.156 6.156 0 0 0-.4 2.246c0 .803.124 1.524.374 2.164a4.63 4.63 0 0 0 1.06 1.636 4.7 4.7 0 0 0 1.67 1.04c.66.24 1.39.36 2.21.36.94 0 1.75-.16 2.44-.488a5.062 5.062 0 0 0 1.72-1.264 5.1 5.1 0 0 0 1.01-1.78 6.52 6.52 0 0 0 .33-2.03c0-.8-.11-1.52-.35-2.17a4.396 4.396 0 0 0-1.02-1.64 4.56 4.56 0 0 0-1.62-1.03c-.63-.24-1.36-.36-2.16-.36m14.81 0h-9.6l-.06 2.83H91l.06-1.57h2.46l-.06 8.25h-1.08v1.27h4v-1.26h-1.22l.06-8.25h2.416l.06 1.57h1.51l-.06-2.83m8.495 0h-7.35v1.26h1.21l-.06 8.25h-1.04v1.26h7.33l.12-3.01h-1.4l-.12 1.76h-3.2l.03-3.57h2.99V13.2h-2.99l.03-3.323h3.05l.09 1.57h1.39l-.06-2.832m2.35 0h-1.08v1.298l.63.856.46-.86v-1.3"/></g></svg>
</li>
<li>
<svg width="78" height="21" viewBox="0 0 78 21" xmlns="http://www.w3.org/2000/svg"><title>netflix</title><path d="M10.634 0H7.37c-.007 4.434-.014 7.306-.02 11.74C5.947 7.414 4.543 4.55 3.135 0H0v20.788c1.058-.15 2.19-.295 3.25-.433l.01-11.36c1.458 4.276 2.354 6.8 3.808 10.863 1.14-.13 2.39-.29 3.532-.406.01-6.484.023-12.968.034-19.452M22.83 0h-9.046l-.036 19.178c3.025-.274 6.054-.5 9.085-.674l.005-3.212c-1.97.12-3.856.247-5.82.38l.01-4.86c1.435-.025 2.95-.003 4.418-.028 0-.94.003-2.288.005-3.228-1.45.026-2.98.03-4.41.056l.01-4.38a221.19 221.19 0 0 1 3.13-.012h.46c.74 0 1.47 0 2.22-.008.01-.935-.02-2.277-.02-3.212m12.19.014H24.95c-.003.93-.004 2.267-.006 3.195l.434-.01c.437 0 .875 0 1.312.01h1.648l-.02 15.01a274.9 274.9 0 0 1 3.272-.1l.014-14.93 3.415-.01V.01M46.22 0h-9.08l-.004 18.052a260.5 260.5 0 0 1 3.236.006c0-2.553 0-4.884-.002-7.438a178.783 178.783 0 0 0 1.822-.002c.43-.002.863-.004 1.292-.004.442 0 .88.002 1.308.008L44.79 7.43a100.51 100.51 0 0 0-1.235-.006c-.447 0-.9 0-1.348.003l-1.337.003h-.5c-.002-1.642-.002-2.57-.002-4.21a701.104 701.104 0 0 0 2.134 0h1.08c.878 0 1.756 0 2.642.004L46.22 0m2.12.015c.01 6.075-.02 12.15-.013 18.226 2.904.11 5.955.23 8.855.43l-.005-3.21c-1.836-.11-3.747-.23-5.583-.31-.01-5.2.02-9.92.012-15.12H48.34m11.522 0l.037 18.85a349 349 0 0 1 3.22.26c0-6.36.01-12.74 0-19.11h-3.26m6.06 0c1.3 3.18 2.5 6.36 3.82 9.74a684.16 684.16 0 0 1-4.16 9.57c1.14.12 2.32.28 3.46.41.81-2 1.56-3.54 2.38-5.6.81 2.19 1.55 3.89 2.37 6.15 1.13.15 2.61.36 3.74.52a576.97 576.97 0 0 0-4.26-10.99c1.38-3.26 2.79-6.38 4.22-9.79h-3.56c-.89 2.11-1.49 3.47-2.34 5.47a469.7 469.7 0 0 0-2.1-5.48h-3.57" fill="#FEFEFE" fill-rule="evenodd"/></svg>
</li>
<li>
<svg width="92" height="30" viewBox="0 0 92 30" xmlns="http://www.w3.org/2000/svg"><title>google</title><path d="M22.635 10.623h-10.82v3.163h7.7c-.376 4.434-4.09 6.325-7.596 6.325-4.49 0-8.4-3.5-8.4-8.41 0-4.78 3.73-8.47 8.41-8.47 3.6 0 5.73 2.29 5.73 2.29l2.23-2.29S17.03.05 11.81.05C5.17.05.03 5.62.03 11.635c0 5.895 4.836 11.644 11.955 11.644 6.26 0 10.844-4.26 10.844-10.56 0-1.33-.2-2.1-.2-2.1m9.16-2.29c-4.4 0-7.56 3.42-7.56 7.4 0 4.04 3.06 7.52 7.61 7.52 4.12 0 7.49-3.13 7.49-7.44 0-4.95-3.93-7.5-7.54-7.5zm.04 2.93c2.16 0 4.21 1.74 4.21 4.54 0 2.74-2.05 4.53-4.23 4.53-2.4 0-4.29-1.91-4.29-4.55 0-2.59 1.87-4.52 4.3-4.52zm16.3-2.94c-4.41 0-7.56 3.42-7.56 7.4 0 4.04 3.06 7.52 7.6 7.52 4.11 0 7.49-3.13 7.49-7.44 0-4.95-3.93-7.5-7.54-7.5zm.04 2.93c2.16 0 4.21 1.74 4.21 4.54 0 2.74-2.05 4.53-4.23 4.53-2.4 0-4.3-1.91-4.3-4.55 0-2.59 1.87-4.52 4.3-4.52zm16.08-2.92c-4.04 0-7.22 3.51-7.22 7.46 0 4.49 3.68 7.47 7.14 7.47 2.14 0 3.28-.85 4.12-1.82v1.47c0 2.57-1.58 4.12-3.96 4.12-2.3 0-3.45-1.7-3.85-2.66l-2.89 1.2c1.02 2.15 3.09 4.39 6.76 4.39 4.02 0 7.08-2.52 7.08-7.79V8.6H68.3v1.45c-.97-1.038-2.296-1.715-4.055-1.715zm.29 2.92c1.98 0 4.01 1.68 4.01 4.55 0 2.91-2.03 4.52-4.06 4.52-2.16 0-4.16-1.73-4.16-4.49 0-2.87 2.08-4.58 4.2-4.58zm20.64-2.94c-3.81 0-7.01 3.01-7.01 7.45 0 4.7 3.56 7.49 7.37 7.49 3.18 0 5.13-1.73 6.3-3.28l-2.6-1.72c-.68 1.04-1.8 2.05-3.68 2.05-2.12 0-3.09-1.15-3.69-2.27l10.08-4.15-.53-1.21c-.97-2.39-3.24-4.38-6.25-4.38zm.13 2.87c1.37 0 2.36.72 2.78 1.59l-6.73 2.79c-.29-2.17 1.77-4.39 3.95-4.39zM73.56 22.82h3.083v-22h-3.08z" fill="#FFF" fill-rule="evenodd"/></svg>
</li>
<li>
<svg width="101" height="20" viewBox="0 0 101 20" xmlns="http://www.w3.org/2000/svg"><title>facebook</title><g fill="#FEFEFE" fill-rule="evenodd"><path d="M9.464.002v3.07H7.768s-1.53-.22-1.53 1.26v2.41h3.226l-.383 3.33H6.24V19.4H2.52v-9.37H0V6.742h2.626V3.948s-.328-1.535 1.04-2.795c1.366-1.26 3.17-1.15 3.17-1.15h2.627zm8.77 14.384c0 1.27-1.08 2.466-2.41 2.466s-2.41-1.195-2.41-2.466v-2.41c0-1.272 1.08-2.466 2.41-2.466s2.41 1.194 2.41 2.465v2.41zm.2-7.59V8.47c-.95-1.252-2.277-2.03-3.745-2.03-2.89 0-5.23 2.55-5.23 6.7 0 4.123 2.34 6.7 5.22 6.7 1.48 0 2.82-.793 3.77-2.065l-.02 1.625h3.58V6.797h-3.58zm33.056 5.097c0-1.27 1.08-2.466 2.41-2.466s2.41 1.195 2.41 2.466v2.41c0 1.272-1.08 2.467-2.41 2.467s-2.41-1.195-2.41-2.466v-2.41zm-.2 7.59V17.81c.95 1.25 2.277 2.03 3.745 2.03 2.886 0 5.225-2.55 5.225-6.7 0-4.124-2.34-6.7-5.225-6.7-1.482 0-2.82.793-3.772 2.065L51.288.18 47.56.6v18.825l3.73.057zm-21.174-2.7s-2.872.163-2.872-3.563v-.203c0-3.727 2.872-3.562 2.872-3.562 1.942-.028 2.626.657 2.626.657l.903-2.712c-1.56-1.15-6.264-1.343-8.37.603-1.823 1.683-1.823 4.41-1.79 5.115-.033.705-.033 3.433 1.79 5.116 2.106 1.945 6.81 1.754 8.37.603l-.903-2.712s-.684.684-2.626.657"/><path d="M37.94 11.92s-.192-2.794 2.324-2.794c2.517 0 2.325 2.795 2.325 2.795h-4.65zm8.07 2.55s1.503-7.892-5.69-7.935c-7.195-.043-6.156 7.14-6.156 7.14.165 4.355 2.16 5.616 5.58 6.027 3.42.41 6.018-.905 6.018-.905l-.793-2.547s-2.77.85-4.96.657c-2.19-.192-2.03-2.438-2.03-2.438H46zm24.102-.15c0 1.27-1.106 2.466-2.472 2.466-1.365 0-2.472-1.195-2.472-2.466v-2.41c0-1.272 1.107-2.467 2.472-2.467 1.366 0 2.472 1.195 2.472 2.466v2.41zm-2.44-7.707c-4.683 0-6.26 2.83-6.26 6.613 0 4.013 2.032 6.613 6.26 6.613 3.457 0 6.26-2.33 6.26-6.62 0-3.65-1.79-6.62-6.26-6.62zm16.262 7.707c0 1.27-1.107 2.466-2.472 2.466S78.99 15.59 78.99 14.32v-2.41c0-1.272 1.107-2.467 2.472-2.467s2.472 1.195 2.472 2.466v2.41zm-2.44-7.707c-4.683 0-6.26 2.83-6.26 6.613 0 4.013 2.032 6.613 6.26 6.613 3.457 0 6.26-2.33 6.26-6.62 0-3.65-1.79-6.62-6.26-6.62zm19.384 12.842l-4.092-6.345 3.91-6.345h-4l-3.82 5.68V.115l-3.76.395v18.945h3.76V13l4.122 6.455z"/></g></svg>
</li>
<li>
<svg width="105" height="24" viewBox="0 0 105 24" xmlns="http://www.w3.org/2000/svg"><title>dropbox</title><g fill="#FFF" fill-rule="evenodd"><path d="M29.408 5.053h5.082c4.352 0 7.103 2.807 7.103 7.186 0 4.37-2.737 7.18-7.103 7.18h-5.082V5.05zm4.97 11.747c2.737 0 4.24-1.754 4.24-4.547 0-2.807-1.503-4.562-4.24-4.562h-1.994v9.11h1.994zM49.3 11.832c-.394-.24-.913-.35-1.46-.35-.983 0-1.783.518-1.994 1.472v6.485h-2.89V8.96h2.904v1.03c.45-.743 1.306-1.262 2.345-1.262.49 0 .94.097 1.094.18v2.92zm5.797 7.845c-3.046 0-5.138-2.245-5.138-5.46 0-3.228 2.09-5.487 5.13-5.487s5.12 2.245 5.12 5.488c0 3.214-2.08 5.46-5.13 5.46zm0-8.477c-1.46 0-2.246 1.263-2.246 3.018 0 1.726.8 3.003 2.25 3.003s2.25-1.26 2.25-3c0-1.75-.8-3.02-2.24-3.02zm9.28 12.112H61.47V8.968h2.906v.87c.463-.56 1.502-1.094 2.625-1.094 3.05 0 4.78 2.526 4.78 5.488 0 2.947-1.72 5.46-4.77 5.46-1.12 0-2.16-.534-2.62-1.096v4.716zm0-7.382a2.19 2.19 0 0 0 1.964 1.22c1.58 0 2.52-1.262 2.52-2.932 0-1.685-.94-2.948-2.51-2.948-.87 0-1.61.52-1.96 1.22v3.44zm11.58 3.51h-2.934V4.21h2.934v5.63c.463-.563 1.502-1.096 2.625-1.096 3.046 0 4.758 2.484 4.758 5.488 0 3.003-1.712 5.46-4.758 5.46-1.123 0-2.162-.534-2.625-1.096v.843zm0-3.51c.322.73 1.094 1.22 1.965 1.22 1.572 0 2.512-1.262 2.512-2.932 0-1.685-.94-2.948-2.512-2.948-.842 0-1.643.52-1.965 1.22v3.44zm13.56 3.775c-3.046 0-5.138-2.245-5.138-5.46 0-3.227 2.09-5.487 5.13-5.487s5.12 2.246 5.12 5.488c0 3.214-2.09 5.46-5.13 5.46zm0-8.477c-1.46 0-2.246 1.263-2.246 3.018 0 1.726.8 3.003 2.25 3.003s2.25-1.27 2.25-3.01c0-1.76-.8-3.02-2.24-3.02z"/><path d="M101.168 14.035l3.818 5.418h-3.215l-2.24-3.285-2.27 3.285h-3.05l3.78-5.348-3.55-5.123h3.22l2.02 2.976 2.05-2.976h3.04zM7.566.125L0 4.995 5.236 9.22l7.608-4.7zM0 13.348l7.566 4.97 5.278-4.394L5.236 9.22zm12.844.576l5.278 4.393 7.538-4.912-5.22-4.183zM25.66 5.04L18.122.125 12.844 4.52l7.595 4.7z"/><path d="M12.858 14.863l-5.292 4.393-2.274-1.474v1.657l7.566 4.53 7.552-4.54v-1.65l-2.26 1.47z"/></g></svg>
</li>
<li>
<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><title>Page 1</title><g fill="#FEFEFE" fill-rule="evenodd"><path d="M30.97 21.08a1.11 1.11 0 0 1-1.112-1.11 1.11 1.11 0 0 1 2.22 0 1.11 1.11 0 0 1-1.11 1.11m0-4.32a3.218 3.218 0 0 0-3.218 3.21 3.218 3.218 0 0 0 6.435 0 3.22 3.22 0 0 0-3.217-3.21m-13.4-.014a3.238 3.238 0 0 0-3.14 2.437v.05h6.29a3.238 3.238 0 0 0-3.15-2.487"/><path d="M30.968 24.446a4.484 4.484 0 0 1-4.483-4.475 4.485 4.485 0 0 1 8.967 0 4.485 4.485 0 0 1-4.484 4.48m-5.065-7.65c-1.326.17-1.467.79-1.467 2.34v4.64a.612.612 0 0 1-1.223 0l-.002-7.53a.605.605 0 0 1 .61-.6.61.61 0 0 1 .6.48c.46-.35 1-.53 1.57-.53l.19.01c.34 0 .62.28.62.61 0 .34-.25.59-.62.6 0 0-.13 0-.25.02m-5.15 3.66H14.4c0 .03.002.06.006.1a3.2 3.2 0 0 0 .137.51c.34.89 1.29 2.13 3.07 2.15a3.223 3.223 0 0 0 1.5-.38 3.51 3.51 0 0 0 .885-.71 4.1 4.1 0 0 0 .216-.28c.297-.38.676-.31.9-.14.27.2.315.63.07.93a.1.1 0 0 1-.02.03c-.35.44-.713.81-1.146 1.09a4.42 4.42 0 0 1-1.34.57 4.274 4.274 0 0 1-1.613.11 4.516 4.516 0 0 1-3.803-3.34 4.4 4.4 0 0 1-.134-1.08A4.52 4.52 0 0 1 15 16.34a4.525 4.525 0 0 1 4.996-.13c1.04.655 1.723 1.68 1.986 2.923.13.704-.34 1.32-1.215 1.34m-8.206 3.965a.61.61 0 0 1-.44-.19l-3.4-3.4-3.42 3.41a.61.61 0 1 1-.86-.87l3.41-3.41-3.41-3.41a.606.606 0 0 1-.18-.433.61.61 0 0 1 1.04-.432l3.42 3.402 3.41-3.4a.612.612 0 0 1 .87.858L9.57 19.97l3.41 3.412a.61.61 0 0 1-.434 1.04M19.996.07C8.95.068 0 9.005 0 20.028 0 31.054 8.952 39.99 19.995 39.99c11.044 0 19.996-8.935 19.996-19.96S31.04.068 20 .068"/></g></svg>
</li>
</ul>-->
</footer>
</section>
</main>
<a href="#" class="btn-mobilemenu sticky-waypoint">
<svg width="20" height="10" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"><title>Open Menu</title><path d="M1 9h18M1 1h18" stroke="#FFF" fill="none" stroke-linecap="square"/></svg>
</a>
<nav class="mobile">
<a href="#!" class="close">Close</a>
<ul>
<li><a href="/">The Film</a></li>
<li><a href="/#screenings">Screenings</a></li>
<li><a href="/host-screening">Host Screenings</a></li>
<li><a href="/press">Press</a></li>
<li><a href="/faq">FAQ</a></li>
</ul>
<a href="#" class="btn trailer">Watch the Trailers</a><a href="#preaccess" class="btn outline preaccess">Get Priority Access</a>
<nav class="socialmedia">
<ul>
<li><a href="https://www.facebook.com/sharer/sharer.php?u=invs.io/dsgndsrptrs" data-name="facebook-share" data-width="580" data-height="296" class="facebook">F</a></li>
<li><a href="https://twitter.com/share?text=Get%20a%20sneak%20peek%20of%20%40InVisionapp%27s%20new%20documentary%20DESIGN%20DISRUPTORS%20featuring%20%40twitter%2C%20%40google%2C%20%40airbnb%20and%20more%21&amp;url=https://invs.io/dsgndsrptrs" data-name="twitter-share"
data-width="550" data-height="235" class="twitter">T</a></li>
</ul>
</nav>
</nav>
<section class="trailer">
<a href="#" class="close">Close</a>
<div class="player">
<div class="w">
</div>
<div class="info">
<h1>The Video Title</h1>
</div>
</div>
<div class="slides">
<div class="scroller">
<div data-videoid="167434033">
<a href="#!"><img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-1.jpg" alt="Still for Ex Nulla Dicant" /></a>
<h2>Design Disruptors—coming August 1</h2>
</div>
<div data-videoid="167434029">
<a href="#!"><img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-2.jpg" alt="Still for Ex Nulla Dicant" /></a>
<h2>Meet John Maeda</h2>
</div>
<div data-videoid="167434031">
<a href="#!"><img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-3.jpg" alt="Still for Ex Nulla Dicant" /></a>
<h2>Meet Julie Zhuo</h2>
</div>
<div data-videoid="167434032">
<a href="#!"><img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-4.jpg" alt="Still for Ex Nulla Dicant" /></a>
<h2>Meet Jason Mayden</h2>
</div>
<div data-videoid="167434030">
<a href="#!"><img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-5.jpg" alt="Still for Ex Nulla Dicant" /></a>
<h2>Behind the Scenes with John Maeda</h2>
</div>
<div class="novideo">
<a href="#!"><img src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/video-poster-6.jpg" alt="Still for Ex Nulla Dicant" /></a>
<h2>Coming Soon: Film Excerpt</h2>
</div>
</div>
</div>
</section>
<section class="requestticket">
<a href="#!" class="close">Close</a>
<div class="content">
<h1><span class="date">July 7, 2016</span> - <span class="location">London</span></h1>
<h2 class="cta">Request a Ticket to Screening</h2>
<form>
<input type="hidden" name="xsrfFormToken" value="d338f0f91d22a38b5a6cac0e1eeb843c" />
<input type="hidden" name="event" value="" />
<input type="text" name="email" placeholder="Email Address" value="" /><input type="submit" value="Submit" />
</form>
<a href="#!">Go back to website</a>
</div>
<footer>
<p>A Documentary by InVision - Directed by Catalyst</p>
</footer>
</section>
<div class="thankyou">
<div class="content">
<h2>We'll Be in Touch</h2>
<p class="on">Share with your friends in the meantime</p>
<nav class="socialmedia">
<ul>
<li><a href="https://www.facebook.com/sharer/sharer.php?u=invs.io/dsgndsrptrs" data-name="facebook-share" data-width="580" data-height="296" class="facebook">F</a></li>
<li><a href="https://twitter.com/share?text=Get%20a%20sneak%20peek%20of%20%40InVisionapp%27s%20new%20documentary%20DESIGN%20DISRUPTORS%20featuring%20%40twitter%2C%20%40google%2C%20%40airbnb%20and%20more%21&amp;url=https://invs.io/dsgndsrptrs" data-name="twitter-share"
data-width="550" data-height="235" class="twitter">T</a></li>
</ul>
</nav>
<a href="#!">Go back to website</a>
</div>
<footer>
<p>A Documentary by InVision - Directed by Catalyst</p>
</footer>
</div>
<div class="bg">
<video autoplay="true" controls="false" id="bgvid" poster="//www.invisionapp.com/subsystems/design_disruptors_new/assets/img/mobile-hero.gif" loop>
<source src="//s3.amazonaws.com/www-assets.invisionapp.com/DesignDisruptors/homepage-loop60s.webm" type="video/webm">
<source src="//s3.amazonaws.com/www-assets.invisionapp.com/DesignDisruptors/homepage-loop60s.mp4" type="video/mp4">
</video>
</div>
<div class="reveal"></div>
<script src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/js/app.min.js?v=1"></script>
<script src="//www.invisionapp.com/subsystems/common/assets/js/dist.min.js"></script>
<script src="//www.invisionapp.com/subsystems/design_disruptors_new/assets/js/forms.min.js"></script>
<script>
// Hubspot Analytics
(function(d, s, i, r) {
if (d.getElementById(i)) {
return;
}
var n = d.createElement(s), e = d.getElementsByTagName(s)[0];
n.id = i;
n.src =
"//js.hs-analytics.net/analytics/" +
Math.ceil(new Date() / r) * r +
"/425470.js";
e.parentNode.insertBefore(n, e);
})(document, "script", "hs-analytics", 300000);
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment