2016-02-16 12:57:58 -05:00
extends /templates/base-flat
2014-01-03 13:32:13 -05:00
block content
2016-02-16 12:57:58 -05:00
.style-flat(data-spy="scroll", data-target="#nav-container")
.container-fluid#jumbotron
.container
.row
//TODO: Size these correctly
.col-xs-10
2016-02-25 10:48:29 -05:00
h1(data-i18n="about.main_title")
2016-02-16 12:57:58 -05:00
.row
.col-xs-8
2016-02-25 10:48:29 -05:00
h2(data-i18n="about.main_description")
2016-02-16 12:57:58 -05:00
#nav-container
nav#fixed-nav.nav.navbar
.container-fluid.text-center
ul.center-block
li.active
2016-02-25 10:48:29 -05:00
a(href="#mission")#mission-link
2016-02-16 12:57:58 -05:00
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="about.community_link")
li
a(href="#story")#story-link
small.label(data-i18n="about.story_link")
li
a(href="#jobs")#jobs-link
2016-02-25 10:48:29 -05:00
small.label(data-i18n="about.careers_link")
2016-02-16 12:57:58 -05:00
li
a(href="#contact")#contact-link
2016-02-25 10:48:29 -05:00
small.label(data-i18n="about.press_link")
2016-02-16 12:57:58 -05:00
#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
2016-02-29 18:16:09 -05:00
p(data-i18n="[html]about.mission_description_1")
p(data-i18n="[html]about.mission_description_2")
2016-02-16 12:57:58 -05:00
#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
2016-02-16 12:57:58 -05:00
li
a(href="http://www.nickwinter.net" rel="external")
img(src="/images/pages/about/nick_small.png").img-thumbnail
.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")
img(src="/images/pages/about/matt_small.png").img-thumbnail
.team-bio
h6.label.team-name
a(href="http://www.mattlott.com/" rel="external") Matt Lott
small(data-i18n="about.matt_title")
2016-02-29 18:16:09 -05:00
br
2016-02-16 12:57:58 -05:00
li
a(href="http://cat.zdh.com/" rel="external")
img(src="/images/pages/about/cat_small.png").img-thumbnail
.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
img(src="/images/pages/about/scott_small.png").img-thumbnail
.team-bio
h6.label.team-name Scott Erickson
small(data-i18n="about.scott_title")
small(data-i18n="about.scott_blurb")
li
img(src="/images/pages/about/maka_small.png").img-thumbnail
.team-bio
h6.label.team-name Michael 'Maka' Gradin
small(data-i18n="about.maka_title")
small(data-i18n="about.maka_blurb")
2016-02-25 10:48:29 -05:00
li
2016-02-16 12:57:58 -05:00
a(href="http://basicer.com/" rel="external")
img(src="/images/pages/about/rob_small.png").img-thumbnail
.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
img(src="/images/pages/about/josh_c_small.png").img-thumbnail
.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")
img(src="/images/pages/about/robin_small.png").img-thumbnail
.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")
// 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
2016-02-25 10:48:29 -05:00
2016-02-16 12:57:58 -05:00
#community-row-2.row
.col-sm-5
p.responsive-side-margins
2016-02-25 10:48:29 -05:00
span.spr(data-i18n="about.community_description_1")
a(href="/contribute")
2016-02-16 12:57:58 -05:00
span(data-i18n="about.community_description_link")
2016-02-25 10:48:29 -05:00
span.spl(data-i18n="about.community_description_2")
2016-02-16 12:57:58 -05:00
.col-sm-6.col-sm-offset-1#community-graphic.responsive-side-margins
2016-02-25 10:48:29 -05:00
h2(data-i18n="about.number_contributors")
2016-02-16 12:57:58 -05:00
img(src="/images/pages/about/github.png")
#community-graphic-filler
2016-02-25 10:48:29 -05:00
2016-02-16 12:57:58 -05:00
#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
2016-02-25 10:48:29 -05:00
img.media-object#story-image-1(src="/images/pages/about/character_silouhette.png")
2016-02-16 12:57:58 -05:00
.media-body
.media-heading.text-h1
span(data-i18n="about.story_statistic_1a")
br
span(data-i18n="about.story_statistic_1b")
2016-02-25 10:48:29 -05:00
p.text-h5(data-i18n="about.story_statistic_1c")
2016-02-16 12:57:58 -05:00
.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")
2016-02-25 10:48:29 -05:00
2016-02-16 12:57:58 -05:00
#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")
2016-02-29 18:16:09 -05:00
#language-icons.text-center(title="Clojure, CoffeeScript, JavaScript, Python, Java, Lua")
2016-02-25 10:48:29 -05:00
img.hidden-xs(src="/images/pages/about/languages.png")
img.hidden-sm.hidden-md.hidden-lg(src="/images/pages/about/languages_group1.png")
img.hidden-sm.hidden-md.hidden-lg(src="/images/pages/about/languages_group2.png")
2016-02-16 12:57:58 -05:00
#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")
2016-02-25 10:48:29 -05:00
2016-02-16 12:57:58 -05:00
#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
2016-04-05 09:29:03 -04:00
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")
2016-04-05 13:14:51 -04:00
li.small(data-i18n="about.jobs_benefit_10")
li.small(data-i18n="about.jobs_benefit_11")
2016-02-16 12:57:58 -05:00
li.small(data-i18n="about.jobs_benefit_4")
li.small(data-i18n="about.jobs_benefit_5")
2016-04-05 09:29:03 -04:00
li.small(data-i18n="about.jobs_benefit_7")
2016-02-16 12:57:58 -05:00
.col-sm-6.col-md-5.col-lg-4
2016-04-05 09:29:03 -04:00
2016-02-16 12:57:58 -05:00
.job-listing
2016-04-05 09:29:03 -04:00
h5 Marketing Manager
2016-02-16 12:57:58 -05:00
.text-center
small.label
2016-02-25 13:28:45 -05:00
| San Francisco • Fulltime
2016-04-05 09:29:03 -04:00
p.small We're looking for an amazing marketer to help us fill our funnel and keep the pipeline growing. As our Marketing Manager, you'll be responsible for driving traffic to our website through content creation and converting those visitors into leads and customers using both automated and personalized content.
a.job-link.btn.btn-lg.btn-navy(href="https://jobs.lever.co/codecombat/1033ec13-d4a0-498d-99e0-628afdb56fb5" rel="external")
2016-02-25 10:48:29 -05:00
span(data-i18n="about.learn_more")
2016-02-29 18:16:09 -05:00
.col-sm-6.col-md-5.col-md-offset-1.col-lg-4.col-lg-offset-0
2016-02-16 12:57:58 -05:00
.job-listing
h5(data-i18n="about.jobs_custom_title")
p.small(data-i18n="about.jobs_custom_description")
p.small
2016-02-25 10:48:29 -05:00
span.spr(data-i18n="about.jobs_custom_contact_1")
2016-02-16 12:57:58 -05:00
a(href="mailto:team@codecombat.com")
2016-02-25 10:48:29 -05:00
| team@codecombat.com
span.spl(data-i18n="about.jobs_custom_contact_2")
2016-02-16 12:57:58 -05:00
#contact.anchor
.text-center
h3(data-i18n="about.contact_title")
h4(data-i18n="about.contact_subtitle")
2016-02-25 10:48:29 -05:00
a(href="mailto:team@codecombat.com") team@codecombat.com
2016-02-16 12:57:58 -05:00
#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")
2016-02-25 10:48:29 -05:00
2016-02-16 12:57:58 -05:00
#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")
2016-02-25 10:48:29 -05:00
2016-02-16 12:57:58 -05:00
.carousel-inner
.item.active
2016-02-25 10:48:29 -05:00
img#screenshot-desert(src="/images/pages/about/desert.png")
2016-02-16 12:57:58 -05:00
.item
2016-02-25 10:48:29 -05:00
img#screenshot-forest(src="/images/pages/about/forest.png")
2016-02-16 12:57:58 -05:00
.item
2016-02-25 10:48:29 -05:00
img#screenshot-dungeon(src="/images/pages/about/dungeon.png")
2016-02-16 12:57:58 -05:00
.item
2016-02-25 10:48:29 -05:00
img#screenshot-glacier(src="/images/pages/about/glacier.png")
2016-02-16 12:57:58 -05:00
a#carousel-left.left.carousel-control(href="#screenshot-carousel", role="button")
span.glyphicon.glyphicons-chevron-left.glyphicon-chevron-left(aria-hidden="true")
2016-02-25 10:48:29 -05:00
span.sr-only(data-i18n="about.previous")
2016-02-16 12:57:58 -05:00
a#carousel-right.right.carousel-control(href="#screenshot-carousel", role="button")
span.glyphicon.glyphicons-chevron-right.glyphicon-chevron-right(aria-hidden="true")
2016-02-25 10:48:29 -05:00
span.sr-only(data-i18n="about.next")
2016-02-16 12:57:58 -05:00
#location
.row
.col-sm-4.col-sm-offset-2
p
b CodeCombat Inc.
p 360 3rd St.
p Suite 700 (Livefyre)
p San Francisco, CA 94107
a(href="mailto:team@codecombat.com") team@codecombat.com
.col-sm-4
p
b(data-i18n="about.location_title")
iframe(width="370", height="280", frameBorder="2", src="https://www.google.com/maps/embed/v1/place?key=AIzaSyAIGQz3OMbv5YWivScUM86-zESjEgJR2Xo&q=360+3rd+St+Suite+700,+San+Francisco,+CA+94107")
