LBRYFoundation/lbry.com
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry.com.git synced 2025-08-23 17:47:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #1 from lbryio/v2

Browse source 
live traction count, new footer for learn pages, nav changes
This commit is contained in:
Jeremy Kauffman 2015-12-03 11:39:24 -05:00
commit c7bb2310a3
39 changed files with 1186 additions and 231 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
controller/Controller.class.php
View file

@ -39,6 +39,8 @@ class Controller
{
case '/':
return ContentActions::executeHome();
case '/fund':
return CreditActions::executeFund();
case '/get':
return ContentActions::executeGet();
case '/postcommit':

5
controller/action/ContentActions.class.php
View file

@ -9,7 +9,10 @@ class ContentActions extends Actions
{
public static function executeHome()
{
return ['page/home', []];
return ['page/home', [
'totalUSD' => CreditApi::getTotalDollarSales(),
'totalPeople' => CreditApi::getTotalPeople()
]];
}
public static function executeGet()

19
controller/action/CreditActions.class.php Normal file
View file

@ -0,0 +1,19 @@
<?php
/**
* Description of CreditActions
*
* @author jeremy
*/
class CreditActions extends Actions
{
public static function executeFund()
{
$fundStartTime = strtotime('2015-11-15');
$daysActive = floor((time() - $fundStartTime) / (60*60*24));
return ['page/fund', [
'creditsPerDollar' => CreditApi::getCreditsPerDollar($daysActive),
'creditsPerDollarTomorrow' => CreditApi::getCreditsPerDollar($daysActive + 1),
]];
}
}

16
lib/i18n.class.php
View file

@ -3,9 +3,9 @@
/**
* i18n dummy we'll be happy to have later
*/
function __($msg)
function __($msg, $args = [])
{
return $msg;
return strtr($msg, $args);
}
/**
@ -17,6 +17,16 @@ class i18n
{
public static function register() /*needed to trigger class include, presumably setup would happen here*/
{
setlocale(LC_MONETARY, 'en_US.UTF-8');
}
public static function formatCurrency($amount, $currency = 'USD')
{
return '<span class="formatted-currency">' . money_format('%.2n', $amount) . '</span>';
}
public static function formatCredits($amount)
{
return '<span class="formatted-credits">' . number_format($amount, 1) . ' LBC</span>';
}
}

27
model/CreditApi.class.php Normal file
View file

@ -0,0 +1,27 @@
<?php
/**
* Description of CreditApi
*
* @author jeremy
*/
class CreditApi
{
public static function getTotalDollarSales()
{
return 22585;
}
public static function getTotalPeople()
{
$rawJSON = file_get_contents('https://spreadsheets.google.com/feeds/cells/1iOC1o5jq_4ySwRzsy2tZPPltw6Tbky2e3lDFdsWV8dU/okf1n52/public/full/R1C1?alt=json');
$json = $rawJSON ? json_decode($rawJSON, true) : [];
return isset($json['entry']) && isset($json['entry']['content']) ? $json['entry']['content']['$t'] : -1;
}
public static function getCreditsPerDollar($days)
{
//naive algo = decrease 0.5% per day
return 200 * max(0, 100 - $days / 2) / 100;
}
}

17
view/fund/currentGoal.php Normal file
View file

@ -0,0 +1,17 @@
<?php $goalAmount = round(CreditApi::getTotalDollarSales() * 2, -4); ?>
<?php $percent = round(CreditApi::getTotalDollarSales() / $goalAmount * 100, 2); ?>
<div class="goal-wrap spacer1">
<h4 class="text-center">
<strong><?php echo __('At %amount% we\'ll release Android and iPhone applications.', ['%amount%' => I18n::formatCurrency($goalAmount)]) ?></strong>
<a href="/goals" class="link-primary">See all goals</a>.
</h4>
<div class="goal-glass">
<div class="goal-progress" style="width: <?php echo $percent ?>%">
</div>
</div>
<div class="goal-amount"><span class="goal-number"><?php echo I18n::formatCurrency($goalAmount) ?></span></div>
<div class="goal-stat">
<span class="goal-number"><?php echo $percent ?>%</span>
<span class="goal-label">funded</span>
</div>
</div>

27
view/fund/header.php Normal file
View file

@ -0,0 +1,27 @@
<?php $totalUSD = CreditApi::getTotalDollarSales() ?>
<?php $totalPeople = CreditApi::getTotalPeople() ?>
<div class="row-fluid">
<div class="span6">
<h1 class="text-center"><img src="/img/lbry-white-485x160.png" alt="Fund LBRY"/></h1>
</div>
<div class="span6" >
<div class="cover-simple cover-center" style="min-height: 160px">
<h2 class="text-center sale-title">
<span class="sale-title-emphasis"><?php echo $totalPeople ?></span>
<span class="sale-title-filler">people gave</span>
<span class="sale-title-emphasis"><?php echo i18n::formatCurrency($totalUSD) ?></span>
<span class="sale-title-filler">to</span>
<span class="label-cycle sale-ctas">
<span class="sale-cta"><?php echo implode('</span><span class="sale-cta">', [
__('build a better future'),
__('eliminate corporate middlemen'),
__('keep art alive'),
__('create a more sustainable internet'),
__('protect freedom of speech'),
__('reduce the cost of education'),
]) ?></span>
</span>
</h2>
</div>
</div>
</div>

181
view/layout/basic.php
View file

@ -1,90 +1,91 @@
<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns#">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<?php $title = Response::getMetaTitle() ?: Response::guessMetaTitle($content) ?>
<?php $title = $title ?
$title . (strpos($title, 'LBRY') === false ? ' - LBRY' : '') :
'LBRY' ?>
<title><?php echo $title ?></title>
<link href='//fonts.googleapis.com/css?family=Raleway:600,300' rel='stylesheet' type='text/css'>
<link href="/css/all.css" rel="stylesheet" type="text/css" media="screen,print" />
<link rel="apple-touch-icon" sizes="60x60" href="/img/fav/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/fav/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/fav/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/fav/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/fav/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/img/fav/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/img/fav/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/img/fav/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/img/fav/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/img/fav/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/img/fav/manifest.json">
<meta name="description" content="<?php echo Response::getMetaDescription() ?>">
<meta name="msapplication-TileColor" content="#155B4A">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#155B4A">
<!-- Twitter Card data -->
<meta name="twitter:site" content="@lbryio">
<meta name="twitter:creator" content="@lbryio">
<!-- Open Graph data -->
<meta property="og:title" content="<?php echo $title ?>" />
<meta property="og:type" content="article" />
<meta property="og:image" content="<?php echo Response::getMetaImage() ?>" />
<meta property="og:description" content="<?php echo Response::getMetaDescription() ?>"/>
<meta property="og:site_name" content="LBRY" />
<base target="_parent" />
</head>
<body>
<?php echo $content ?>
<div class="hide">
<div id="fb-root"></div>
<div id="js">
<script src="/js/jquery-2.1.3.min.js"></script>
<script src="/js/global.js"></script>
<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-60403362-1', 'auto');
ga('send', 'pageview');
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=1477813539180850";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.twttr = (function(d,s,id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
</script>
<script>
<?php echo implode("\n", Response::getJsCalls()) ?>
</script>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head prefix="og: http://ogp.me/ns#">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<?php $title = Response::getMetaTitle() ?: Response::guessMetaTitle($content) ?>
<?php $title = $title ?
$title . (strpos($title, 'LBRY') === false ? ' - LBRY' : '') :
'LBRY' ?>
<title><?php echo $title ?></title>
<link href='//fonts.googleapis.com/css?family=Raleway:600,300' rel='stylesheet' type='text/css'>
<link href="/css/all.css" rel="stylesheet" type="text/css" media="screen,print" />
<link rel="apple-touch-icon" sizes="60x60" href="/img/fav/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/fav/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/fav/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/fav/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/fav/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/img/fav/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/img/fav/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/img/fav/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/img/fav/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/img/fav/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/img/fav/manifest.json">
<meta name="description" content="<?php echo Response::getMetaDescription() ?>">
<meta name="msapplication-TileColor" content="#155B4A">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#155B4A">
<!-- Twitter Card data -->
<meta name="twitter:site" content="@lbryio">
<meta name="twitter:creator" content="@lbryio">
<!-- Open Graph data -->
<meta property="og:title" content="<?php echo $title ?>" />
<meta property="og:type" content="article" />
<meta property="og:image" content="<?php echo Response::getMetaImage() ?>" />
<meta property="og:description" content="<?php echo Response::getMetaDescription() ?>"/>
<meta property="og:site_name" content="LBRY" />
<base target="_parent" />
</head>
<body>
<?php echo $content ?>
<div class="hide">
<div id="fb-root"></div>
<div id="js">
<script src="/js/jquery-2.1.3.min.js"></script>
<script src="/js/global.js"></script>
<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-60403362-1', 'auto');
ga('send', 'pageview');
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=1477813539180850";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.twttr = (function(d,s,id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) {
t._e.push(f);
};
return t;
}(document, "script", "twitter-wjs"));
</script>
<script>
<?php echo implode("\n", Response::getJsCalls()) ?>
</script>
</div>
</div>
</body>
</html>

3
view/nav/footer.php
View file

@ -3,6 +3,9 @@
<div class="footer">
<div class="content">
<div class="control-group">
<div class="control-item">
<a href="/"><?php echo __('Home') ?></a>
</div>
<?php echo View::render('nav/globalItems') ?>
<div class="control-item">
<a href="//en.wikipedia.org/wiki/AACS_encryption_key_controversy" class="footer-img-link">

33
view/nav/globalItems.php
View file

@ -1,24 +1,19 @@
<div class="control-item">
<a href="/get" <?php echo $selectedItem === '/get' ? 'class="nav-active"' : ''?>>Get</a>
</div>
<div class="control-item">
<a href="/what" <?php echo $selectedItem === '/what' ? 'class="nav-active"' : ''?>>What</a>
</div>
<div class="control-item">
<a href="/why" <?php echo $selectedItem === '/why' ? 'class="nav-active"' : ''?>>Why</a>
</div>
<div class="control-item">
<a href="//blog.lbry.io" <?php echo $selectedItem === '/news' ? 'class="nav-active"' : '' ?>>News</a>
</div>
<div class="control-item">
<a href="/team" <?php echo $selectedItem === '/team' ? 'class="nav-active"' : ''?>>Team</a>
<?php foreach([
// '/fund' => __('Fund'),
'/get' => __('Get'),
'//blog.lbry.io' => __('News'),
'/learn' => __('Learn')
] as $url => $label): ?>
<div class="control-item">
<a href="<?php echo $url ?>" <?php echo $selectedItem === $url ? 'class="nav-active"' : ''?>><?php echo $label ?></a>
</div>
<?php endforeach ?>
<div class="control-item no-label">
<a href="//twitter.com/lbryio"><span class="icon icon-twitter"></span><span class="btn-label">Twitter</span></a>
</div>
<div class="control-item no-label">
<a href="http://twitter.com/lbryio"><span class="icon icon-twitter"></span><span class="btn-label">Twitter</span></a>
<a href="//www.facebook.com/lbryio"><span class="icon icon-facebook"></span> <span class="btn-label">Facebook</span></a>
</div>
<div class="control-item no-label">
<a href="https://www.facebook.com/lbryio"><span class="icon icon-facebook"></span> <span class="btn-label">Facebook</span></a>
</div>
<div class="control-item no-label">
<a href="//reddit.com/r/lbry"><span class="icon icon-reddit"></span> <span class="btn-label">Reddit</span></a>
<a href="//reddit.com/r/lbry"><span class="icon icon-reddit"></span><span class="btn-label">Reddit</span></a>
</div>

71
view/nav/learnFooter.php Normal file
View file

@ -0,0 +1,71 @@
<div class="cover cover-dark cover-dark-grad ">
<div class="content content-dark spacer2">
<div class="row-fluid">
<div class="span6">
<h3><?php echo __('Sounds Great. What\'s Next?') ?></h3>
<table class="table-layout">
<?php /*
<tr>
<td>
<a href="/fund" class="btn-alt btn-full-width"><?php echo __('Buy') ?></a>
</td>
<td>
<?php echo __('Pre-buy credits and support LBRY.') ?>
</td>
</tr>*/ ?>
<tr>
<td>
<a href="/get" class="btn-alt btn-full-width"><?php echo __('Test') ?></a>
</td>
<td>
<?php echo __('Test LBRY and earn credits.') ?>
</td>
</tr>
<tr>
<td>
<a href="/join-list" class="btn-alt btn-full-width"><?php echo __('Subscribe') ?></a>
</td>
<td>
<?php echo __('Know when LBRY launches.') ?>
</td>
</tr>
</table>
<ul>
<li>Join us on <a href="//twitter.com/lbryio" class="link-primary"><span class="btn-label">Twitter</span><span class="icon icon-twitter"></span></a>,
<a href="//facebook.com/lbryio" class="link-primary"><span class="btn-label">Facebook</span><span class="icon icon-facebook"></span></a>,
or <a href="//reddit.com/r/lbry" class="link-primary"><span class="btn-label">Reddit</span><span class="icon icon-reddit"></span></a>.</li>
</ul>
</div>
<div class="span6">
<h3><?php echo __('I Want To Know More') ?></h3>
<ul>
<?php if ($_SERVER['REQUEST_URI'] != '/what'): ?>
<li>Learn about <a href="/what" class="link-primary">exactly what LBRY is</a>.</li>
<?php endif ?>
<?php if ($_SERVER['REQUEST_URI'] != '/why'): ?>
<li>Read about <a href="/why" class="link-primary">why we've created LBRY</a>.</li>
<?php endif ?>
<?php if ($_SERVER['REQUEST_URI'] != '/team'): ?>
<li>Find out about <a href="/team" class="link-primary">the team behind LBRY</a>.</li>
<?php endif ?>
<?php /*
<li>Access our
<a href="https://docs.google.com/document/u/1/d/1F2kcuWa8ccGdDZwAyPs3tddvATjN9rcq3iKkyJp9SYM/edit?usp=drive_web"
class="link-primary">business plan</a>.
</li>
<li>Watch our
<a href="https://docs.google.com/presentation/u/1/d/1zaAPzh9cqvwVD5X7Ewn7_vuBWlJcjNPIfYuUg1rVhRo/present?noreplica=1&slide=id.p"
class="link-primary">pitch deck</a>.
</li>*/ ?>
</ul>
</div>
</div>
</div>
</div>
<?php /*
* <div class="content text-center spacer2">
<h3>Not Ready to Get Serious?</h3>
<p>Join our mailing list for updates about LBRY.</p>
</div>
*/ ?>

21
view/page/fund-after.php Normal file
View file

@ -0,0 +1,21 @@
<?php Response::setMetaDescription('Download or install the latest version of LBRY.') ?>
<?php Response::setMetaTitle(__('Get LBRY')) ?>
<main class="cover-stretch-wrap">
<div class="cover cover-stretch cover-dark cover-dark-grad">
<div class="content content-dark">
<div class="spacer2">
<a href="/"><img src="/img/lbry-white-485x160.png" alt="Fund LBRY"/></a>
</div>
<div class="cover cover-light cover-light-alt-grad">
<div class="content content-light">
<h1>Thank You!!!</h1>
<p>OMG thanks for paying.</p>
<p>Here is a unique URL that you can use to refer others. You get 10% bonus credits for anyone who uses it.</p>
<h3><a class="link-primary" href="http://lbry.io/i/butts">http://lbry.io/i/butts</a></h3>
<p>Here are some details about how to claim them or other things you would want to know.</p>
</div>
</div>
</div>
</div>
</main>
<?php echo View::render('nav/footer') ?>

193
view/page/fund.php Normal file
View file

@ -0,0 +1,193 @@
<?php Response::setMetaTitle(__('Fund LBRY')) ?>
<?php Response::setMetaDescription('Contribute to the future of LBRY and buy credits for the LBRY network at pre-release prices.') ?>
<?php echo View::render('nav/header', ['isDark' => false]) ?>
<main>
<div class="cover cover-dark cover-dark-grad">
<div class="row-fluid">
<div class="span9 spacer2">
<?php echo View::render('fund/header') ?>
<h2>TEST TEST TEST TEST TEST - You probably don't want to be here</h2>
<h3>Current Goal</h3>
<div class="content content-dark">
<?php echo View::render('fund/currentGoal') ?>
</div>
<h3>Select Your Level</h3>
<?php ob_start() ?>
<ul>
<li><?php echo __('A personal thank you in the source code, recording your contribution for eternity.') ?></li>
<li><?php echo __('Early access to LBRY test releases.') ?></li>
<li><?php echo __('Insider newsletter about our work on LBRY.') ?></li>
</ul>
<?php $basicRewardHtml = ob_get_clean() ?>
<?php ob_start() ?>
<ul>
<li><?php echo __('All above rewards.') ?></li>
<li><?php echo __('Record personal message of up to 140 characters in LBRY source code for eternity.') ?></li>
<li><?php echo __('1 year of basic support from LBRY.') ?></li>
</ul>
<?php $standardRewardHtml = ob_get_clean() ?>
<?php ob_start() ?>
<ul>
<li><?php echo __('All above rewards.') ?></li>
<li><?php echo __('LBRY T-shirt') ?></li>
<li><?php echo __('Invitation to join private LBRY team chat.') ?></li>
</ul>
<?php $optimalRewardHtml = ob_get_clean() ?>
<?php ob_start() ?>
<ul>
<li><?php echo __('All above rewards.') ?></li>
<li><?php echo __('Meet with core LBRY team members for thirty minute video chat.') ?></li>
<li><?php echo __('Something else awesome?') ?></li>
<li><?php echo __('We will kiss you on the face (no tongue).') ?></li>
</ul>
<?php $prometheusRewardHtml = ob_get_clean() ?>
<?php ob_start() ?>
<ul>
<li><?php echo __('All above rewards.') ?></li>
<li><?php echo __('Any LBRY team member will give a presentation on LBRY in your city or most places on earth.') ?></li>
<li><?php echo __('You pick one of the ten founding publications to the LBRY blockchain.') ?></li>
<li><?php echo __('We will kiss you on the face, with tongue.') ?></li>
</ul>
<?php $apolloRewardHtml = ob_get_clean() ?>
<?php $maxCreditAmount = 100 ?>
<div class="sale-levels spacer2">
<?php foreach([[
'id' => 'basic',
'label' => __('Basic'),
'cost' => 10,
'rewardHtml' => $basicRewardHtml
], [
'id' => 'standard',
'label' => __('Standard'),
'cost' => 25,
'rewardHtml' => $standardRewardHtml
], [
'id' => 'optimal',
'label' => __('Optimal'),
'cost' => 100,
'rewardHtml' => $optimalRewardHtml
], [
'id' => 'prometheus ',
'label' => __('Prometheus'),
'cost' => 1000,
'rewardHtml' => $prometheusRewardHtml
], [
'id' => 'apollo',
'label' => __('Apollo'),
'cost' => 10000,
'rewardHtml' => $apolloRewardHtml
]] as $level): ?>
<?php $creditCost = min($level['cost'], $maxCreditAmount) ?>
<div class="sale-level sale-level-clickable">
<h4 class="sale-level-label"><?php echo $level['label'] ?></h4>
<div class="sale-level-cost"><?php echo i18n::formatCurrency($level['cost']) ?></div>
<div class="row-fluid clear">
<div class="span3 spacer1">
<h6 class="sale-level-reward-title"><?php echo __('Credit Reward') ?></h6>
<?php $creditsToday = $creditCost * $creditsPerDollar ?>
<?php $creditFall = $creditsToday - $creditCost * $creditsPerDollarTomorrow ?>
<div class="sale-level-credits"><?php echo i18n::formatCredits($creditsToday) ?></div>
<div class="sale-level-help">
<?php echo __('This reward falls by %amount% tomorrow!', [
'%amount%' => i18n::formatCredits($creditFall)
]) ?>
</div>
</div>
<div class="span9">
<h6 class="sale-level-reward-title"><?php echo __('Additional Rewards') ?></h6>
<div class="sale-level-reward"><?php echo $level['rewardHtml'] ?></div>
</div>
</div>
<input name="fund-id" value="<?php echo $level['id'] ?>" type="radio" class="sale-level-radio"/>
</div>
<?php endforeach ?>
</div>
<div class="sale-checkout-acknowledgements spacer2">
<h4><?php echo __('Acknowledgements') ?></h4>
<div class="content content-dark">
<div class="form-row">
<label for="fund-not-investment">
<input type="checkbox" id="fund-not-investment" value="not_investment">
<?php echo __('I am making this purchase to acquire LBC for my own personal use on the LBRY network.') ?>
<?php echo __('I am not acquiring LBC for speculation purposes, investment purposes, or with any intent to resell.') ?>
</label>
</div>
<div class="form-row">
<label for="fund-not-guaranteed">
<input type="checkbox" id="fund-not-guaranteed" value="not_guaranteed">
<?php echo __('I acknowledge that LBRY is a new, unproven venture.') ?>
<?php echo __('I understand and accept that LBRY may fail for any number of reasons and there is no guarantee my credits will be redeemable.') ?>
</label>
</div>
</div>
</div>
<div class="sale-checkout-select">
<h4><?php echo __('Select Payment') ?></h4>
<div class="control-group">
<div class="control-item control-item-img">
<a href="/fund-after"><img src="/img/bitcoin-button-126x48.png" alt="<?php echo __('Pay with Bitcoin') ?>" /></a>
</div>
<div class="control-item control-item-img">
<a href="/fund-after" ><img src="/img/paypal-button-170x32.png" style="margin-top: 5px" alt="<?php echo __('Pay with PayPal') ?>" /></a>
</div>
<div class="control-item" style="vertical-align: top; margin-top: 7px;">
<a href="/fund-after" class="btn-alt"><span class="icon-shopping-cart" style="margin-right: 2px"></span> <?php echo __('Pay with Credit') ?></a>
</div>
</div>
</div>
</div>
<div class="span3">
<div class="sale-question-bubble">
<h4 class="sale-question"><?php echo __('Where does my money go?') ?></h4>
<div class="sale-question-answer">
<p>
<?php echo __('These funds will fund the develop of LBRY on all platforms, spur the LBRY ecosystem, and generally help LBRY launch as a race car rather than a bus.') ?>
</p>
<p>
<?php echo __('LBRY will launch even if 0 credits are sold.') ?>
<?php echo __('Funds will be administered with complete transparency.') ?>
</p>
<a class="link-primary" href="/learn"><?php echo __('Learn More') ?></a>
</div>
</div>
<div class="sale-question-bubble">
<h4 class="sale-question"><?php echo __('What do I get?') ?> <?php echo __('What is LBC?') ?></h4>
<div class="sale-question-answer">
<p>
<?php echo __('Anytime someone publishes or accesses data via the LBRY network, LBRY Credits, or LBC, are required.') ?>
</p>
<p>
<?php echo __('There are two primary reasons to buy LBC now:') ?><br/>
<?php echo __('1) This is probably the cheapest they will ever be.') ?><br/>
<?php echo __('2) You will help build the greatest information sharing network the world has ever seen.') ?>
</p>
<a class="link-primary" href="/learn"><?php echo __('Learn More') ?></a>
</div>
</div>
<div class="sale-question-bubble">
<h4 class="sale-question"><?php echo __('Why can I only buy up to $100 worth of credits?') ?></h4>
<div class="sale-question-answer">
<p>
<?php echo __('We have limited the maximum credit purchase because this pre-buy program is only intended to sell you credits for your own personal use, not for purposes of speculation or investment.') ?>
</p>
<p>
<?php echo __('However, we do want to allow those who want to contribute larger amounts to be able to do so, so we\'ve come up with some exciting non-credit rewards.') ?>
</p>
</div>
</div>
<div class="sale-question-bubble">
<h4 class="sale-question"><?php echo __('I want to talk to someone or have another question.') ?></h4>
<div class="sale-question-answer">
<p>
<?php echo __('Finding our %learn_page_title% page too complicated or too simple? Just want to talk to someone about your day? We\'re here at %address%.', [
'%learn_page_title%' => '<a href="/" class="link-primary">' . __('Learn') . '</a>',
'%address%' => '<a href="mailto:fund@lbry.io" class="link-primary">fund@lbry.io</a>',
]) ?>
</p>
</div>
</div>
</div>
</div>
</div>
</main>
<?php echo View::render('nav/footer') ?>

84
view/page/get.php
View file

@ -3,51 +3,55 @@
<?php echo View::render('nav/header', ['isDark' => false]) ?>
<main class="column-fluid">
<div class="span6">
<div class="cover cover-dark cover-dark-grad content content-dark">
<div class="meta meta-large">
<span class="icon-mobile"></span> <span class="icon-windows"></span> <span class="icon-android"></span>
<div class="cover cover-dark cover-dark-grad">
<div class="content content-dark">
<div class="meta meta-large">
<span class="icon-mobile"></span> <span class="icon-windows"></span> <span class="icon-android"></span>
</div>
<h1><?php echo __('I want LBRY for mobile, Windows, or shudder at the phrase "command line".') ?></h1>
<p class="pflow">LBRY is coming out on your favorite platform soon. Join our list to know when.</p>
<?php echo View::render('mail/joinList', [
'submitLabel' => 'Go',
'listId' => Mailchimp::LIST_GENERAL_ID,
'mergeFields' => ['CLI' => 'No'],
'btnClass' => 'btn-alt'
]) ?>
</div>
<h1><?php echo __('I want LBRY for mobile, Windows, or shudder at the phrase "command line".') ?></h1>
<p class="pflow">LBRY is coming out on your favorite platform soon. Join our list to know when.</p>
<?php echo View::render('mail/joinList', [
'submitLabel' => 'Go',
'listId' => Mailchimp::LIST_GENERAL_ID,
'mergeFields' => ['CLI' => 'No'],
'btnClass' => 'btn-alt'
]) ?>
</div>
</div>
<div class="span6">
<div class="cover cover-light content">
<div class="meta meta-large">
<span class="icon-linux"></span> <span class="icon-apple"></span>
<div class="cover cover-light">
<div class="content">
<div class="meta meta-large">
<span class="icon-linux"></span> <span class="icon-apple"></span>
</div>
<h1><?php echo __('I am a Linux or OS X user comfortable from the command line.') ?></h1>
<p class="pflow">Earn early adopter rewards and interact directly with developers via our Alpha client.</p>
<?php if (!$isSubscribed): ?>
<div class="spacer1">
<?php echo View::render('mail/joinList', [
'submitLabel' => 'Go',
'listId' => Mailchimp::LIST_GENERAL_ID,
'mergeFields' => ['CLI' => 'Yes'],
'returnUrl' => '/get?email=1'
]) ?>
</div>
<div class="meta">
Already sign up or really hate sharing your email? <a href="/get?email=1" class="link-primary">Click here.</a>
</div>
<?php else: ?>
<div class="content-inset">
<ul class="no-style">
<li>
<a href="/linux" class="link-primary"><span class="icon-linux"></span> Linux</a>
</li>
<li>
<a href="/osx" class="link-primary"><span class="icon-apple"></span> OS X</a>
</li>
</ul>
</div>
<?php endif ?>
</div>
<h1><?php echo __('I am a Linux or OS X user comfortable from the command line.') ?></h1>
<p class="pflow">Earn early adopter rewards and interact directly with developers via our Alpha client.</p>
<?php if (!$isSubscribed): ?>
<div class="spacer1">
<?php echo View::render('mail/joinList', [
'submitLabel' => 'Go',
'listId' => Mailchimp::LIST_GENERAL_ID,
'mergeFields' => ['CLI' => 'Yes'],
'returnUrl' => '/get?email=1'
]) ?>
</div>
<div class="meta">
Already sign up or really hate sharing your email? <a href="/get?email=1" class="link-primary">Click here.</a>
</div>
<?php else: ?>
<div class="content-inset">
<ul class="no-style">
<li>
<a href="/linux" class="link-primary"><span class="icon-linux"></span> Linux</a>
</li>
<li>
<a href="/osx" class="link-primary"><span class="icon-apple"></span> OS X</a>
</li>
</ul>
</div>
<?php endif ?>
</div>
</div>
</main>

42
view/page/goals.php Normal file
View file

@ -0,0 +1,42 @@
<?php Response::setMetaTitle(__('LBRY Fund Goals')) ?>
<?php Response::setMetaDescription('Download or install the latest version of LBRY.') ?>
<?php echo View::render('nav/header', ['isDark' => false]) ?>
<main>
<div class="cover cover-dark cover-dark-grad">
<div class="content content-dark">
<?php echo View::render('fund/header') ?>
<h2><?php echo __('Active Goal') ?></h2>
<?php echo View::render('fund/currentGoal') ?>
<h1><?php echo __('All Goals') ?></h1>
<?php ob_start() ?>
<p>Core development continues through 2016.</p>
<?php $coreDevRewardHtml = ob_get_clean() ?>
<?php ob_start() ?>
<p>Android and iPhone so cool.</p>
<?php $appRewardHtml = ob_get_clean() ?>
</div>
<div class="content content-light">
<div class="sale-levels spacer2">
<?php foreach([[
'name' => 'Core Development Continues',
'amount' => 25000,
'rewardHtml' => $coreDevRewardHtml
], [
'name' => 'Android and iPhone Apps',
'amount' => 50000,
'rewardHtml' => $appRewardHtml
]] as $goal): ?>
<div class="sale-level">
<h4 class="sale-level-label"><?php echo $goal['name'] ?></h4>
<div class="sale-level-cost"><?php echo i18n::formatCurrency($goal['amount']) ?></div>
<div class="row-fluid clear">
<h6 class="sale-level-reward-title"><?php echo __('Reward') ?></h6>
<div class="sale-level-reward"><?php echo $goal['rewardHtml'] ?></div>
</div>
</div>
<?php endforeach ?>
</div>
</div>
</div>
</main>
<?php echo View::render('nav/footer') ?>

71
view/page/home-new.php Normal file
View file

@ -0,0 +1,71 @@
<div class="bg-image-full" style="background-image: url(/img/cover-home2.jpg)"></div>
<?php Response::setMetaTitle(__('LBRY - Watch, Share, Earn')) ?>
<?php Response::setMetaDescription(__('Learn about LBRY, a peer-to-peer, decentralized content marketplace.')) ?>
<?php echo View::render('nav/header', ['isDark' => true]) ?>
<main class="column-fluid">
<div class="span12">
<div class="cover cover-dark">
<div class="content content-wide content-dark">
<div class="text-center">
<h1 class="cover-title">Stream, Share, Earn.</h1>
</div>
<?php $labels = [
__('making history'),
__('empowering artists'),
__('spreading knowledge'),
__('sharing sustainably'),
__('protecting speech'),
__('building tomorrow'),
__('eliminating middlemen'),
__('furthering education'),
] ?>
<?php shuffle($labels) ?>
<div class="sale-call ">
<span class="sale-call-verb"><?php echo __('Join') ?></span>
<span class="sale-call-total-people"><?php echo $totalPeople ?></span>
<span class="sale-call-prep">others in</span>
<span class="sale-ctas label-cycle" data-cycle-interval="5000">
<span class="sale-cta"><?php echo implode('</span><span class="sale-cta">', $labels) ?></span>
</span>
</div>
<div class="control-group spacer2 text-center">
<div class="control-item">
<a href="/fund" class="btn-primary">Fund LBRY</a>
</div>
<div class="control-item">
<a href="/learn" class="btn-alt">Learn More</a>
</div>
</div>
<div class="video" style="margin-bottom: 80px">
<iframe width="560" height="315" src="https://www.youtube.com/embed/qMUbq3sbG-o?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<div class="row-fluid content-constrained">
<div class="span6 text-center">
<div class="fb-page" data-href="https://www.facebook.com/lbryio" data-height="300" data-small-header="false" data-width="400"
data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true">
<div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/lbryio"><a href="https://www.facebook.com/lbryio">LBRY</a></blockquote></div>
</div>
</div>
<div class="span6 text-center">
<a width="400" class="twitter-timeline" href="https://twitter.com/LBRYio" data-widget-id="671104143034073088">Tweets by @LBRYio</a>
</div>
</div>
</div>
</div>
</div>
</main>
<?php /*
* <h1>Stream, Share, Earn.</h1>
<div class="text-center">
<h3 class="cover-subtitle">Join a fully distributed network that makes information open to everyone.</h3>
<div class="control-group spacer1">
<div class="control-item">
<a href="/get" class="btn-primary">Get LBRY</a>
</div>
<div class="control-item">
<a href="/what" class="btn-alt">Learn More</a>
</div>
</div>
</div>
*/ ?>

92
view/page/home.php
View file

@ -1,36 +1,56 @@
<div class="bg-image-full" style="background-image: url(/img/cover-home2.jpg)"></div>
<?php Response::setMetaTitle(__('LBRY - Watch, Share, Earn')) ?>
<?php Response::setMetaDescription(__('Learn about LBRY, a peer-to-peer, decentralized content marketplace.')) ?>
<?php echo View::render('nav/header', ['isDark' => true]) ?>
<main class="column-fluid">
<div class="span12">
<div class="cover cover-dark cover-center">
<h2 class="cover-title">Watch, Share, Earn.</h2>
<div class="text-center">
<h3 class="cover-subtitle">Join a fully distributed network that makes information open to everyone.</h3>
<div class="control-group spacer1">
<div class="control-item">
<a href="/get" class="btn-primary">Test LBRY</a>
</div>
<div class="control-item">
<a href="/what" class="btn-alt">Learn More</a>
</div>
</div>
</div>
<div class="video" style="margin-bottom: 80px">
<iframe width="560" height="315" src="https://www.youtube.com/embed/qMUbq3sbG-o?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<div class="row-fluid content-constrained">
<div class="span6 text-center">
<div class="fb-page" data-href="https://www.facebook.com/lbryio" data-height="300" data-small-header="false" data-width="400"
data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true">
<div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/lbryio"><a href="https://www.facebook.com/lbryio">LBRY</a></blockquote></div>
</div>
</div>
<div class="span6 text-center">
<a width="400" class="twitter-timeline" href="https://twitter.com/LBRYio" data-widget-id="671104143034073088">Tweets by @LBRYio</a>
</div>
</div>
</div>
</div>
</main>
<div class="bg-image-full" style="background-image: url(/img/cover-home2.jpg)"></div>
<?php Response::setMetaTitle(__('LBRY - Watch, Share, Earn')) ?>
<?php Response::setMetaDescription(__('Learn about LBRY, a peer-to-peer, decentralized content marketplace.')) ?>
<?php echo View::render('nav/header', ['isDark' => true]) ?>
<main class="column-fluid">
<div class="span12">
<div class="cover cover-dark">
<div class="content content-wide content-dark">
<div class="text-center">
<h1 class="cover-title">Stream, Share, Earn.</h1>
</div>
<?php $labels = [
__('making history'),
__('empowering artists'),
__('spreading knowledge'),
__('sharing sustainably'),
__('protecting speech'),
__('building tomorrow'),
__('eliminating middlemen'),
__('furthering education'),
] ?>
<?php shuffle($labels) ?>
<div class="sale-call ">
<span class="sale-call-verb"><?php echo __('Join') ?></span>
<span class="sale-call-total-people"><?php echo $totalPeople ?></span>
<span class="sale-call-prep">others in</span>
<span class="sale-ctas label-cycle" data-cycle-interval="5000">
<span class="sale-cta"><?php echo implode('</span><span class="sale-cta">', $labels) ?></span>
</span>
</div>
<div class="control-group spacer2 text-center">
<div class="control-item">
<a href="/get" class="btn-primary">Get LBRY</a>
</div>
<div class="control-item">
<a href="/learn" class="btn-alt">Learn More</a>
</div>
</div>
<div class="video" style="margin-bottom: 80px">
<iframe width="560" height="315" src="https://www.youtube.com/embed/qMUbq3sbG-o?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
<div class="row-fluid content-constrained">
<div class="span6 text-center">
<div class="fb-page" data-href="https://www.facebook.com/lbryio" data-height="300" data-small-header="false" data-width="400"
data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true">
<div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/lbryio"><a href="https://www.facebook.com/lbryio">LBRY</a></blockquote></div>
</div>
</div>
<div class="span6 text-center">
<a width="400" class="twitter-timeline" href="https://twitter.com/LBRYio" data-widget-id="671104143034073088">Tweets by @LBRYio</a>
</div>
</div>
</div>
</div>
</div>
</main>

37
view/page/join-list.php Normal file
View file

@ -0,0 +1,37 @@
<?php Response::setMetaTitle(__('Join LBRY Email List')) ?>
<?php Response::setMetaDescription(__('Join our email list and receive updates about LBRY via email.')) ?>
<?php echo View::render('nav/header', ['isDark' => false ]) ?>
<main>
<div class="content">
<div class="row-fluid">
<div class="span9">
<h1><?php echo __('Join Email List') ?></h1>
<p>
<?php echo __('Join our email list and receive updates about LBRY via email.') ?>
</p>
<?php echo View::render('mail/joinList', [
'submitLabel' => 'Subscribe',
'returnUrl' => '/join-list',
'listId' => Mailchimp::LIST_GENERAL_ID
]) ?>
<div class="meta">
<?php echo __('You will receive 1-2 messages a month, only from LBRY, Inc. and only about LBRY.') ?>
<?php echo __('You can easily unsubscribe at any time.') ?>
</div>
</div>
<div class="span3">
<h3><?php echo __('Also On') ?></h3>
<div class="spacer1">
<a href="//twitter.com/lbryio" class="link-primary"><span class="icon icon-twitter"></span><span class="btn-label">Twitter</span></a>
</div>
<div class="spacer1">
<a href="//www.facebook.com/lbryio" class="link-primary"><span class="icon icon-facebook"></span> <span class="btn-label">Facebook</span></a>
</div>
<div class="spacer1">
<a href="//reddit.com/r/lbry" class="link-primary"><span class="icon icon-reddit"></span><span class="btn-label">Reddit</span></a>
</div>
</div>
</div>
</div>
</main>
<?php echo View::render('nav/footer') ?>

70
view/page/learn.php Normal file
View file

@ -0,0 +1,70 @@
<?php Response::setMetaDescription('Download or install the latest version of LBRY.') ?>
<?php Response::setMetaTitle(__('Learn About LBRY')) ?>
<?php echo View::render('nav/header', ['isDark' => false]) ?>
<main class="column-fluid">
<div class="span4">
<div class="cover cover-column cover-light-alt cover-light-alt-grad">
<div class="content content-light">
<h1><?php echo __('What?') ?></h1>
<div class="spacer1">
<div class="spacer1">
<a href="/img/lbry-win-ss-783x272.png">
<img src="/img/lbry-win-ss-783x272.png" />
</a>
</div>
<p><em>Puts on jargon hat.</em></p>
<p>
LBRY is a decentralized, censorship-resistant, open-source, peer-to-peer information marketplace and discovery protocol.
</p>
<p><em>Removes jargon hat.</em></p>
<p>
LBRY is a new way for people to publish and share content with each other.
</p>
<p>
Our goal is to provide a single box that allows anyone anywhere to find and purchase digital content from anyone else.
</p>
</div>
<a href="/what" class="btn-primary"><?php echo __('More About LBRY') ?></a>
</div>
</div>
</div>
<div class="span4">
<div class="cover cover-column cover-dark cover-dark-grad ">
<div class="content content-dark">
<h1><?php echo __('Why?') ?></h1>
<div class="spacer1">
<p><?php echo __('Current systems benefit huge corporations that add little but extract a lot.') ?></p>
<p>
<?php echo __('We don\'t like it when middlemen, greedy rent-seekers, and kleptocrats win.') ?></p>
</p>
<p><?php echo __('We think a better world is one in which artists and consumers are directly connected.') ?></p>
</div>
<div class="spacer1">
<a href="/why" class="btn-alt"><?php echo __('Why Make LBRY') ?></a>
</div>
<div>
<img src="/img/smbc-comic.png" />
</div>
<div class="meta text-center">
Credit <a href="//www.smbc-comics.com/" class="link-primary">SMBC</a>.
</div>
</div>
</div>
</div>
<div class="span4">
<div class="cover cover-column cover-light">
<div class="content">
<h1><?php echo __('Who?') ?></h1>
<div class="spacer1">
<p><?php echo __('LBRY promises an awful lot.') ?> <?php echo __('Can you trust us to deliver?') ?></p>
<p><?php echo __('Learn more about the relentless rebels changing the internet.') ?></p>
</div>
<div class="spacer1">
<a href="/team" class="btn-alt"><?php echo __('About The Team') ?></a>
</div>
<img src="/img/cover-team.jpg" alt="<?php echo __('LBRY Founders') ?>" />
</div>
</div>
</div>
</main>
<?php echo View::render('nav/footer') ?>

21
view/page/team.php
View file

@ -1,6 +1,6 @@
<?php NavActions::setNavUri('/learn') ?>
<?php Response::setMetaImage('http://lbry.io/img/cover-team.jpg') ?>
<?php Response::setMetaDescription('LBRY is founded by a team passionate about connecting producers and consumers and breaking down broken models. Learn more about them.') ?>
<?php echo View::render('nav/header', ['isDark' => false]) ?>
<main>
<div class="content">
@ -21,7 +21,7 @@
<div class="row-fluid">
<div class="span6 spacer2">
<div class="photo-container">
<img src="/img/jeremy-644x450.jpg" alt="photo of Jeremy Kauffman"/>
<img src="/img/jeremy-644x450.jpg" alt="photo of Jeremy Kauffman"/>-
</div>
<h4>Jeremy Kauffman <a href="mailto:jeremy@lbry.io" class="link-primary"><span class="icon icon-envelope"></span></a></h4>
<div class="meta spacer1">Founder, Director</div>
@ -31,7 +31,10 @@
Jeremy attended <a href="//rpi.edu" class="link-primary">Rensselaer Polytechnic Institute</a>, where he received degrees in physics and computer science.
</p>
<p>
Jeremy is responsible for the packing, presentation, and strategy of LBRY, as well as some design aspects. Jeremy is a longtime BitTorrent community enthusiast.
Jeremy knows how to build and scale a startup starting from day one. He knows how to deliver usable products and get those products in front of the right people.
</p>
<p>
Jeremy is responsible for the packing, presentation, and strategy of LBRY, as well as some design aspects. He is a longtime BitTorrent community enthusiast.
</p>
</div>
<div class="span6 spacer2">
@ -45,7 +48,7 @@
<div class="meta spacer1">Founder, Developer</div>
<p>
Because graduating from RPI with degrees in physics and computer science is the hip thing to do, Jimmy did the same.
After, he found himself mired in government bureaucracy, spending too much time to get too little done.
After, he found himself mired in government bureaucracy, spending too much time to get too little done.
</p>
<p>
Ready to work on a project he believed in, Jimmy quit his national security job to start LBRY.
@ -55,7 +58,6 @@
Jimmy is a Bitcoin fanatic and has been since its early days. He has long been interested in the benefits of decentralization.
</p>
</div>
</div>
<div class="row-fluid">
<div class="span6 spacer2">
@ -169,13 +171,6 @@
</div>
</div>
</div>
<div class="content text-center spacer2">
<h3>Not Ready to Get Serious?</h3>
<p>Join our mailing list for updates about LBRY.</p>
<?php echo View::render('mail/joinList', [
'submitLabel' => 'Subscribe',
'listId' => Mailchimp::LIST_GENERAL_ID
]) ?>
</div>
<?php echo View::render('nav/learnFooter') ?>
</main>
<?php echo View::render('nav/footer') ?>

10
view/page/what.php
View file

@ -1,5 +1,5 @@
<?php Response::setMetaDescription('Access information and content in ways you never dreamed possible. Earn credits for your unused bandwidth and diskspace.') ?>
<?php NavActions::setNavUri('/learn') ?>
<?php echo View::render('nav/header', ['isDark' => false]) ?>
<main>
<div class="content">
@ -53,7 +53,7 @@
</ol>
</div>
</div>
<div class="hero hero-pattern spacer2">
<div class="hero hero-pattern">
<div class="hero-content">
<h2 class="text-center hero-title">If BitTorrent + BitCoin Had a Baby</h2>
<div class="row-fluid hero-tile-row">
@ -97,10 +97,6 @@
</div>
</div>
</div>
<div class="content spacer2">
<h3>How do I use it?</h3>
<p><a href="/get" class="btn-primary">Get LBRY</a></p>
<p>Or, learn more about <a href="/why" class="link-primary">why we've created LBRY</a>.</p>
</div>
<?php echo View::render('nav/learnFooter') ?>
</main>
<?php echo View::render('nav/footer') ?>

5
view/page/why.php
View file

@ -1,3 +1,4 @@
<?php NavActions::setNavUri('/learn') ?>
<?php Response::setMetaImage('http://lbry.io/img/xkcd-comic.png') ?>
<?php Response::setMetaDescription('Learn about the inspiration behind LBRY\'s revolutionary content distribution system.') ?>
<?php echo View::render('nav/header', ['isDark' => false]) ?>
@ -99,10 +100,8 @@
<strong>LBRY is not about facilitating piracy.</strong>
LBRY is about creating a network where creators and patrons can directly interact without relying on anyone in the middle. We've made choices
about publisher identities and how addresses are reserved that are specifically designed to combat undue profiteering.</p>
<h3>Ready to use LBRY?</h3>
<p><a href="/get" class="btn-primary">Get LBRY</a></p>
<p>Or, <a href="/team" class="link-primary">learn about joining the team</a>.</p>
</div>
<?php echo View::render('nav/learnFooter') ?>
</main>
<?php echo View::render('nav/footer') ?>
<?php /* It is inspired by Bitcoin, BitTorrent, and&nbsp;a comment by Julian Assange<sup><a class="link-primary" href="https://wikileaks.org/Transcript-Meeting-Assange-Schmidt.html#731">1</a></sup>.</p> */ ?>

BIN
web/img/bitcoin-button-126x48.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 7.4 KiB

BIN
web/img/bitcoin-button-huge-trim.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 50 KiB

BIN
web/img/bitcoin-button-huge.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
web/img/fb-cover.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 610 KiB

BIN
web/img/lbry-white-485x160.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.5 KiB

BIN
web/img/lbry-white-909x300.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
web/img/lbry-win-ss-783x272.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
web/img/paypal-button-170x32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.5 KiB

30
web/js/global.js
View file

@ -18,7 +18,8 @@ jQuery.fn.extend({
});
$(document).ready(function() {
var body = $('body');
var body = $('body'),
labelCycles = body.find('.label-cycle'); //should use better pattern but we have so little JS right now
body.on('click', 'a', onAnchorClick);
@ -36,6 +37,20 @@ $(document).ready(function() {
//$(window).scroll(onBodyScroll);
if (labelCycles.length)
{
setInterval(refreshLabelCycles,5000);
labelCycles.each(function() {
var labelCycle = $(this),
maxHeight = Math.max.apply(Math, labelCycles.find('> *').map(function(){ return $(this).height(); }).get());
if (maxHeight)
{
labelCycle.height(maxHeight);
}
labelCycle.addClass('label-cycle-init');
});
}
function onAnchorClick()
{
var anchor = $(this),
@ -122,4 +137,17 @@ $(document).ready(function() {
resizeVideo($(this));
})
});
function refreshLabelCycles()
{
labelCycles.each(function() {
var labelCycle = $(this),
activeLabel = labelCycle.find(':first-child');
activeLabel.fadeOut(function() {
labelCycle.append(activeLabel);
labelCycle.find(':first-child').fadeIn();
});
});
}
});

27
web/scss/_basic.scss
View file

@ -53,13 +53,23 @@ sub { top: 0.4em; }
.spacer1 { margin-bottom: $spacing-vertical; }
.spacer2 { margin-bottom: $spacing-vertical * 2; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.meta { font-size: 0.8em; }
.meta-large { font-size: 1.2em; }
.clear { clear: both; }
.link-primary
{
color: $color-primary;
text-decoration: underline;
.icon:first-child
{
padding-right: 5px;
}
.icon:last-child
{
padding-left: 5px;
}
}
a:hover img
{
@ -98,6 +108,7 @@ a:hover img
padding: 0 15px;
text-decoration: none;
border: 0 none;
text-align: center;
}
.btn-primary
{
@ -108,11 +119,14 @@ a:hover img
}
.btn-alt
{
$base-color: hsl(hue($color-primary), 15, 85);
@include linear-gradient(lighten($base-color, 5), darken($base-color, 5));
@include linear-gradient(lighten($color-light-alt, 5), darken($color-light-alt, 5));
color: hsl(hue($color-primary), 85, 15);
border: 1px solid darken($color-primary, 10);
}
.btn-full-width
{
width: 100%;
}
.no-label .btn-label
{
@include offscreen();
@ -129,6 +143,15 @@ a:hover img
@include clearfix();
}
.table-layout
{
td
{
padding: 3px 5px $spacing-vertical - 3px;
vertical-align: middle;
}
}
@media (max-width: $mobile-width-threshold)
{
.fullscreen

31
web/scss/_content.scss
View file

@ -9,7 +9,17 @@
{
margin-left: auto;
margin-right: auto;
max-width: $max-content-width; /*we have more padding than desirable so numbers from ol can exceed container*/
&:not(.content-wide)
{
max-width: $max-content-width; /*we have more padding than desirable so numbers from ol can exceed container*/
}
&.content-wide
{
max-width: 1400px;
}
padding-left: 15px;
padding-right: 15px;
@ -21,7 +31,15 @@
}
}
&:not(.content-dark)
&.content-dark
{
color: #e8e8e8;
h1, h2, h3, h4, h5, h6 { color: #fff; }
.link-primary { color: $color-light-alt; }
.meta { color: #dddddd; }
}
&:not(.content-dark), &.content-light
{
color: #333;
h1, h2, h3, h4, h5, h6
@ -31,15 +49,10 @@
.meta
{
color: #505050;
color: $color-meta-light;
}
}
&.content-dark
{
color: #e8e8e8;
h1, h2, h3, h4, h5, h6 { color: #fff; }
.meta { color: #dddddd; }
.link-primary { color: $color-primary; }
}
p

41
web/scss/_cover.scss
View file

@ -3,19 +3,43 @@
.cover
{
@box-sizing(border-box);
width: 100%;
.meta-large [class*="icon"]
{
padding-left: 5px;
padding-right: 5px;
}
}
.cover-simple
{
@box-sizing(border-box);
width: 100%;
}
@media (max-width: $mobile-width-threshold) {
.cover { padding: $spacing-vertical; }
.cover { padding: $spacing-vertical $spacing-vertical * 2 / 3; }
.cover-title { font-size: 2.4em; margin-bottom: $spacing-vertical; }
}
@media (min-width: $mobile-width-threshold) {
.cover { padding: $spacing-vertical * 2 $spacing-vertical * 3; }
.cover-title { font-size: 3.6em; }
}
@media (max-width: $max-content-width) and (min-width: $mobile-width-threshold) {
.cover { padding: $spacing-vertical * 1.5 $spacing-vertical * 2; }
.cover-column { padding-left: $spacing-vertical * 0.5; padding-right: $spacing-vertical * 0.5; }
}
@media (min-width: $max-content-width) {
.cover { padding: $spacing-vertical * 1.5 $spacing-vertical * 3; }
.cover-column { padding-left: $spacing-vertical * 1.5; padding-right: $spacing-vertical * 1.5; }
}
.cover-stretch-wrap
{
@include display-flex();
@include flex-direction(column);
> .cover
{
@include flex(1);
}
}
.cover-center
{
@include flex-direction(column);
@ -27,19 +51,26 @@
.cover-title { color: white; }
}
.cover-light
{
color: #444;
.cover-title { color: #111; }
}
.cover-light-alt
{
color: #333;
.cover-title { color: black; }
.cover-title { color: #000; }
}
.cover-dark-grad
{
@include linear-gradient(darken($color-primary, 5), lighten($color-primary, 5));
}
.cover-light-alt-grad
{
@include linear-gradient(darken($color-light-alt, 5), lighten($color-light-alt, 5));
}
.cover-title
{
margin-bottom: $spacing-vertical;
font-size: 9vmin;
line-height: 1.4;
}
.cover-subtitle

10
web/scss/_form.scss
View file

@ -2,6 +2,11 @@
$input-width: 300px;
label[for]
{
cursor: pointer;
}
input[type="email"], input[type="text"]
{
border: 0 none;
@ -12,6 +17,11 @@ input[type="email"], input[type="text"]
height: $spacing-vertical * 1.5;
}
.form-row
{
margin-bottom: $spacing-vertical;
}
.mail-submit
{
input

5
web/scss/_global.scss
View file

@ -3,11 +3,14 @@
$spacing-vertical: 24px;
$color-primary: #155B4A;
$color-light-alt: hsl(hue($color-primary), 15, 85);
$color-text-dark: #000;
$color-money: #216C2A;
$color-meta-light: #505050;
$font-size: 18px;
$mobile-width-threshold: 600px;
$mobile-width-threshold: 801px;
$max-content-width: 1000px;
$max-text-width: 660px;

1
web/scss/_reset.scss
View file

@ -9,6 +9,7 @@ input:focus, textarea:focus
}
table
{
border-collapse: collapse;
border-spacing:0;
}
fieldset, img, iframe

222
web/scss/_sale.scss Normal file
View file

@ -0,0 +1,222 @@
@import "global";
.sale-title
{
margin-bottom: 0;
font-size: 1.5em;
}
.sale-title-filler
{
font-size: 0.65em;
color: #ddd;
}
.sale-title-emphasis
{
font-size: 1.35em;
}
.sale-ctas
{
display: block;
}
.sale-cta
{
display: block;
}
.sale-call
{
text-align: center;
margin-bottom: $spacing-vertical / 2;
.sale-call-total-people
{
font-weight: bold;
font-size: 2.4em;
}
.sale-call-prep, .sale-call-verb
{
font-size: 0.85em;
}
.sale-ctas
{
margin-bottom: $spacing-vertical;
}
.sale-cta
{
font-size: 2.0em;
font-weight: bold;
}
.sale-call-verb
{
margin-bottom: $spacing-vertical / 4;
margin-right: 10px;
}
.sale-call-prep
{
margin: 10px $spacing-vertical / 2 0 $spacing-vertical / 4;
}
}
.label-cycle
{
visibility: hidden;
display: block;
&.label-cycle-init
{
visibility: visible;
:not(:first-child)
{
display: none;
}
}
}
.sale-level
{
@include border-radius(5px);
background: #fff;
color: #111;
padding: $spacing-vertical;
cursor: pointer;
position: relative;
margin-bottom: $spacing-vertical;
&.sale-level-clickable
{
padding: $spacing-vertical $spacing-vertical / 2;
margin: 0 $spacing-vertical / 2 $spacing-vertical;
&:hover
{
padding-left: $spacing-vertical;
padding-right: $spacing-vertical;
margin-left: 0;
margin-right: 0;
}
}
}
.sale-level-label
{
float: left;
margin-right: 5px;
margin-left: 20px;
}
.sale-level-cost
{
float: right;
}
.sale-level-reward
{
clear: both;
}
.sale-level-help
{
color: $color-meta-light;
font-size: 0.75em;
}
.sale-level-radio
{
position: absolute;
top: $spacing-vertical * 1.25;
left: $spacing-vertical / 2;
}
.sale-level:hover .sale-level-radio
{
left: $spacing-vertical;
}
.sale-level-cost
{
color: $color-money;
font-weight: bold;
}
.sale-level-credits
{
font-weight: bold;
margin-bottom: $spacing-vertical / 2;
}
.sale-level-reward-title
{
color: $color-meta-light;
}
.sale-question-bubble
{
@include border-radius(5px);
background: $color-light-alt;
margin-bottom: $spacing-vertical;
font-size: 0.8em;
padding: $spacing-vertical $spacing-vertical;
&:last-child
{
margin-bottom: 0;
}
p
{
margin-bottom: $spacing-vertical / 2;
&:last-child { margin-bottom: 0; }
}
}
.sale-question
{
color: #000;
}
.sale-question-answer
{
color: #444;
}
.goal-wrap {
width: 100%;
padding: 0 20px;
@include clearfix();
}
.goal-glass {
width: 100%;
height: $spacing-vertical;
background: #c7c7c7;
border-radius: 10px;
overflow: hidden;
}
.goal-progress {
float: left;
height: $spacing-vertical;
background: repeating-linear-gradient(
45deg,
lighten($color-primary, 20),
lighten($color-primary, 20) 10px,
lighten($color-primary, 30) 10px,
lighten($color-primary, 30) 20px
);
z-index: 1;
}
.goal-amount {
float: right;
}
.goal-stat, .goal-amount {
padding: 10px;
}
.goal-stat
{
float: left;
}
.goal-number, .goal-label {
font-size: 0.9em;
}
.goal-number {
font-weight: bold;
}
.control-item-img
{
a
{
display: inline-block;
height: $spacing-vertical * 2;
line-height: 0;
}
}

3
web/scss/all.scss
View file

@ -8,4 +8,5 @@
@import "content";
@import "cover";
@import "hero";
@import "header";
@import "header";
@import "sale";