codeninjasllc/codecombat
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactored contribute pages, each class has it's own page. Better fix to issue 13 and solution to 14

Browse source
This commit is contained in:
Tom Steinbrecher 2014-01-06 00:41:31 -05:00
parent 598106e39a
commit 34dd42a7ca
2 changed files with 296 additions and 336 deletions

41
app/styles/contribute.sass
View file

@ -1,41 +0,0 @@
#contribute-view
#homepage_screenshot
margin: 20px 0px
.signature
text-align: right
a
cursor: pointer
.class_image
float: left
width: 150px
margin: 10px 10px 20px 20px
padding-top: 65px
#contribute-nav
float: left
max-width: 20%
width: 250px
box-sizing: border-box
margin-left: 20px
li
float: none
width: 100%
#contribute-main
margin-left: 25%
padding: 40px
box-sizing: border-box
h3
padding-top: 70px
.well
padding: 5px 5px 5px 30px
.saved-notification
display: none
float: right

75
app/templates/contribute.jade
View file

@ -2,6 +2,8 @@ extends /templates/base
block content
div.contribute_class
ul.affix.nav.nav-list.nav-pills#contribute-nav
li
h3 Character Classes
@ -20,29 +22,7 @@ block content
li
a(href="#counselor") Counselor (Expert/Teacher)
hr
p Thanks to our lovely contributors: (work in progress; let us know who you are!)
li Turkish - Nazım Gediz Aydındoğmuş
li Brazilian Portuguese - Gutenberg Barros, Kieizroe, Matthew Burt
li Portugal Portuguese - Matthew Burt
li German - Dirk, Anon
li Thai - Kamolchanok Jittrepit
li Greek - Stergios
li Latin American Spanish - Jesús Ruppel, Matthew Burt, Mariano Luzza
li Spain Spanish - Matthew Burt, Anon
li French - Xeonarno, Anon
li Hungarian - Anon
li Japanese - g1itch
li Chinese - spacepope
li Polish - Anon
li Danish - Anon
li Slovak - Anon
li Artisans - Sootn, Aftermath, mcdavid1991
li Scribes - Ryan Faidley
li Adventurers - Kieizroe, (...)
li Archmages - David Golds, Zach Martin, Tom Steinbrecher, Mischa Lewis-Norelle, Sébastien Moratinos
div#contribute-main
div#contribute-main.class_main
div#intro
h2 Contributing
@ -74,10 +54,10 @@ block content
| first .
#archmage
.class_image
.class_image.header-scrolling-fix
img(src="/images/pages/contribute/archmage.png", alt="")
h3 Archmage (Coder)
h3.header-scrolling-fix Archmage (Coder)
p One of the best parts about building games is they synthesize so many different things.
| Graphics, sound, real-time networking, social networking, and of course many of the
| more common aspects of programming, from low-level database management,
@ -108,6 +88,9 @@ block content
a(href="http://www.hipchat.com/g3plnOKqa") public HipChat room
| and we'll go from there!
a(href="/contribute/archmage")
h3 Learn More About Becoming A Powerful Archmage
label.checkbox(for="developer").well
input(type='checkbox', name="developer", id="developer")
| Get emails on new coding opportunities and announcements.
@ -116,10 +99,10 @@ block content
#artisan
.class_image
.class_image.header-scrolling-fix
img(src="/images/pages/contribute/artisan.png", alt="")
h3 Artisan (Level Builder)
h3.header-scrolling-fix Artisan (Level Builder)
p We must construct additional levels!
| People be clamoring for more content, and we can only build so many ourselves.
| Right now your workstation is level one; our level editor is barely
@ -146,6 +129,9 @@ block content
a(href="https://docs.google.com/document/d/117tMcL95T1KY8BDisr0iGi5Frb2ZvBJTC0us5hyQkJY/edit?usp=sharing") preliminary documentation
| for more info, and please comment on it so we can make the whole system better.
a(href="/contribute/artisan")
h3 Learn More About Becoming A Creative Artisan
label.checkbox(for="level_creator").well
input(type='checkbox', name="level_creator", id="level_creator")
| Get emails on level editor updates and announcements.
@ -154,10 +140,10 @@ block content
#adventurer
.class_image
.class_image.header-scrolling-fix
img(src="/images/pages/contribute/adventurer.png", alt="")
h3 Adventurer (Level Playtester)
h3.header-scrolling-fix Adventurer (Level Playtester)
p Let's be clear about your role: you are the tank. You're going to take heavy damage.
| We need people to try out brand-new levels and help identify how to make things better.
| The pain will be enormous; making good games is a long process and no one gets
@ -186,6 +172,9 @@ block content
a(href="https://plus.google.com/115285980638641924488/posts") Google+
| , so if you prefer to be notified those ways, sign up there!
a(href="/contribute/adventurer")
h3 Learn More About Becoming A Brave Adventurer
label.checkbox(for="tester").well
input(type='checkbox', name="tester", id="tester")
| Get emails when there are new levels to test.
@ -194,10 +183,10 @@ block content
#scribe
.class_image
.class_image.header-scrolling-fix
img(src="/images/pages/contribute/scribe.png", alt="")
h3 Scribe (Article Editor)
h3.header-scrolling-fix Scribe (Article Editor)
p CodeCombat isn't just going to be a bunch of levels.
| It will also include a resource for knowledge, a wiki of programming concepts that levels can hook into.
| That way rather than each Artisan having to describe in detail what a comparison operator is, they
@ -218,6 +207,9 @@ block content
| , tell us a little about yourself, your experience with programming and
| what sort of things you'd like to write about. We'll go from there!
a(href="/contribute/scribe")
h3 Learn More About Becoming A Diligent Scribe
label.checkbox(for="article_editor").well
input(type='checkbox', name="article_editor", id="article_editor")
| Get emails about article writing announcements.
@ -227,10 +219,10 @@ block content
#diplomat
.class_image
.class_image.header-scrolling-fix
img(src="/images/pages/contribute/diplomat.png", alt="")
h3 Diplomat (Translator)
h3.header-scrolling-fix Diplomat (Translator)
p So, if there's one thing we learned from the
a(href="blog.codecombat.com/post/64658141307/codecombat-in-y-combinator") launch in October
| , it's that there
@ -251,6 +243,9 @@ block content
| , so check it out and add things for your language. Also, check this box below to
| keep up-to-date on new internationalization developments!
a(href="/contribute/diplomat")
h3 Learn More About Becoming A Great Diplomat
label.checkbox(for="translator").well
input(type='checkbox', name="translator", id="translator")
| Get emails about i18n developments and levels to translate.
@ -259,10 +254,10 @@ block content
#ambassador
.class_image
.class_image.header-scrolling-fix
img(src="/images/pages/contribute/ambassador.png", alt="")
h3 Ambassador (Support)
h3.header-scrolling-fix Ambassador (Support)
p This is a community we're building, and you are the connections.
| We've got Olark chats, emails, and social networks with lots of people to talk with
| and help get acquainted with the game and learn from.
@ -287,6 +282,9 @@ block content
| solving levels can summon higher level wizards to help them.
| This will be a great way for ambassadors to do their thing. We'll keep you posted!
a(href="/contribute/ambassador")
h3 Learn More About Becoming A Helpful Ambassador
label.checkbox(for="support").well
input(type='checkbox', name="support", id="support")
| Get emails on support updates and multiplayer developments.
@ -295,10 +293,10 @@ block content
#counselor
.class_image
.class_image.header-scrolling-fix
img(src="/images/pages/contribute/counselor.png", alt="")
h3 Counselor (Expert)
h3.header-scrolling-fix Counselor (Expert)
p Do you have life experience?
| A different perspective on things that can help us decide how to shape CodeCombat?
| Of all these roles, this will probably take the least time, but
@ -323,4 +321,7 @@ block content
| be interested in doing. We'll put you in our contact list and be in touch
| when we could use advice (not too often).
a(href="/contribute/counselor")
h3 Learn More About Becoming A Valuable Counselor
div.clearfix