improve look of commit views

This commit is contained in:
Quincy Larson
2015-12-09 15:39:36 -06:00
parent 5d1ab89a1a
commit 3b320c8852
4 changed files with 14 additions and 9 deletions

View File

@ -532,10 +532,14 @@ thead {
border-radius: 5px;
}
.story-section {
.height-500 {
height: 500px;
}
.height-300 {
height: 300px;
}
.testimonial-copy {
text-align: justify;
font-size: 18px !important;

View File

@ -6,15 +6,10 @@ block content
.row
.col-xs-12.col-sm-10.col-sm-offset-1
for nonprofit in nonprofits
.col-xs-12.col-sm-6.col-md-4.story-section
.col-xs-12.col-sm-6.col-md-4.height-300
.text-center
h2= nonprofit.displayName
img.testimonial-image.img-responsive.img-center(src=nonprofit.imgUrl)
.button-spacer
a.text-center(href='/commit?nonprofit=#{nonprofit.name}') Commit to #{nonprofit.displayName}
p= nonprofit.description
.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

View File

@ -27,9 +27,15 @@ block content
label.btn.btn-primary.btn-lg.active
input(type='radio' id=frontEndCert value=frontEndCert name='goal' checked="checked")
| Front End Development Certification (takes about 400 hours)
label.btn.btn-primary.btn-lg
input(type='radio' id=fullStackCert value=dataVisCert name='goal')
| Data Visualization Certification (takes about 800 hours)
label.btn.btn-primary.btn-lg
input(type='radio' id=fullStackCert value=backEndCert name='goal')
| Back End Development Certification (takes about 1,200 hours)
label.btn.btn-primary.btn-lg
input(type='radio' id=fullStackCert value=fullStackCert name='goal')
| Full Stack Development Certification (takes about 800 hours)
| Full Stack Development Certification (takes about 2,080 hours)
.spacer
.row
.col-xs-12.col-sm-6.col-sm-offset-3

View File

@ -8,7 +8,7 @@ block content
.row
for story in stories
.col-xs-12.col-sm-6.col-md-4
.story-section
.height-500
a(href=story.linkedin target='_blank')
img.testimonial-image.img-responsive.img-center(src=story.image)
h3.text-center= story.camper