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

88
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.
.col-xs-12.col-sm-6.col-sm-offset-3 .row
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
.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".
h4 Step 1: Choose your goal .row
.radio .col-xs-12.col-sm-6.col-sm-offset-3.text-center
label h4 Our Featured Nonprofit
input(type='radio' id='front-end-development-certificate' name='goal') a(href="http://i.imgur.com/U1CyEuA.jpg" data-lightbox="img-enlarge")
| Front End Development Certificate (takes about 400 hours) img.img-responsive(src='http://i.imgur.com/U1CyEuA.jpg' alt="Girl Develop It participants coding at tables.")
.radio p Girl Develop It is a nonprofit that provides in-person classes for women to learn to code.
label
input(type='radio' id='full-stack-development-certificate' name='goal')
| Full Stack Development Certificate (takes about 800 hours)
.spacer .spacer
h4 Step 2: Choose one of our nonprofits form.form
.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 1: Choose your goal
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-info.active
label input(type='radio' id='front-end-development-certificate' name='goal')
input(type='radio' id='girl-develop-it' name='nonprofit') | Front End Development Certificate (takes about 400 hours)
| Girl Develop It is a nonprofit that provides in-person classes for women to learn to code. label.btn.btn-info
.col-xs-12.col-sm-6 input(type='radio' id='full-stack-development-certificate' name='goal')
a(href="http://i.imgur.com/NERytFF.jpg" data-lightbox="img-enlarge") | Full Stack Development Certificate (takes about 800 hours)
img.img-responsive(src='http://i.imgur.com/NERytFF.jpg' alt="Vets in Tech participants standing together at a conference.") .spacer
.radio .row
label .col-xs-12.col-sm-6.col-sm-offset-3
input(type='radio' id='vets-in-tech' name='nonprofit') h4 Step 2: Choose how much you want to donate each month
| Vets in Tech is a nonprofit that helps veterans prepare for tech jobs. .btn-group.btn-group-justified(data-toggle='buttons' role='group')
.spacer label.btn.btn-primary
h4 Step 3: Choose your monthly pledge input(type='radio' id='5-dollar-pledge' name='pledge-amount')
.radio | $5 per month
label label.btn.btn-primary.active
input(type='radio' id='5-dollar-pledge' name='pledge-amount') input(type='radio' id='10-dollar-pledge' name='pledge-amount')
| $5 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='10-dollar-pledge' name='pledge-amount') | $50 per month
| $10 per month .spacer
.radio .row
label .col-xs-12.col-sm-6.col-sm-offset-3
input(type='radio' id='50-dollar-pledge' name='pledge-amount') h4 Step 3: Commit
| $50 per month a.btn.btn-block.btn-primary(href='https://www.girldevelopit.com/donate') Commit
.button-spacer
.spacer a.btn.btn-block.btn-warning(href='/') Maybe later
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 .spacer
.button-spacer
a.button.btn.btn-block.btn-warning(href='/') Maybe later
.spacer