first commit
@ -0,0 +1,3 @@
|
||||
.DS_Store
|
||||
.sass-cache/
|
||||
css/.sass-cache/
|
@ -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
|
@ -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;
|
||||
}
|
@ -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;
|
||||
}
|
||||
|
@ -0,0 +1,9 @@
|
||||
#browse-movies {
|
||||
background: $dark-blue;
|
||||
text-align: center;
|
||||
|
||||
h2 {
|
||||
padding: 50px 0;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
@ -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";
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
||||
}
|
@ -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;
|
||||
}
|
@ -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;
|
||||
}
|
@ -0,0 +1,4 @@
|
||||
$headline-dark: #122a4a;
|
||||
$button-red: rgb( 231, 76, 60 );
|
||||
$button-disabled: #a2a2a2;
|
||||
$dark-blue: #0e1226;
|
@ -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";
|
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 166 KiB |
After Width: | Height: | Size: 156 KiB |
After Width: | Height: | Size: 161 KiB |
After Width: | Height: | Size: 160 KiB |
@ -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=" " d="" horiz-adv-x="256" />
|
||||
<glyph unicode="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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="" 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>
|
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 76 KiB |
After Width: | Height: | Size: 32 KiB |
After Width: | Height: | Size: 245 B |
After Width: | Height: | Size: 169 B |
After Width: | Height: | Size: 2.7 KiB |
After Width: | Height: | Size: 9.7 KiB |
After Width: | Height: | Size: 743 KiB |
After Width: | Height: | Size: 205 KiB |
@ -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>
|
After Width: | Height: | Size: 1.0 KiB |
@ -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>
|
After Width: | Height: | Size: 1.1 KiB |
@ -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>
|
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 1.1 KiB |
After Width: | Height: | Size: 2.8 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 2.6 KiB |
After Width: | Height: | Size: 5.6 KiB |
@ -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>
|
@ -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);
|
@ -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);
|