mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2025-03-14 07:00:01 -04:00
Made some updates to the community page.
This commit is contained in:
Nick Winter
parent
7844a2b987
commit
0084b64d67
4 changed files with 105 additions and 80 deletions
|
|
@ -524,11 +524,16 @@
|
|||
clas: "CLAs"
|
||||
|
||||
community:
|
||||
level_editor: "Level Editor"
|
||||
main_title: "CodeCombat Community"
|
||||
facebook: "Facebook"
|
||||
twitter: "Twitter"
|
||||
gplus: "Google+"
|
||||
introduction: "Check out the ways you can get involved below and decide what sounds the most fun. We look forward to working with you!"
|
||||
level_editor_prefix: "Use the CodeCombat"
|
||||
level_editor_suffix: "to create and edit levels. Users have created levels for their classes, friends, hackathons, students, and siblings. If create a new level sounds intimidating you can start by forking one of ours!"
|
||||
thang_editor_prefix: "We call units within the game 'thangs'. Use the"
|
||||
thang_editor_suffix: "to modify the CodeCombat source artwork. Allow units to throw projectiles, alter the direction of an animation, change a unit's hit points, or upload your own vector sprites."
|
||||
article_editor_prefix: "See a mistake in some of our docs? Want to make some instructions for your own creations? Check out the"
|
||||
article_editor_suffix: "and help CodeCombat players get the most out of their playtime."
|
||||
find_us: "Find us on these sites"
|
||||
contribute_to_the_project: "Contribute to the project"
|
||||
|
||||
editor:
|
||||
main_title: "CodeCombat Editors"
|
||||
|
|
|
|||
|
|
@ -1,24 +1,34 @@
|
|||
@import "bootstrap/variables"
|
||||
@import "bootstrap/mixins"
|
||||
|
||||
#community-view
|
||||
|
||||
.community-columns
|
||||
width: 330px
|
||||
float: left
|
||||
padding-left: 10px
|
||||
padding-right: 10px
|
||||
|
||||
.half-width
|
||||
width: 50%
|
||||
height: 175px
|
||||
float: left
|
||||
|
||||
.logo-row
|
||||
padding-top: 10px
|
||||
width: 80%
|
||||
margin: 0 auto
|
||||
|
||||
.logo-row img
|
||||
height: 50px
|
||||
margin: 7px
|
||||
|
||||
.lower-titles
|
||||
text-align: center
|
||||
|
||||
.community_columns
|
||||
width: 330px
|
||||
float: left
|
||||
padding-left: 10px
|
||||
padding-right: 10px
|
||||
|
||||
.half_width
|
||||
width: 50%
|
||||
height: 175px
|
||||
float: left
|
||||
|
||||
.logo_row
|
||||
padding-top: 10px
|
||||
width: 80%
|
||||
margin: 0 auto
|
||||
|
||||
.logo_row img
|
||||
height: 50px
|
||||
margin: 7px
|
||||
|
||||
.lower_titles
|
||||
text-align: center
|
||||
img
|
||||
border-radius: 20px
|
||||
@include transition( (background-color 0.2s linear, box-shadow 0.2s linear) )
|
||||
&:hover
|
||||
background-color: #7abee3
|
||||
box-shadow: 0 0 20px #7abee3
|
||||
|
|
|
|||
|
|
@ -4,96 +4,91 @@ block content
|
|||
|
||||
h1(data-i18n="community.main_title") Community
|
||||
|
||||
p Check out the ways you can get involved below, decide what sounds the most fun, and we look forward to working with you!
|
||||
p(data-i18n="community.introduction") Check out the ways you can get involved below and decide what sounds the most fun. We look forward to working with you!
|
||||
|
||||
div
|
||||
|
||||
.community_columns
|
||||
|
||||
.community-columns
|
||||
a(href="/editor/level")
|
||||
img(src="/images/pages/community/level.png")
|
||||
|
||||
h2
|
||||
a.spl(href="/editor/level", data-i18n="community.level_editor")
|
||||
|
||||
p Use the CodeCombat
|
||||
a.spl(href="/editor/level", data-i18n="community.level_editor")
|
||||
| to create and edit levels. Users have created levels for their classes, friends, hackathons, students, and siblings. If create a new level sounds intimidating you can start by forking one of ours!
|
||||
|
||||
.community_columns
|
||||
a.spl(href="/editor/level", data-i18n="editor.level_title")
|
||||
p
|
||||
span(data-i18n="community.level_editor_prefix") Use the CodeCombat
|
||||
a.spl.spr(href="/editor/level", data-i18n="editor.level_title")
|
||||
span(data-i18n="community.level_editor_suffix") to create and edit levels. Users have created levels for their classes, friends, hackathons, students, and siblings. If create a new level sounds intimidating you can start by forking one of ours!
|
||||
|
||||
.community-columns
|
||||
a(href="/editor/thang")
|
||||
img(src="/images/pages/community/thang.png")
|
||||
|
||||
|
||||
h2
|
||||
a.spl(href="/editor/thang", data-i18n="editor.thang_title")
|
||||
p
|
||||
span(data-i18n="community.thang_editor_prefix") We call units within the game 'thangs'. Use the
|
||||
a.spl.spr(href="/editor/thang", data-i18n="editor.thang_title")
|
||||
span(data-i18n="community.level_editor_suffix") to modify the CodeCombat source artwork. Allow units to throw projectiles, alter the direction of an animation, change a unit's hit points, or upload your own vector sprites.
|
||||
|
||||
p We call items within the game "thangs." Use the
|
||||
a.spl(href="/editor/thang", data-i18n="editor.thang_title")
|
||||
| to modify the CodeCombat source artwork. Allow units to throw projectiles, alter the direction of an animation, change a unit's hit points, or upload your own JS art.
|
||||
|
||||
.community_columns
|
||||
|
||||
.community-columns
|
||||
a(href="/editor/article")
|
||||
img(src="/images/pages/community/article.png")
|
||||
|
||||
h2
|
||||
a.spl(href="/editor/level", data-i18n="editor.article_title")
|
||||
|
||||
p See a mistake in some of our docs? Want to make some instructions for your own creations? Check out the
|
||||
a.spl(href="/editor/article", data-i18n="editor.article_title")
|
||||
| and help CodeCombat players get the most out of their play time.
|
||||
p
|
||||
span(data-i18n="community.article_editor_prefix") See a mistake in some of our docs? Want to make some instructions for your own creations? Check out the
|
||||
a.spl.spr(href="/editor/article", data-i18n="editor.article_title")
|
||||
span(data-i18n="community.article_editor_suffix") and help CodeCombat players get the most out of their playtime.
|
||||
|
||||
div
|
||||
|
||||
.half_width
|
||||
.half-width
|
||||
|
||||
h2.lower_titles Find us on these sites
|
||||
h2.lower-titles
|
||||
a(href="https://www.facebook.com/codecombat", data-i18n="community.find_us") Find us on these sites
|
||||
|
||||
.logo_row
|
||||
.logo-row
|
||||
|
||||
a(href="http://blog.codecombat.com")
|
||||
img(src="/images/pages/community/logo_sett.png")
|
||||
a(href="http://blog.codecombat.com")
|
||||
img(src="/images/pages/community/logo_sett.png")
|
||||
|
||||
a(href="http://discourse.codecombat.com")
|
||||
img(src="/images/pages/community/logo_discourse.png")
|
||||
a(href="http://discourse.codecombat.com")
|
||||
img(src="/images/pages/community/logo_discourse.png")
|
||||
|
||||
a(href="https://www.facebook.com/codecombat")
|
||||
img(src="/images/pages/community/logo_facebook.png")
|
||||
a(href="https://www.facebook.com/codecombat")
|
||||
img(src="/images/pages/community/logo_facebook.png")
|
||||
|
||||
a(href="https://twitter.com/CodeCombat")
|
||||
img(src="/images/pages/community/logo_twitter.png")
|
||||
a(href="https://twitter.com/CodeCombat")
|
||||
img(src="/images/pages/community/logo_twitter.png")
|
||||
|
||||
a(href="https://plus.google.com/115285980638641924488/posts")
|
||||
img(src="/images/pages/community/logo_g+.png")
|
||||
a(href="https://plus.google.com/115285980638641924488/posts")
|
||||
img(src="/images/pages/community/logo_g+.png")
|
||||
|
||||
a(href="http://www.hipchat.com/g3plnOKqa")
|
||||
img(src="/images/pages/community/logo_hipchat.png")
|
||||
a(href="http://www.hipchat.com/g3plnOKqa")
|
||||
img(src="/images/pages/community/logo_hipchat.png")
|
||||
|
||||
.half_width
|
||||
.half-width
|
||||
|
||||
h2.lower_titles Contribute to the Project
|
||||
h2.lower-titles
|
||||
a(href="/contribute", data-i18n="community.contribute_to_the_project") Contribute to the project
|
||||
|
||||
.logo_row
|
||||
.logo-row.contribute-classes
|
||||
|
||||
a(href="/contribute#adventurer")
|
||||
img(src="/images/pages/community/adventurer.png")
|
||||
a(href="/contribute#adventurer")
|
||||
img(src="/images/pages/community/adventurer.png")
|
||||
|
||||
a(href="/contribute#ambassador")
|
||||
img(src="/images/pages/community/ambassador.png")
|
||||
a(href="/contribute#ambassador")
|
||||
img(src="/images/pages/community/ambassador.png")
|
||||
|
||||
a(href="/contribute#archmage")
|
||||
img(src="/images/pages/community/archmage.png")
|
||||
a(href="/contribute#archmage")
|
||||
img(src="/images/pages/community/archmage.png")
|
||||
|
||||
a(href="/contribute#scribe")
|
||||
img(src="/images/pages/community/scribe.png")
|
||||
a(href="/contribute#scribe")
|
||||
img(src="/images/pages/community/scribe.png")
|
||||
|
||||
a(href="/contribute#diplomat")
|
||||
img(src="/images/pages/community/diplomat.png")
|
||||
a(href="/contribute#diplomat")
|
||||
img(src="/images/pages/community/diplomat.png")
|
||||
|
||||
a(href="/contribute#artisan")
|
||||
img(src="/images/pages/community/artisan.png")
|
||||
a(href="/contribute#artisan")
|
||||
img(src="/images/pages/community/artisan.png")
|
||||
|
||||
|
||||
.clearfix
|
||||
|
|
|
|||
|
|
@ -4,3 +4,18 @@ template = require 'templates/community'
|
|||
module.exports = class CommunityView extends RootView
|
||||
id: 'community-view'
|
||||
template: template
|
||||
|
||||
afterRender: ->
|
||||
super()
|
||||
@$el.find('.contribute-classes a').each ->
|
||||
characterClass = $(@).attr('href').split('#')[1]
|
||||
title = $.i18n.t("classes.#{characterClass}_title")
|
||||
titleDescription = $.i18n.t("classes.#{characterClass}_title_description")
|
||||
if characterClass is 'artisan'
|
||||
summary = $.i18n.t("contribute.#{characterClass}_summary_pref") + ' Mondo Bizarro' + $.i18n.t("contribute.#{characterClass}_summary_suf")
|
||||
else if characterClass is 'scribe'
|
||||
summary = $.i18n.t("contribute.#{characterClass}_summary_pref") + 'Mozilla Developer Network' + $.i18n.t("contribute.#{characterClass}_summary_suf")
|
||||
else
|
||||
summary = $.i18n.t("contribute.#{characterClass}_summary")
|
||||
explanation = "<h4>#{title} #{titleDescription}</h4>#{summary}"
|
||||
$(@).popover(placement: 'bottom', trigger: 'hover', container: 'body', content: explanation, html: true)
|
||||
|
|
|
|||
Loading…
Reference in a new issue