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

improve look of commit views

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
client/less/main.less
View File

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

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

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

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

@ -27,9 +27,15 @@ block content
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 Certification (takes about 400 hours) | 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 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 Certification (takes about 800 hours) | Full Stack Development Certification (takes about 2,080 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

2
server/views/resources/stories.jade
View File

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