diff --git a/server/views/commit/directory.jade b/server/views/commit/directory.jade index 5ae6aadf4d..2ba3836f30 100644 --- a/server/views/commit/directory.jade +++ b/server/views/commit/directory.jade @@ -4,18 +4,17 @@ block content .panel-heading.text-center Commit to one of these nonprofits .panel-body .row - .col-xs-12.col-sm-6.col-sm-offset-3 + .col-xs-12.col-sm-10.col-sm-offset-1 for nonprofit in nonprofits - .spacer - .row + .col-xs-12.col-sm-6.col-md-4.story-section .text-center h2= nonprofit.displayName - .row - .col-xs-12.col-sm-8.col-sm-offset-2 - img.img-responsive.img-center(src=nonprofit.imgUrl) + img.testimonial-image.img-responsive.img-center(src=nonprofit.imgUrl) + .button-spacer + a.text-center(href='/commit?nonprofit=#{nonprofit.name}') Commmit to #{nonprofit.displayName} p= nonprofit.description - .row - .col-xs-12.col-sm-8.col-sm-offset-2 - a.text-center.btn.btn-primary.btn-lg.btn-block(href='/commit?nonprofit=#{nonprofit.name}') Go to #{nonprofit.displayName} - .spacer - + .spacer + .col-xs-12 + a.btn.btn-lg.btn-block.btn-primary.btn-link-social(href='mailto:team@freecodecamp.com?subject=Supporting%20Nonprofits') + span.ion-email + | Email us about adding your nonprofit here diff --git a/server/views/commit/index.jade b/server/views/commit/index.jade index 8d7a065f33..fae22ee978 100644 --- a/server/views/commit/index.jade +++ b/server/views/commit/index.jade @@ -2,36 +2,38 @@ extends ../layout block content .panel.panel-info .panel-body - h3.text-center Commit to yourself. Commit to a nonprofit. + h2.text-center Commit to yourself. Commit to a nonprofit. .row .col-xs-12.col-sm-6.col-sm-offset-3 p Give yourself external motivation and help nonprofits right away. Pledge a monthly donation to a nonprofit until you’ve earned either your Front End or Full Stack Development Certification. + .row .col-xs-12.col-sm-6.col-sm-offset-3.text-center - h4 Pledge to #{displayName} - .spacer + h3 Pledge to #{displayName}  + .button-spacer a(href='#{imgUrl}' data-lightbox='img-enlarge' alt='#{imgAlt}') img.img-responsive(src='#{imgUrl}' alt='#{imgAlt}') - p= description - a(href='/commit/directory') or browse our directory + p.large-p + = description + a(href='/commit/directory') ...or see other nonprofits .spacer form.form(name='commit') .hidden input(type='text' value='#{name}' name='nonprofit') .row .col-xs-12.col-sm-6.col-sm-offset-3 - h4 Choose your goal: + h3 Choose your goal: .btn-group.btn-group-justified(data-toggle='buttons' role='group') label.btn.btn-primary.btn-lg.active input(type='radio' id=frontEndCert value=frontEndCert name='goal' checked="checked") - | Front End Development Certificate (takes about 400 hours) + | Front End Development Certification (takes about 400 hours) label.btn.btn-primary.btn-lg input(type='radio' id=fullStackCert value=fullStackCert name='goal') - | Full Stack Development Certificate (takes about 800 hours) + | Full Stack Development Certification (takes about 800 hours) .spacer .row .col-xs-12.col-sm-6.col-sm-offset-3 - h4 Choose how much you want to pledge each month: + h3 Choose your monthly pledge: .btn-group.btn-group-justified(data-toggle='buttons' role='group') label.btn.btn-success input(type='radio' id='5-dollar-pledge' value='5' name='amount') @@ -39,6 +41,9 @@ block content label.btn.btn-success.active input(type='radio' id='10-dollar-pledge' value='10' name='amount' checked="checked") | $10 per month + label.btn.btn-success.active + input(type='radio' id='25-dollar-pledge' value='25' name='amount' checked="checked") + | $25 per month label.btn.btn-success input(type='radio' id='50-dollar-pledge' value='50' name='amount') | $50 per month @@ -46,7 +51,7 @@ block content .row .col-xs-12.col-sm-6.col-sm-offset-3.text-center a#commit-btn-submit.btn.btn-block.btn-lg.signup-btn(href=donateUrl target='_blank') Commit (and open donate page) - .button-spacer + if pledge form.row(name='stop-pledge' action='/commit/stop-commitment' method='post') .col-xs-12.col-sm-6.col-sm-offset-3.text-center