Files
habitica/website/client/components/static/communityGuidelines.vue
Sabe Jones d24eb67fa2 Redesign: Static Pages (#8989)
* feat(pages): static Features

* feat(static-pages): add header

* feat(static-pages): Community Guidelines

* fix(strings): tweaks
2017-08-26 16:03:43 +02:00

347 lines
14 KiB
Vue

<template lang="pug">
div
static-header
.container-fluid
h1 {{ $t('communityGuidelines') }}
hr
p {{ $t('lastUpdated') }} March 30, 2017
h2#welcome {{ $t('commGuideHeadingWelcome') }}
.media
img.align-self-center(src='~assets/images/community-guidelines/intro.png')
.media-body.align-self-center
p {{ $t('commGuidePara001') }}
p {{ $t('commGuidePara002') }}
p {{ $t('commGuidePara003') }}
p {{ $t('commGuidePara004') }}
h2#being-habitican {{ $t('commGuideHeadingBeing') }}
p {{ $t('commGuidePara005') }}
.media
.media-body.align-self-center
ul
li(v-html="$t('commGuideList01A')")
li(v-html="$t('commGuideList01B')")
li(v-html="$t('commGuideList01C')")
li(v-html="$t('commGuideList01D')")
img.align-self-center(src='~assets/images/community-guidelines/beingHabitican.png')
h2#meet-the-mods {{ $t('commGuideHeadingMeet') }}
p {{ $t('commGuidePara006') }}
p.strong {{ $t('commGuidePara007') }}
p.strong {{ $t('commGuidePara008') }}
p.strong {{ $t('commGuidePara009') }}
.media
img.align-self-center(src='~assets/images/community-guidelines/staff.png')
.media-body.align-self-center
ul.list-unstyled
li.strong {{ $t('commGuideAKA', {habitName: 'Beffymaroo', realName: 'Beth'}) }}
li.strong {{ $t('commGuideAKA', {habitName: 'Viirus', realName: 'Phillip'}) }}
li.strong {{ $t('commGuideAKA', {habitName: 'redphoenix', realName: 'Vicky'}) }} ({{ $t('commGuideOnTrello', {trelloName: 'caffeinatedvee'}) }}, {{ $t('commGuideOnGitHub', {gitHubName: 'veeeeeee'}) }})
li.strong {{ $t('commGuideAKA', {habitName: 'Lemoness', realName: 'Leslie'}) }} ({{ $t('commGuideOnTrello', {trelloName: 'lemonesstree'}) }})
li.strong {{ $t('commGuideAKA', {habitName: 'SabreCat', realName: 'Sabe'}) }}
li.strong {{ $t('commGuideAKA', {habitName: 'paglias', realName: 'Matteo'}) }}
li.strong {{ $t('commGuideAKA', {habitName: 'TheHollidayInn', realName: 'Keith'}) }}
p {{ $t('commGuidePara010') }}
.media
img.align-self-center(src='~assets/images/community-guidelines/moderators.png')
.media-body.align-self-center
p.strong {{ $t('commGuidePara011') }}
ul.list-unstyled
li.strong Bailey (It's Bailey {{ $t('commGuidePara011a') }})
li.strong Ryan (deilann {{ $t('commGuidePara011b') }})
li.strong Alys (LadyAlys {{ $t('commGuidePara011c') }})
li.strong Cantras
li.strong Blade ({{ $t('commGuideOnGitHub', {gitHubName: 'crookedneighbor'}) }})
li.strong Daniel the Bard
li.strong shanaqui
li.strong Dewines
li.strong Megan
li.strong Breadstrings
p(v-html="$t('commGuidePara012', { hrefCommunityManagerEmail })")
p {{ $t('commGuidePara013') }}
p {{ $t('commGuidePara014') }}&nbsp;
em Slappybag, litenull, Shaner, Bobbyroberts99, wc8
h2#public-spaces {{ $t('commGuideHeadingPublicSpaces') }}
.media
.media-body.align-self-center
p {{ $t('commGuidePara015') }}
p {{ $t('commGuidePara016') }}
p(v-html="$t('commGuidePara017')")
img.align-self-center(src='~assets/images/community-guidelines/publicSpaces.png')
ul
li(v-html="$t('commGuideList02A')")
li(v-html="$t('commGuideList02B')")
li(v-html="$t('commGuideList02C')")
li(v-html="$t('commGuideList02D')")
li(v-html="$t('commGuideList02E')")
li(v-html="$t('commGuideList02F')")
li(v-html="$t('commGuideList02G')")
li(v-html="$t('commGuideList02H', { hrefCommunityManagerEmail })")
li(v-html="$t('commGuideList02I')")
li(v-html="$t('commGuideList02J')")
li(v-html="$t('commGuideList02K', { hrefCommunityManagerEmail })")
p(v-html="$t('commGuidePara019')")
p(v-html="$t('commGuidePara020')")
p(v-html="$t('commGuidePara020A', { hrefCommunityManagerEmail })")
p(v-html="$t('commGuidePara021')")
h3#tavern {{ $t('commGuideHeadingTavern') }}
.media
img.align-self-center(src='~assets/images/community-guidelines/tavern.png')
.media-body.align-self-center
p {{ $t('commGuidePara022') }}
p.strong {{ $t('commGuidePara023') }}
p(v-html="$t('commGuidePara024')")
p(v-html="$t('commGuidePara027')")
h3#guilds {{ $t('commGuideHeadingPublicGuilds') }}
.media
.media-body.align-self-center
p(v-html="$t('commGuidePara029')")
p(v-html="$t('commGuidePara031')")
img.align-self-center(src='~assets/images/community-guidelines/publicGuilds.png')
p(v-html="$t('commGuidePara033', { hrefCommunityManagerEmail })")
p(v-html="$t('commGuidePara035')")
p.strong {{ $t('commGuidePara037') }}
h3#back-corner {{ $t('commGuideHeadingBackCorner') }}
.media
img.align-self-center(src='~assets/images/community-guidelines/backCorner.png')
.media-body.align-self-center
p(v-html="$t('commGuidePara038')")
p(v-html="$t('commGuidePara039')")
h3#trello {{ $t('commGuideHeadingTrello') }}
.media
.media-body.align-self-center
p(v-html="$t('commGuidePara040')")
p.strong {{ $t('commGuidePara041') }}
ul
li(v-html="$t('commGuideList03A')")
li(v-html="$t('commGuideList03B')")
li(v-html="$t('commGuideList03C')")
li(v-html="$t('commGuideList03D')")
img.align-self-center(src='~assets/images/community-guidelines/trello.png')
p(v-html="$t('commGuidePara042')")
h3#github {{ $t('commGuideHeadingGitHub') }}
.media
img.align-self-center(src='~assets/images/community-guidelines/github.gif')
.media-body.align-self-center
p(v-html="$t('commGuidePara043')")
p.strong(v-html="$t('commGuidePara044')")
ul.list-2col.list-unstyled
li @alys
li @crookedneighbor (Blade)
li @lemoness
li @paglias
li @SabreCat
li @TheHollidayInn
li @veeeeeee (redphoenix)
li @vIiRuS
h3#wiki {{ $t('commGuideHeadingWiki') }}
.media
.media-body.align-self-center
p(v-html="$t('commGuidePara021')") {{ $t('commGuidePara045') }}
p {{ $t('commGuidePara046') }}
p.strong {{ $t('commGuidePara047') }}
p {{ $t('commGuidePara048') }}
img.align-self-center(src='~assets/images/community-guidelines/wiki.png')
ul
li {{ $t('commGuideList04A') }}
li {{ $t('commGuideList04B') }}
li {{ $t('commGuideList04C') }}
li(v-html="$t('commGuidePara020A', { hrefCommunityManagerEmail })")
li {{ $t('commGuideList04E') }}
li(v-html="$t('commGuideList04F')")
li {{ $t('commGuideList04G') }}
li {{ $t('commGuideList04H') }}
p {{ $t('commGuidePara049') }}
ul.list-unstyled
li LadyAlys (Alys)
li Sonnet73
li Taldin
p {{ $t('commGuidePara049A') }}
ul.list-unstyled
li Beffymaroo
li Cantras
li Meganstrickland (Megan)
p {{ $t('commGuidePara018') }}&nbsp;
em Bobbyroberts99 (founder and bureaucrat), wc8 (bureaucrat), Lefnire (bureaucrat), JiggerD, LadyKatFrog, Breadstrings (bureaucrat), Deilann
h2#infractions-consequences-restoration {{ $t('commGuideHeadingInfractionsEtc') }}
h3#infractions {{ $t('commGuideHeadingInfractions') }}
.media
img.align-self-center(src='~assets/images/community-guidelines/infractions.png')
.media-body.align-self-center
p {{ $t('commGuidePara050') }}
p(v-html="$t('commGuidePara051')")
h4 {{ $t('commGuideHeadingSevereInfractions') }}
p {{ $t('commGuidePara052') }}
p {{ $t('commGuidePara053') }}
ul
li {{ $t('commGuideList05A') }}
li {{ $t('commGuideList05B') }}
li {{ $t('commGuideList05C') }}
li {{ $t('commGuideList05D') }}
li {{ $t('commGuideList05E') }}
li {{ $t('commGuideList05F') }}
h4 {{ $t('commGuideHeadingModerateInfractions') }}
p {{ $t('commGuidePara054') }}
p {{ $t('commGuidePara055') }}
ul
li(v-html="$t('commGuidePara020A', { hrefCommunityManagerEmail })")
li {{ $t('commGuideList06B') }}
li {{ $t('commGuideList06C') }}
li {{ $t('commGuideList06D') }}
h4 {{ $t('commGuideHeadingMinorInfractions') }}
p {{ $t('commGuidePara056') }}
p {{ $t('commGuidePara057') }}
ul
li {{ $t('commGuideList07A') }}
li {{ $t('commGuideList07B') }}
h3#consequences {{ $t('commGuideHeadingConsequences') }}
.media
.media-body.align-self-center
p {{ $t('commGuidePara058') }}
p(v-html="$t('commGuidePara059')")
p.strong {{ $t('commGuidePara060') }}
ul
li {{ $t('commGuideList08A') }}
li {{ $t('commGuideList08B') }}
li {{ $t('commGuideList08C') }}
img.align-self-center(src='~assets/images/community-guidelines/consequences.png')
p {{ $t('commGuidePara060A') }}
p(v-html="$t('commGuidePara060B', { hrefCommunityManagerEmail })")
h4 {{ $t('commGuideHeadingSevereConsequences') }}
ul
li {{ $t('commGuideList09A') }}
li {{ $t('commGuideList09B') }}
li {{ $t('commGuideList09C') }}
h4 {{ $t('commGuideHeadingModerateConsequences') }}
ul
li {{ $t('commGuideList10A') }}
ul
li {{ $t('commGuideList10A1') }}
li {{ $t('commGuideList10B') }}
li {{ $t('commGuideList10C') }}
li {{ $t('commGuideList10D') }}
li {{ $t('commGuideList10E') }}
li {{ $t('commGuideList10F') }}
h4 {{ $t('commGuideHeadingMinorConsequences') }}
ul
li {{ $t('commGuideList11A') }}
li {{ $t('commGuideList11B') }}
li {{ $t('commGuideList11C') }}
li {{ $t('commGuideList11D') }}
li {{ $t('commGuideList11E') }}
h3#restoration {{ $t('commGuideHeadingRestoration') }}
.media
img.align-self-center(src='~assets/images/community-guidelines/restoration.png')
.media-body.align-self-center
p(v-html="$t('commGuidePara061')")
p(v-html="$t('commGuidePara062')")
p(v-html="$t('commGuidePara063')")
h2#contributing {{ $t('commGuideHeadingContributing') }}
.media
.media-body.align-self-center
p {{ $t('commGuidePara064') }}
ol
li {{ $t('commGuideList12A') }}
li {{ $t('commGuideList12B') }}
li {{ $t('commGuideList12C') }}
li {{ $t('commGuideList12D') }}
li {{ $t('commGuideList12E') }}
li {{ $t('commGuideList12F') }}
li {{ $t('commGuideList12G') }}
img.align-self-center(src='~assets/images/community-guidelines/contributing.png')
p {{ $t('commGuidePara065') }}
p {{ $t('commGuidePara066') }}
ul
li(v-html="$t('commGuideList13A')")
li(v-html="$t('commGuideList13B')")
li(v-html="$t('commGuideList13C')")
li(v-html="$t('commGuideList13D')")
h2#final {{ $t('commGuideHeadingFinal') }}
p(v-html="$t('commGuidePara067', { hrefCommunityManagerEmail : `<a href='mailto: ${COMMUNITY_MANAGER_EMAIL}'>${COMMUNITY_MANAGER_EMAIL}</a>`})")
p {{ $t('commGuidePara068') }}
h2#links {{ $t('commGuideHeadingLinks') }}
ul
li
a(href='https://habitica.com/#/options/groups/guilds/5481ccf3-5d2d-48a9-a871-70a7380cee5a' target='_blank') {{ $t('commGuideLink01') }}
| :&nbsp;{{ $t('commGuideLink01description') }}
li
a(href='https://habitica.com/#/options/groups/guilds/426c2c1a-eed0-4997-9b73-d30fc1397688' target='_blank') {{ $t('commGuideLink02') }}
| :&nbsp;{{ $t('commGuideLink02description') }}
li
span(v-html="$t('commGuideLink03')")
| :&nbsp;{{ $t('commGuideLink03description') }}
li
a(href='https://github.com/HabitRPG/habitrpg' target='_blank') {{ $t('commGuideLink04') }}
| :&nbsp;{{ $t('commGuideLink04description') }}
li
a(href='https://trello.com/b/EpoYEYod/' target='_blank') {{ $t('commGuideLink05') }}
| :&nbsp;{{ $t('commGuideLink05description') }}
li
a(href='https://trello.com/b/mXK3Eavg/' target='_blank') {{ $t('commGuideLink06') }}
| :&nbsp;{{ $t('commGuideLink06description') }}
li
a(href='https://trello.com/b/vwuE9fbO/' target='_blank') {{ $t('commGuideLink07') }}
| :&nbsp;{{ $t('commGuideLink07description') }}
li
a(href='https://trello.com/b/nnv4QIRX/' target='_blank') {{ $t('commGuideLink08') }}
| :&nbsp;{{ $t('commGuideLink08description') }}
p.strong {{ $t('commGuidePara069') }}
ul.list-2col.list-unstyled
li Breadstrings
li Draayder
li Kiwibot
li Leephon
li Lemoness
li Luciferian
li Revcleo
li Shaner
li Starsystemic
li UncommonCriminal
app-footer
</template>
<style lang='scss' scoped>
@import '~client/assets/scss/static.scss';
.list-2col {
width: 50%;
columns: 2;
-moz-columns: 2;
-webkit-columns: 2;
}
</style>
<script>
import AppFooter from 'client/components/appFooter';
import StaticHeader from './header.vue';
// @TODO: EMAILS.COMMUNITY_MANAGER_EMAIL
const COMMUNITY_MANAGER_EMAIL = 'admin@habitica.com';
export default {
components: {
AppFooter,
StaticHeader,
},
data () {
return {
COMMUNITY_MANAGER_EMAIL,
};
},
};
</script>