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-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

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

@ -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