master
Juan Ruiz Echazu 10 years ago
parent 149910b05d
commit 739f4a7062

@ -79,4 +79,13 @@ h5 {
.width-50 {
width: 50%;
text-align: center;
}
span.code {
font-family: "Courier";
background: rgba(0,0,0,.05);
border: 1px solid rgba(0,0,0,.1);
padding: 2px;
border-radius: 2px;
font-size: 14px;
}

@ -0,0 +1,103 @@
#page-faq {
#header {
height: auto;
position: static;
background-image: none;
}
.container {
top: auto;
article {
border-top: 1px solid #eee;
padding: 10px 0 15px;
}
h1 {
font-size: 36px;
font-weight: bold;
color: $dark-blue;
margin-bottom: 10px;
}
#what {
border-top: 0;
padding: 0;
p {
font-size: 24px;
line-height: 32px;
margin-bottom: 20px;
margin-top: 0;
}
}
article:not(#what) p {
font-size: 18px;
line-height: 22px;
}
h2 {
font-size: 24px;
font-weight: bold;
color: $dark-blue;
margin-bottom: 5px;
}
h2 + p {
margin-top: 0;
}
strong {
color: $dark-blue;
opacity: .6;
}
.icon-mac,
.icon-win {
position: relative;
padding-left: 50px;
&:before {
position: absolute;
left: 18px;
top: 0;
}
}
.warning {
padding: 10px 10px 10px 50px;
border-radius: 2px;
position: relative;
&:before {
position: absolute;
top: 10px;
left: 18px;
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;
content: "\e60d";
font-size: 18px;
color: #858230;
}
a {
color: #858230;
font-weight: bold;
&:hover {
text-decoration: none;
}
}
}
.step-code li {
list-style: none;
padding: 5px 0 5px 10px;
}
}
}

@ -13,6 +13,71 @@
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
nav {
position: relative;
.align-left {
position: absolute;
top: 0;
left: 0;
}
.align-right {
position: absolute;
top: 0;
right: 0;
}
ul {
list-style: none;
margin: 5px 0;
padding: 0;
li {
display: inline-block;
margin: 0 10px;
}
li.text {
font-size: 18px;
padding: 0;
a {
color: #fff;
text-decoration: none;
}
}
li.social a {
display: block;
width: 26px;
height: 26px;
text-align: center;
color: #fff;
text-decoration: none;
line-height: 32px;
border-radius: 50%;
position: relative;
&.icon-facebook:before {
font-size: 16px;
position: absolute;
top: 5px;
left: 9px;
}
&.icon-twitter:before {
font-size: 12px;
position: absolute;
top: 7px;
left: 6px;
}
&.icon-github:before {
position: absolute;
top: 0px;
left: 0px;
font-size: 25px;
}
}
}
}
.text {
padding: 0 0 40px;

@ -2728,6 +2728,14 @@ h5 {
width: 50%;
text-align: center; }
span.code {
font-family: "Courier";
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 2px;
border-radius: 2px;
font-size: 14px; }
[class^="btn-"] {
border-radius: 3px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4), inset 0px 1px rgba(255, 255, 255, 0.2);
@ -2798,6 +2806,54 @@ h5 {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0); }
#header nav {
position: relative; }
#header nav .align-left {
position: absolute;
top: 0;
left: 0; }
#header nav .align-right {
position: absolute;
top: 0;
right: 0; }
#header nav ul {
list-style: none;
margin: 5px 0;
padding: 0; }
#header nav ul li {
display: inline-block;
margin: 0 10px; }
#header nav ul li.text {
font-size: 18px;
padding: 0; }
#header nav ul li.text a {
color: #fff;
text-decoration: none; }
#header nav ul li.social a {
display: block;
width: 26px;
height: 26px;
text-align: center;
color: #fff;
text-decoration: none;
line-height: 32px;
border-radius: 50%;
position: relative; }
#header nav ul li.social a.icon-facebook:before {
font-size: 16px;
position: absolute;
top: 5px;
left: 9px; }
#header nav ul li.social a.icon-twitter:before {
font-size: 12px;
position: absolute;
top: 7px;
left: 6px; }
#header nav ul li.social a.icon-github:before {
position: absolute;
top: 0px;
left: 0px;
font-size: 25px; }
#header .text {
padding: 0 0 40px; }
#header h1 {
@ -3124,6 +3180,81 @@ h5 {
#footer footer small a {
color: #6496b7; }
#page-faq #header {
height: auto;
position: static;
background-image: none; }
#page-faq .container {
top: auto; }
#page-faq .container article {
border-top: 1px solid #eee;
padding: 10px 0 15px; }
#page-faq .container h1 {
font-size: 36px;
font-weight: bold;
color: #0e1226;
margin-bottom: 10px; }
#page-faq .container #what {
border-top: 0;
padding: 0; }
#page-faq .container #what p {
font-size: 24px;
line-height: 32px;
margin-bottom: 20px;
margin-top: 0; }
#page-faq .container article:not(#what) p {
font-size: 18px;
line-height: 22px; }
#page-faq .container h2 {
font-size: 24px;
font-weight: bold;
color: #0e1226;
margin-bottom: 5px; }
#page-faq .container h2 + p {
margin-top: 0; }
#page-faq .container strong {
color: #0e1226;
opacity: .6; }
#page-faq .container .icon-mac,
#page-faq .container .icon-win {
position: relative;
padding-left: 50px; }
#page-faq .container .icon-mac:before,
#page-faq .container .icon-win:before {
position: absolute;
left: 18px;
top: 0; }
#page-faq .container .warning {
padding: 10px 10px 10px 50px;
border-radius: 2px;
position: relative; }
#page-faq .container .warning:before {
position: absolute;
top: 10px;
left: 18px;
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;
content: "\e60d";
font-size: 18px;
color: #858230; }
#page-faq .container .warning a {
color: #858230;
font-weight: bold; }
#page-faq .container .warning a:hover {
text-decoration: none; }
#page-faq .container .step-code li {
list-style: none;
padding: 5px 0 5px 10px; }
.beta #footer .download {
display: none !important; }
.beta #footer nav {

@ -10,5 +10,8 @@
@import "_getapp.scss";
@import "_browse.scss";
@import "_footer.scss";
@import "_faq.scss";
@import "_beta.scss";
@import "_os.scss";

@ -0,0 +1,179 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<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">
<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.png" / >
<meta property="og:title" content="Popcorn Time" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://getpopcornti.me/images/header-ui.png" />
<meta property="og:url" content="http://getpopcornti.me" />
<meta property="og:site_name" content="Popcorn Time" />
<title>Popcorn Time</title>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-48382234-1', 'getpopcornti.me');
ga('send', 'pageview');
</script>
</head>
<body id="page-faq" class="beta">
<section id="header">
<nav class="fixed-width fadeInDown wow">
<a href="http://getpopcornti.me" id="logo">Popcorn Time</a>
<ul class="align-right">
<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="social"><a href="http://github.com/popcorn-time" target="_blank" class="icon-github"></a></li>
</ul>
<ul class="align-left">
<li class="text"><a href="faq">FAQ</a></li>
<li class="text"><a href="tos">TOS</a></li>
</ul>
</nav>
</section>
<div class="container fadeIn wow">
<section id="faq" class="fixed-width">
<p class="warning">Always make sure you're running the latest Popcorn Time version.</a></p>
<article id="what">
<h1>Frequently Asked Questions</h1>
<p>Popcorn Time! is the result of many developers and designers putting a bunch of APIs together to make the experience of watching torrent movies as simple as possible.</p>
<p>We are an open source project. We are from all over the world. We love our movies. And boy, do we love popcorn.</p>
</article>
<article id="legal">
<h2>Is this legal?</h2>
<p>Depends on where you're from, really.</p>
</article>
<article id="seeding">
<h2>This works through torrents, fair enough. Am I seeding while watching a movie?</h2>
<p>Indeed, you are. You're going to be uploading bits and bits of the movie for as long as you're watching it on Popcorn Time.</p>
</article>
<article id="movies">
<h2>How come you've got the latest movies?</h2>
<p>We track movies uploaded by YIFY. Better ask them how they are handling this!</p>
</article>
<article id="languages">
<h2>Will you be adding movies in my language?</h2>
<p>Chances are that most (if not all) of the movies available in Popcorn Time will be in English. However, languages for subtitles and the app itself are constantly being added by our lovely contributors.</p>
</article>
<article id="cant-launch">
<h2>Why can't I launch Popcorn Time?</h2>
<p class="icon-mac"><strong>Your system may prevent unsigned apps from being run</strong><br />Go to <span class="code">System Preferences > Security > Allow Apps downloaded from > Anywhere</span> and try to launch Popcorn Time! again.</p>
<p class="icon-mac"><strong>You may have not have enough User Priviliges</strong><br />
Open a Terminal, and type:
<ul class="step-code">
<li><span class="code">$ chmod +x /Applications/Popcorn\ Time.app/Contents/MacOS/node-webkit</span></li>
<li><span class="code">$ chmod +x /Applications/Popcorn\ Time.app/Contents/Frameworks/crash_inspector</span></li>
<li><span class="code">$ chmod +x /Applications/Popcorn\ Time.app/Contents/Frameworks/node-webkit\ Helper.app/Contents/MacOS/node-webkit\ Helper</span></li>
<li><span class="code">$ chmod +x /Applications/Popcorn\ Time.app/Contents/Frameworks/node-webkit\ Helper\ EH.app/Contents/MacOS/node-webkit\ Helper\ EH</span></li>
<li><span class="code">$ chmod +x /Applications/Popcorn\ Time.app/Contents/Frameworks/node-webkit\ Helper\ NP.app/Contents/MacOS/node-webkit\ Helper\ NP</span></li>
</ul></p>
</article>
<article id="stuck">
<h2>I can't get past the initial "Please wait..." screen :(</h2>
<p>Chances are that you're from the UK. Nothing we can do about that right now, sorry. But setting up a proxy might do the trick.</p>
</article>
<article id="select-subtitles">
<h2>Why can't I select subtitles?</h2>
<p>You may have to wait until all of the movie data (cover, summary, length, etc...) is retrieved. Sometimes it may be something else! Who knows :P</p>
</article>
<article id="new-apps">
<h2>Thinking about launching for Android/iOS/Chromecast/Smart TVs/Commodore 64?</h2>
<p>Our efforts are towards making the best desktop app for watching torrent movies. So, no. Launching versions for other devices is not in our roadmap.</p>
</article>
</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://mega.co.nz/#!ENRlHJYT!BR7n4bQCN2oAW7fYYaJ6bcGT6pV36x7AxoTPkymbiP0" class="btn-main icon-mac" onclick="ga('send', 'event', 'Download', 'MacOS');" target="_blank">Download Beta 2</a><small>For Mac OSX 10.7 and above</small></li>
<li class="download dl-win"><a href="https://mega.co.nz/#!4dQQDZbD!Gqex3-IerB0jqWzKEH9O1XMqRr5sumdGoHM6dV7aIJ4" class="btn-main icon-win" onclick="ga('send', 'event', 'Download', 'Windows');" target="_blank">Download Beta 2</a><small>For Windows 7 and above</small></li>
<li class="download dl-linux"><a href="https://mega.co.nz/#!PUg0EQZQ!GANw4x6k9Yz51gJKywUOI6mcRvpxMb36ANtJOZ1zWQc" class="btn-main icon-linux" onclick="ga('send', 'event', 'Download', 'Linux');" target="_blank">Download</a><small>For Linux (Beta)</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>
</html>

@ -81,6 +81,16 @@
<nav class="fixed-width fadeInDown wow">
<a href="http://getpopcornti.me" id="logo">Popcorn Time</a>
<ul class="align-right">
<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="social"><a href="http://github.com/popcorn-time" target="_blank" class="icon-github"></a></li>
</ul>
<ul class="align-left">
<li class="text"><a href="faq">FAQ</a></li>
<li class="text"><a href="tos">TOS</a></li>
</ul>
</nav>
<div class="text fadeInDown wow">

Loading…
Cancel
Save