From d1c0276f4e76aaa6f1949e44319a3c4504618e4e Mon Sep 17 00:00:00 2001 From: Berkeley Martinez Date: Mon, 5 Oct 2015 23:08:31 -0700 Subject: [PATCH] fix spiffy up the commit form --- server/views/commit/index.jade | 88 ++++++++++++++++------------------ 1 file changed, 41 insertions(+), 47 deletions(-) diff --git a/server/views/commit/index.jade b/server/views/commit/index.jade index ba15d37fc1..9b9cb73834 100644 --- a/server/views/commit/index.jade +++ b/server/views/commit/index.jade @@ -3,52 +3,46 @@ block content .panel.panel-info .panel-body h3.text-center Commit to yourself. Commit to a nonprofit. - .col-xs-12.col-sm-6.col-sm-offset-3 - p Are you looking for a burst of motivation? Do you want to help nonprofits before you’re ready to code for them? You can do both by pledging a monthly donation to a nonprofit until you've earned either your Front End or Full Stack Development certificate. Join Commit below or click "maybe later". - .col-xs-12.col-sm-6.col-sm-offset-3 - h4 Step 1: Choose your goal - .radio - label - input(type='radio' id='front-end-development-certificate' name='goal') - | Front End Development Certificate (takes about 400 hours) - .radio - label - input(type='radio' id='full-stack-development-certificate' name='goal') - | Full Stack Development Certificate (takes about 800 hours) + .row + .col-xs-12.col-sm-6.col-sm-offset-3 + p Are you looking for a burst of motivation? Do you want to help nonprofits before you’re ready to code for them? You can do both by pledging a monthly donation to a nonprofit until you've earned either your Front End or Full Stack Development certificate. Join Commit below or click "maybe later". + .row + .col-xs-12.col-sm-6.col-sm-offset-3.text-center + h4 Our Featured Nonprofit + a(href="http://i.imgur.com/U1CyEuA.jpg" data-lightbox="img-enlarge") + img.img-responsive(src='http://i.imgur.com/U1CyEuA.jpg' alt="Girl Develop It participants coding at tables.") + p Girl Develop It is a nonprofit that provides in-person classes for women to learn to code. .spacer - h4 Step 2: Choose one of our nonprofits + form.form .row - .col-xs-12.col-sm-6 - a(href="http://i.imgur.com/U1CyEuA.jpg" data-lightbox="img-enlarge") - img.img-responsive(src='http://i.imgur.com/U1CyEuA.jpg' alt="Girl Develop It participants coding at tables.") - .radio - label - input(type='radio' id='girl-develop-it' name='nonprofit') - | Girl Develop It is a nonprofit that provides in-person classes for women to learn to code. - .col-xs-12.col-sm-6 - a(href="http://i.imgur.com/NERytFF.jpg" data-lightbox="img-enlarge") - img.img-responsive(src='http://i.imgur.com/NERytFF.jpg' alt="Vets in Tech participants standing together at a conference.") - .radio - label - input(type='radio' id='vets-in-tech' name='nonprofit') - | Vets in Tech is a nonprofit that helps veterans prepare for tech jobs. - .spacer - h4 Step 3: Choose your monthly pledge - .radio - label - input(type='radio' id='5-dollar-pledge' name='pledge-amount') - | $5 per month - .radio - label - input(type='radio' id='10-dollar-pledge' name='pledge-amount') - | $10 per month - .radio - label - input(type='radio' id='50-dollar-pledge' name='pledge-amount') - | $50 per month - - .spacer - a.button.btn.btn-block.btn-primary(href='https://www.paypal.com/us/cgi-bin/webscr?cmd=_flow&SESSION=T3x0DY-bLMFXuhmjYZXs-BhmDoiXfuNh5BWad5VBcMomkkDSZY0b_-_W3HS&dispatch=5885d80a13c0db1f8e263663d3faee8d0b9dcb01a9b6dc564e45f62871326a5e') Commit - .button-spacer - a.button.btn.btn-block.btn-warning(href='/') Maybe later - .spacer + .col-xs-12.col-sm-6.col-sm-offset-3 + h4 Step 1: Choose your goal + .btn-group.btn-group-justified(data-toggle='buttons' role='group') + label.btn.btn-info.active + input(type='radio' id='front-end-development-certificate' name='goal') + | Front End Development Certificate (takes about 400 hours) + label.btn.btn-info + input(type='radio' id='full-stack-development-certificate' name='goal') + | Full Stack Development Certificate (takes about 800 hours) + .spacer + .row + .col-xs-12.col-sm-6.col-sm-offset-3 + h4 Step 2: Choose how much you want to donate each month + .btn-group.btn-group-justified(data-toggle='buttons' role='group') + label.btn.btn-primary + input(type='radio' id='5-dollar-pledge' name='pledge-amount') + | $5 per month + label.btn.btn-primary.active + input(type='radio' id='10-dollar-pledge' name='pledge-amount') + | $10 per month + label.btn.btn-primary + input(type='radio' id='50-dollar-pledge' name='pledge-amount') + | $50 per month + .spacer + .row + .col-xs-12.col-sm-6.col-sm-offset-3 + h4 Step 3: Commit + a.btn.btn-block.btn-primary(href='https://www.girldevelopit.com/donate') Commit + .button-spacer + a.btn.btn-block.btn-warning(href='/') Maybe later + .spacer