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..94692977 --- /dev/null +++ b/controller/action/CreditActions.class.php @@ -0,0 +1,19 @@ + 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..504c228d --- /dev/null +++ b/model/CreditApi.class.php @@ -0,0 +1,27 @@ + + +
+

+ I18n::formatCurrency($goalAmount)]) ?> + See all goals. +

+
+
+
+
+
+
+ % + funded +
+
\ No newline at end of file diff --git a/view/fund/header.php b/view/fund/header.php new file mode 100644 index 00000000..96e269cc --- /dev/null +++ b/view/fund/header.php @@ -0,0 +1,27 @@ + + +
+
+

Fund LBRY

+
+
+
+

+ + people gave + + 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'), + ]) ?> + +

+
+
+
\ No newline at end of file diff --git a/view/layout/basic.php b/view/layout/basic.php index 09438f9c..ad39cd97 100644 --- a/view/layout/basic.php +++ b/view/layout/basic.php @@ -1,90 +1,91 @@ - - - - - - - - - <?php echo $title ?> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
- - - - -
-
- - + + + + + + + + + <?php echo $title ?> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + +
+
+ + \ No newline at end of file diff --git a/view/nav/footer.php b/view/nav/footer.php index 9405ef50..c7cfd750 100644 --- a/view/nav/footer.php +++ b/view/nav/footer.php @@ -3,6 +3,9 @@
+
+ +
diff --git a/view/nav/globalItems.php b/view/nav/globalItems.php index 467fac47..405aa62b 100644 --- a/view/nav/globalItems.php +++ b/view/nav/globalItems.php @@ -1,24 +1,19 @@ -
- >Get -
-
- >What -
-
- >Why -
-
- >News -
-
- >Team + __('Fund'), + '/get' => __('Get'), + '//blog.lbry.io' => __('News'), + '/learn' => __('Learn') +] as $url => $label): ?> +
+ > +
+ +
+ Twitter
- Twitter + Facebook
- Facebook -
-
- Reddit + Reddit
\ No newline at end of file diff --git a/view/nav/learnFooter.php b/view/nav/learnFooter.php new file mode 100644 index 00000000..87918c43 --- /dev/null +++ b/view/nav/learnFooter.php @@ -0,0 +1,71 @@ +
+
+
+
+

+ + + + + */ ?> + + + + + + + + +
+ + + +
+ + + +
+ + + +
+ +
+
+

+ +
+
+
+
+ +

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-after.php b/view/page/fund-after.php new file mode 100644 index 00000000..a7cfd61c --- /dev/null +++ b/view/page/fund-after.php @@ -0,0 +1,21 @@ + + +
+
+
+
+ Fund LBRY +
+
+
+

Thank You!!!

+

OMG thanks for paying.

+

Here is a unique URL that you can use to refer others. You get 10% bonus credits for anyone who uses it.

+

http://lbry.io/i/butts

+

Here are some details about how to claim them or other things you would want to know.

+
+
+
+
+
+ diff --git a/view/page/fund.php b/view/page/fund.php new file mode 100644 index 00000000..c57cc254 --- /dev/null +++ b/view/page/fund.php @@ -0,0 +1,193 @@ + + + false]) ?> +
+
+
+
+ +

TEST TEST TEST TEST TEST - You probably don't want to be here

+

Current Goal

+
+ +
+

Select Your Level

+ +
    +
    • +
    • +
    • +
+ + +
    +
    • +
    • +
    • +
+ + +
    +
    • +
    • +
    • +
+ + +
    +
    • +
    • +
    • +
    • +
+ + +
    +
    • +
    • +
    • +
    • +
+ + +
+ '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): ?> + +
+

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

+
+
+ +
+
+ +
+
+
+
+

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

+
+

+ +

+

+ + +

+ +
+
+
+

+
+

+ +

+

+
+
+ +

+ +
+
+
+

+
+

+ +

+

+ +

+
+
+
+

+
+

+ '' . __('Learn') . '', + '%address%' => 'fund@lbry.io', + ]) ?> +

+
+
+
+
+
+
+ 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/goals.php b/view/page/goals.php new file mode 100644 index 00000000..9f72d5b5 --- /dev/null +++ b/view/page/goals.php @@ -0,0 +1,42 @@ + + + false]) ?> +
+
+
+ +

+ +

+ +

Core development continues through 2016.

+ + +

Android and iPhone so cool.

+ +
+
+
+ 'Core Development Continues', + 'amount' => 25000, + 'rewardHtml' => $coreDevRewardHtml + ], [ + 'name' => 'Android and iPhone Apps', + 'amount' => 50000, + 'rewardHtml' => $appRewardHtml + ]] as $goal): ?> +
+

+
+
+
+
+
+
+ +
+
+
+
+ diff --git a/view/page/home-new.php b/view/page/home-new.php new file mode 100644 index 00000000..6c367deb --- /dev/null +++ b/view/page/home-new.php @@ -0,0 +1,71 @@ +
+ + + true]) ?> +
+
+
+
+
+

Stream, Share, Earn.

+
+ + +
+ + + others in + + ', $labels) ?> + +
+
+
+ Fund LBRY +
+
+ Learn More +
+
+
+ +
+
+
+
+
LBRY
+
+
+
+ +
+
+
+
+
+
+ +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/home.php b/view/page/home.php index 4c475009..b30031e2 100644 --- a/view/page/home.php +++ b/view/page/home.php @@ -1,36 +1,56 @@ -
- - - true]) ?> -
-
-
-

Watch, Share, Earn.

-
-

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

-
-
- Test LBRY -
-
- Learn More -
-
-
-
- -
-
-
-
-
LBRY
-
-
-
- -
-
-
-
-
+
+ + + true]) ?> +
+
+
+
+
+

Stream, Share, Earn.

+
+ + +
+ + + others in + + ', $labels) ?> + +
+
+
+ Get LBRY +
+
+ Learn More +
+
+
+ +
+
+
+
+
LBRY
+
+
+
+ +
+
+
+
+
+
\ 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..9c2dc801 --- /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 efbb93fc..e939bb8c 100644 --- a/view/page/team.php +++ b/view/page/team.php @@ -1,6 +1,6 @@ + - false]) ?>
@@ -21,7 +21,7 @@
- photo of Jeremy Kauffman + photo of Jeremy Kauffman-

Jeremy Kauffman

Founder, Director
@@ -31,7 +31,10 @@ Jeremy attended Rensselaer Polytechnic Institute, where he received degrees in physics and computer science.

- 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. +

+

+ Jeremy is responsible for the packing, presentation, and strategy of LBRY, as well as some design aspects. He is a longtime BitTorrent community enthusiast.

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

Because graduating from RPI with degrees in physics and computer science is the hip thing to do, Jimmy did the same. - After, he found himself mired in government bureaucracy, spending too much time to get too little done. + After, he found himself mired in government bureaucracy, spending too much time to get too little done.

Ready to work on a project he believed in, Jimmy quit his national security job to start LBRY. @@ -55,7 +58,6 @@ Jimmy is a Bitcoin fanatic and has been since its early days. He has long been interested in the benefits of decentralization.

-
@@ -169,13 +171,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 2ef1b2d6..ef06a733 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 e2c22736..676e0317 100644 --- a/web/js/global.js +++ b/web/js/global.js @@ -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(); + }); + }); + } }); 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 a8c0d990..239edab7 100644 --- a/web/scss/_content.scss +++ b/web/scss/_content.scss @@ -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 diff --git a/web/scss/_cover.scss b/web/scss/_cover.scss index a830c609..df81210e 100644 --- a/web/scss/_cover.scss +++ b/web/scss/_cover.scss @@ -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 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..509ef2a1 --- /dev/null +++ b/web/scss/_sale.scss @@ -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; + } +} 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