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

where I was last week

Browse source
This commit is contained in:
Jeremy Kauffman 2015-12-03 07:38:07 -05:00
parent e78acd297a
commit 766f42f802
14 changed files with 327 additions and 118 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
controller/action/CreditActions.class.php
View file

@ -12,8 +12,6 @@ class CreditActions extends Actions
$fundStartTime = strtotime('2015-11-15'); $fundStartTime = strtotime('2015-11-15');
$daysActive = floor((time() - $fundStartTime) / (60*60*24)); $daysActive = floor((time() - $fundStartTime) / (60*60*24));
return ['page/fund', [ return ['page/fund', [
'totalUSD' => CreditApi::getTotalDollarSales(),
'totalPeople' => CreditApi::getTotalPeople(),
'creditsPerDollar' => CreditApi::getCreditsPerDollar($daysActive), 'creditsPerDollar' => CreditApi::getCreditsPerDollar($daysActive),
'creditsPerDollarTomorrow' => CreditApi::getCreditsPerDollar($daysActive + 1), 'creditsPerDollarTomorrow' => CreditApi::getCreditsPerDollar($daysActive + 1),
]]; ]];

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>

1
view/layout/basic.php
View file

@ -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/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/img/fav/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/img/fav/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/img/fav/manifest.json"> <link rel="manifest" href="/img/fav/manifest.json">
<meta name="msapplication-TileColor" content="#155B4A"> <meta name="msapplication-TileColor" content="#155B4A">
<meta name="msapplication-TileImage" content="/mstile-144x144.png"> <meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#155B4A"> <meta name="theme-color" content="#155B4A">

3
view/nav/footer.php
View file

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

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') ?>

110
view/page/fund.php
View file

@ -1,58 +1,54 @@
<?php Response::setMetaDescription('Download or install the latest version of LBRY.') ?> <?php Response::setMetaTitle(__('Fund LBRY')) ?>
<?php Response::setMetaTitle(__('Get 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]) ?> <?php echo View::render('nav/header', ['isDark' => false]) ?>
<main> <main>
<div class="cover cover-dark cover-dark-grad"> <div class="cover cover-dark cover-dark-grad">
<div class="row-fluid"> <div class="row-fluid">
<div class="span9 spacer2"> <div class="span9 spacer2">
<div class="row-fluid"> <?php echo View::render('fund/header') ?>
<div class="span7"> <h3>Current Goal</h3>
<h1 class="text-center"><img src="/img/lbry-white-485x160.png" alt="Fund LBRY"/></h1> <div class="content content-dark">
</div> <?php echo View::render('fund/currentGoal') ?>
<div class="span5" >
<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">have given</span>
<span class="sale-title-emphasis"><?php echo i18n::formatCurrency($totalUSD) ?></span>
<span class="sale-title-filler">to</span>
<br/>
<span class="label-cycle">
<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> </div>
<h3>Select Your Level</h3> <h3>Select Your Level</h3>
<?php ob_start() ?> <?php ob_start() ?>
<ul> <ul>
<li><?php echo __('A personal thank you in the source code, recording your contribution for eternity.') ?></li> <li><?php echo __('A personal thank you in the source code, recording your contribution for eternity.') ?></li>
<li><?php echo __('1 year of support from LBRY.') ?></li> <li><?php echo __('Early access to LBRY test releases.') ?></li>
<li><?php echo __('Early access to all LBRY Releases.') ?></li> <li><?php echo __('Insider newsletter about our work on LBRY.') ?></li>
</ul> </ul>
<?php $basicRewardHtml = ob_get_clean() ?> <?php $basicRewardHtml = ob_get_clean() ?>
<?php ob_start() ?> <?php ob_start() ?>
<ul> <ul>
<li><?php echo __('All above rewards.') ?></li> <li><?php echo __('All above rewards.') ?></li>
<li><?php echo __('LBRY .') ?></li> <li><?php echo __('Record personal message of up to 140 characters in LBRY source code for eternity.') ?></li>
<li><?php echo __('Thing.') ?></li> <li><?php echo __('1 year of basic support from LBRY.') ?></li>
</ul> </ul>
<?php $standardRewardHtml = ob_get_clean() ?> <?php $standardRewardHtml = ob_get_clean() ?>
<?php ob_start() ?> <?php ob_start() ?>
<ul> <ul>
<li><?php echo __('All above rewards.') ?></li> <li><?php echo __('All above rewards.') ?></li>
<li><?php echo __('LBRY T-shirt') ?></li> <li><?php echo __('LBRY T-shirt') ?></li>
<li><?php echo __('Join LBRY Team Chat') ?></li> <li><?php echo __('Invitation to join private LBRY team chat.') ?></li>
</ul> </ul>
<?php $premiumRewardHtml = ob_get_clean() ?> <?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"> <div class="sale-levels spacer2">
<?php foreach([[ <?php foreach([[
'id' => 'basic', 'id' => 'basic',
@ -65,19 +61,30 @@
'cost' => 25, 'cost' => 25,
'rewardHtml' => $standardRewardHtml 'rewardHtml' => $standardRewardHtml
], [ ], [
'id' => 'premium', 'id' => 'optimal',
'label' => __('Premium'), 'label' => __('Optimal'),
'cost' => 100, 'cost' => 100,
'rewardHtml' => $premiumRewardHtml 'rewardHtml' => $optimalRewardHtml
], [
'id' => 'prometheus ',
'label' => __('Prometheus'),
'cost' => 1000,
'rewardHtml' => $prometheusRewardHtml
], [
'id' => 'apollo',
'label' => __('Apollo'),
'cost' => 10000,
'rewardHtml' => $apolloRewardHtml
]] as $level): ?> ]] as $level): ?>
<div class="sale-level"> <?php $creditCost = min($level['cost'], $maxCreditAmount) ?>
<div class="sale-level sale-level-clickable">
<h4 class="sale-level-label"><?php echo $level['label'] ?></h4> <h4 class="sale-level-label"><?php echo $level['label'] ?></h4>
<div class="sale-level-cost"><?php echo i18n::formatCurrency($level['cost']) ?></div> <div class="sale-level-cost"><?php echo i18n::formatCurrency($level['cost']) ?></div>
<div class="row-fluid clear"> <div class="row-fluid clear">
<div class="span3 spacer1"> <div class="span3 spacer1">
<h6 class="sale-level-reward-title"><?php echo __('Credit Reward') ?></h6> <h6 class="sale-level-reward-title"><?php echo __('Credit Reward') ?></h6>
<?php $creditsToday = $level['cost'] * $creditsPerDollar ?> <?php $creditsToday = $creditCost * $creditsPerDollar ?>
<?php $creditFall = $creditsToday - $level['cost'] * $creditsPerDollarTomorrow ?> <?php $creditFall = $creditsToday - $creditCost * $creditsPerDollarTomorrow ?>
<div class="sale-level-credits"><?php echo i18n::formatCredits($creditsToday) ?></div> <div class="sale-level-credits"><?php echo i18n::formatCredits($creditsToday) ?></div>
<div class="sale-level-help"> <div class="sale-level-help">
<?php echo __('This reward falls by %amount% tomorrow!', [ <?php echo __('This reward falls by %amount% tomorrow!', [
@ -117,33 +124,33 @@
<h4><?php echo __('Select Payment') ?></h4> <h4><?php echo __('Select Payment') ?></h4>
<div class="control-group"> <div class="control-group">
<div class="control-item control-item-img"> <div class="control-item control-item-img">
<a href="/fund"><img src="/img/bitcoin-button-126x48.png" alt="<?php echo __('Pay with Bitcoin') ?>" /></a> <a href="/fund-after"><img src="/img/bitcoin-button-126x48.png" alt="<?php echo __('Pay with Bitcoin') ?>" /></a>
</div> </div>
<div class="control-item control-item-img"> <div class="control-item control-item-img">
<a href="/fund" ><img src="/img/paypal-button-170x32.png" style="margin-top: 5px" alt="<?php echo __('Pay with PayPal') ?>" /></a> <a href="/fund-after" ><img src="/img/paypal-button-170x32.png" style="margin-top: 5px" alt="<?php echo __('Pay with PayPal') ?>" /></a>
</div> </div>
<div class="control-item" style="vertical-align: top; margin-top: 7px;"> <div class="control-item" style="vertical-align: top; margin-top: 7px;">
<a href="/fund" class="btn-alt"><span class="icon-shopping-cart" style="margin-right: 2px"></span> <?php echo __('Pay with Credit') ?></a> <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> </div>
</div> </div>
<div class="span3"> <div class="span3">
<div class="sale-question-bubble"> <div class="sale-question-bubble">
<h4 class="sale-question"><?php echo __('Where Does My Money Go?') ?></h4> <h4 class="sale-question"><?php echo __('Where does my money go?') ?></h4>
<div class="sale-question-answer"> <div class="sale-question-answer">
<p> <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.') ?> <?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>
<p> <p>
<?php echo __('LBRY will launch even if $0 is raised.') ?> <?php echo __('LBRY will launch even if 0 credits are sold.') ?>
<?php echo __('Funds will be administered with complete transparency.') ?> <?php echo __('Funds will be administered with complete transparency.') ?>
</p> </p>
<a class="link-primary" href="/learn"><?php echo __('Learn More') ?></a> <a class="link-primary" href="/learn"><?php echo __('Learn More') ?></a>
</div> </div>
</div> </div>
<div class="sale-question-bubble"> <div class="sale-question-bubble">
<h4 class="sale-question"><?php echo __('What Do I Get?') ?> <?php echo __('What is LBC?') ?></h4> <h4 class="sale-question"><?php echo __('What do I get?') ?> <?php echo __('What is LBC?') ?></h4>
<div class="sale-question-answer"> <div class="sale-question-answer">
<p> <p>
<?php echo __('Anytime someone publishes or accesses data via the LBRY network, LBRY Credits, or LBC, are required.') ?> <?php echo __('Anytime someone publishes or accesses data via the LBRY network, LBRY Credits, or LBC, are required.') ?>
@ -157,21 +164,24 @@
</div> </div>
</div> </div>
<div class="sale-question-bubble"> <div class="sale-question-bubble">
<h4 class="sale-question"><?php echo __('Why Can I Only Buy Up To $100?') ?></h4> <h4 class="sale-question"><?php echo __('Why can I only buy up to $100 worth of credits?') ?></h4>
<div class="sale-question-answer"> <div class="sale-question-answer">
<p> <p>
<?php echo __('This pre-buy program is only intended to sell you credits for your own personal use, not for speculation.') ?> <?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>
<p> <p>
<?php echo __('If you wish to contribute more than $100 to this project, we would happily receive your money as a donation.') ?> <?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> </p>
</div> </div>
</div> </div>
<div class="sale-question-bubble"> <div class="sale-question-bubble">
<h4 class="sale-question"><?php echo __('I Want To Talk To Someone Or Have Another Question.') ?></h4> <h4 class="sale-question"><?php echo __('I want to talk to someone or have another question.') ?></h4>
<div class="sale-question-answer"> <div class="sale-question-answer">
<p> <p>
<?php echo __('This is a way to talk to someone.') ?> <?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> </p>
</div> </div>
</div> </div>

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') ?>

57
view/page/home.php
View file

@ -9,40 +9,35 @@
<div class="text-center"> <div class="text-center">
<h1 class="cover-title">Stream, Share, Earn.</h1> <h1 class="cover-title">Stream, Share, Earn.</h1>
</div> </div>
<div class="row-fluid"> <?php $labels = [
<div class="span5 "> __('making history'),
<?php $labels = [ __('empowering artists'),
__('making history'), __('spreading knowledge'),
__('empowering artists'), __('sharing sustainably'),
__('spreading knowledge'), __('protecting speech'),
__('sharing sustainably'), __('building tomorrow'),
__('protecting speech'), __('eliminating middlemen'),
__('building tomorrow'), __('furthering education'),
__('eliminating middlemen'), ] ?>
__('furthering education'), <?php shuffle($labels) ?>
] ?> <div class="sale-call ">
<?php shuffle($labels) ?> <span class="sale-call-verb"><?php echo __('Join') ?></span>
<div class="sale-call "> <span class="sale-call-total-people"><?php echo $totalPeople ?></span>
<span class="sale-call-verb"><?php echo __('Join') ?></span> <span class="sale-call-prep">others in</span>
<span class="sale-call-total-people"><?php echo $totalPeople ?></span> <span class="sale-ctas label-cycle" data-cycle-interval="5000">
<span class="sale-call-prep">in</span> <span class="sale-cta"><?php echo implode('</span><span class="sale-cta">', $labels) ?></span>
<span class="sale-ctas label-cycle" data-cycle-interval="5000"> </span>
<span class="sale-cta"><?php echo implode('</span><span class="sale-cta">', $labels) ?></span> </div>
</span> <div class="control-group spacer2 text-center">
<div class="control-item">
<a href="/fund" class="btn-primary">Fund LBRY</a>
</div> </div>
<div class="control-group spacer1 text-center"> <div class="control-item">
<div class="control-item"> <a href="/learn" class="btn-alt">Learn More</a>
<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>
</div> </div>
<div class="span7"> <div class="video">
<div class="video"> <iframe width="560" height="315" src="https://www.youtube.com/embed/qMUbq3sbG-o?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/qMUbq3sbG-o?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
</div>
</div> </div>
</div> </div>
</div> </div>

12
view/page/learn.php
View file

@ -3,8 +3,8 @@
<?php echo View::render('nav/header', ['isDark' => false]) ?> <?php echo View::render('nav/header', ['isDark' => false]) ?>
<main class="column-fluid"> <main class="column-fluid">
<div class="span4"> <div class="span4">
<div class="cover cover-column cover-dark cover-dark-grad"> <div class="cover cover-column cover-light-alt cover-light-alt-grad">
<div class="content content-dark"> <div class="content content-light">
<h1><?php echo __('What?') ?></h1> <h1><?php echo __('What?') ?></h1>
<div class="spacer1"> <div class="spacer1">
<div class="spacer1"> <div class="spacer1">
@ -24,13 +24,13 @@
Our goal is to provide a single box that allows anyone anywhere to find and purchase digital content from anyone else. Our goal is to provide a single box that allows anyone anywhere to find and purchase digital content from anyone else.
</p> </p>
</div> </div>
<a href="/what" class="btn-alt"><?php echo __('More About LBRY') ?></a> <a href="/what" class="btn-primary"><?php echo __('More About LBRY') ?></a>
</div> </div>
</div> </div>
</div> </div>
<div class="span4"> <div class="span4">
<div class="cover cover-column cover-light-alt cover-light-alt-grad"> <div class="cover cover-column cover-dark cover-dark-grad ">
<div class="content"> <div class="content content-dark">
<h1><?php echo __('Why?') ?></h1> <h1><?php echo __('Why?') ?></h1>
<div class="spacer1"> <div class="spacer1">
<p><?php echo __('Current systems benefit huge corporations that add little but extract a lot.') ?></p> <p><?php echo __('Current systems benefit huge corporations that add little but extract a lot.') ?></p>
@ -40,7 +40,7 @@
<p><?php echo __('We think a better world is one in which artists and consumers are directly connected.') ?></p> <p><?php echo __('We think a better world is one in which artists and consumers are directly connected.') ?></p>
</div> </div>
<div class="spacer1"> <div class="spacer1">
<a href="/why" class="btn-primary"><?php echo __('Why Make LBRY') ?></a> <a href="/why" class="btn-alt"><?php echo __('Why Make LBRY') ?></a>
</div> </div>
<div> <div>
<img src="/img/smbc-comic.png" /> <img src="/img/smbc-comic.png" />

11
web/js/global.js
View file

@ -24,7 +24,16 @@ $(document).ready(function() {
if (labelCycles.length) if (labelCycles.length)
{ {
setInterval(refreshLabelCycles,6000); 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() function onAnchorClick()

2
web/scss/_content.scss
View file

@ -45,6 +45,8 @@
{ {
color: $color-meta-light; color: $color-meta-light;
} }
.link-primary { color: $color-primary; }
} }
p p

20
web/scss/_cover.scss
View file

@ -17,18 +17,29 @@
} }
@media (max-width: $mobile-width-threshold) { @media (max-width: $mobile-width-threshold) {
.cover { padding: $spacing-vertical $spacing-vertical * 2 / 3; } .cover { padding: $spacing-vertical $spacing-vertical * 2 / 3; }
.cover-title { margin-bottom: $spacing-vertical; } .cover-title { font-size: 2.4em; margin-bottom: $spacing-vertical; }
}
@media (min-width: $mobile-width-threshold) {
.cover-title { font-size: 3.6em; }
} }
@media (max-width: $max-content-width) and (min-width: $mobile-width-threshold) { @media (max-width: $max-content-width) and (min-width: $mobile-width-threshold) {
.cover { padding: $spacing-vertical * 2 $spacing-vertical * 2; } .cover { padding: $spacing-vertical * 1.5 $spacing-vertical * 2; }
.cover-column { padding-left: $spacing-vertical * 0.5; padding-right: $spacing-vertical * 0.5; } .cover-column { padding-left: $spacing-vertical * 0.5; padding-right: $spacing-vertical * 0.5; }
} }
@media (min-width: $max-content-width) { @media (min-width: $max-content-width) {
.cover { padding: $spacing-vertical * 2 $spacing-vertical * 3; } .cover { padding: $spacing-vertical * 1.5 $spacing-vertical * 3; }
.cover-column { padding-left: $spacing-vertical * 1.5; padding-right: $spacing-vertical * 1.5; } .cover-column { padding-left: $spacing-vertical * 1.5; padding-right: $spacing-vertical * 1.5; }
.cover-title { margin-bottom: $spacing-vertical * 2; }
} }
.cover-stretch-wrap
{
@include display-flex();
@include flex-direction(column);
> .cover
{
@include flex(1);
}
}
.cover-center .cover-center
{ {
@include flex-direction(column); @include flex-direction(column);
@ -60,7 +71,6 @@
.cover-title .cover-title
{ {
font-size: 3.6em;
line-height: 1.4; line-height: 1.4;
} }
.cover-subtitle .cover-subtitle

120
web/scss/_sale.scss
View file

@ -1,51 +1,72 @@
@import "global"; @import "global";
.sale-title
{
margin-bottom: 0;
font-size: 1.5em;
}
.sale-title-filler .sale-title-filler
{ {
font-size: 0.6em; font-size: 0.65em;
color: #ddd; color: #ddd;
} }
.sale-title-emphasis .sale-title-emphasis
{ {
font-size: 1.25em; font-size: 1.35em;
font-weight: bold; }
.sale-ctas
{
display: block;
}
.sale-cta
{
display: block;
} }
.sale-call .sale-call
{ {
text-align: center; text-align: center;
padding: $spacing-vertical 30px; margin-bottom: $spacing-vertical / 2;
.sale-call-total-people .sale-call-total-people
{ {
font-weight: bold; font-weight: bold;
font-size: 2.4em; font-size: 2.4em;
} }
.sale-cta
{
font-weight: bold;
font-size: 2.0em;
display: inline-block;
min-height: $spacing-vertical * 4;
}
.sale-call-prep, .sale-call-verb .sale-call-prep, .sale-call-verb
{ {
display: block;
font-size: 0.85em; font-size: 0.85em;
} }
.sale-ctas
{
margin-bottom: $spacing-vertical;
}
.sale-cta
{
font-size: 2.0em;
font-weight: bold;
}
.sale-call-verb .sale-call-verb
{ {
margin-bottom: $spacing-vertical / 4; margin-bottom: $spacing-vertical / 4;
margin-right: 10px;
} }
.sale-call-prep .sale-call-prep
{ {
margin: $spacing-vertical / 2 0 $spacing-vertical / 4; margin: 10px $spacing-vertical / 2 0 $spacing-vertical / 4;
} }
} }
.label-cycle .label-cycle
{ {
:not(:first-child) visibility: hidden;
display: block;
&.label-cycle-init
{ {
display: none; visibility: visible;
:not(:first-child)
{
display: none;
}
} }
} }
@ -54,16 +75,21 @@
@include border-radius(5px); @include border-radius(5px);
background: #fff; background: #fff;
color: #111; color: #111;
padding: $spacing-vertical $spacing-vertical / 2; padding: $spacing-vertical;
margin: 0 $spacing-vertical / 2 $spacing-vertical;
cursor: pointer; cursor: pointer;
position: relative; position: relative;
&:hover margin-bottom: $spacing-vertical;
&.sale-level-clickable
{ {
padding-left: $spacing-vertical; padding: $spacing-vertical $spacing-vertical / 2;
padding-right: $spacing-vertical; margin: 0 $spacing-vertical / 2 $spacing-vertical;
margin-left: 0; &:hover
margin-right: 0; {
padding-left: $spacing-vertical;
padding-right: $spacing-vertical;
margin-left: 0;
margin-right: 0;
}
} }
} }
.sale-level-label .sale-level-label
@ -136,6 +162,55 @@
color: #444; 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 .control-item-img
{ {
a a
@ -145,4 +220,3 @@
line-height: 0; line-height: 0;
} }
} }