mirror of
https://github.com/LBRYFoundation/lbry.com.git
synced 2025-08-23 17:47:26 +00:00
Merge pull request #1 from lbryio/v2
live traction count, new footer for learn pages, nav changes
This commit is contained in:
Jeremy Kauffman
commit
c7bb2310a3
39 changed files with 1186 additions and 231 deletions
|
|
@ -39,6 +39,8 @@ class Controller
|
|||
{
|
||||
case '/':
|
||||
return ContentActions::executeHome();
|
||||
case '/fund':
|
||||
return CreditActions::executeFund();
|
||||
case '/get':
|
||||
return ContentActions::executeGet();
|
||||
case '/postcommit':
|
||||
|
|
|
|||
|
|
@ -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
19
controller/action/CreditActions.class.php
Normal 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),
|
||||
]];
|
||||
}
|
||||
}
|
||||
|
|
@ -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
27
model/CreditApi.class.php
Normal 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
17
view/fund/currentGoal.php
Normal 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
27
view/fund/header.php
Normal 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>
|
||||
|
|
@ -23,6 +23,7 @@
|
|||
<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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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
71
view/nav/learnFooter.php
Normal 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
21
view/page/fund-after.php
Normal 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
193
view/page/fund.php
Normal 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') ?>
|
||||
|
|
@ -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
42
view/page/goals.php
Normal 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
71
view/page/home-new.php
Normal 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&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>
|
||||
*/ ?>
|
||||
|
|
@ -4,22 +4,41 @@
|
|||
<?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="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">Test LBRY</a>
|
||||
<a href="/get" class="btn-primary">Get LBRY</a>
|
||||
</div>
|
||||
<div class="control-item">
|
||||
<a href="/what" class="btn-alt">Learn More</a>
|
||||
<a href="/learn" 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&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="video" style="margin-bottom: 80px">
|
||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/qMUbq3sbG-o?rel=0&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"
|
||||
|
|
@ -31,6 +50,7 @@
|
|||
<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
37
view/page/join-list.php
Normal 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
70
view/page/learn.php
Normal 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') ?>
|
||||
|
|
@ -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">
|
||||
|
|
@ -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') ?>
|
||||
|
|
|
|||
|
|
@ -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') ?>
|
||||
|
|
|
|||
|
|
@ -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 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
BIN
web/img/bitcoin-button-126x48.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
BIN
web/img/bitcoin-button-huge-trim.png
Normal file
BIN
web/img/bitcoin-button-huge-trim.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
web/img/bitcoin-button-huge.png
Normal file
BIN
web/img/bitcoin-button-huge.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
web/img/fb-cover.jpg
Normal file
BIN
web/img/fb-cover.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 610 KiB |
BIN
web/img/lbry-white-485x160.png
Normal file
BIN
web/img/lbry-white-485x160.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.5 KiB |
BIN
web/img/lbry-white-909x300.png
Normal file
BIN
web/img/lbry-white-909x300.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
web/img/lbry-win-ss-783x272.png
Normal file
BIN
web/img/lbry-win-ss-783x272.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
web/img/paypal-button-170x32.png
Normal file
BIN
web/img/paypal-button-170x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -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();
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
|
|
@ -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
222
web/scss/_sale.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
|
|
@ -9,3 +9,4 @@
|
|||
@import "cover";
|
||||
@import "hero";
|
||||
@import "header";
|
||||
@import "sale";
|
||||
Loading…
Add table
Reference in a new issue