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

improve style

Browse Source
This commit is contained in:
Quincy Larson
2015-10-07 00:44:46 -07:00
parent 189658d825
commit f7500c4bb0
2 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
server/views/commit/directory.jade
View File

@ -4,18 +4,17 @@ block content
.panel-heading.text-center Commit to one of these nonprofits .panel-heading.text-center Commit to one of these nonprofits
.panel-body .panel-body
.row .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 for nonprofit in nonprofits
.spacer .col-xs-12.col-sm-6.col-md-4.story-section
.row
.text-center .text-center
h2= nonprofit.displayName h2= nonprofit.displayName
.row img.testimonial-image.img-responsive.img-center(src=nonprofit.imgUrl)
.col-xs-12.col-sm-8.col-sm-offset-2 .button-spacer
img.img-responsive.img-center(src=nonprofit.imgUrl) a.text-center(href='/commit?nonprofit=#{nonprofit.name}') Commmit to #{nonprofit.displayName}
p= nonprofit.description p= nonprofit.description
.row .spacer
.col-xs-12.col-sm-8.col-sm-offset-2 .col-xs-12
a.text-center.btn.btn-primary.btn-lg.btn-block(href='/commit?nonprofit=#{nonprofit.name}') Go to #{nonprofit.displayName} a.btn.btn-lg.btn-block.btn-primary.btn-link-social(href='mailto:team@freecodecamp.com?subject=Supporting%20Nonprofits')
.spacer span.ion-email
| Email us about adding your nonprofit here

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

@ -2,36 +2,38 @@ extends ../layout
block content block content
.panel.panel-info .panel.panel-info
.panel-body .panel-body
h3.text-center Commit to yourself. Commit to a nonprofit. h2.text-center Commit to yourself. Commit to a nonprofit.
.row .row
.col-xs-12.col-sm-6.col-sm-offset-3 .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. 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 .row
.col-xs-12.col-sm-6.col-sm-offset-3.text-center .col-xs-12.col-sm-6.col-sm-offset-3.text-center
h4 Pledge to #{displayName} h3 Pledge to #{displayName} 
.spacer .button-spacer
a(href='#{imgUrl}' data-lightbox='img-enlarge' alt='#{imgAlt}') a(href='#{imgUrl}' data-lightbox='img-enlarge' alt='#{imgAlt}')
img.img-responsive(src='#{imgUrl}' alt='#{imgAlt}') img.img-responsive(src='#{imgUrl}' alt='#{imgAlt}')
p= description p.large-p
a(href='/commit/directory') or browse our directory = description
a(href='/commit/directory') ...or see other nonprofits
.spacer .spacer
form.form(name='commit') form.form(name='commit')
.hidden .hidden
input(type='text' value='#{name}' name='nonprofit') input(type='text' value='#{name}' name='nonprofit')
.row .row
.col-xs-12.col-sm-6.col-sm-offset-3 .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') .btn-group.btn-group-justified(data-toggle='buttons' role='group')
label.btn.btn-primary.btn-lg.active label.btn.btn-primary.btn-lg.active
input(type='radio' id=frontEndCert value=frontEndCert name='goal' checked="checked") 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 label.btn.btn-primary.btn-lg
input(type='radio' id=fullStackCert value=fullStackCert name='goal') 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 .spacer
.row .row
.col-xs-12.col-sm-6.col-sm-offset-3 .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') .btn-group.btn-group-justified(data-toggle='buttons' role='group')
label.btn.btn-success label.btn.btn-success
input(type='radio' id='5-dollar-pledge' value='5' name='amount') input(type='radio' id='5-dollar-pledge' value='5' name='amount')
@ -39,6 +41,9 @@ block content
label.btn.btn-success.active label.btn.btn-success.active
input(type='radio' id='10-dollar-pledge' value='10' name='amount' checked="checked") input(type='radio' id='10-dollar-pledge' value='10' name='amount' checked="checked")
| $10 per month | $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 label.btn.btn-success
input(type='radio' id='50-dollar-pledge' value='50' name='amount') input(type='radio' id='50-dollar-pledge' value='50' name='amount')
| $50 per month | $50 per month
@ -46,7 +51,7 @@ block content
.row .row
.col-xs-12.col-sm-6.col-sm-offset-3.text-center .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) a#commit-btn-submit.btn.btn-block.btn-lg.signup-btn(href=donateUrl target='_blank') Commit (and open donate page)
.button-spacer
if pledge if pledge
form.row(name='stop-pledge' action='/commit/stop-commitment' method='post') form.row(name='stop-pledge' action='/commit/stop-commitment' method='post')
.col-xs-12.col-sm-6.col-sm-offset-3.text-center .col-xs-12.col-sm-6.col-sm-offset-3.text-center