first commit

10 years ago · 72187aa8ee
commit 72187aa8ee
62 changed files with 16506 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+.DS_Store
+.sass-cache/
+css/.sass-cache/
--- a/1
+++ b/1
@ -0,0 +1 @@
+getpopcornti.me
--- a/config.rb
+++ b/config.rb
@ -0,0 +1,24 @@
+# Require any additional compass plugins here.
+
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "css"
+sass_dir = "css"
+images_dir = "images"
+javascripts_dir = "js"
+
+# You can select your preferred output style here (can be overridden via the command line):
+# output_style = :expanded or :nested or :compact or :compressed
+
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true
+
+# To disable debugging comments that display the original location of your selectors. Uncomment:
+# line_comments = false
+
+
+# If you prefer the indented syntax, you might want to regenerate this
+# project again passing --syntax sass, or you can uncomment this:
+# preferred_syntax = :sass
+# and then run:
+# sass-convert -R --from scss --to sass css scss && rm -rf sass && mv scss sass
--- a/css/_animations.scss
+++ b/css/_animations.scss
--- a/css/_base.scss
+++ b/css/_base.scss
@ -0,0 +1,82 @@
+body {
+	font-family: "BrandonText";
+	font-size: 16px;
+	line-height: 19px;
+	color: #b1b5bd;
+	min-width: 980px;
+}
+
+section {
+	width: 100%;
+	max-width: 100%;
+}
+
+.container {
+	background: #fff;
+	top: 670px;
+	position: relative;
+	z-index: 1;
+}
+
+img {
+	pointer-events: none;
+	user-select: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+}
+
+.fixed-width {
+	width: 980px;
+	margin: 0 auto;
+	position: relative;
+}
+
+h1 {
+	font-weight: 400;
+	font-size: 48px;
+	line-height: 48px;
+}
+
+h2 {
+	font-weight: 400;
+	font-size: 36px;
+	line-height: 36px;
+}
+
+h3 {
+	font-weight: 400;
+	font-size: 30px;
+	line-height: 30px;
+}
+
+h4 {
+	font-weight: 400;
+	font-size: 24px;
+	line-height: 24px;
+}
+
+h5 {
+	font-weight: bold;
+	font-size: 20px;
+	line-height: 20px;
+	color: $headline-dark;
+	margin: 0;
+}
+
+.clear-fix:after {
+	clear: both;
+	content: "";
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+.align-center {
+	margin: 0 auto;
+	display: block;
+}
+
+.width-50 {
+	width: 50%;
+	text-align: center;
+}
--- a/css/_beta.scss
+++ b/css/_beta.scss
@ -0,0 +1,26 @@
+.beta #footer {
+	.download {
+		display: none !important;
+	}
+	nav {
+		padding: 20px 0 25px;
+	}
+	ul {
+		padding-top: 22px;
+	}
+	> hr {
+		display: block !important;
+		opacity: .2;
+	}
+}
+
+.beta #get-app {
+	.platforms {
+		margin-bottom: 0;
+	}
+}
+
+.beta #browse-movies {
+	display: none;
+}
+
--- a/css/_browse.scss
+++ b/css/_browse.scss
@ -0,0 +1,9 @@
+#browse-movies {
+	background: $dark-blue;
+	text-align: center;
+
+	h2 {
+		padding: 50px 0;
+		color: #fff;
+	}
+}
--- a/css/_buttons.scss
+++ b/css/_buttons.scss
@ -0,0 +1,40 @@
+[class^="btn-"] {
+  border-radius: 3px;
+  box-shadow: 0px 1px 3px 0px rgba(0,0,0,.4), inset 0px 1px rgba(255,255,255,.2);
+  padding: 14px 20px;
+  font-size: 18px;
+  color: #fff;
+  text-decoration: none;
+  font-weight: bold;
+  display: inline-block;
+  text-shadow: 0px -1px 1px rgba(0,0,0,.3);
+  -webkit-transition: background-color ease .2s, box-shadow ease .2s;
+  -moz-transition: background-color ease .2s, box-shadow ease .2s;
+  transition: background-color ease .2s, box-shadow ease .2s;
+}
+.btn-disabled {
+  background-color: $button-disabled;
+  cursor: default;
+  pointer-events: none;
+}
+.btn-main {
+  background-color: $button-red;
+
+  &:hover {
+    background-color: darken($button-red, 10%);
+  }
+
+  &:active {
+    background-color: darken($button-red, 20%);
+    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 1px rgba(255,255,255,.2);
+  }
+}
+.btn-wider {
+	padding: 14px 45px;
+}
+.btn-med {
+  width: 130px;
+  display: block;
+  margin: 0 auto;
+  text-align: center;
+}
--- a/css/_features.scss
+++ b/css/_features.scss
@ -0,0 +1,50 @@
+#features {
+	padding: 35px 0;
+
+	article {
+		width: 400px;
+		float: left;
+		padding: 30px 0;
+
+		&:nth-child(even) {
+			margin-left: 180px;
+		}
+
+		img {
+			float: left;
+			margin-right: 25px;
+			position: relative;
+			top: -10px;
+		}	
+	}
+
+	.action {
+		padding-top: 25px;
+	}
+
+	.pochoclin {
+		padding-left: 150px;
+	}
+
+	hr {
+		border: none;
+		border-top: 1px solid #b7bbc2;
+		position: relative;
+		top: 10px;
+		z-index: -1;
+		margin-top: 20px;
+
+		+ h2 {
+			background: #fff;
+			display: inline-block;
+			padding: 0 20px;
+			margin-top: -50px;
+		}
+	}
+	small {
+		display: block;
+		font-style: italic;
+		color: #6496b7;
+		line-height: 25px;
+	}
+}
--- a/css/_fonts.scss
+++ b/css/_fonts.scss
@ -0,0 +1,105 @@
+@font-face {
+	font-family: 'popcorn';
+	src:url('../fonts/popcorn.eot?yuu85v');
+	src:url('../fonts/popcorn.eot?#iefixyuu85v') format('embedded-opentype'),
+		url('../fonts/popcorn.woff?yuu85v') format('woff'),
+		url('../fonts/popcorn.ttf?yuu85v') format('truetype'),
+		url('../fonts/popcorn.svg?yuu85v#popcorn') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+@font-face {
+    font-family: 'BrandonText';
+    src: url('../fonts/brandontext-regular-webfont.eot');
+    src: url('../fonts/brandontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/brandontext-regular-webfont.woff') format('woff'),
+         url('../fonts/brandontext-regular-webfont.ttf') format('truetype'),
+         url('../fonts/brandontext-regular-webfont.svg#BrandonText') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'BrandonText';
+    src: url('../fonts/brandontext-bold-webfont.eot');
+    src: url('../fonts/brandontext-bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/brandontext-bold-webfont.woff') format('woff'),
+         url('../fonts/brandontext-bold-webfont.ttf') format('truetype'),
+         url('../fonts/brandontext-bold-webfont.svg#BrandonText') format('svg');
+    font-weight: bold;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'BrandonText';
+    src: url('../fonts/brandontext-light-webfont.eot');
+    src: url('../fonts/brandontext-light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/brandontext-light-webfont.woff') format('woff'),
+         url('../fonts/brandontext-light-webfont.ttf') format('truetype'),
+         url('../fonts/brandontext-light-webfont.svg#BrandonText') format('svg');
+    font-weight: 400;
+    font-style: normal;
+}
+@font-face {
+    font-family: 'BrandonText';
+    src: url('../fonts/brandontext-regularitalic-webfont.eot');
+    src: url('../fonts/brandontext-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../fonts/brandontext-regularitalic-webfont.woff') format('woff'),
+         url('../fonts/brandontext-regularitalic-webfont.ttf') format('truetype'),
+         url('../fonts/brandontext-regularitalic-webfont.svg#BrandonText') format('svg');
+    font-weight: normal;
+    font-style: italic;
+}
+
+[class^="icon-"]:before, [class*=" icon-"]:before {
+	font-family: 'popcorn';
+	speak: none;
+	font-style: normal;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	margin-right: 10px;
+
+	/* Better Font Rendering =========== */
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-github:before {
+	content: "\e600";
+}
+.icon-browser:before {
+	content: "\e601";
+}
+.icon-win:before {
+	content: "\e602";
+}
+.icon-vlc:before {
+	content: "\e603";
+}
+.icon-hd:before {
+	content: "\e604";
+}
+.icon-facebook:before {
+	content: "\e605";
+}
+.icon-twitter:before {
+	content: "\e606";
+}
+.icon-eye:before {
+	content: "\e607";
+}
+.icon-play:before {
+	content: "\e608";
+}
+.icon-mac:before {
+	content: "\e609";
+}
+.icon-laptop:before {
+    content: "\e60a";
+}
+.icon-screen:before {
+    content: "\e60b";
+}
+.icon-window:before {
+    content: "\e60c";
+}
--- a/css/_footer.scss
+++ b/css/_footer.scss
@ -0,0 +1,145 @@
+#footer {
+	width: 980px;
+	margin: 0 auto;
+
+	.logo {
+		display: block;
+		float: left;
+		text-indent: -9999px;
+		overflow: hidden;
+		width: 193px;
+		height: 46px;
+		background: url(../images/footer-logo.png) no-repeat;
+		margin-top: 21px;
+	}
+	nav {
+		padding: 10px 0 45px;
+	}
+
+	ul {
+		float: right;
+		padding: 0;
+		margin: 0;
+
+		li {
+			display: inline-block;
+			list-style: none;
+			vertical-align: middle;
+			margin-left: 35px;
+
+			&.social {
+				margin-left: 10px;
+
+				+ :not(.social) {
+					margin-left: 50px;
+				}
+			}
+			&.download {
+				position: relative;
+				top: 9px;
+			}	
+			&.github {
+				position: relative;
+				margin-left: 70px;
+			}	
+		}
+		a {
+			color: #a2a2a2;
+			text-decoration: none;
+			position: relative;
+
+			&:hover {
+				color: #444;
+			}
+
+			&.btn-main {
+				color: #fff;
+			}
+			&.icon-github:before {
+				position: absolute;
+				left: -30px;
+			}
+			&.icon-facebook, &.icon-twitter {
+				width: 30px;
+				height: 30px;
+				line-height: 30px;
+				display: block;
+				border-radius: 50%;
+				font-size: 14px;
+				color: #fff;
+				text-indent: 12px;
+				background: #0072bc;
+				-webkit-transition: background ease .2s;
+				-moz-transition: background ease .2s;
+				transition: background ease .2s;
+
+				&:hover {
+					background: darken(#0072bc, 7%);
+				}
+			}
+			&.icon-twitter {
+				text-indent: 5px;
+				background: #00bff3;
+
+				&:hover {
+					background: darken(#00bff3, 7%);
+				}
+			}
+			&.icon-facebook:before, &.icon-twitter:before {
+				display: block;
+				position: absolute;
+				top: 8px;
+				left: 50%;
+				margin-left: -15px;
+			}
+			&.icon-twitter:before {
+				font-size: 12px;
+				top: 9px;
+				margin-left: -13px;
+			}
+		}
+
+		small {
+			display: block;
+			color: #6496b7;
+			font-size: 12px;
+			font-style: italic;
+			
+		}
+	}
+
+	hr {
+		border: none;
+		border-top: 1px solid #a2a2a2;
+	}
+
+	hr + i {
+		display: block;
+		width: 40px;
+		height: 20px;
+		background: url(../images/footer-film.png) no-repeat;
+		margin: -18px auto 0;
+	}
+
+	footer {
+		text-align: center;
+		font-size: 14px;
+
+		p {
+			padding: 20px 0;
+
+			span {
+				color: #e74c3c;
+			}
+		}
+
+		small {
+			display: block;
+			font-size: 14px;
+			color: #d7d4d4;
+			a {
+				color:#6496b7;
+			}
+		}
+	}
+}
--- a/css/_getapp.scss
+++ b/css/_getapp.scss
@ -0,0 +1,33 @@
+#get-app {
+	text-align: center;
+	font-size: 24px;
+	padding: 50px 0 0 0;
+	color: #444c5e;
+
+	.platforms {
+		padding: 50px 0;
+
+		li {
+			list-style: none;
+			display: inline-block;
+			padding: 0 40px;
+
+			&:before {
+				display: block;
+				font-size: 86px;
+				text-indent: 8px;
+				margin-bottom: 20px;
+				color: $dark-blue;
+			}
+			small {
+				display: block;
+				color: #6496b7;
+				font-size: 12px;
+				font-style: italic;
+			}
+			[class^="btn-"] {
+				margin-bottom: 5px;
+			}
+		}
+	}
+}
--- a/css/_header.scss
+++ b/css/_header.scss
@ -0,0 +1,86 @@
+#header {
+	height: 670px;
+	overflow: hidden;
+	background: url(../images/bg-header.jpg) no-repeat center top #0e1226;
+	color: #fff;
+	text-align: center;
+	font-size: 24px;
+	font-weight: 400;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	padding-top: 30px;
+	position: fixed;
+	
+	.text {
+		padding: 0 0 40px;
+	}
+
+	h1 {
+		margin-bottom: 5px;
+		margin-top: 0px;
+	}
+
+	p {
+		margin-bottom: 0;
+	}
+
+	.ui-screenshot {
+		box-shadow: 0px -10px 30px 10px rgba(67,244,249, .25);
+	}
+}
+
+#logo {
+	display: block;
+	text-indent: -9999px;
+	overflow: hidden;
+	width: 211px;
+	height: 71px;
+	background: url(../images/header-logo.png) no-repeat;
+	margin: 0 auto;
+	text-align: left;
+}
+
+#links {
+	font-size: 18px;
+	font-weight: normal;
+	padding: 0;
+	margin: 0 0 30px;
+
+	li {
+		list-style: none;
+		display: inline-block;
+		text-align: center;
+		/* margin: 0 25px; */
+		vertical-align: top;
+
+		&.download {
+			line-height: 40px;
+			margin-right: 0;
+
+			a {
+				line-height: 19px;
+			}
+		}
+		&.github {
+			position: relative;
+			top: 16px;
+
+			a:before {
+				position: absolute;
+				left: -30px;
+			}
+		}
+
+		small {
+			font-size: 12px;
+			color: rgba(0,0,0,.5);
+			font-weight: normal;
+			font-style: italic;
+		}
+	}
+
+	a {
+		color: #fff;
+		text-decoration: none;
+	}
+}
--- a/css/_how.scss
+++ b/css/_how.scss
@ -0,0 +1,107 @@
+#how {
+	background: url(../images/bg-how.jpg) no-repeat center #0e1226;
+	height: 569px;
+	position: relative;
+	color: #fff;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	padding-top: 105px;
+	overflow: hidden;
+
+	&:before, &:after {
+		content:"";
+		height: 20px;
+		width: 100%;
+		background: url(../images/film-tile.png) repeat-x center;
+		position: absolute;
+		top: 0;
+		left: 0;
+	}
+	&:after {
+		top: auto;
+		bottom: 0;
+	}
+
+	h2, h4 {
+		margin: 0 0 10px;
+	}
+
+	.steps {
+		position: relative;
+		font-weight: bold;
+		margin-top: 50px;
+
+		a {
+			color: #f2a500;
+			&:hover {
+				text-decoration: none;
+			}
+		}
+
+		&:before {
+			content: "";
+			width: 2px;
+			height: 100%;
+			background: #42485e;
+			opacity: .5;
+			position: absolute;
+			left: 22px;
+			top: 0px;
+			bottom: 0px;
+		}
+		li {
+			line-height: 42px;
+			position: relative;
+			list-style: none;
+			padding-left: 25px;
+			margin: 0 0 50px 0;
+
+			&:last-child {
+				margin: 0;
+			}
+
+			&:before {
+			  border-width: 2px;
+			  border-color: rgb( 16, 21, 45 );
+			  border-style: solid;
+			  border-radius: 50%;
+			  background-image: -moz-linear-gradient( 90deg, #80bde4 0%, #e4f2fa 100%);
+			  background-image: -webkit-linear-gradient( 90deg, #80bde4 0%, #e4f2fa 100%);
+			  background-image: -ms-linear-gradient( 90deg, #80bde4 0%, #e4f2fa 100%);
+			  box-shadow: 0px 0px 6px 0px rgba( 28, 92, 145, .3 );
+			  display: block;
+			  width: 40px;
+			  height: 40px;
+			  text-align: center;
+			  color: #0e1328;
+			  text-shadow: 0px 1px #fff;
+			  line-height: 42px;
+			  position: absolute;
+			  left: -40px;
+			  top: 0;
+			}
+			&.icon-vlc:before {
+				font-size: 18px;
+				line-height: 40px;
+			}
+			&.icon-eye:before {
+				font-size: 13px;
+			}
+			&.icon-hd:before {
+				font-size: 18px;
+			}
+			&.icon-play:before {
+				font-size: 12px;
+				text-indent: 3px;
+			}
+		}
+	}
+
+	.ui-screenshot {
+		position: absolute;
+		bottom: 0;
+		left: 50%;
+		display: block;
+		margin-left: -150px;
+	}
+}
--- a/css/_normalize.scss
+++ b/css/_normalize.scss
@ -0,0 +1,406 @@
+/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+    display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+    display: none;
+    height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+    display: none;
+}
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+html {
+    font-family: sans-serif; /* 1 */
+    -ms-text-size-adjust: 100%; /* 2 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+    background: transparent;
+}
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+    outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+    border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+    font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+    background: #ff0;
+    color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+    quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+    overflow: hidden;
+}
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+    border: 1px solid #c0c0c0;
+    margin: 0 2px;
+    padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+    border: 0; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 2 */
+    margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+    line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+    text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+    -webkit-appearance: button; /* 2 */
+    cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+    cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box; /* 2 */
+    box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+    border: 0;
+    padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+    overflow: auto; /* 1 */
+    vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
--- a/css/_os.scss
+++ b/css/_os.scss
@ -0,0 +1,13 @@
+body.mac .dl-win,
+body.win .dl-mac,
+body.nope .dl-win {
+	display: none !important;
+}
+
+body .dl-win {
+	display: none !important;
+}
+
+body.win .dl-win {
+	display: inline-block !important;
+}
--- a/css/_vars.scss
+++ b/css/_vars.scss
@ -0,0 +1,4 @@
+$headline-dark: #122a4a;
+$button-red: rgb( 231, 76, 60 );
+$button-disabled: #a2a2a2;
+$dark-blue: #0e1226;
--- a/css/style.css
+++ b/css/style.css
--- a/css/style.scss
+++ b/css/style.scss
@ -0,0 +1,14 @@
+@import "_normalize.scss";
+@import "_animations.scss";
+@import "_fonts.scss";
+@import "_vars.scss";
+@import "_base.scss";
+@import "_buttons.scss";
+@import "_header.scss";
+@import "_features.scss";
+@import "_how.scss";
+@import "_getapp.scss";
+@import "_browse.scss";
+@import "_footer.scss";
+@import "_beta.scss";
+@import "_os.scss";
--- a/favicon.ico
+++ b/favicon.ico
--- a/fonts/brandontext-bold-webfont.eot
+++ b/fonts/brandontext-bold-webfont.eot
--- a/fonts/brandontext-bold-webfont.svg
+++ b/fonts/brandontext-bold-webfont.svg
--- a/fonts/brandontext-bold-webfont.ttf
+++ b/fonts/brandontext-bold-webfont.ttf
--- a/fonts/brandontext-bold-webfont.woff
+++ b/fonts/brandontext-bold-webfont.woff
--- a/fonts/brandontext-light-webfont.eot
+++ b/fonts/brandontext-light-webfont.eot
--- a/fonts/brandontext-light-webfont.svg
+++ b/fonts/brandontext-light-webfont.svg
--- a/fonts/brandontext-light-webfont.ttf
+++ b/fonts/brandontext-light-webfont.ttf
--- a/fonts/brandontext-light-webfont.woff
+++ b/fonts/brandontext-light-webfont.woff
--- a/fonts/brandontext-regular-webfont.eot
+++ b/fonts/brandontext-regular-webfont.eot
--- a/fonts/brandontext-regular-webfont.svg
+++ b/fonts/brandontext-regular-webfont.svg
--- a/fonts/brandontext-regular-webfont.ttf
+++ b/fonts/brandontext-regular-webfont.ttf
--- a/fonts/brandontext-regular-webfont.woff
+++ b/fonts/brandontext-regular-webfont.woff
--- a/fonts/brandontext-regularitalic-webfont.eot
+++ b/fonts/brandontext-regularitalic-webfont.eot
--- a/fonts/brandontext-regularitalic-webfont.svg
+++ b/fonts/brandontext-regularitalic-webfont.svg
--- a/fonts/brandontext-regularitalic-webfont.ttf
+++ b/fonts/brandontext-regularitalic-webfont.ttf
--- a/fonts/brandontext-regularitalic-webfont.woff
+++ b/fonts/brandontext-regularitalic-webfont.woff
--- a/fonts/popcorn.eot
+++ b/fonts/popcorn.eot
--- a/fonts/popcorn.svg
+++ b/fonts/popcorn.svg
@ -0,0 +1,23 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="popcorn" horiz-adv-x="512">
+<font-face units-per-em="512" ascent="480" descent="-32" />
+<missing-glyph horiz-adv-x="512" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="256" />
+<glyph unicode="&#xe600;" d="M270.151 480c-149.226 0-270.151-118.352-270.151-262.432 0-115.779 77.186-213.548 185.246-249.568 12.864-2.573 18.010 5.146 18.010 12.865 0 5.146 0 23.156 0 43.738-74.613-15.437-90.050 36.020-90.050 36.020-12.864 30.875-30.874 38.593-30.874 38.593-25.728 15.437 2.573 15.437 2.573 15.437 28.302-2.573 41.166-28.301 41.166-28.301 23.156-41.166 64.322-28.301 79.759-20.583 0 18.010 7.719 28.301 15.437 36.020-59.176 7.719-123.498 28.301-123.498 128.643 0 28.302 10.291 51.458 28.302 69.468-2.573 7.719-12.864 36.020 2.573 72.040 0 0 23.156 7.719 74.613-25.728 20.583 5.145 43.738 7.718 66.894 7.718 23.156 0 46.312-2.573 66.894-7.718 51.457 33.447 74.613 25.728 74.613 25.728 15.437-36.020 5.146-61.748 2.573-69.467 18.010-18.010 28.301-41.166 28.301-69.468 0-100.341-64.322-123.498-123.498-128.643 10.291-7.719 18.010-23.156 18.010-48.885 0-36.020 0-64.322 0-72.040 0-7.719 5.146-15.437 18.010-12.865 108.060 36.020 185.246 133.789 185.246 249.568 0 141.507-120.924 259.86-270.151 259.86z" horiz-adv-x="541" />
+<glyph unicode="&#xe601;" d="M460.566 433.242v46.758h-23.379v-46.758h-46.758v-23.379h46.758v-46.758h23.379v46.758h46.758v23.379h-46.758zM413.808 269.589c-49.096 0-95.854 0-144.95 0 0 0 0 0 0-2.338 2.338 0 2.338-2.338 4.676-2.338 32.731-23.379 46.758-56.11 39.745-95.854-2.338-18.703-11.69-32.731-21.041-46.758-25.717-42.082-49.096-84.164-74.813-128.584-4.676-9.351-9.351-16.365-14.028-25.717 2.338 0 4.676 0 4.676 0 42.082-2.338 79.489 7.014 116.895 28.055 67.799 39.745 105.205 100.529 109.882 180.018 2.338 30.392-2.338 60.786-14.027 88.84-2.338 2.338-4.676 4.676-7.014 4.676zM264.183 98.923c-4.676-2.338-7.014-2.338-9.351-2.338-46.758-18.703-98.192 0-123.909 42.082-18.703 35.069-39.745 72.475-60.785 107.543-11.69 18.703-23.379 39.745-35.069 58.447 0-2.338-2.338-2.338-2.338-4.676-30.392-49.096-39.745-102.868-28.055-161.315 16.366-84.165 91.178-154.301 175.343-168.329 7.013 0 9.351 0 14.028 7.014 7.013 14.027 16.365 28.055 23.379 42.082 14.028 25.717 30.392 51.434 46.758 79.488zM109.882 204.128c2.338-4.676 4.676-9.351 9.352-14.027 4.676 28.055 16.365 51.434 37.406 70.137 21.041 16.365 44.42 23.379 70.137 23.379 58.447 0 116.895 0 175.343 0h11.69c-2.338 7.014-4.676 11.69-9.351 14.028-49.096 77.15-119.233 112.219-208.073 105.206-60.785-4.676-107.543-32.731-147.287-79.489-2.338-4.676-4.676-7.014 0-11.69 21.041-35.069 39.745-72.475 60.785-107.543zM137.936 185.425c0-44.42 37.406-81.827 81.826-81.827s79.488 37.406 79.488 84.165c0 44.42-37.406 79.488-81.827 79.488-44.42 0-81.827-37.406-79.488-81.827z" horiz-adv-x="508" />
+<glyph unicode="&#xe602;" d="M219.429 443.428v-207.238h243.81v243.81l-243.81-36.572zM0 236.19h195.048v195.048l-195.048-29.257v-165.791zM0 46.019l195.048-29.257v195.048h-195.048v-165.791zM219.429 4.572l243.81-36.572v243.81h-243.81v-207.238z" horiz-adv-x="463" />
+<glyph unicode="&#xe603;" d="M449.422 4.978c-11.378 34.133-19.911 65.422-31.289 96.711-5.689 14.222-8.534 31.289-14.222 45.511-2.844 5.689-2.844 11.378-11.378 11.378-14.222 0-28.445 2.844-42.666 0 0-2.844 0-2.844 0-2.844 5.689-11.378 2.844-22.755-8.534-31.289-14.222-11.378-28.445-17.067-45.511-22.755-25.6-5.689-54.044-8.534-82.489-8.534-14.222 0-28.445 2.844-42.667 2.844-19.911 2.844-36.978 8.534-54.044 19.911-14.222 8.534-25.6 19.911-17.067 39.822 0 0 0 0 0 2.844-11.378 0-22.755 0-34.133 0-14.222 0-14.222-2.844-19.911-14.222-11.378-36.978-22.756-76.8-34.133-113.778-5.689-14.222-11.378-28.445-11.378-42.666 0-14.222 0-19.911 14.222-19.911 5.689 0 11.378 0 17.066 0 125.155 0 247.466 0 372.622 0 11.378 0 22.755 0 36.978 0 8.534 0 11.378 2.844 11.378 11.378 2.844 11.378 0 19.911-2.844 25.6zM150.756 204.089c42.667-14.222 85.333-14.222 128-5.689 14.222 2.844 31.289 5.689 42.666 17.067 5.689 2.844 8.534 8.534 8.534 14.222-8.534 31.289-17.067 59.734-28.445 91.022-8.534-11.378-19.911-11.378-31.289-14.222-19.911-2.845-39.822-5.689-62.578-2.845-19.911 2.845-39.822 2.845-56.889 17.067-8.534-31.289-17.066-62.578-25.6-91.022 0-5.689 0-8.534 2.844-11.378 5.689-8.534 14.222-11.378 22.755-14.222zM187.733 406.044c2.845 0 5.689 0 8.534-2.844 17.066-2.844 34.133-2.844 51.2-2.844 8.534 0 14.222 2.844 22.755 5.689 5.689 0 5.689 2.845 5.689 8.534-5.689 14.222-11.378 28.445-14.222 39.822-5.689 22.756-8.534 25.6-31.289 25.6-2.845 0-2.845 0-2.845 0 0 0 0 0 0 0-2.845 0-5.689 0-8.534 0-14.222 0-19.911-2.844-22.756-17.067-5.689-14.222-11.378-28.444-14.222-45.511-2.845-8.534-2.845-8.534 5.689-11.378z" horiz-adv-x="455" />
+<glyph unicode="&#xe604;" d="M551.822 303.644c-11.378 2.845-22.755 5.689-36.978 5.689h-28.445v-153.6h31.289c8.534 0 14.222 0 19.911 0s8.534 0 14.222 2.844c5.689 2.844 8.534 2.844 11.378 5.689 14.222 11.378 22.755 34.133 22.755 68.267 0 22.756-2.845 39.822-11.378 51.2-5.689 8.534-14.222 17.066-22.755 19.911zM753.778 400.356c0 2.844 0 5.689-2.845 8.534 0 0 0 2.844 0 2.844-8.534 28.445-36.978 48.356-68.266 48.356h5.689c0 0-130.845 19.911-304.356 19.911-173.511 0-304.356-19.911-304.356-19.911h5.689c-31.289 0-59.733-19.911-68.266-48.356 0 0 0-2.844 0-2.844 0-2.844 0-5.689-2.845-8.534-5.689-34.134-14.222-99.555-14.222-176.356 0-76.8 8.534-142.222 14.222-176.356 0-2.844 0-5.689 2.845-8.534 0 0 0-2.844 0-2.844 8.534-28.445 36.978-48.356 68.266-48.356h-5.689c0 0 130.845-19.911 304.356-19.911s304.356 19.911 304.356 19.911h-5.689c31.289 0 59.734 19.911 68.266 48.356 0 0 0 2.844 0 2.844 0 2.844 0 5.689 2.845 8.534 5.689 34.134 14.222 99.555 14.222 176.356 0 76.8-8.534 142.222-14.222 176.356zM361.245 135.822c0-11.378-2.844-19.911-8.534-25.6s-14.222-8.534-22.755-8.534c-8.534 0-17.067 2.844-22.755 8.534-5.689 5.689-8.534 14.222-8.534 25.6v76.8h-96.711v-76.8c0-11.378-2.845-19.911-8.534-25.6s-14.222-8.534-22.756-8.534c-8.534 0-17.066 2.844-22.756 8.534-5.689 5.689-8.534 14.222-8.534 25.6v190.578c0 11.378 2.845 19.911 8.534 25.6s14.222 8.534 22.756 8.534c8.534 0 17.066-2.844 22.756-8.534 5.689-5.689 8.534-14.222 8.534-25.6v-62.578h96.711v62.578c0 11.378 2.844 19.911 8.534 25.6s14.222 8.534 22.755 8.534c8.534 0 17.067-2.844 22.755-8.534 5.689-5.689 8.534-14.222 8.534-25.6v-190.578zM642.845 192.711c-2.845-11.378-5.689-22.755-11.378-34.134-5.689-11.378-14.222-19.911-22.755-25.6-5.689-5.689-14.222-11.378-22.755-14.222-8.534-2.844-17.067-5.689-25.6-8.534-8.534-2.844-19.911-2.844-31.289-2.844h-65.422c-11.378 0-17.067 2.844-22.755 5.689-5.689 2.844-8.534 8.534-11.378 14.222-2.844 5.689-2.844 11.378-2.844 19.911v173.511c0 11.378 2.844 19.911 8.534 25.6s14.222 8.534 28.445 8.534h65.422c17.067 0 31.289-2.844 45.511-5.689 14.222-2.844 25.6-8.534 34.134-17.066 25.6-22.756 39.822-56.889 39.822-102.4 0-11.378-2.845-25.6-5.689-36.978z" horiz-adv-x="768" />
+<glyph unicode="&#xe605;" d="M78.769-32v236.308h-78.769v78.769h78.769v78.769c0 31.507-7.877 63.015 11.816 82.707 19.692 23.631 47.261 35.446 86.646 35.446 19.692 0 43.323-3.939 51.2-3.939h7.877v-74.831h-39.385c-27.569 0-39.385-11.816-39.385-39.385v-78.769h78.769l-7.877-78.769h-70.892v-236.308h-78.769z" horiz-adv-x="237" />
+<glyph unicode="&#xe606;" d="M586.472 354.327v-18.618c0-69.818-18.618-139.637-65.163-204.8-23.272-32.582-46.546-60.509-74.472-83.782-60.509-46.546-144.291-79.127-242.036-79.127-79.127 0-148.946 18.618-204.8 51.2 9.309 0 18.618 0 32.582 0 55.854 0 111.709 18.618 167.564 60.509-32.582 0-55.855 9.309-79.127 27.928-23.273 18.618-37.237 37.236-46.546 65.163 9.309 0 18.618-4.654 23.273-4.654 13.963 0 23.273 0 37.237 4.654-32.582 4.654-55.855 18.618-79.127 41.891-18.618 23.273-27.927 51.2-27.927 83.782v0c18.618-9.309 37.236-13.964 60.509-13.964-41.891 23.273-60.509 60.509-60.509 107.055 0 18.618 4.654 41.891 18.618 60.509 69.818-79.127 167.563-125.672 274.618-134.982 0 9.309-4.654 18.618-4.654 27.928 0 37.236 13.964 65.163 37.236 88.437 27.928 32.582 60.509 46.545 97.745 46.545 37.236 0 69.818-13.963 97.745-41.891 27.928 4.654 55.855 18.618 83.782 32.582-9.309-32.582-27.928-55.855-60.509-69.818 23.273 4.654 51.2 9.309 79.127 18.618-18.618-27.927-41.891-51.2-65.163-65.163z" horiz-adv-x="652" />
+<glyph unicode="&#xe607;" d="M748.308 224c0-11.815-3.938-19.692-7.877-31.507-39.385-66.954-90.585-122.093-157.538-165.416-66.954-39.385-133.908-63.015-208.738-63.015-74.831 0-141.785 19.692-208.738 63.015-66.954 39.385-118.154 94.523-157.538 165.416-3.938 11.815-7.877 19.692-7.877 31.507 0 11.815 3.938 19.692 7.877 31.507 39.385 66.954 90.585 122.093 157.538 165.416 66.954 39.385 133.908 59.077 208.738 59.077 74.831 0 141.785-19.692 208.738-63.015 66.954-39.385 118.154-94.523 157.538-165.416 3.938-7.877 7.877-15.754 7.877-27.569zM693.169 224c-43.323 70.892-94.523 122.092-157.538 157.538 15.754-31.507 23.631-63.015 23.631-98.462 0-55.138-19.692-102.4-55.139-141.784-35.446-39.385-78.769-59.077-133.908-59.077-51.2 0-94.523 19.692-133.907 59.077-35.446 39.385-55.138 86.646-55.138 141.784 0 35.446 7.877 70.893 23.631 98.462-63.016-35.446-118.154-86.646-157.538-157.538 43.323-59.077 90.585-110.277 145.723-145.723 55.138-35.446 118.154-55.139 181.169-55.139 66.954 0 126.031 19.692 181.169 55.139 55.139 35.446 102.4 86.646 137.846 145.723zM389.908 377.6c3.938 7.877 3.938 11.815 3.938 15.754s0 11.815-3.938 15.754c-3.938 3.939-11.815 7.877-15.754 7.877-35.446 0-63.015-11.816-90.584-39.385-23.631-27.569-35.446-59.077-35.446-98.462 0-7.877 0-11.815 3.939-15.754 3.938-3.938 7.877-7.877 15.754-7.877s7.877 7.877 11.815 11.816c3.938 3.939 3.938 7.877 3.938 15.754 0 23.631 7.877 47.262 23.631 66.954 15.754 19.692 39.385 27.569 63.015 27.569 7.877-3.939 15.754-3.939 19.692 0z" horiz-adv-x="749" />
+<glyph unicode="&#xe608;" d="M452.267 198.4c-145.066-81.067-379.733-217.6-379.733-217.6-12.8-4.267-25.6-12.8-38.4-12.8-17.067 0-25.6 4.267-29.866 12.8-4.266 4.267-4.266 4.267-4.266 8.534v456.534c0 0 0 8.534 0 17.067 4.266 8.534 21.334 17.066 34.133 17.066 8.533 0 17.066-4.266 25.6-8.534l388.266-221.866c0 0 0 0 4.267 0 12.8-8.534 17.067-21.334 17.067-25.6 0-12.8-12.8-21.333-17.067-25.6z" horiz-adv-x="470" />
+<glyph unicode="&#xe609;" d="M430.080 308.48c-25.6 33.28-64 51.2-99.84 51.2-46.080 0-66.56-23.040-99.84-23.040-33.28 0-58.88 23.040-99.84 23.040-38.4 0-79.36-23.040-107.52-64-38.4-56.32-30.72-166.4 30.72-256 23.040-33.28 51.2-69.12 89.6-69.12 33.28 0 43.52 20.48 89.6 20.48 46.080 0 53.76-23.040 89.6-20.48 38.4 0 69.12 40.96 92.16 74.24 15.36 23.040 20.48 35.84 33.28 61.44-89.6 30.72-104.96 153.6-17.92 202.24zM296.96 398.080c17.92 20.48 30.72 51.2 25.6 81.92-28.16-2.56-61.44-20.48-79.36-40.96-17.92-20.48-30.72-51.2-25.6-81.92 28.16 0 58.88 17.92 79.36 40.96z" horiz-adv-x="446" />
+<glyph unicode="&#xe60a;" d="M781.93 9.851h-316.486c0-5.2-4.21-9.286-9.286-9.286h-120.973c-5.2 0-9.286 4.21-9.286 9.286h-316.611c-5.2 0-9.287-4.21-9.287-9.286v-23.279c0-5.2 4.21-9.286 9.287-9.286h772.643c5.201 0 9.287 4.21 9.287 9.286v23.279c0.124 5.077-4.086 9.286-9.287 9.286zM744.784 456.721c0 12.877-10.401 23.279-23.279 23.279h-651.67c-12.877 0-23.279-10.401-23.279-23.279v-442.289h698.227v442.289zM395.608 470.589c2.6 0 4.705-2.105 4.705-4.705s-2.105-4.705-4.705-4.705c-2.6 0-4.705 2.105-4.705 4.705 0.124 2.724 2.229 4.705 4.705 4.705zM721.505 51.703c0-10.277-8.296-18.573-18.573-18.573h-614.524c-10.277 0-18.573 8.296-18.573 18.573v377.035c0 10.277 8.296 18.573 18.573 18.573h614.4c10.277 0 18.573-8.296 18.573-18.573v-377.035z" horiz-adv-x="792" />
+<glyph unicode="&#xe60b;" d="M458.166-14.126h-112.32v26.969h-17.98v-26.969h-112.215c-7.404 0-13.432-6.029-13.432-13.432v-4.442h269.485v4.442c-0.106 7.404-6.135 13.432-13.538 13.432zM660.28 480h-646.742c-7.404 0-13.432-6.029-13.432-13.432v-435.639c0-7.404 6.029-13.432 13.432-13.432h646.742c7.404 0 13.432 6.029 13.432 13.432v435.533c0 7.509-6.029 13.538-13.432 13.538zM610.889 30.824c-2.433 0-4.442 2.010-4.442 4.442s2.010 4.442 4.442 4.442c2.433 0 4.442-2.010 4.442-4.442 0-2.433-2.010-4.442-4.442-4.442zM628.763 30.824c-2.433 0-4.442 2.010-4.442 4.442s2.010 4.442 4.442 4.442c2.433 0 4.442-2.010 4.442-4.442 0.106-2.433-1.904-4.442-4.442-4.442zM651.29 62.235c0-4.971-4.019-8.99-8.99-8.99h-610.889c-4.971 0-8.99 4.019-8.99 8.99v386.248c0 4.971 4.019 8.99 8.99 8.99h610.783c4.971 0 8.99-4.019 8.99-8.99v-386.248z" horiz-adv-x="674" />
+<glyph unicode="&#xe60c;" d="M730.827 480h-715.865c-8.182 0-14.963-6.663-14.963-14.962v-482.192c0-8.183 6.663-14.962 14.963-14.962h715.865c8.183 0 14.962 6.663 14.962 14.962v482.192c0 8.3-6.78 14.962-14.962 14.962zM69.669 465.038c2.689 0 5.026-2.221 5.026-5.026s-2.221-5.026-5.026-5.026c-2.805 0-5.026 2.221-5.026 5.026 0 2.806 2.221 5.027 5.026 5.027zM49.797 465.038c2.806 0 5.026-2.221 5.026-5.026s-2.221-5.026-5.026-5.026c-2.688 0-5.026 2.221-5.026 5.026 0 2.806 2.221 5.027 5.026 5.027zM29.925 465.038c2.689 0 5.027-2.221 5.027-5.026s-2.221-5.026-5.026-5.026c-2.805 0-5.026 2.221-5.026 5.026 0 2.806 2.221 5.027 5.026 5.027zM720.891 2.718c0-5.494-4.442-9.936-9.936-9.936h-676.12c-5.494 0-9.936 4.442-9.936 9.936v427.602c0 5.494 4.442 9.936 9.936 9.936h676.12c5.494 0 9.936-4.442 9.936-9.936v-427.602z" horiz-adv-x="746" />
+</font></defs></svg>
--- a/fonts/popcorn.ttf
+++ b/fonts/popcorn.ttf
--- a/fonts/popcorn.woff
+++ b/fonts/popcorn.woff
--- a/images/bg-header.jpg
+++ b/images/bg-header.jpg
--- a/images/bg-how.jpg
+++ b/images/bg-how.jpg
--- a/images/film-tile.png
+++ b/images/film-tile.png
--- a/images/footer-film.png
+++ b/images/footer-film.png
--- a/images/footer-logo.png
+++ b/images/footer-logo.png
--- a/images/header-logo.png
+++ b/images/header-logo.png
--- a/images/header-ui.jpg
+++ b/images/header-ui.jpg
--- a/images/how-ui.jpg
+++ b/images/how-ui.jpg
--- a/images/icon-11.svg
+++ b/images/icon-11.svg
@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 407 639.1 413.5" enable-background="new 0 407 639.1 413.5" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M631.5,786.7H375.9c0,4.2-3.4,7.5-7.5,7.5h-97.7c-4.2,0-7.5-3.4-7.5-7.5H7.5
+		c-4.2,0-7.5,3.4-7.5,7.5V813c0,4.2,3.4,7.5,7.5,7.5h624c4.2,0,7.5-3.4,7.5-7.5v-18.8C639.1,790.1,635.7,786.7,631.5,786.7z
+		 M601.5,425.8c0-10.4-8.4-18.8-18.8-18.8H56.4c-10.4,0-18.8,8.4-18.8,18.8V783h563.9V425.8z M319.5,414.6c2.1,0,3.8,1.7,3.8,3.8
+		c0,2.1-1.7,3.8-3.8,3.8c-2.1,0-3.8-1.7-3.8-3.8C315.8,416.2,317.5,414.6,319.5,414.6z M582.7,752.9c0,8.3-6.7,15-15,15H71.4
+		c-8.3,0-15-6.7-15-15V448.4c0-8.3,6.7-15,15-15h496.2c8.3,0,15,6.7,15,15V752.9z"/>
+</g>
+</svg>
--- a/images/icon-12.svg
+++ b/images/icon-12.svg
@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="1.6 326.4 637 484.1" enable-background="new 1.6 326.4 637 484.1" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M434.8,793.6H328.6v-25.5h-17v25.5H205.5c-7,0-12.7,5.7-12.7,12.7v4.2h254.8v-4.2
+		C447.5,799.3,441.8,793.6,434.8,793.6z M625.9,326.4H14.4c-7,0-12.7,5.7-12.7,12.7v411.9c0,7,5.7,12.7,12.7,12.7h611.5
+		c7,0,12.7-5.7,12.7-12.7V339.2C638.6,332.1,632.9,326.4,625.9,326.4z M579.2,751.1c-2.3,0-4.2-1.9-4.2-4.2c0-2.3,1.9-4.2,4.2-4.2
+		c2.3,0,4.2,1.9,4.2,4.2C583.4,749.2,581.5,751.1,579.2,751.1z M596.1,751.1c-2.3,0-4.2-1.9-4.2-4.2c0-2.3,1.9-4.2,4.2-4.2
+		c2.3,0,4.2,1.9,4.2,4.2C600.4,749.2,598.5,751.1,596.1,751.1z M617.4,721.4c0,4.7-3.8,8.5-8.5,8.5H31.3c-4.7,0-8.5-3.8-8.5-8.5
+		V356.2c0-4.7,3.8-8.5,8.5-8.5h577.5c4.7,0,8.5,3.8,8.5,8.5V721.4z"/>
+</g>
+</svg>
--- a/images/icon-13.svg
+++ b/images/icon-13.svg
@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="1.7 349.2 637.9 438" enable-background="new 1.7 349.2 637.9 438" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M626.9,349.2H14.5c-7,0-12.8,5.7-12.8,12.8v412.5c0,7,5.7,12.8,12.8,12.8h612.4
+		c7,0,12.8-5.7,12.8-12.8V362C639.7,354.9,633.9,349.2,626.9,349.2z M61.3,362c2.3,0,4.3,1.9,4.3,4.3c0,2.4-1.9,4.3-4.3,4.3
+		c-2.4,0-4.3-1.9-4.3-4.3C57,363.9,58.9,362,61.3,362z M44.3,362c2.4,0,4.3,1.9,4.3,4.3c0,2.4-1.9,4.3-4.3,4.3
+		c-2.3,0-4.3-1.9-4.3-4.3C40,363.9,41.9,362,44.3,362z M27.3,362c2.3,0,4.3,1.9,4.3,4.3c0,2.4-1.9,4.3-4.3,4.3
+		c-2.4,0-4.3-1.9-4.3-4.3C23,363.9,24.9,362,27.3,362z M618.4,757.5c0,4.7-3.8,8.5-8.5,8.5H31.5c-4.7,0-8.5-3.8-8.5-8.5V391.7
+		c0-4.7,3.8-8.5,8.5-8.5h578.4c4.7,0,8.5,3.8,8.5,8.5V757.5z"/>
+</g>
+</svg>
--- a/images/icon-best.gif
+++ b/images/icon-best.gif
--- a/images/icon-placeholder.png
+++ b/images/icon-placeholder.png
--- a/images/icon-search.gif
+++ b/images/icon-search.gif
--- a/images/icon-subs.gif
+++ b/images/icon-subs.gif
--- a/images/icon-watch.gif
+++ b/images/icon-watch.gif
--- a/images/icons.ai
+++ b/images/icons.ai
--- a/images/pochoclin.gif
+++ b/images/pochoclin.gif
--- a/index.html
+++ b/index.html
@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+	<link rel="icon" href="favicon.ico" type="image/x-icon">
+	<link rel="image_src" href="http://getpopcornti.me/images/header-ui.jpg" / >
+	<meta property="og:title" content="Popcorn Time" />
+	<meta property="og:type" content="website" />
+	<meta property="og:image" content="http://getpopcornti.me/images/header-ui.jpg" />
+	<meta property="og:url" content="http://getpopcornti.me" />
+	<meta property="og:site_name" content="Popcorn Time" />
+
+	<title>Popcorn Time</title>
+	<script>
+	window.analytics||(window.analytics=[]),window.analytics.methods=["identify","track","trackLink","trackForm","trackClick","trackSubmit","page","pageview","ab","alias","ready","group","on","once","off"],window.analytics.factory=function(t){return function(){var a=Array.prototype.slice.call(arguments);return a.unshift(t),window.analytics.push(a),window.analytics}};for(var i=0;i<window.analytics.methods.length;i++){var method=window.analytics.methods[i];window.analytics[method]=window.analytics.factory(method)}window.analytics.load=function(t){var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https://":"http://")+"d2dq2ahtl5zl1z.cloudfront.net/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n)},window.analytics.SNIPPET_VERSION="2.0.8",
+	window.analytics.load("y52a9xtd91");
+	window.analytics.page();
+	</script>
+</head>
+<body class="beta">
+	<section id="header">
+
+		<nav class="fixed-width fadeInDown wow">
+			<a href="http://getpopcornti.me" id="logo">Popcorn Time</a>
+		</nav>
+
+		<div class="text fadeInDown wow">
+			<h1>Hello world!</h1>
+			<p>The adventure begins here</p>
+		</div>
+
+	</section>
+
+	
+	<script type="text/javascript" src="js/wow.js"></script>
+	<script type="text/javascript" src="js/site.js"></script>
+</body>
+</html>
--- a/js/site.js
+++ b/js/site.js
@ -0,0 +1,24 @@
+wow = new WOW(
+  {
+    animateClass: 'animated',
+    offset:       100
+  }
+);
+wow.init();
+
+var userAgent = navigator.platform;
+//alert(userAgent);
+if(userAgent.substring(0,3) == "Mac") {
+	document.getElementsByTagName('body')[0].className+=' mac'
+} else if (userAgent.substring(0,3) == "Win") {
+	document.getElementsByTagName('body')[0].className+=' win'
+} else {
+	document.getElementsByTagName('body')[0].className+=' nope'
+}
+
+/*var obj = document.getElementById("header");
+var topVal = parseInt(obj.style.top, 10);
+obj.style.top = (topVal + 300) + "px";*/
+
+var heroHeight = document.getElementById('header').offsetHeight;
+//alert(heroHeight);
--- a/js/wow.js
+++ b/js/wow.js
@ -0,0 +1,2 @@
+/*! WOW - v0.1.4 - 2014-02-12
+* Copyright (c) 2014 Matthieu Aussaguel; Licensed MIT */(function(){var a,b=[].slice,c=function(a,b){return function(){return a.apply(b,arguments)}};a=function(){var c,d,e,f,g,h,i,j,k;for(e=arguments[0],c=2<=arguments.length?b.call(arguments,1):[],g=e||{},i=0,j=c.length;j>i;i++){f=c[i],k=f||{};for(d in k)h=k[d],"object"==typeof g[d]?g[d]=a(g[d],h):g[d]||(g[d]=h)}return g},this.WOW=function(){function b(b){null==b&&(b={}),this.scrollCallback=c(this.scrollCallback,this),this.scrollHandler=c(this.scrollHandler,this),this.start=c(this.start,this),this.config=a(b,this.defaults),this.scrolled=!0}return b.prototype.defaults={boxClass:"wow",animateClass:"animated",offset:0},b.prototype.init=function(){var a;return"interactive"===(a=document.readyState)||"complete"===a?this.start():document.addEventListener("DOMContentLoaded",this.start)},b.prototype.start=function(){var a,b,c,d;if(this.element=window.document.documentElement,this.boxes=this.element.getElementsByClassName(this.config.boxClass),this.boxes.length){for(d=this.boxes,b=0,c=d.length;c>b;b++)a=d[b],this.applyStyle(a,!0);return window.addEventListener("scroll",this.scrollHandler,!1),window.addEventListener("resize",this.scrollHandler,!1),this.interval=setInterval(this.scrollCallback,50)}},b.prototype.stop=function(){return window.removeEventListener("scroll",this.scrollHandler,!1),window.removeEventListener("resize",this.scrollHandler,!1),null!=this.interval?clearInterval(this.interval):void 0},b.prototype.show=function(a){return this.applyStyle(a),a.className=""+a.className+" "+this.config.animateClass},b.prototype.applyStyle=function(a,b){var c,d,e;return d=a.getAttribute("data-wow-duration"),c=a.getAttribute("data-wow-delay"),e=a.getAttribute("data-wow-iteration"),a.setAttribute("style",this.customStyle(b,d,c,e))},b.prototype.customStyle=function(a,b,c,d){var e;return e=a?"visibility: hidden; -webkit-animation-name: none; -moz-animation-name: none; animation-name: none;":"visibility: visible;",b&&(e+="-webkit-animation-duration: "+b+"; -moz-animation-duration: "+b+"; animation-duration: "+b+";"),c&&(e+="-webkit-animation-delay: "+c+"; -moz-animation-delay: "+c+"; animation-delay: "+c+";"),d&&(e+="-webkit-animation-iteration-count: "+d+"; -moz-animation-iteration-count: "+d+"; animation-iteration-count: "+d+";"),e},b.prototype.scrollHandler=function(){return this.scrolled=!0},b.prototype.scrollCallback=function(){var a;return this.scrolled&&(this.scrolled=!1,this.boxes=function(){var b,c,d,e;for(d=this.boxes,e=[],b=0,c=d.length;c>b;b++)a=d[b],a&&(this.isVisible(a)?this.show(a):e.push(a));return e}.call(this),!this.boxes.length)?this.stop():void 0},b.prototype.offsetTop=function(a){var b;for(b=a.offsetTop;a=a.offsetParent;)b+=a.offsetTop;return b},b.prototype.isVisible=function(a){var b,c,d,e,f;return c=a.getAttribute("data-wow-offset")||this.config.offset,f=window.pageYOffset,e=f+this.element.clientHeight-c,d=this.offsetTop(a),b=d+a.clientHeight,e>=d&&b>=f},b}()}).call(this);
--- a/tos.html
+++ b/tos.html
@ -0,0 +1,77 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+	<link rel="stylesheet" type="text/css" href="css/style.css" />
+	<!--script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script-->
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+	<link rel="icon" href="favicon.ico" type="image/x-icon">
+	<meta name="description" content="Enjoy movies everywhere on any OS. A whole new way to watch. From any OS play your favorite movies." />
+	<link rel="image_src" href="http://getpopcornti.me/images/header-ui.jpg" / >
+	<meta property="og:title" content="Popcorn Time" />
+	<meta property="og:type" content="website" />
+	<meta property="og:image" content="http://getpopcornti.me/images/header-ui.jpg" />
+	<meta property="og:url" content="http://getpopcornti.me" />
+	<meta property="og:site_name" content="Popcorn Time" />
+
+	<title>Popcorn Time</title>
+	<script>
+	window.analytics||(window.analytics=[]),window.analytics.methods=["identify","track","trackLink","trackForm","trackClick","trackSubmit","page","pageview","ab","alias","ready","group","on","once","off"],window.analytics.factory=function(t){return function(){var a=Array.prototype.slice.call(arguments);return a.unshift(t),window.analytics.push(a),window.analytics}};for(var i=0;i<window.analytics.methods.length;i++){var method=window.analytics.methods[i];window.analytics[method]=window.analytics.factory(method)}window.analytics.load=function(t){var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"===document.location.protocol?"https://":"http://")+"d2dq2ahtl5zl1z.cloudfront.net/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n)},window.analytics.SNIPPET_VERSION="2.0.8",
+	window.analytics.load("y52a9xtd91");
+	window.analytics.page();
+	</script>
+</head>
+<body class="tos">
+
+		
+
+		<div class="text fadeInDown wow">
+			<nav class="fixed-width fadeInDown wow">
+				<a href="http://getpopcornti.me" id="logo">Popcorn Time</a>
+			</nav>
+			<header>
+			<h1>Terms of service</h1>
+			</header>
+			<div class="tos-container">
+			<h3>Your Acceptance</h3>
+			<p>By using the "POPCORN TIME" app you signify your agreement to (1) these terms and conditions (the “Terms of Service”).</p>
+
+			<h3>Privacy Policy.</h3>
+			<p>You understand that by using "POPCORN TIME" you may encounter material that you may deem to be offensive, indecent, or objectionable, and that such content may or may not be identified as having explicit material. "POPCORN TIME" will have no liability to you for such material – you agree that your use of "POPCORN TIME" is at your sole risk.</p>
+
+			<h3>DISCLAIMERS</h3>
+			<p>YOU EXPRESSLY AGREE THAT YOUR USE OF "POPCORN TIME" IS AT YOUR SOLE RISK. "POPCORN TIME" AND ALL PRODUCTS ARE PROVIDED TO YOU “AS IS” WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED. "POPCORN TIME" MAKES ABSOLUTELY NO WARRANTIES WHATSOEVER, EXPRESS OR IMPLIED. TO THE FULLEST EXTENT POSSIBLE UNDER APPLICABLE LAWS, YIFY DISCLAIMS ALL WARRANTIES, EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, NON-INFRINGEMENT, OR OTHER VIOLATIONS OF RIGHTS.</p>
+
+			<h3>LIMITATION OF LIABILITY</h3>
+			<p>"POPCORN TIME" IS NOT RESPONSIBLE FOR ANY PROBLEMS OR TECHNICAL MALFUNCTION OF ANY WEBSITE, NETWORK, COMPUTER SYSTEMS, SERVERS, PROVIDERS, COMPUTER EQUIPMENT, OR SOFTWARE, OR FOR ANY FAILURE DUE TO TECHNICAL PROBLEMS OR TRAFFIC CONGESTION ON THE INTERNET OR "POPCORN TIME" OR COMBINATION THEREOF, INCLUDING ANY INJURY OR DAMAGE TO USERS OR TO ANY COMPUTER OR OTHER DEVICE ON OR THROUGH WHICH "POPCORN TIME" IS PROVIDED. UNDER NO CIRCUMSTANCES WILL "POPCORN TIME" BE LIABLE FOR ANY LOSS OR DAMAGE, INCLUDING PERSONAL INJURY OR DEATH, RESULTING FROM YOUR USE OF "POPCORN TIME".</p>
+
+			<h3>SOURCE MATERIAL</h3>
+			<p>ALL MOVIES ARE NOT HOSTED ON ANY SERVER AND ARE STREAMED USING THE P2P BIT TORRENT PROTOCOL. ALL MOVIES ARE PULLED IN FROM THE YIFY MOVIE DATABASE. BY WATCHING A MOVIE WITH THIS APPLICATION YOU MIGHT BE COMMITING COPYRIGHT VIOLATIONS DEPENDING ON YOUR COUNTRY'S LAWS. WE DO NOT TAKE ANY RESPONSABILITIES.</p>
+
+			<h3>Ability to Accept Terms of Service</h3>
+			<p>You affirm that you are either more than 18 years of age, or an emancipated minor, or possess legal parental or guardian consent, and are fully able and competent to enter into the terms, conditions, obligations, affirmations, representations, and warranties set forth in these Terms of Service, and to abide by and comply with these Terms of Service. In any case, you affirm that you are over the age of 13, as the Service is not intended for children under 13. If you are under 13 years of age, then please do not use the Service. There are lots of other great web sites for you. Talk to your parents about what sites are appropriate for you.</p>
+		</div>
+		</div>
+
+
+	<style>
+		.tos {
+			background: #111;
+			margin:20px 0;
+		}
+
+		.tos header {
+			text-align: center;
+		}
+		.tos-container {
+			width:600px;
+			margin:0 auto;
+			line-height: 1.3em
+		}
+	</style>
+	
+	<script type="text/javascript" src="js/wow.js"></script>
+	<script type="text/javascript" src="js/site.js"></script>
+</body>
+</html>