codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-11-30 19:06:59 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update /schools fonts

Browse source
This commit is contained in:
Matt Lott 2015-12-15 05:57:46 -08:00 committed by Rob
parent 646aa56716
commit 8837d042ab
2 changed files with 64 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
app/styles/sales-view.sass
View file

@ -1,6 +1,9 @@
#sales-view #sales-view
background-color: #F5F5F5 background-color: #F5F5F5
font-family: Helvetica, sans-serif
font-size: 15px
line-height: 20px
// TODO: better way to remove content styling? // TODO: better way to remove content styling?
#site-content-area #site-content-area
@ -13,7 +16,7 @@
.btn-contact-us .btn-contact-us
background-color: #3878DE background-color: #3878DE
color: #F5F5F5 color: #FFFFFF
font-size: 20px font-size: 20px
margin-top: 20px margin-top: 20px
padding: 20px padding: 20px
@ -22,7 +25,7 @@
.btn-create-account .btn-create-account
background-color: #09AC48 background-color: #09AC48
color: #F5F5F5 color: #FFFFFF
display: inline-block display: inline-block
font-size: 20px font-size: 20px
margin: 10px margin: 10px
@ -31,7 +34,7 @@
text-transform: uppercase text-transform: uppercase
.btn-login-account .btn-login-account
color: #F5F5F5 color: #FFFFFF
text-decoration: underline text-decoration: underline
.btn-setup-class .btn-setup-class
@ -58,15 +61,26 @@
#top-page-content #top-page-content
background-image: url('/images/pages/sales/hero_background.png') background-image: url('/images/pages/sales/hero_background.png')
background-size: cover background-size: cover
color: #F5F5F5 color: #FFFFFF
#top-amazing-quote-container .hero-quote-container
margin: 20px margin: 20px
width: 60% width: 60%
#top-amazing-quote
font-size: 40px .hero-quote
#top-amazing-quote-attribution font-family: Merriweather
font-size: 18px font-size: 30px
font-weight: 700
color: #FFFFFF
line-height: 37px
.hero-quote-attribution
font-family: Helvetica, sans-serif
font-style: italic
font-size: 13px
color: #FFFFFF
line-height: 16px
margin-right: 100px
text-align: right text-align: right
#down-arrow #down-arrow
@ -92,6 +106,13 @@
img img
width: 100% width: 100%
.img-caption
font-family: Helvetica, sans-serif
font-style: italic
font-size: 11px
color: #727272
line-height: 13px
.img-face .img-face
background-color: #f0e5c7 background-color: #f0e5c7
border-radius: 50% border-radius: 50%
@ -101,17 +122,23 @@
.img-game .img-game
width: 100% width: 100%
.hero-quote .teacher-quote
font-family: Merriweather font-family: Merriweather
font-size: 19px font-weight: 300
font-size: 18px
line-height: 20px
.teacher-name
font-family: Helvetica, sans-serif
font-weight: 700 font-weight: 700
font-size: 16px
line-height: 19px line-height: 19px
.hero-quote-attribution .teacher-location
font-family: Helvetica, sans-serif font-family: Helvetica, sans-serif
font-style: italic font-style: italic
font-size: 13px font-size: 12px
line-height: 16px line-height: 14px
#quote1-container #quote1-container
background-image: url('/images/pages/sales/quote1.png') background-image: url('/images/pages/sales/quote1.png')
@ -132,14 +159,17 @@
padding: 12px padding: 12px
margin-left: 10px margin-left: 10px
.hero-quote .teacher-quote
margin-top: 60px margin-top: 60px
.hero-quote-attribution .hero-quote-attribution
margin-top: 20px margin-top: 20px
.twitter-text .twitter-attribution
font-family: Helvetica
font-weight: 700
font-size: 11px
line-height: 14px
color: black color: black
display: inline-block display: inline-block
font-weight: bold
text-decoration: none text-decoration: none

34
app/templates/sales-view.jade
View file

@ -11,9 +11,9 @@ block content
img(src='/images/pages/sales/chat_icon.png') img(src='/images/pages/sales/chat_icon.png')
span.spl contact us for pricing and free trial span.spl contact us for pricing and free trial
#top-amazing-quote-container .hero-quote-container
#top-amazing-quote "CodeCombat is without question the most engaging platform for learning programming languages." .hero-quote "CodeCombat is without question the most engaging platform for learning programming languages."
#top-amazing-quote-attribution Jonathan P., Elementary Computers Teacher .hero-quote-attribution Jonathan P., Elementary Computers Teacher
.text-center .text-center
a.btn-create-account set up a free class a.btn-create-account set up a free class
@ -92,27 +92,25 @@ block content
tr tr
td td
#quote1-container #quote1-container
.hero-quote .teacher-quote
span.spr "My class had been struggling with the basics of Python all year. Today they were having fun and getting into it span.spr "My class had been struggling with the basics of Python all year. Today they were having fun and getting into it
strong - I think they actually forgot that they were actually learning something." strong - I think they actually forgot that they were actually learning something."
.row .row
.col-md-4 .col-md-4
.col-md-8 .col-md-8
.hero-quote-attribution .hero-quote-attribution
div .teacher-name Tim M.
strong Tim M. .teacher-location Director of Technology, Tilton School
div Director of Technology, Tilton School
td td
#quote2-container #quote2-container
.row .row
.col-md-8 .col-md-8
.hero-quote-attribution .hero-quote-attribution
.text-right .teacher-name.text-right Darlease M.
strong Darlease M. .teacher-location.text-right Technology Coordinator,
.text-right Technology Coordinator, .teacher-location.text-right Global Learning Charter Public School
.text-right Global Learning Charter Public School
.col-md-4 .col-md-4
.hero-quote .teacher-quote
span.spr "My girls, who were apprehensive about taking a coding class, ar some of my top students. span.spr "My girls, who were apprehensive about taking a coding class, ar some of my top students.
strong They work together and explain the code to each other to make sure each understands." strong They work together and explain the code to each other to make sure each understands."
br br
@ -125,19 +123,19 @@ block content
.text-right .text-right
a(href='https://twitter.com/flinng/status/674238468747354112') a(href='https://twitter.com/flinng/status/674238468747354112')
img(src='/images/twitter_icon.png') img(src='/images/twitter_icon.png')
span.twitter-text @flinng span.twitter-attribution @flinng
td td
img(src='/images/pages/sales/classroom4.png') img(src='/images/pages/sales/classroom4.png')
.text-right .text-right
a(href='https://twitter.com/HikariKishi/status/674359511566577664') a(href='https://twitter.com/HikariKishi/status/674359511566577664')
img(src='/images/twitter_icon.png') img(src='/images/twitter_icon.png')
span.twitter-text @HikariKishi span.twitter-attribution @HikariKishi
td td
img(src='/images/pages/sales/classroom2.png') img(src='/images/pages/sales/classroom2.png')
.text-right .text-right
a(href='https://twitter.com/Coderdojovno/status/675743290461941760') a(href='https://twitter.com/Coderdojovno/status/675743290461941760')
img(src='/images/twitter_icon.png') img(src='/images/twitter_icon.png')
span.twitter-text @Coderdojovno span.twitter-attribution @Coderdojovno
table(cellpadding=4) table(cellpadding=4)
tr tr
td td
@ -145,19 +143,19 @@ block content
.text-right .text-right
a(href='https://twitter.com/teachercoulter/status/674734565487828992') a(href='https://twitter.com/teachercoulter/status/674734565487828992')
img(src='/images/twitter_icon.png') img(src='/images/twitter_icon.png')
span.twitter-text @teachercoulter span.twitter-attribution @teachercoulter
td td
img(src='/images/pages/sales/classroom1.png') img(src='/images/pages/sales/classroom1.png')
.text-right .text-right
a(href='https://twitter.com/CentreHigh/status/674643613360324608') a(href='https://twitter.com/CentreHigh/status/674643613360324608')
img(src='/images/twitter_icon.png') img(src='/images/twitter_icon.png')
span.twitter-text @CentreHigh span.twitter-attribution @CentreHigh
td td
img(src='/images/pages/sales/classroom5.png') img(src='/images/pages/sales/classroom5.png')
.text-right .text-right
a(href='https://twitter.com/MrsYassen_GRE/status/674747949902090244') a(href='https://twitter.com/MrsYassen_GRE/status/674747949902090244')
img(src='/images/twitter_icon.png') img(src='/images/twitter_icon.png')
span.twitter-text @MrsYassen_GRE span.twitter-attribution @MrsYassen_GRE
br br
p.blurb-subtitle Facts about CodeCombat: p.blurb-subtitle Facts about CodeCombat: