gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix spiffy up the commit form

Browse Source
This commit is contained in:
Berkeley Martinez
2015-10-05 23:08:31 -07:00
parent 3f96490aff
commit d1c0276f4e
1 changed files with 41 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
server/views/commit/index.jade
View File

@ -3,52 +3,46 @@ block content
.panel.panel-info .panel.panel-info
.panel-body .panel-body
h3.text-center Commit to yourself. Commit to a nonprofit. h3.text-center Commit to yourself. Commit to a nonprofit.
.row
.col-xs-12.col-sm-6.col-sm-offset-3 .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". 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
form.form
.row
.col-xs-12.col-sm-6.col-sm-offset-3 .col-xs-12.col-sm-6.col-sm-offset-3
h4 Step 1: Choose your goal h4 Step 1: Choose your goal
.radio .btn-group.btn-group-justified(data-toggle='buttons' role='group')
label label.btn.btn-info.active
input(type='radio' id='front-end-development-certificate' name='goal') input(type='radio' id='front-end-development-certificate' name='goal')
| Front End Development Certificate (takes about 400 hours) | Front End Development Certificate (takes about 400 hours)
.radio label.btn.btn-info
label
input(type='radio' id='full-stack-development-certificate' name='goal') input(type='radio' id='full-stack-development-certificate' name='goal')
| Full Stack Development Certificate (takes about 800 hours) | Full Stack Development Certificate (takes about 800 hours)
.spacer .spacer
h4 Step 2: Choose one of our nonprofits
.row .row
.col-xs-12.col-sm-6 .col-xs-12.col-sm-6.col-sm-offset-3
a(href="http://i.imgur.com/U1CyEuA.jpg" data-lightbox="img-enlarge") h4 Step 2: Choose how much you want to donate each month
img.img-responsive(src='http://i.imgur.com/U1CyEuA.jpg' alt="Girl Develop It participants coding at tables.") .btn-group.btn-group-justified(data-toggle='buttons' role='group')
.radio label.btn.btn-primary
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') input(type='radio' id='5-dollar-pledge' name='pledge-amount')
| $5 per month | $5 per month
.radio label.btn.btn-primary.active
label
input(type='radio' id='10-dollar-pledge' name='pledge-amount') input(type='radio' id='10-dollar-pledge' name='pledge-amount')
| $10 per month | $10 per month
.radio label.btn.btn-primary
label
input(type='radio' id='50-dollar-pledge' name='pledge-amount') input(type='radio' id='50-dollar-pledge' name='pledge-amount')
| $50 per month | $50 per month
.spacer .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 .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 .button-spacer
a.button.btn.btn-block.btn-warning(href='/') Maybe later a.btn.btn-block.btn-warning(href='/') Maybe later
.spacer .spacer