POCHOCLIN NOT DEAD - landing is now a temporary teaser website

master
Juan Ruiz Echazu 10 years ago
parent c175c1f710
commit 58a7b6d68a

@ -24,3 +24,12 @@
display: none;
}
.soon #links .download,
.soon #features .action {
display: none;
}
.soon #links .social {
margin: 0 10px;
}

@ -29,9 +29,33 @@
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0), inset 0px 1px rgba(255,255,255,.2);
}
}
.icon-twitter {
background: #36bff4;
&:before {
font-size: 16px;
}
&:hover {
background: #3cd0fa;
}
&:active {
background: #35bef3;
}
}
.icon-facebook {
background: #1b6fbb;
&:hover {
background: #2081d1;
}
&:active {
background: #1864a9;
}
}
.btn-wider {
padding: 14px 45px;
}
.btn-wide {
width: 200px;
}
.btn-med {
width: 130px;
display: block;

@ -47,4 +47,32 @@
color: #6496b7;
line-height: 25px;
}
}
.warning {
background: rgba(251, 249, 93, .5);
font-size: 16px;
padding: 15px 0;
color: #858230;
h5 {
font-size: 18px;
color: #858230;
display: block;
width: 880px;
margin: 0 auto;
position: relative;
&:before {
position: absolute;
left: -50px;
font-size: 30px;
}
}
p {
font-style: italic;
display: block;
width: 880px;
margin: 5px auto;
}
}

@ -103,3 +103,9 @@
.icon-window:before {
content: "\e60c";
}
.icon-info:before {
content: "\e60d";
}
.icon-close:before {
content: "\e60e";
}

@ -2649,6 +2649,12 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
.icon-window:before {
content: "\e60c"; }
.icon-info:before {
content: "\e60d"; }
.icon-close:before {
content: "\e60e"; }
body {
font-family: "BrandonText";
font-size: 16px;
@ -2746,9 +2752,28 @@ h5 {
background-color: #a82315;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 1px rgba(255, 255, 255, 0.2); }
.icon-twitter {
background: #36bff4; }
.icon-twitter:before {
font-size: 16px; }
.icon-twitter:hover {
background: #3cd0fa; }
.icon-twitter:active {
background: #35bef3; }
.icon-facebook {
background: #1b6fbb; }
.icon-facebook:hover {
background: #2081d1; }
.icon-facebook:active {
background: #1864a9; }
.btn-wider {
padding: 14px 45px; }
.btn-wide {
width: 200px; }
.btn-med {
width: 130px;
display: block;
@ -2853,6 +2878,28 @@ h5 {
color: #6496b7;
line-height: 25px; }
.warning {
background: rgba(251, 249, 93, 0.5);
font-size: 16px;
padding: 15px 0;
color: #858230; }
.warning h5 {
font-size: 18px;
color: #858230;
display: block;
width: 880px;
margin: 0 auto;
position: relative; }
.warning h5:before {
position: absolute;
left: -50px;
font-size: 30px; }
.warning p {
font-style: italic;
display: block;
width: 880px;
margin: 5px auto; }
#how {
background: url(../images/bg-how.jpg) no-repeat center #0e1226;
height: 569px;
@ -3087,6 +3134,13 @@ h5 {
.beta #browse-movies {
display: none; }
.soon #links .download,
.soon #features .action {
display: none; }
.soon #links .social {
margin: 0 10px; }
body.mac .dl-win,
body.win .dl-mac,
body.nope .dl-win {

Binary file not shown.

@ -20,4 +20,6 @@
<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" />
<glyph unicode="&#xe60d;" d="M107.186 387.341l-24.752 24.752c45.63 42.13 106.606 67.907 173.575 67.907 66.917 0 127.876-25.743 173.523-67.856l-24.786-24.786c-39.262 35.797-91.464 57.647-148.737 57.647-57.323 0-109.525-21.851-148.822-57.664zM280.846 315.337c0 13.707-11.147 24.855-24.872 24.855-13.708 0-24.872-11.147-24.872-24.855 0-13.707 11.164-24.872 24.872-24.872 13.725 0 24.872 11.147 24.872 24.872zM279.89 130.291v114.237c0 12.41-10.089 22.499-22.499 22.499h-3.721c-12.428 0-22.516-10.089-22.516-22.499v-114.237c0-12.428 10.089-22.516 22.516-22.516h3.721c12.411 0 22.499 10.089 22.499 22.516zM0 223.991c0 61.403 21.663 117.788 57.767 161.915l24.855-24.872c-29.84-37.675-47.644-85.285-47.644-137.026 0-57.289 21.834-109.508 57.613-148.788l-24.736-24.752c-42.13 45.613-67.856 106.589-67.856 173.523zM444.11 50.434l-24.752 24.752c35.797 39.296 57.647 91.516 57.647 148.822 0 51.741-17.839 99.385-47.695 137.060l24.872 24.889c36.121-44.162 57.818-100.546 57.818-161.966 0-66.951-25.776-127.928-67.89-173.558zM72.721 223.991c0 101.144 82.11 183.254 183.27 183.254 101.143 0 183.254-82.11 183.254-183.254 0-101.161-82.11-183.27-183.254-183.27-101.16 0-183.27 82.11-183.27 183.27zM94.025 25.784l24.872 24.872c37.675-29.873 85.319-47.695 137.095-47.695 51.741 0 99.368 17.805 137.026 47.644l24.889-24.855c-44.144-36.121-100.529-57.767-161.915-57.767-61.42 0.017-117.821 21.697-161.966 57.801z" />
<glyph unicode="&#xe60e;" d="M435.2 480h-358.4c-42.419 0-76.8-34.381-76.8-76.8v-358.4c0-42.419 34.381-76.8 76.8-76.8h358.4c42.419 0 76.8 34.381 76.8 76.8v358.4c0 42.419-34.381 76.8-76.8 76.8zM372.173 161.639c14.848-14.848 14.848-38.938 0-53.811-14.848-14.848-38.938-14.848-53.811 0l-62.771 62.771-62.771-62.771c-14.848-14.848-38.938-14.848-53.811 0-14.848 14.848-14.848 38.938 0 53.811l62.771 62.771-62.745 62.745c-14.848 14.848-14.848 38.938 0 53.811 14.848 14.848 38.938 14.848 53.811 0l62.771-62.771 62.771 62.771c14.848 14.848 38.938 14.848 53.811 0 14.848-14.848 14.848-38.938 0-53.811l-62.771-62.771 62.745-62.745z" />
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Binary file not shown.

@ -2,10 +2,12 @@
<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="Stream movies from torrents. Skip the downloads. Launch, click, watch." />
<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" />
@ -25,7 +27,7 @@
</script>
</head>
<body class="beta">
<body class="beta soon">
<section id="header">
<nav class="fixed-width fadeInDown wow">
@ -33,13 +35,116 @@
</nav>
<div class="text fadeInDown wow">
<h1>Hello world!</h1>
<p>The adventure begins here</p>
<h1>Watch torrent movies instantly</h1>
<p>We're working on making watching movies as easy as 1, 2, 3.</p>
</div>
<ul id="links">
<li class="download dl-mac"><a href="https://s3-us-west-2.amazonaws.com/popcorntime/Popcorn%2BHour%2BRC1.mac.zip" class="btn-main icon-mac">Download now</a><br /><small>For Mac OSX 10.7 and above</small></li>
<li class="download dl-win"><a href="https://s3-us-west-2.amazonaws.com/popcorntime/Popcorn%2BHour%2BRC1.win32.zip" class="btn-main icon-win">Download now</a><br /><small>For Windows 7 and above</small></li>
<li class="social"><a href="http://twitter.com/getpopcornapp" class="btn-social btn-wide icon-facebook" target="_blank">Like Us</a></li>
<li class="social"><a href="http://facebook.com/getpopcorntime" class="btn-social btn-wide icon-twitter" target="_blank">Follow Us</a></li>
</ul>
<img src="images/header-ui.jpg" class="ui-screenshot fadeInUp wow" alt="Popcorn Time UI">
</section>
<div class="container">
<div class="warning fadeIn wow">
<h5 class="icon-info">Popcorn Hour streams movies from torrents</h5>
<p>Downloading copyrighted material through torrents may be illegal in your country. Use at your own risk.</p>
</div>
<section id="features" class="fixed-width">
<div class="clear-fix">
<article class="fadeInLeft wow">
<img src="images/icon-best.gif" alt="">
<h5>The best movies</h5>
<p>We're constantly searching all over the web for the best torrents from the most important sites.</p>
</article>
<article class="fadeInRight wow">
<img src="images/icon-watch.gif" alt="">
<h5>No restrictions</h5>
<p>Watch any movie as many times as you want. All you need to get started is a proper internet connection.</p>
</article>
<article class="fadeInLeft wow">
<img src="images/icon-search.gif" alt="">
<h5>Endless catalogue</h5>
<p>If the movie is out there, Popcorn Time will find the best version possible and start streaming it right away.</p>
</article>
<article class="fadeInRight wow">
<img src="images/icon-subs.gif" alt="">
<h5>The best quality</h5>
<p>No more waiting; watch your movie instantly in HD and with subtitles. And then watch one more.</p>
</article>
</div>
<div class="width-50 align-center action fadeInUp wow">
<img src="images/pochoclin.gif" alt="Pochoclin" class="align-center pochoclin">
<hr />
<h2>Best of all... it's free!</h2>
<div class="dl-mac">
<a href="#" class="btn-disabled icon-mac">Coming soon!</a>
<!-- <small>For Mac OSX 10.7 and above</small> -->
</div>
<div class="dl-win">
<a href="#" class="btn-disabled icon-win">Coming soon!</a>
<!-- <small>For Windows XP and above</small> -->
</div>
</div>
</section>
<section id="how">
<div class="fixed-width fadeInLeft wow">
<h2>Hard to believe?</h2>
<h4>See how easy it works</h4>
<ul class="steps">
<li class="icon-eye">Open PT &amp; select a movie</li>
<li class="icon-hd">Choose HD &amp; Subtitles</li>
<li class="icon-play">Press play &amp; enjoy!</li>
</ul>
</div>
<img src="images/how-ui.jpg" class="ui-screenshot fadeInRight wow" alt="Popcorn Time UI">
</section>
<section id="get-app">
<div class="fadeIn wow">
<h2>A whole new way to watch movies</h2>
<p>You just take care of the popcorn, leave the rest to us.</p>
</div>
<ul class="platforms">
<li class="mac icon-laptop fadeInUp wow" data-wow-delay=".2s"><a href="#" class="btn-disabled btn-med icon-mac">Mac OSX</a><small>Soon!</small></li>
<li class="win icon-screen fadeInUp wow" data-wow-delay=".4s"><a href="#" class="btn-disabled btn-med icon-win">Windows</a><small>Soon!</small></li>
<li class="browser icon-window fadeInUp wow" data-wow-delay=".6s"><a href="#" class="btn-disabled btn-med">Linux</a><small>Soon!</small></li>
</ul>
</section>
<section id="browse-movies">
<h2>These are some of the movies you'd be able to watch</h2>
</section>
<section id="footer" class="fadeInUp wow">
<hr style="display: none">
<nav class="clear-fix">
<a href="http://getpopcornti.me" class="logo">Popcorn time</a>
<ul>
<li class="social"><a href="https://facebook.com/getpopcorntime" target="_blank" class="icon-facebook"> </a></li>
<li class="social"><a href="http://twitter.com/getpopcornapp" target="_blank" class="icon-twitter"> </a></li>
<li class="github"><a href="http://github.com/popcorn-time" target="_blank" class="icon-github">Github</a></li>
<li class="download dl-mac"><a href="https://s3-us-west-2.amazonaws.com/popcorntime/Popcorn%2BHour%2BRC1.mac.zip" class="btn-main icon-mac">Download</a><small>For Mac OSX 10.7 and above</small></li>
<li class="download dl-win"><a href="https://s3-us-west-2.amazonaws.com/popcorntime/Popcorn%2BHour%2BRC1.win32.zip" class="btn-main icon-win">Download</a><small>For Windows XP and above</small></li>
</ul>
</nav>
<footer>
<hr>
<i class="film"></i>
<p>Made with <span>&lt;3</span> by a bunch of geeks from Buenos Aires<br /> <small><a href="tos.html">Terms of Service</a></small></p>
</footer>
</section>
</div>
<script type="text/javascript" src="js/wow.js"></script>
<script type="text/javascript" src="js/site.js"></script>
</body>

Loading…
Cancel
Save