codecombat/app/templates/about.jade

426 lines
19 KiB
Text
Raw Normal View History

extends /templates/base-flat
2014-01-03 13:32:13 -05:00
block content
.style-flat(data-spy="scroll", data-target="#nav-container")
.container-fluid#jumbotron
.container
.row
//TODO: Size these correctly
.col-xs-10
h1(data-i18n="about.main_title")
.row
.col-xs-8
h2(data-i18n="about.main_description")
#nav-container
nav#fixed-nav.nav.navbar
.container-fluid.text-center
ul.center-block
li.active
a(href="#mission")#mission-link
small.label(data-i18n="about.mission_link")
li
a(href="#team")#team-link
small.label(data-i18n="about.team_link")
li
a(href="#community")#community-link
small.label(data-i18n="nav.community")
li
a(href="#story")#story-link
small.label(data-i18n="about.story_link")
li
a(href="#jobs")#jobs-link
small.label(data-i18n="nav.careers")
li
a(href="#contact")#contact-link
small.label(data-i18n="about.press_link")
#about-container.container
#mission.anchor.row
.col-sm-6#mission-graphic.responsive-side-margins
img(src="/images/pages/about/globe_white.png")
h2(data-i18n="about.mission_title")
#mission-graphic-filler
.col-sm-5.col-sm-offset-1
#mission-text.responsive-side-margins
p(data-i18n="[html]about.mission_description_1")
p(data-i18n="[html]about.mission_description_2")
#team.anchor
.text-center
h3(data-i18n="about.team_title")
h4.responsive-side-margins(data-i18n="about.team_values")
ul
2016-01-08 13:25:21 -05:00
// Full time
li
a(href="http://www.nickwinter.net" rel="external")
.profile-pic
img(src="/images/pages/about/team-avatars/nick-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/nick-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name
a(href="http://www.nickwinter.net" rel="external") Nick Winter
small(data-i18n="about.nick_title")
small(data-i18n="about.nick_blurb")
li
a(href="http://www.mattlott.com/" rel="external")
.profile-pic
img(src="/images/pages/about/team-avatars/matt-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/matt-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name
a(href="http://www.mattlott.com/" rel="external") Matt Lott
small(data-i18n="about.matt_title")
br
li
a(href="http://cat.zdh.com/" rel="external")
.profile-pic
img(src="/images/pages/about/team-avatars/cat-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/cat-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name
a(href="http://cat.zdh.com/" rel="external") Catherine Weresow
small(data-i18n="about.cat_title")
small(data-i18n="about.cat_blurb")
li
.profile-pic
img(src="/images/pages/about/team-avatars/scott-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/scott-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name Scott Erickson
small(data-i18n="about.scott_title")
small(data-i18n="about.scott_blurb")
li
.profile-pic
img(src="/images/pages/about/team-avatars/maka-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/maka-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name Michael 'Maka' Gradin
small(data-i18n="about.maka_title")
small(data-i18n="about.maka_blurb")
li
a(href="http://basicer.com/" rel="external")
.profile-pic
img(src="/images/pages/about/team-avatars/rob-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/rob-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name
a(href="http://basicer.com/" rel="external") Rob Blanckaert
small(data-i18n="about.rob_title")
small(data-i18n="about.rob_blurb")
li
.profile-pic
img(src="/images/pages/about/team-avatars/josh-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/josh-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name Josh Callebaut
small(data-i18n="about.josh_c_title")
small(data-i18n="about.josh_c_blurb")
li
a(href="http://robinyang.com/" rel="external")
.profile-pic
img(src="/images/pages/about/team-avatars/robin-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/robin-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name
a(href="http://robinyang.com/" rel="external") Robin Yang
small(data-i18n="about.robin_title")
small(data-i18n="about.robin_blurb")
2016-04-21 23:45:13 -04:00
li
.profile-pic
img(src="/images/pages/about/team-avatars/phoenix-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/phoenix-headshot.png").img-thumbnail.headshot
2016-04-21 23:45:13 -04:00
.team-bio
h6.label.team-name Phoenix Eliot
small(data-i18n="about.phoenix_title")
br
li
.profile-pic
img(src="/images/pages/about/team-avatars/nolan-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/nolan-headshot.png").img-thumbnail.headshot
2016-04-21 23:45:13 -04:00
.team-bio
h6.label.team-name Nolan Kelly
small(data-i18n="about.nolan_title")
br
li
.profile-pic
img(src="/images/pages/about/team-avatars/elliot-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/elliot-headshot.png").img-thumbnail.headshot
2016-04-21 23:45:13 -04:00
.team-bio
h6.label.team-name Elliot Okiwelu
small(data-i18n="about.elliot_title")
2016-07-26 18:32:37 -04:00
small(data-i18n="about.elliot_blurb")
2016-06-08 18:46:21 -04:00
li
.profile-pic
img(src="/images/pages/about/team-avatars/lisa-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/lisa-headshot.png").img-thumbnail.headshot
2016-06-08 18:46:21 -04:00
.team-bio
h6.label.team-name Lisa Wu
2016-07-21 12:06:57 -04:00
small(data-i18n="about.lisa_title")
2016-06-08 18:46:21 -04:00
br
li
.profile-pic
img(src="/images/pages/about/team-avatars/sean-avatar.png").img-thumbnail.avatar
img(src="/images/pages/about/team-headshots/sean-headshot.png").img-thumbnail.headshot
.team-bio
h6.label.team-name Sean McNulty
small(data-i18n="about.sean_title")
br
ul
// Part time / contract
li
a(href="http://floor.is/lava/" rel="external")
img(src="/images/pages/about/josh_small.png").img-thumbnail
.team-bio
h6.label.team-name
a(href="http://floor.is/lava/" rel="external") Josh Lee
small(data-i18n="about.josh_title")
small(data-i18n="about.josh_blurb")
li
a(href="https://soundcloud.com/taking-off" rel="external")
img(src="/images/pages/about/jose_small.png").img-thumbnail
.team-bio
h6.label.team-name
a(href="https://soundcloud.com/taking-off" rel="external") Jose Antonini
small(data-i18n="about.jose_title")
small(data-i18n="about.jose_blurb")
li
a(href="http://retrostylegames.com/" rel="external")
img(src="/images/pages/about/pavel_small.png").img-thumbnail
.team-bio
h6.label.team-name
a(href="http://retrostylegames.com/" rel="external") Pavel Konstantinov
small(data-i18n="about.retrostyle_title")
small(data-i18n="about.retrostyle_blurb")
li
a(href="http://retrostylegames.com/" rel="external")
img(src="/images/pages/about/oleg_small.png").img-thumbnail
.team-bio
h6.label.team-name
a(href="http://retrostylegames.com/" rel="external") Oleg Ulyanickiy
small(data-i18n="about.retrostyle_title")
small(data-i18n="about.retrostyle_blurb")
#community.anchor
#community-row-1.row.text-center
.col-sm-12
.text-center
h3(data-i18n="about.community_title")
h4(data-i18n="about.community_subtitle")
img(src="/images/pages/about/github_avatars.png")#community-avatars
#community-row-2.row
.col-sm-5
p.responsive-side-margins
2016-09-08 14:03:36 -04:00
span.spr(data-i18n="about.community_description_3")
a(href="/community")
span(data-i18n="about.community_description_link_2")
span ,
span.spr(data-i18n="about.community_description_1")
a(href="/contribute")
span(data-i18n="about.community_description_link")
span.spl(data-i18n="about.community_description_2")
.col-sm-6.col-sm-offset-1#community-graphic.responsive-side-margins
h2(data-i18n="about.number_contributors")
img(src="/images/pages/about/github.png")
#community-graphic-filler
#story.anchor
.text-center
h3(data-i18n="about.story_title")
h4.responsive-side-margins(data-i18n="about.story_subtitle")
.row
#story-graphic-1.col-lg-6
.media
.pull-left
img.media-object#story-image-1(src="/images/pages/about/character_silouhette.png")
.media-body
.media-heading.text-h1
span(data-i18n="about.story_statistic_1a")
br
span(data-i18n="about.story_statistic_1b")
p.text-h5(data-i18n="about.story_statistic_1c")
.col-lg-5.col-lg-offset-1
#story-graphic-2
.media
p.text-h5(data-i18n="about.story_statistic_2a")
.pull-right
img(src="/images/pages/about/globe_green.png")
.media-body
.media-heading.text-h1(data-i18n="about.story_statistic_2b")
#story-graphic-3.text-center
p
div.text-h5(data-i18n="about.story_statistic_3a")
#story-bracketed-text
div#left-bracket
img(src="/images/pages/about/bracket_left.png")
div.text-h1(data-i18n="about.story_statistic_3b")
div#right-bracket
img(src="/images/pages/about/bracket_right.png")
#story-languages
.text-center
.text-h5(data-i18n="about.story_statistic_3c")
#language-icons.text-center(title="JavaScript, Python, HTML, CSS, jQuery, Bootstrap")
img.hidden-xs(src="/images/pages/about/new_languages.png")
img.hidden-sm.hidden-md.hidden-lg(src="/images/pages/about/new_languages_xs.png")
#story-graphic-4.text-center
p
div.text-h5(data-i18n="about.story_long_way_1")
figure
img(src="/images/pages/about/sketch.png")
figcaption
small(data-i18n="about.story_sketch_caption")
p
.text-h5(data-i18n="about.story_long_way_2")
#jobs.anchor
.text-center
h3(data-i18n="about.jobs_title")
h4(data-i18n="about.jobs_subtitle")
#jobs-row.row
.col-sm-6.col-md-5.col-md-offset-1.col-lg-4.col-lg-offset-0
#benefits
h5(data-i18n="about.jobs_benefits")
ul
li.small
a.benefits-link(href='http://blog.triplebyte.com/fixing-the-inequity-of-startup-equity', data-i18n="about.jobs_benefit_9")
li.small(data-i18n="about.jobs_benefit_6")
li.small(data-i18n="about.jobs_benefit_10")
li.small(data-i18n="about.jobs_benefit_11")
li.small(data-i18n="about.jobs_benefit_4")
li.small(data-i18n="about.jobs_benefit_5")
li.small(data-i18n="about.jobs_benefit_7")
2016-05-05 16:04:27 -04:00
.col-sm-6.col-md-5.col-md-offset-1.col-lg-4.col-lg-offset-0
.job-listing
h5 Curriculum Specialist
.text-center
small.label
| San Francisco/Remote • Contract
p.small We're looking for an enthusiastic educator with hands-on experience teaching computer science who can help us expand our curriculum offerings.
p.small This contractor will focus on empowering teachers who have little to no prior computer science knowledge with the tools to lead students through CodeCombats courses.
a.job-link.btn.btn-lg.btn-navy(href="https://jobs.lever.co/codecombat/2d157b31-0d79-4878-a1d9-e5cb2d25d656" rel="external")
span(data-i18n="about.learn_more")
//- h5 (No Open Roles)
//- p.small Check back later for updates on new positions at CodeCombat.
2016-05-05 16:04:27 -04:00
.col-sm-6.col-md-5.col-lg-4
.job-listing
h5(data-i18n="about.jobs_custom_title")
p.small(data-i18n="about.jobs_custom_description")
p.small
span.spr(data-i18n="about.jobs_custom_contact_1")
a(href="mailto:team@codecombat.com")
| team@codecombat.com
span.spl(data-i18n="about.jobs_custom_contact_2")
#contact.anchor
.text-center
h3(data-i18n="about.contact_title")
h4(data-i18n="about.contact_subtitle")
a(href="mailto:team@codecombat.com") team@codecombat.com
#files
.row
.col-md-6.col-lg-8
#screenshots
span.label(data-i18n="about.screenshots_title")
.hidden-sm.hidden-md.hidden-lg
small(data-i18n="about.screenshots_hint")
#screenshot-grid
a.screen-thumbnail(data-toggle="modal", data-target="#screenshot-lightbox", data-index='0')
img(src="/images/pages/about/screenshot_desert.png")
a.screen-thumbnail(data-toggle="modal", data-target="#screenshot-lightbox", data-index='1')
img(src="/images/pages/about/screenshot_forest.png")
a.screen-thumbnail(data-toggle="modal", data-target="#screenshot-lightbox", data-index='2')
img(src="/images/pages/about/screenshot_dungeon.png")
a.screen-thumbnail(data-toggle="modal", data-target="#screenshot-lightbox", data-index='3')
img(src="/images/pages/about/screenshot_glacier.png")
.clearfix.hidden-xs
small(data-i18n="about.screenshots_hint")
.col-md-6.col-lg-4
#downloads-container
#downloads
.label(data-i18n="about.downloads_title")
ul
li
a.small(href="http://files.codecombat.com/presspack/AboutCodeCombat.pdf")
span(data-i18n="about.about_codecombat")
| (.pdf)
li
a.small(href="http://files.codecombat.com/presspack/CodeCombat-Logo.ai")
span(data-i18n="about.logo")
| (.ai)
li
a.small(href="http://files.codecombat.com/presspack/CodeCombat-Logo.png")
span(data-i18n="about.logo")
| (.png)
li
a.small(href="http://files.codecombat.com/presspack/GameImages.zip")
span(data-i18n="about.screenshots")
| (.zip)
li
a.small(href="http://files.codecombat.com/presspack/gameimages/CodeCombat_Splash.png")
span(data-i18n="about.character_art")
| (.png)
.text-center
a.btn.btn-lg.btn-primary-alt#download-button(href="http://files.codecombat.com/presspack/CodeCombat_PressPack.zip")
span.glyphicon.glyphicon-download-alt
span(data-i18n="about.download_all")
#screenshot-lightbox.modal.fade(data-show="false")
.modal-dialog
.modal-content
#screenshot-carousel.carousel
ol.carousel-indicators
li(data-target=".screenshot-display", data-slide-to="0").active
li(data-target=".screenshot-display", data-slide-to="1")
li(data-target=".screenshot-display", data-slide-to="2")
li(data-target=".screenshot-display", data-slide-to="3")
.carousel-inner
.item.active
img#screenshot-desert(src="/images/pages/about/desert.png")
.item
img#screenshot-forest(src="/images/pages/about/forest.png")
.item
img#screenshot-dungeon(src="/images/pages/about/dungeon.png")
.item
img#screenshot-glacier(src="/images/pages/about/glacier.png")
a#carousel-left.left.carousel-control(href="#screenshot-carousel", role="button")
span.glyphicon.glyphicons-chevron-left.glyphicon-chevron-left(aria-hidden="true")
span.sr-only(data-i18n="about.previous")
a#carousel-right.right.carousel-control(href="#screenshot-carousel", role="button")
span.glyphicon.glyphicons-chevron-right.glyphicon-chevron-right(aria-hidden="true")
span.sr-only(data-i18n="play.next")
#location
.row
.col-sm-4.col-sm-offset-2
p
b CodeCombat Inc.
2016-05-03 19:04:14 -04:00
p 301 Howard Street
p Suite No. 830
2016-06-28 16:58:19 -04:00
p San Francisco, California 94105
a(href="mailto:team@codecombat.com") team@codecombat.com
.col-sm-4
p
b(data-i18n="about.location_title")
2016-05-03 19:04:14 -04:00
iframe(width="370", height="280", frameBorder="2", src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAIGQz3OMbv5YWivScUM86-zESjEgJR2Xo&q=301+Howard+St+Suite+830,+San+Francisco,+CA+94105")