diff --git a/controller/Controller.class.php b/controller/Controller.class.php index 3d52ae5b..b4658f8a 100644 --- a/controller/Controller.class.php +++ b/controller/Controller.class.php @@ -39,6 +39,8 @@ class Controller { case '/': return ContentActions::executeHome(); + case '/fund': + return CreditActions::executeFund(); case '/get': return ContentActions::executeGet(); case '/postcommit': diff --git a/controller/action/ContentActions.class.php b/controller/action/ContentActions.class.php index dbd92864..7706f2b2 100644 --- a/controller/action/ContentActions.class.php +++ b/controller/action/ContentActions.class.php @@ -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() diff --git a/controller/action/CreditActions.class.php b/controller/action/CreditActions.class.php new file mode 100644 index 00000000..4fe2dc3b --- /dev/null +++ b/controller/action/CreditActions.class.php @@ -0,0 +1,21 @@ + CreditApi::getTotalDollarSales(), + 'totalPeople' => CreditApi::getTotalPeople(), + 'creditsPerDollar' => CreditApi::getCreditsPerDollar($daysActive), + 'creditsPerDollarTomorrow' => CreditApi::getCreditsPerDollar($daysActive + 1), + ]]; + } +} \ No newline at end of file diff --git a/lib/i18n.class.php b/lib/i18n.class.php index 24df0034..d52eaa9b 100644 --- a/lib/i18n.class.php +++ b/lib/i18n.class.php @@ -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 '' . money_format('%.2n', $amount) . ''; + } + + public static function formatCredits($amount) + { + return '' . number_format($amount, 1) . ' LBC'; } } diff --git a/model/CreditApi.class.php b/model/CreditApi.class.php new file mode 100644 index 00000000..cd0ea598 --- /dev/null +++ b/model/CreditApi.class.php @@ -0,0 +1,25 @@ + - >Get - -
- >What -
-
- >Why -
-
- News -
-
- >Team + __('Fund'), + '/get' => __('Get'), + '//blog.lbry.io' => __('News'), + '/learn' => __('Learn'), +// '/what' => __('What'), +// '/why' => __('Why'), +// '/team' => __('Team') +] as $url => $label): ?> +
+ > +
+ +
+ Twitter
- Twitter + Facebook
- Facebook + Reddit
diff --git a/view/nav/learnFooter.php b/view/nav/learnFooter.php new file mode 100644 index 00000000..ae057aef --- /dev/null +++ b/view/nav/learnFooter.php @@ -0,0 +1,62 @@ +
+
+
+
+

+ + + + + + + + + +
+ + + +
+ + + +
+ +
+
+

+ +
+
+
+
+ +

Not Ready to Get Serious?

+

Join our mailing list for updates about LBRY.

+ +
+ */ ?> \ No newline at end of file diff --git a/view/page/fund.php b/view/page/fund.php new file mode 100644 index 00000000..83057ced --- /dev/null +++ b/view/page/fund.php @@ -0,0 +1,182 @@ + + + false]) ?> +
+
+
+
+
+
+

Fund LBRY

+
+
+
+

+ + have given + + to +
+ + ', [ + __('build a better future'), + __('eliminate corporate middlemen'), + __('keep art alive'), + __('create a more sustainable internet'), + __('protect freedom of speech'), + __('reduce the cost of education'), + ]) ?> + +

+
+
+
+

Select Your Level

+ +
    +
    • +
    • +
    • +
+ + +
    +
    • +
    • +
    • +
+ + +
    +
    • +
    • +
    • +
+ +
+ 'basic', + 'label' => __('Basic'), + 'cost' => 10, + 'rewardHtml' => $basicRewardHtml + ], [ + 'id' => 'standard', + 'label' => __('Standard'), + 'cost' => 25, + 'rewardHtml' => $standardRewardHtml + ], [ + 'id' => 'premium', + 'label' => __('Premium'), + 'cost' => 100, + 'rewardHtml' => $premiumRewardHtml + ]] as $level): ?> +
+

+
+
+
+
+ + +
+
+ i18n::formatCredits($creditFall) + ]) ?> +
+
+
+
+
+
+
+ +
+ +
+
+

+
+
+ +
+
+ +
+
+
+
+

+
+
+ <?php echo __('Pay with Bitcoin') ?> +
+
+ <?php echo __('Pay with PayPal') ?> +
+
+ +
+
+
+
+
+
+

+
+

+ +

+

+ + +

+ +
+
+
+

+
+

+ +

+

+
+
+ +

+ +
+
+
+

+
+

+ +

+

+ +

+
+
+
+

+
+

+ +

+
+
+
+
+
+
+ diff --git a/view/page/get-allowed.php b/view/page/get-allowed.php deleted file mode 100644 index f96bbe4c..00000000 --- a/view/page/get-allowed.php +++ /dev/null @@ -1,65 +0,0 @@ - - false]) ?> - -
-

Get LBRY

-
- This is a pre-release, alpha version of LBRY. It is only designed to show what LBRY makes possible. - Expect future releases to involve a full network reboot of both credits and metadata. -
-
-
-

Install

-
-
-

Windows

-

- If you have a standard Windows install, it will insinuate several times that you are an idiot for following the steps below. - And perhaps you are, but not because this code is dangerous or will harm your computer in any way. Future releases will involve more reputable install steps. -

-
    -
  1. Download this ZIP file.
    2. -
  2. There is no installer. Extract the ZIP to wherever you want the program to reside, such as Program Files.
    3. -
  3. Run lbry.exe.
    4. -
-
-
-

Linux

-
-

The Brave and Lazy

-
    -
  1. Make a folder called lbry where you want everything to reside.
    2. -
  2. Download and run this shell script from that folder.
    3. -
-

The Shrewd and Frivolous

-
    -
  1. Clone and follow the build steps for lbrycrd, a miner for LBRY credits.
    2. -
  2. Clone and follow the build steps for lbry, a console based application for using the LBRY protocol.
    3. -
-
-
-
-

OS X

-
-

OS X Programmers

-

You can attempt to follow the Linux build instructions.

-

Everyone Else

-

Sorry, we do not have an OS X version of LBRY other than source. We promise one will exist sooner rather than later.

-
-
-
-

Test

-

To ensure LBRY is installed correctly, try accessing a piece of content:

-
- lbry://wonderfullife -
-

In the graphical version, this can accessed by typing "wonderfullife" into the address bar and pressing "Go". In the console version, select "[7] Add a stream from a short name".

-
-

Feedback

-

We've prepared a short form for feedback regarding your LBRY experience, available below.

-

We're providing 10,000 LBC (~$100) to the first 500 people who download LBRY and submit their feedback.

-

Provide Your Feedback

-
-
- - diff --git a/view/page/get.php b/view/page/get.php index 29bed6fc..3b52d2e5 100644 --- a/view/page/get.php +++ b/view/page/get.php @@ -3,51 +3,55 @@ false]) ?>
-
-
- +
+
+
+ +
+

+

LBRY is coming out on your favorite platform soon. Join our list to know when.

+ 'Go', + 'listId' => Mailchimp::LIST_GENERAL_ID, + 'mergeFields' => ['CLI' => 'No'], + 'btnClass' => 'btn-alt' + ]) ?>
-

-

LBRY is coming out on your favorite platform soon. Join our list to know when.

- 'Go', - 'listId' => Mailchimp::LIST_GENERAL_ID, - 'mergeFields' => ['CLI' => 'No'], - 'btnClass' => 'btn-alt' - ]) ?>
-
-
- +
+
+
+ +
+

+

Earn early adopter rewards and interact directly with developers via our Alpha client.

+ +
+ 'Go', + 'listId' => Mailchimp::LIST_GENERAL_ID, + 'mergeFields' => ['CLI' => 'Yes'], + 'returnUrl' => '/get?email=1' + ]) ?> +
+
+ Already sign up or really hate sharing your email? Click here. +
+ +
+ +
+
-

-

Earn early adopter rewards and interact directly with developers via our Alpha client.

- -
- 'Go', - 'listId' => Mailchimp::LIST_GENERAL_ID, - 'mergeFields' => ['CLI' => 'Yes'], - 'returnUrl' => '/get?email=1' - ]) ?> -
-
- Already sign up or really hate sharing your email? Click here. -
- -
- -
-
diff --git a/view/page/home.php b/view/page/home.php index 03a85c8a..ec7c1f33 100644 --- a/view/page/home.php +++ b/view/page/home.php @@ -4,22 +4,63 @@ true]) ?>
-
-

Watch, Share, Earn.

-
-

Join a fully distributed network that makes information open to everyone.

-
-
- Get LBRY +
+
+
+

Stream, Share, Earn.

+
+
+
+ + +
+ + + in + + ', $labels) ?> + +
+
+
+ Fund LBRY +
+
+ Learn More +
+
-
- Learn More +
+
+ +
-
- -
+ +Stream, Share, Earn. +
+

Join a fully distributed network that makes information open to everyone.

+
+
+ Get LBRY +
+
+ Learn More +
+
+
+ */ ?> \ No newline at end of file diff --git a/view/page/join-list.php b/view/page/join-list.php new file mode 100644 index 00000000..bb7a5eaf --- /dev/null +++ b/view/page/join-list.php @@ -0,0 +1,37 @@ + + + false ]) ?> +
+
+
+
+

+

+ +

+ 'Subscribe', + 'returnUrl' => '/join-list', + 'listId' => Mailchimp::LIST_GENERAL_ID + ]) ?> +
+ + +
+
+
+

+
+ Twitter +
+
+ Facebook +
+
+ Reddit +
+
+
+
+
+ \ No newline at end of file diff --git a/view/page/learn.php b/view/page/learn.php new file mode 100644 index 00000000..4d7c2d3d --- /dev/null +++ b/view/page/learn.php @@ -0,0 +1,70 @@ + + + false]) ?> +
+
+
+
+

+
+
+ + + +
+

Puts on jargon hat.

+

+ LBRY is a decentralized, censorship-resistant, open-source, peer-to-peer information marketplace and discovery protocol. +

+

Removes jargon hat.

+

+ LBRY is a new way for people to publish and share content with each other. +

+

+ Our goal is to provide a single box that allows anyone anywhere to find and purchase digital content from anyone else. +

+
+ +
+
+
+
+
+
+

+
+

+

+

+

+

+
+
+ +
+
+ +
+
+ Credit SMBC. +
+
+
+
+
+
+
+

+
+

+

+
+
+ +
+ <?php echo __('LBRY Founders') ?> +
+
+
+
+ \ No newline at end of file diff --git a/view/page/team.php b/view/page/team.php index 33981df7..2b83e4b6 100644 --- a/view/page/team.php +++ b/view/page/team.php @@ -1,6 +1,6 @@ + - false]) ?>
@@ -26,10 +26,13 @@

Jeremy Kauffman

Founder, Director

- Because graduating from RPI with degrees in physics and computer science is the hip thing to do, Jeremy did the same. Jeremy is also the founder and CEO of TopScore, a startup that processes millions of dollars monthly in event and activity registrations. + Shortly after graduating from RPI with degrees in physics and computer science, Jeremy founded TopScore. TopScore is a SaaS tool powering tens of millions in event and activity registrations.

- Jeremy has been 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. +

+

+ Jeremy has been responsible for the packing, presentation, and strategy of LBRY, as well as some design aspects. Jeremy is a longtime fan of BitTorrent.

@@ -42,7 +45,7 @@
Founder, Developer

- After graduating from RPI with a degree in physics and computer science, Jimmy found himself mired in government bureaucracy, spending too much time to get too little done. Jimmy has been a Bitcoin fanatic since its early days as well as long been interested in the benefits of decentralization. + Because graduating from RPI with degrees in physics and computer science seemed hip, Jimmy did the same. After, Jimmy found himself mired in government bureaucracy, spending too much time to get too little done.

Ready to work on a project he believed in, Jimmy quit his national security job to start LBRY several months ago. Jimmy created the LBRY protocol and the first LBRY application. @@ -104,13 +107,6 @@

-
-

Not Ready to Get Serious?

-

Join our mailing list for updates about LBRY.

- 'Subscribe', - 'listId' => Mailchimp::LIST_GENERAL_ID - ]) ?> -
+
diff --git a/view/page/what.php b/view/page/what.php index 303b7d40..93f50fec 100644 --- a/view/page/what.php +++ b/view/page/what.php @@ -1,5 +1,5 @@ - + false]) ?>
@@ -53,7 +53,7 @@
-
+

If BitTorrent + BitCoin Had a Baby

@@ -97,10 +97,6 @@
-
-

How do I use it?

-

Get LBRY

-

Or, learn more about why we've created LBRY.

-
+
diff --git a/view/page/why.php b/view/page/why.php index 36a015e1..9b330816 100644 --- a/view/page/why.php +++ b/view/page/why.php @@ -1,3 +1,4 @@ + false]) ?> @@ -99,10 +100,8 @@ LBRY is not about facilitating piracy. 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.

-

Ready to use LBRY?

-

Get LBRY

-

Or, learn about joining the team.

+ 1.

*/ ?> diff --git a/web/img/bitcoin-button-126x48.png b/web/img/bitcoin-button-126x48.png new file mode 100644 index 00000000..f9868593 Binary files /dev/null and b/web/img/bitcoin-button-126x48.png differ diff --git a/web/img/bitcoin-button-huge-trim.png b/web/img/bitcoin-button-huge-trim.png new file mode 100644 index 00000000..33eb42fe Binary files /dev/null and b/web/img/bitcoin-button-huge-trim.png differ diff --git a/web/img/bitcoin-button-huge.png b/web/img/bitcoin-button-huge.png new file mode 100644 index 00000000..695804aa Binary files /dev/null and b/web/img/bitcoin-button-huge.png differ diff --git a/web/img/fb-cover.jpg b/web/img/fb-cover.jpg new file mode 100644 index 00000000..bf092aeb Binary files /dev/null and b/web/img/fb-cover.jpg differ diff --git a/web/img/lbry-white-485x160.png b/web/img/lbry-white-485x160.png new file mode 100644 index 00000000..d8da148a Binary files /dev/null and b/web/img/lbry-white-485x160.png differ diff --git a/web/img/lbry-white-909x300.png b/web/img/lbry-white-909x300.png new file mode 100644 index 00000000..1428e105 Binary files /dev/null and b/web/img/lbry-white-909x300.png differ diff --git a/web/img/lbry-win-ss-783x272.png b/web/img/lbry-win-ss-783x272.png new file mode 100644 index 00000000..417625aa Binary files /dev/null and b/web/img/lbry-win-ss-783x272.png differ diff --git a/web/img/paypal-button-170x32.png b/web/img/paypal-button-170x32.png new file mode 100644 index 00000000..d1fa5b7f Binary files /dev/null and b/web/img/paypal-button-170x32.png differ diff --git a/web/js/global.js b/web/js/global.js index 5ed3f782..9f555aef 100644 --- a/web/js/global.js +++ b/web/js/global.js @@ -16,11 +16,17 @@ 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); //$(window).scroll(onBodyScroll); + if (labelCycles.length) + { + setInterval(refreshLabelCycles,6000); + } + function onAnchorClick() { var anchor = $(this), @@ -96,4 +102,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(); + }); + }); + } }); diff --git a/web/scss/_basic.scss b/web/scss/_basic.scss index 3465efac..03224471 100644 --- a/web/scss/_basic.scss +++ b/web/scss/_basic.scss @@ -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 diff --git a/web/scss/_content.scss b/web/scss/_content.scss index a93cc086..4841593c 100644 --- a/web/scss/_content.scss +++ b/web/scss/_content.scss @@ -3,7 +3,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; @@ -15,7 +25,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 @@ -25,17 +43,10 @@ .meta { - color: #505050; + color: $color-meta-light; } } - &.content-dark - { - color: #e8e8e8; - h1, h2, h3, h4, h5, h6 { color: #fff; } - .meta { color: #dddddd; } - } - p { margin-bottom: $spacing-vertical; diff --git a/web/scss/_cover.scss b/web/scss/_cover.scss index a830c609..b2145e03 100644 --- a/web/scss/_cover.scss +++ b/web/scss/_cover.scss @@ -3,17 +3,30 @@ .cover { @box-sizing(border-box); + width: 100%; .meta-large [class*="icon"] { padding-left: 5px; padding-right: 5px; } } -@media (max-width: $mobile-width-threshold) { - .cover { padding: $spacing-vertical; } +.cover-simple +{ + @box-sizing(border-box); + width: 100%; } -@media (min-width: $mobile-width-threshold) { +@media (max-width: $mobile-width-threshold) { + .cover { padding: $spacing-vertical $spacing-vertical * 2 / 3; } + .cover-title { margin-bottom: $spacing-vertical; } +} +@media (max-width: $max-content-width) and (min-width: $mobile-width-threshold) { + .cover { padding: $spacing-vertical * 2 $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 * 2 $spacing-vertical * 3; } + .cover-column { padding-left: $spacing-vertical * 1.5; padding-right: $spacing-vertical * 1.5; } + .cover-title { margin-bottom: $spacing-vertical * 2; } } .cover-center @@ -27,19 +40,27 @@ .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; + font-size: 3.6em; line-height: 1.4; } .cover-subtitle diff --git a/web/scss/_form.scss b/web/scss/_form.scss index 0f12d62a..49010055 100644 --- a/web/scss/_form.scss +++ b/web/scss/_form.scss @@ -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 diff --git a/web/scss/_global.scss b/web/scss/_global.scss index b30a29fc..8322a03a 100644 --- a/web/scss/_global.scss +++ b/web/scss/_global.scss @@ -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; diff --git a/web/scss/_reset.scss b/web/scss/_reset.scss index 9ad0f9ba..66d0b0f1 100644 --- a/web/scss/_reset.scss +++ b/web/scss/_reset.scss @@ -9,6 +9,7 @@ input:focus, textarea:focus } table { + border-collapse: collapse; border-spacing:0; } fieldset, img, iframe diff --git a/web/scss/_sale.scss b/web/scss/_sale.scss new file mode 100644 index 00000000..b0db0b78 --- /dev/null +++ b/web/scss/_sale.scss @@ -0,0 +1,148 @@ +@import "global"; + +.sale-title-filler +{ + font-size: 0.6em; + color: #ddd; +} +.sale-title-emphasis +{ + font-size: 1.25em; + font-weight: bold; +} + +.sale-call +{ + text-align: center; + padding: $spacing-vertical 30px; + .sale-call-total-people + { + font-weight: bold; + 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 + { + display: block; + font-size: 0.85em; + } + .sale-call-verb + { + margin-bottom: $spacing-vertical / 4; + } + .sale-call-prep + { + margin: $spacing-vertical / 2 0 $spacing-vertical / 4; + } +} +.label-cycle +{ + :not(:first-child) + { + display: none; + } +} + +.sale-level +{ + @include border-radius(5px); + background: #fff; + color: #111; + padding: $spacing-vertical $spacing-vertical / 2; + margin: 0 $spacing-vertical / 2 $spacing-vertical; + cursor: pointer; + position: relative; + &: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; +} + +.control-item-img +{ + a + { + display: inline-block; + height: $spacing-vertical * 2; + line-height: 0; + } +} + diff --git a/web/scss/all.scss b/web/scss/all.scss index e2efd4db..3b44fedb 100644 --- a/web/scss/all.scss +++ b/web/scss/all.scss @@ -8,4 +8,5 @@ @import "content"; @import "cover"; @import "hero"; -@import "header"; \ No newline at end of file +@import "header"; +@import "sale"; \ No newline at end of file