pug to html
This commit is contained in:
Matteo Pagliazzi
@@ -1,11 +1,19 @@
|
||||
<template lang="pug">
|
||||
.container-fluid.text-center
|
||||
.row
|
||||
.col-md-6.offset-3
|
||||
h1 {{ $t('checkOutMobileApps') }}
|
||||
.promo_habitica(style='border-radius:25px;margin:auto;margin-bottom:30px')
|
||||
|
||||
a(href='https://play.google.com/store/apps/details?id=com.habitrpg.android.habitica&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-AC-global-none-all-co-pr-py-PartBadges-Oct1515-1&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-AC-global-none-all-co-pr-py-PartBadges-Oct1515-1')
|
||||
img(alt='Get it on Google Play', src='https://play.google.com/intl/en_us/badges/images/apps/en-play-badge.png', style='width:139px;height:45px;image-rendering:auto;vertical-align:top')
|
||||
a(href='https://geo.itunes.apple.com/us/app/habitica/id994882113?mt=8', style='display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg#svgView) no-repeat;background-size:100%;width:152px;height:45px;margin-left:20px;image-rendering:auto')
|
||||
<template>
|
||||
<div class="container-fluid text-center">
|
||||
<div class="row">
|
||||
<div class="col-md-6 offset-3">
|
||||
<h1>{{ $t('checkOutMobileApps') }}</h1><div
|
||||
class="promo_habitica"
|
||||
style="border-radius:25px;margin:auto;margin-bottom:30px"
|
||||
></div><a href="https://play.google.com/store/apps/details?id=com.habitrpg.android.habitica&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-AC-global-none-all-co-pr-py-PartBadges-Oct1515-1&utm_source=global_co&utm_medium=prtnr&utm_content=Mar2515&utm_campaign=PartBadge&pcampaignid=MKT-AC-global-none-all-co-pr-py-PartBadges-Oct1515-1"><img
|
||||
alt="Get it on Google Play"
|
||||
src="https://play.google.com/intl/en_us/badges/images/apps/en-play-badge.png"
|
||||
style="width:139px;height:45px;image-rendering:auto;vertical-align:top"
|
||||
></a><a
|
||||
href="https://geo.itunes.apple.com/us/app/habitica/id994882113?mt=8"
|
||||
style="display:inline-block;overflow:hidden;background:url(http://linkmaker.itunes.apple.com/images/badges/en-us/badge_appstore-lrg.svg#svgView) no-repeat;background-size:100%;width:152px;height:45px;margin-left:20px;image-rendering:auto"
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,17 +1,20 @@
|
||||
<template lang="pug">
|
||||
.container-fluid.text-center
|
||||
.row
|
||||
.col-md-6.offset-3
|
||||
h1 {{ $t('clearBrowserData') }}
|
||||
|
||||
p(v-html="$t('localStorageTryFirst', localStorageTryFirst) ")
|
||||
br
|
||||
p.text-center
|
||||
button.btn.btn-lg.btn-danger(@click='clearLocalStorage()',
|
||||
popover-trigger='mouseover', :popover="$t('localStorageClearExplanation')")
|
||||
| {{ $t('localStorageClear') }}
|
||||
br
|
||||
p(v-html="$t('localStorageTryNext', localStorageTryNext) ")
|
||||
<template>
|
||||
<div class="container-fluid text-center">
|
||||
<div class="row">
|
||||
<div class="col-md-6 offset-3">
|
||||
<h1>{{ $t('clearBrowserData') }}</h1><p v-html="$t('localStorageTryFirst', localStorageTryFirst) "></p><br><p class="text-center">
|
||||
<button
|
||||
class="btn btn-lg btn-danger"
|
||||
popover-trigger="mouseover"
|
||||
:popover="$t('localStorageClearExplanation')"
|
||||
@click="clearLocalStorage()"
|
||||
>
|
||||
{{ $t('localStorageClear') }}
|
||||
</button>
|
||||
</p><br><p v-html="$t('localStorageTryNext', localStorageTryNext) "></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -1,206 +1,71 @@
|
||||
<template lang="pug">
|
||||
.container-fluid
|
||||
h1 {{ $t('communityGuidelines') }}
|
||||
hr
|
||||
p {{ $t('lastUpdated') }} March 29, 2018
|
||||
|
||||
h2#welcome {{ $t('commGuideHeadingWelcome') }}
|
||||
.media.align-items-center
|
||||
img(src='~@/assets/images/community-guidelines/intro.png')
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara001')")
|
||||
p(v-html="$t('commGuidePara002')")
|
||||
p(v-html="$t('commGuidePara003')")
|
||||
p(v-html="$t('commGuidePara004')")
|
||||
|
||||
h2#interactions {{ $t('commGuideHeadingInteractions') }}
|
||||
.media.align-items-center
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara015')")
|
||||
p(v-html="$t('commGuidePara016')")
|
||||
img(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')")
|
||||
li(v-html="$t('commGuideList02I')")
|
||||
li(v-html="$t('commGuideList02J')")
|
||||
li(v-html="$t('commGuideList02K')")
|
||||
li(v-html="$t('commGuideList02L')")
|
||||
p(v-html="$t('commGuidePara019')")
|
||||
p(v-html="$t('commGuidePara020')")
|
||||
p(v-html="$t('commGuidePara020A')")
|
||||
p(v-html="$t('commGuidePara021')")
|
||||
|
||||
h3#tavern {{ $t('commGuideHeadingTavern') }}
|
||||
.media.align-items-center
|
||||
img(src='~@/assets/images/community-guidelines/tavern.png')
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara022')")
|
||||
p(v-html="$t('commGuidePara023')")
|
||||
p(v-html="$t('commGuidePara024')")
|
||||
.media.align-items-center
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara027')")
|
||||
img(src='~@/assets/images/community-guidelines/backCorner.png')
|
||||
|
||||
h3#guilds {{ $t('commGuideHeadingPublicGuilds') }}
|
||||
.media.align-items-center
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara029')")
|
||||
p(v-html="$t('commGuidePara031')")
|
||||
img(src='~@/assets/images/community-guidelines/publicGuilds.png')
|
||||
p(v-html="$t('commGuidePara033')")
|
||||
p(v-html="$t('commGuidePara035')")
|
||||
p(v-html="$t('commGuidePara036')")
|
||||
p(v-html="$t('commGuidePara037')")
|
||||
p(v-html="$t('commGuidePara038')")
|
||||
|
||||
h2#infractions-consequences-restoration {{ $t('commGuideHeadingInfractionsEtc') }}
|
||||
h3#infractions {{ $t('commGuideHeadingInfractions') }}
|
||||
.media.align-items-center
|
||||
img(src='~@/assets/images/community-guidelines/infractions.png')
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara050')")
|
||||
p(v-html="$t('commGuidePara051')")
|
||||
h4 {{ $t('commGuideHeadingSevereInfractions') }}
|
||||
p(v-html="$t('commGuidePara052')")
|
||||
p(v-html="$t('commGuidePara053')")
|
||||
ul
|
||||
li(v-html="$t('commGuideList05A')")
|
||||
li(v-html="$t('commGuideList05B')")
|
||||
li(v-html="$t('commGuideList05C')")
|
||||
li(v-html="$t('commGuideList05D')")
|
||||
li(v-html="$t('commGuideList05E')")
|
||||
li(v-html="$t('commGuideList05F')")
|
||||
li(v-html="$t('commGuideList05G')")
|
||||
h4 {{ $t('commGuideHeadingModerateInfractions') }}
|
||||
p(v-html="$t('commGuidePara054')")
|
||||
p(v-html="$t('commGuidePara055')")
|
||||
ul
|
||||
li(v-html="$t('commGuideList06A')")
|
||||
li(v-html="$t('commGuideList06B')")
|
||||
li(v-html="$t('commGuideList06C')")
|
||||
li(v-html="$t('commGuideList06D')")
|
||||
li(v-html="$t('commGuideList06E')")
|
||||
h4 {{ $t('commGuideHeadingMinorInfractions') }}
|
||||
p(v-html="$t('commGuidePara056')")
|
||||
p(v-html="$t('commGuidePara057')")
|
||||
ul
|
||||
li(v-html="$t('commGuideList07A')")
|
||||
li(v-html="$t('commGuideList07B')")
|
||||
p(v-html="$t('commGuidePara057A')")
|
||||
|
||||
h3#consequences {{ $t('commGuideHeadingConsequences') }}
|
||||
.media.align-items-center
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara058')")
|
||||
p(v-html="$t('commGuidePara059')")
|
||||
img(src='~@/assets/images/community-guidelines/consequences.png')
|
||||
p(v-html="$t('commGuidePara060')")
|
||||
ul
|
||||
li(v-html="$t('commGuideList08A')")
|
||||
li(v-html="$t('commGuideList08B')")
|
||||
li(v-html="$t('commGuideList08C')")
|
||||
p(v-html="$t('commGuidePara060A')")
|
||||
p(v-html="$t('commGuidePara060B')")
|
||||
h4 {{ $t('commGuideHeadingSevereConsequences') }}
|
||||
ul
|
||||
li(v-html="$t('commGuideList09A')")
|
||||
li(v-html="$t('commGuideList09C')")
|
||||
h4 {{ $t('commGuideHeadingModerateConsequences') }}
|
||||
ul
|
||||
li {{ $t('commGuideList10A') }}
|
||||
ul
|
||||
li {{ $t('commGuideList10A1') }}
|
||||
li(v-html="$t('commGuideList10C')")
|
||||
li(v-html="$t('commGuideList10D')")
|
||||
li(v-html="$t('commGuideList10E')")
|
||||
li(v-html="$t('commGuideList10F')")
|
||||
h4 {{ $t('commGuideHeadingMinorConsequences') }}
|
||||
ul
|
||||
li(v-html="$t('commGuideList11A')")
|
||||
li(v-html="$t('commGuideList11B')")
|
||||
li(v-html="$t('commGuideList11C')")
|
||||
li(v-html="$t('commGuideList11D')")
|
||||
li(v-html="$t('commGuideList11E')")
|
||||
|
||||
h3#restoration {{ $t('commGuideHeadingRestoration') }}
|
||||
.media.align-items-center
|
||||
img(src='~@/assets/images/community-guidelines/restoration.png')
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara061')")
|
||||
p(v-html="$t('commGuidePara062')")
|
||||
p(v-html="$t('commGuidePara063')")
|
||||
|
||||
h2#meet-the-mods {{ $t('commGuideHeadingMeet') }}
|
||||
p(v-html="$t('commGuidePara006')")
|
||||
p(v-html="$t('commGuidePara007')")
|
||||
p(v-html="$t('commGuidePara008')")
|
||||
p(v-html="$t('commGuidePara009')")
|
||||
.media.align-items-center
|
||||
img(src='~@/assets/images/community-guidelines/staff.png')
|
||||
.media-body
|
||||
ul
|
||||
li {{ $t('commGuideAKA', {habitName: 'Beffymaroo', realName: 'Beth'}) }}
|
||||
li {{ $t('commGuideAKA', {habitName: 'Viirus', realName: 'Phillip'}) }}
|
||||
li {{ $t('commGuideAKA', {habitName: 'redphoenix', realName: 'Vicky'}) }} ({{ $t('commGuideOnTrello', {trelloName: 'caffeinatedvee'}) }}, {{ $t('commGuideOnGitHub', {gitHubName: 'veeeeeee'}) }})
|
||||
li {{ $t('commGuideAKA', {habitName: 'Lemoness', realName: 'Leslie'}) }} ({{ $t('commGuideOnTrello', {trelloName: 'lemonesstree'}) }})
|
||||
li {{ $t('commGuideAKA', {habitName: 'SabreCat', realName: 'Sabe'}) }}
|
||||
li {{ $t('commGuideAKA', {habitName: 'paglias', realName: 'Matteo'}) }}
|
||||
li {{ $t('commGuideAKA', {habitName: 'TheHollidayInn', realName: 'Keith'}) }}
|
||||
p(v-html="$t('commGuidePara010')")
|
||||
.media.align-items-center
|
||||
img(src='~@/assets/images/community-guidelines/moderators.png')
|
||||
.media-body
|
||||
p(v-html="$t('commGuidePara011')")
|
||||
ul
|
||||
li Bailey (It's Bailey {{ $t('commGuidePara011a') }})
|
||||
li Ryan (deilann {{ $t('commGuidePara011b') }})
|
||||
li Cantras
|
||||
li Alys (LadyAlys {{ $t('commGuidePara011c') }})
|
||||
li Fox_town
|
||||
li Blade ({{ $t('commGuideOnGitHub', {gitHubName: 'crookedneighbor'}) }})
|
||||
li Daniel the Bard
|
||||
li shanaqui
|
||||
li Dewines
|
||||
li Megan
|
||||
li Breadstrings
|
||||
p(v-html="$t('commGuidePara012')")
|
||||
p(v-html="$t('commGuidePara013')")
|
||||
p {{ $t('commGuidePara014') }}
|
||||
em lefnire, Slappybag, litenull, Shaner, Bobbyroberts99, wc8
|
||||
|
||||
h2#final {{ $t('commGuideHeadingFinal') }}
|
||||
p(v-html="$t('commGuidePara067')")
|
||||
p(v-html="$t('commGuidePara068')")
|
||||
|
||||
h2#links {{ $t('commGuideHeadingLinks') }}
|
||||
ul
|
||||
li(v-html="$t('commGuideLink01')")
|
||||
li(v-html="$t('commGuideLink02')")
|
||||
li(v-html="$t('commGuideLink03')")
|
||||
li(v-html="$t('commGuideLink04')")
|
||||
li(v-html="$t('commGuideLink05')")
|
||||
li(v-html="$t('commGuideLink06')")
|
||||
li(v-html="$t('commGuideLink07')")
|
||||
p(v-html="$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
|
||||
<template>
|
||||
<div class="container-fluid">
|
||||
<h1>{{ $t('communityGuidelines') }}</h1><hr><p>{{ $t('lastUpdated') }} March 29, 2018</p><h2 id="welcome">
|
||||
{{ $t('commGuideHeadingWelcome') }}
|
||||
</h2><div class="media align-items-center">
|
||||
<img src="~@/assets/images/community-guidelines/intro.png"><div class="media-body">
|
||||
<p v-html="$t('commGuidePara001')"></p><p v-html="$t('commGuidePara002')"></p>
|
||||
</div>
|
||||
</div><p v-html="$t('commGuidePara003')"></p><p v-html="$t('commGuidePara004')"></p><h2 id="interactions">
|
||||
{{ $t('commGuideHeadingInteractions') }}
|
||||
</h2><div class="media align-items-center">
|
||||
<div class="media-body">
|
||||
<p v-html="$t('commGuidePara015')"></p><p v-html="$t('commGuidePara016')"></p>
|
||||
</div><img src="~@/assets/images/community-guidelines/publicSpaces.png">
|
||||
</div><ul><li v-html="$t('commGuideList02A')"></li><li v-html="$t('commGuideList02B')"></li><li v-html="$t('commGuideList02C')"></li><li v-html="$t('commGuideList02D')"></li><li v-html="$t('commGuideList02E')"></li><li v-html="$t('commGuideList02F')"></li><li v-html="$t('commGuideList02G')"></li><li v-html="$t('commGuideList02H')"></li><li v-html="$t('commGuideList02I')"></li><li v-html="$t('commGuideList02J')"></li><li v-html="$t('commGuideList02K')"></li><li v-html="$t('commGuideList02L')"></li></ul><p v-html="$t('commGuidePara019')"></p><p v-html="$t('commGuidePara020')"></p><p v-html="$t('commGuidePara020A')"></p><p v-html="$t('commGuidePara021')"></p><h3 id="tavern">
|
||||
{{ $t('commGuideHeadingTavern') }}
|
||||
</h3><div class="media align-items-center">
|
||||
<img src="~@/assets/images/community-guidelines/tavern.png"><div class="media-body">
|
||||
<p v-html="$t('commGuidePara022')"></p><p v-html="$t('commGuidePara023')"></p><p v-html="$t('commGuidePara024')"></p>
|
||||
</div>
|
||||
</div><div class="media align-items-center">
|
||||
<div class="media-body">
|
||||
<p v-html="$t('commGuidePara027')"></p>
|
||||
</div><img src="~@/assets/images/community-guidelines/backCorner.png">
|
||||
</div><h3 id="guilds">
|
||||
{{ $t('commGuideHeadingPublicGuilds') }}
|
||||
</h3><div class="media align-items-center">
|
||||
<div class="media-body">
|
||||
<p v-html="$t('commGuidePara029')"></p><p v-html="$t('commGuidePara031')"></p>
|
||||
</div><img src="~@/assets/images/community-guidelines/publicGuilds.png">
|
||||
</div><p v-html="$t('commGuidePara033')"></p><p v-html="$t('commGuidePara035')"></p><p v-html="$t('commGuidePara036')"></p><p v-html="$t('commGuidePara037')"></p><p v-html="$t('commGuidePara038')"></p><h2 id="infractions-consequences-restoration">
|
||||
{{ $t('commGuideHeadingInfractionsEtc') }}
|
||||
</h2><h3 id="infractions">
|
||||
{{ $t('commGuideHeadingInfractions') }}
|
||||
</h3><div class="media align-items-center">
|
||||
<img src="~@/assets/images/community-guidelines/infractions.png"><div class="media-body">
|
||||
<p v-html="$t('commGuidePara050')"></p><p v-html="$t('commGuidePara051')"></p>
|
||||
</div>
|
||||
</div><h4>{{ $t('commGuideHeadingSevereInfractions') }}</h4><p v-html="$t('commGuidePara052')"></p><p v-html="$t('commGuidePara053')"></p><ul><li v-html="$t('commGuideList05A')"></li><li v-html="$t('commGuideList05B')"></li><li v-html="$t('commGuideList05C')"></li><li v-html="$t('commGuideList05D')"></li><li v-html="$t('commGuideList05E')"></li><li v-html="$t('commGuideList05F')"></li><li v-html="$t('commGuideList05G')"></li></ul><h4>{{ $t('commGuideHeadingModerateInfractions') }}</h4><p v-html="$t('commGuidePara054')"></p><p v-html="$t('commGuidePara055')"></p><ul><li v-html="$t('commGuideList06A')"></li><li v-html="$t('commGuideList06B')"></li><li v-html="$t('commGuideList06C')"></li><li v-html="$t('commGuideList06D')"></li><li v-html="$t('commGuideList06E')"></li></ul><h4>{{ $t('commGuideHeadingMinorInfractions') }}</h4><p v-html="$t('commGuidePara056')"></p><p v-html="$t('commGuidePara057')"></p><ul><li v-html="$t('commGuideList07A')"></li><li v-html="$t('commGuideList07B')"></li></ul><p v-html="$t('commGuidePara057A')"></p><h3 id="consequences">
|
||||
{{ $t('commGuideHeadingConsequences') }}
|
||||
</h3><div class="media align-items-center">
|
||||
<div class="media-body">
|
||||
<p v-html="$t('commGuidePara058')"></p><p v-html="$t('commGuidePara059')"></p>
|
||||
</div><img src="~@/assets/images/community-guidelines/consequences.png">
|
||||
</div><p v-html="$t('commGuidePara060')"></p><ul><li v-html="$t('commGuideList08A')"></li><li v-html="$t('commGuideList08B')"></li><li v-html="$t('commGuideList08C')"></li></ul><p v-html="$t('commGuidePara060A')"></p><p v-html="$t('commGuidePara060B')"></p><h4>{{ $t('commGuideHeadingSevereConsequences') }}</h4><ul><li v-html="$t('commGuideList09A')"></li><li v-html="$t('commGuideList09C')"></li></ul><h4>{{ $t('commGuideHeadingModerateConsequences') }}</h4><ul><li>{{ $t('commGuideList10A') }}<ul><li>{{ $t('commGuideList10A1') }}</li></ul></li><li v-html="$t('commGuideList10C')"></li><li v-html="$t('commGuideList10D')"></li><li v-html="$t('commGuideList10E')"></li><li v-html="$t('commGuideList10F')"></li></ul><h4>{{ $t('commGuideHeadingMinorConsequences') }}</h4><ul><li v-html="$t('commGuideList11A')"></li><li v-html="$t('commGuideList11B')"></li><li v-html="$t('commGuideList11C')"></li><li v-html="$t('commGuideList11D')"></li><li v-html="$t('commGuideList11E')"></li></ul><h3 id="restoration">
|
||||
{{ $t('commGuideHeadingRestoration') }}
|
||||
</h3><div class="media align-items-center">
|
||||
<img src="~@/assets/images/community-guidelines/restoration.png"><div class="media-body">
|
||||
<p v-html="$t('commGuidePara061')"></p><p v-html="$t('commGuidePara062')"></p>
|
||||
</div>
|
||||
</div><p v-html="$t('commGuidePara063')"></p><h2 id="meet-the-mods">
|
||||
{{ $t('commGuideHeadingMeet') }}
|
||||
</h2><p v-html="$t('commGuidePara006')"></p><p v-html="$t('commGuidePara007')"></p><p v-html="$t('commGuidePara008')"></p><p v-html="$t('commGuidePara009')"></p><div class="media align-items-center">
|
||||
<img src="~@/assets/images/community-guidelines/staff.png"><div class="media-body">
|
||||
<ul><li>{{ $t('commGuideAKA', {habitName: 'Beffymaroo', realName: 'Beth'}) }}</li><li>{{ $t('commGuideAKA', {habitName: 'Viirus', realName: 'Phillip'}) }}</li><li>{{ $t('commGuideAKA', {habitName: 'redphoenix', realName: 'Vicky'}) }} ({{ $t('commGuideOnTrello', {trelloName: 'caffeinatedvee'}) }}, {{ $t('commGuideOnGitHub', {gitHubName: 'veeeeeee'}) }})</li><li>{{ $t('commGuideAKA', {habitName: 'Lemoness', realName: 'Leslie'}) }} ({{ $t('commGuideOnTrello', {trelloName: 'lemonesstree'}) }})</li><li>{{ $t('commGuideAKA', {habitName: 'SabreCat', realName: 'Sabe'}) }}</li><li>{{ $t('commGuideAKA', {habitName: 'paglias', realName: 'Matteo'}) }}</li><li>{{ $t('commGuideAKA', {habitName: 'TheHollidayInn', realName: 'Keith'}) }}</li></ul>
|
||||
</div>
|
||||
</div><p v-html="$t('commGuidePara010')"></p><div class="media align-items-center">
|
||||
<img src="~@/assets/images/community-guidelines/moderators.png"><div class="media-body">
|
||||
<p v-html="$t('commGuidePara011')"></p><ul><li>Bailey (It's Bailey {{ $t('commGuidePara011a') }})</li><li>Ryan (deilann {{ $t('commGuidePara011b') }})</li><li>Cantras</li><li>Alys (LadyAlys {{ $t('commGuidePara011c') }})</li><li>Fox_town</li><li>Blade ({{ $t('commGuideOnGitHub', {gitHubName: 'crookedneighbor'}) }})</li><li>Daniel the Bard</li><li>shanaqui</li><li>Dewines</li><li>Megan</li><li>Breadstrings</li></ul>
|
||||
</div>
|
||||
</div><p v-html="$t('commGuidePara012')"></p><p v-html="$t('commGuidePara013')"></p><p>{{ $t('commGuidePara014') }} <em>lefnire, Slappybag, litenull, Shaner, Bobbyroberts99, wc8</em></p><h2 id="final">
|
||||
{{ $t('commGuideHeadingFinal') }}
|
||||
</h2><p v-html="$t('commGuidePara067')"></p><p v-html="$t('commGuidePara068')"></p><h2 id="links">
|
||||
{{ $t('commGuideHeadingLinks') }}
|
||||
</h2><ul><li v-html="$t('commGuideLink01')"></li><li v-html="$t('commGuideLink02')"></li><li v-html="$t('commGuideLink03')"></li><li v-html="$t('commGuideLink04')"></li><li v-html="$t('commGuideLink05')"></li><li v-html="$t('commGuideLink06')"></li><li v-html="$t('commGuideLink07')"></li></ul><p v-html="$t('commGuidePara069')"></p><ul class="list-2col list-unstyled">
|
||||
<li>Breadstrings</li><li>Draayder</li><li>Kiwibot</li><li>Leephon</li><li>Lemoness</li><li>Luciferian</li><li>Revcleo</li><li>Shaner</li><li>Starsystemic</li><li>UncommonCriminal</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
|
||||
@@ -1,40 +1,32 @@
|
||||
<template lang="pug">
|
||||
.container-fluid
|
||||
.row
|
||||
.col-md-6.offset-3
|
||||
h1 {{ $t('contactUs') }}
|
||||
|
||||
p
|
||||
| {{ $t('reportAccountProblems') }}
|
||||
| :
|
||||
a(href='mailto:admin@habitica.com') admin@habitica.com
|
||||
br
|
||||
| {{ $t('reportBug') }}
|
||||
| :
|
||||
a(target='_blank', href='/groups/guild/a29da26b-37de-4a71-b0c6-48e72a900dac') Report a Bug guild
|
||||
| or
|
||||
a(target='_blank', href='https://github.com/HabitRPG/habitica/issues?q=is%3Aopen') GitHub
|
||||
span(v-if='this.user')
|
||||
br
|
||||
| {{ $t('reportCommunityIssues') }}
|
||||
| :
|
||||
a(@click.prevent='modForm()', href='') {{ $t('contactForm') }}
|
||||
br
|
||||
| {{ $t('subscriptionPaymentIssues') }}
|
||||
| :
|
||||
a(href='mailto:admin@habitica.com') admin@habitica.com
|
||||
br
|
||||
| {{ $t('generalQuestionsSite') }}
|
||||
| :
|
||||
a(target='_blank', href='/groups/guild/5481ccf3-5d2d-48a9-a871-70a7380cee5a') Habitica Help guild
|
||||
br
|
||||
| {{ $t('businessInquiries') }}
|
||||
| :
|
||||
a(href='mailto:admin@habitica.com') admin@habitica.com
|
||||
br
|
||||
| {{ $t('merchandiseInquiries') }}
|
||||
| :
|
||||
a(href='mailto:admin@habitica.com') admin@habitica.com
|
||||
<template>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 offset-3">
|
||||
<h1>{{ $t('contactUs') }}</h1><p>
|
||||
{{ $t('reportAccountProblems') }}
|
||||
: <a href="mailto:admin@habitica.com">admin@habitica.com</a><br>{{ $t('reportBug') }}
|
||||
: <a
|
||||
target="_blank"
|
||||
href="/groups/guild/a29da26b-37de-4a71-b0c6-48e72a900dac"
|
||||
>Report a Bug guild</a> or <a
|
||||
target="_blank"
|
||||
href="https://github.com/HabitRPG/habitica/issues?q=is%3Aopen"
|
||||
>GitHub</a><span v-if="this.user"><br>{{ $t('reportCommunityIssues') }}
|
||||
: <a
|
||||
href=""
|
||||
@click.prevent="modForm()"
|
||||
>{{ $t('contactForm') }}</a></span><br>{{ $t('subscriptionPaymentIssues') }}
|
||||
: <a href="mailto:admin@habitica.com">admin@habitica.com</a><br>{{ $t('generalQuestionsSite') }}
|
||||
: <a
|
||||
target="_blank"
|
||||
href="/groups/guild/5481ccf3-5d2d-48a9-a871-70a7380cee5a"
|
||||
>Habitica Help guild</a><br>{{ $t('businessInquiries') }}
|
||||
: <a href="mailto:admin@habitica.com">admin@habitica.com</a><br>{{ $t('merchandiseInquiries') }}
|
||||
: <a href="mailto:admin@habitica.com">admin@habitica.com</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -1,14 +1,39 @@
|
||||
<template lang="pug">
|
||||
.container-fluid(role="tablist")
|
||||
.row
|
||||
.col-12.col-md-6.offset-md-3
|
||||
h1#faq-heading {{ $t('frequentlyAskedQuestions') }}
|
||||
.faq-question(v-for='(heading, index) in headings', :key="index")
|
||||
h2(role="tab", v-b-toggle="heading", @click="handleClick($event)", variant="info") {{ $t(`faqQuestion${index}`) }}
|
||||
b-collapse(:id="heading", :visible="isVisible(heading)", accordion="faq", role="tabpanel")
|
||||
div.card-body(v-markdown="$t('webFaqAnswer' + index, replacements)")
|
||||
hr
|
||||
p(v-markdown="$t('webFaqStillNeedHelp')")
|
||||
<template>
|
||||
<div
|
||||
class="container-fluid"
|
||||
role="tablist"
|
||||
>
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 offset-md-3">
|
||||
<h1 id="faq-heading">
|
||||
{{ $t('frequentlyAskedQuestions') }}
|
||||
</h1><div
|
||||
v-for="(heading, index) in headings"
|
||||
:key="index"
|
||||
class="faq-question"
|
||||
>
|
||||
<h2
|
||||
v-b-toggle="heading"
|
||||
role="tab"
|
||||
variant="info"
|
||||
@click="handleClick($event)"
|
||||
>
|
||||
{{ $t(`faqQuestion${index}`) }}
|
||||
</h2><b-collapse
|
||||
:id="heading"
|
||||
:visible="isVisible(heading)"
|
||||
accordion="faq"
|
||||
role="tabpanel"
|
||||
>
|
||||
<div
|
||||
v-markdown="$t('webFaqAnswer' + index, replacements)"
|
||||
class="card-body"
|
||||
></div>
|
||||
</b-collapse>
|
||||
</div><hr><p v-markdown="$t('webFaqStillNeedHelp')"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
|
||||
@@ -1,76 +1,75 @@
|
||||
<template lang="pug">
|
||||
.container-fluid.text-center
|
||||
.row
|
||||
.col-md-12
|
||||
h1 {{ $t('marketing1Header') }}
|
||||
.row
|
||||
.col-md-6
|
||||
img(src='~@/assets/images/marketing/screenshot.png')
|
||||
h2 {{ $t('marketing1Lead1Title') }}
|
||||
p {{ $t('marketing1Lead1') }}
|
||||
.col-md-6
|
||||
img(src='~@/assets/images/marketing/gear.png')
|
||||
h2 {{ $t('marketing1Lead2Title') }}
|
||||
p {{ $t('marketing1Lead2') }}
|
||||
img(src='~@/assets/images/marketing/drops.png', style='max-height: 200px;')
|
||||
h2 {{ $t('marketing1Lead3Title') }}
|
||||
p {{ $t('marketing1Lead3') }}
|
||||
hr
|
||||
.row
|
||||
.col-md-12
|
||||
h1 {{ $t('marketing2Header') }}
|
||||
.row
|
||||
.col-md-6
|
||||
img(src='~@/assets/images/marketing/guild.png')
|
||||
h2 {{ $t('marketing2Lead1Title') }}
|
||||
p {{ $t('marketing2Lead1') }}
|
||||
img(src='~@/assets/images/marketing/vice3.png')
|
||||
h2 {{ $t('marketing2Lead2Title') }}
|
||||
p(v-markdown='$t("marketing2Lead2")')
|
||||
.col-md-6
|
||||
img(src='~@/assets/images/marketing/challenge.png')
|
||||
h2 {{ $t('marketing2Lead3Title') }}
|
||||
p {{ $t('marketing2Lead3') }}
|
||||
hr
|
||||
.row
|
||||
.col-md-12
|
||||
h1 {{ $t('marketing3Header') }}
|
||||
.row
|
||||
.col-md-6
|
||||
img(src='~@/assets/images/marketing/android_iphone.png')
|
||||
h2 {{ $t('footerMobile') }}
|
||||
p(v-markdown='$t("marketing3Lead1")')
|
||||
.col-md-6
|
||||
img(src='~@/assets/images/marketing/integration.png')
|
||||
h2 {{ $t('marketing3Lead2Title') }}
|
||||
p(v-markdown='$t("marketing3Lead2")')
|
||||
hr
|
||||
.row
|
||||
.col-md-12
|
||||
h1 {{ $t('marketing4Header') }}
|
||||
.row
|
||||
.col-md-6
|
||||
.media
|
||||
img(src='~@/assets/images/marketing/education.png')
|
||||
.media-body
|
||||
h2 {{ $t('marketing4Lead1Title') }}
|
||||
p {{ $t('marketing4Lead1') }}
|
||||
.col-md-6
|
||||
.media
|
||||
img(src='~@/assets/images/marketing/wellness.png')
|
||||
.media-body
|
||||
h2 {{ $t('marketing4Lead2Title') }}
|
||||
p {{ $t('marketing4Lead2') }}
|
||||
.row
|
||||
.col-md-6.offset-md-3
|
||||
h2 {{ $t('marketing4Lead3Title') }}
|
||||
img(src='~@/assets/images/marketing/lefnire.png')
|
||||
p.span
|
||||
span {{ $t('marketing4Lead3-1') }}
|
||||
button.btn.btn-primary(@click='playButtonClick()') {{ $t('playButton') }}
|
||||
p.span
|
||||
span {{ $t('marketing4Lead3-2') }}
|
||||
a.btn.btn-primary(href='/static/plans',target='_blank') {{ $t('contactUs') }}
|
||||
<template>
|
||||
<div class="container-fluid text-center">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>{{ $t('marketing1Header') }}</h1>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-md-6">
|
||||
<img src="~@/assets/images/marketing/screenshot.png"><h2>{{ $t('marketing1Lead1Title') }}</h2><p>{{ $t('marketing1Lead1') }}</p>
|
||||
</div><div class="col-md-6">
|
||||
<img src="~@/assets/images/marketing/gear.png"><h2>{{ $t('marketing1Lead2Title') }}</h2><p>{{ $t('marketing1Lead2') }}</p><img
|
||||
src="~@/assets/images/marketing/drops.png"
|
||||
style="max-height: 200px;"
|
||||
><h2>{{ $t('marketing1Lead3Title') }}</h2><p>{{ $t('marketing1Lead3') }}</p>
|
||||
</div>
|
||||
</div><hr><div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>{{ $t('marketing2Header') }}</h1>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-md-6">
|
||||
<img src="~@/assets/images/marketing/guild.png"><h2>{{ $t('marketing2Lead1Title') }}</h2><p>{{ $t('marketing2Lead1') }}</p><img src="~@/assets/images/marketing/vice3.png"><h2>{{ $t('marketing2Lead2Title') }}</h2><p v-markdown="$t('marketing2Lead2')"></p>
|
||||
</div><div class="col-md-6">
|
||||
<img src="~@/assets/images/marketing/challenge.png"><h2>{{ $t('marketing2Lead3Title') }}</h2><p>{{ $t('marketing2Lead3') }}</p>
|
||||
</div>
|
||||
</div><hr><div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>{{ $t('marketing3Header') }}</h1>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-md-6">
|
||||
<img src="~@/assets/images/marketing/android_iphone.png"><h2>{{ $t('footerMobile') }}</h2><p v-markdown="$t('marketing3Lead1')"></p>
|
||||
</div><div class="col-md-6">
|
||||
<img src="~@/assets/images/marketing/integration.png"><h2>{{ $t('marketing3Lead2Title') }}</h2><p v-markdown="$t('marketing3Lead2')"></p>
|
||||
</div>
|
||||
</div><hr><div class="row">
|
||||
<div class="col-md-12">
|
||||
<h1>{{ $t('marketing4Header') }}</h1>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-md-6">
|
||||
<div class="media">
|
||||
<img src="~@/assets/images/marketing/education.png"><div class="media-body">
|
||||
<h2>{{ $t('marketing4Lead1Title') }}</h2><p>{{ $t('marketing4Lead1') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="col-md-6">
|
||||
<div class="media">
|
||||
<img src="~@/assets/images/marketing/wellness.png"><div class="media-body">
|
||||
<h2>{{ $t('marketing4Lead2Title') }}</h2><p>{{ $t('marketing4Lead2') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-md-6 offset-md-3">
|
||||
<h2>{{ $t('marketing4Lead3Title') }}</h2><img src="~@/assets/images/marketing/lefnire.png"><p class="span">
|
||||
<span>{{ $t('marketing4Lead3-1') }}</span><button
|
||||
class="btn btn-primary"
|
||||
@click="playButtonClick()"
|
||||
>
|
||||
{{ $t('playButton') }}
|
||||
</button>
|
||||
</p><p class="span">
|
||||
<span>{{ $t('marketing4Lead3-2') }}</span><a
|
||||
class="btn btn-primary"
|
||||
href="/static/plans"
|
||||
target="_blank"
|
||||
>{{ $t('contactUs') }}</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
|
||||
@@ -1,60 +1,77 @@
|
||||
<template lang="pug">
|
||||
.group-plan-static.text-center
|
||||
amazon-payments-modal
|
||||
.container
|
||||
.row.top
|
||||
.top-left
|
||||
.col-6.offset-3
|
||||
img.party(src='../../assets/images/group-plans-static/party@3x.png')
|
||||
h1 {{ $t('groupPlanTitle') }}
|
||||
p {{ $t('groupPlanDesc') }}
|
||||
.pricing
|
||||
span Just
|
||||
span.number $9
|
||||
span.bold per month +
|
||||
span.number $3
|
||||
span.bold per member*
|
||||
.text-center
|
||||
button.btn.btn-primary.cta-button(@click="goToNewGroupPage()") {{ $t('getStarted') }}
|
||||
small {{ $t('billedMonthly') }}
|
||||
.top-right
|
||||
.row
|
||||
.text-col.col-12.col-md-6.text-left
|
||||
h2 {{ $t('teamBasedTasksList') }}
|
||||
p {{ $t('teamBasedTasksListDesc') }}
|
||||
.col-12.col-md-6
|
||||
.team-based(v-html='svg.teamBased')
|
||||
.row
|
||||
.col-12.col-md-6
|
||||
.group-management(v-html='svg.groupManagement')
|
||||
.text-col.col-12.col-md-6.text-left
|
||||
h2 {{ $t('groupManagementControls') }}
|
||||
p {{ $t('groupManagementControlsDesc') }}
|
||||
.row
|
||||
.col-12.col-md-6.offset-md-3.text-center
|
||||
img.big-gem(src='../../assets/images/group-plans-static/big-gem@3x.png')
|
||||
h2 {{ $t('inGameBenefits') }}
|
||||
p {{ $t('inGameBenefitsDesc') }}
|
||||
.row
|
||||
.bot-left
|
||||
.col-6.offset-3
|
||||
h2.purple {{ $t('inspireYourParty') }}
|
||||
.pricing
|
||||
span Just
|
||||
span.number $9
|
||||
span.bold per month +
|
||||
span.number $3
|
||||
span.bold per member*
|
||||
.text-center
|
||||
button.btn.btn-primary.cta-button(@click="goToNewGroupPage()") {{ $t('getStarted') }}
|
||||
small {{ $t('billedMonthly') }}
|
||||
.bot-right
|
||||
b-modal#group-plan(title="", size='md', :hide-footer='true', :hide-header='true')
|
||||
div(v-if='modalPage === "account"')
|
||||
h2 {{ $t('letsMakeAccount') }}
|
||||
auth-form(@authenticate='authenticate()')
|
||||
div(v-if='modalPage === "purchaseGroup"')
|
||||
create-group-modal-pages
|
||||
<template>
|
||||
<div class="group-plan-static text-center">
|
||||
<amazon-payments-modal /><div class="container">
|
||||
<div class="row top">
|
||||
<div class="top-left"></div><div class="col-6 offset-3">
|
||||
<img
|
||||
class="party"
|
||||
src="../../assets/images/group-plans-static/party@3x.png"
|
||||
><h1>{{ $t('groupPlanTitle') }}</h1><p>{{ $t('groupPlanDesc') }}</p><div class="pricing">
|
||||
<span>Just</span><span class="number">$9</span><span class="bold">per month +</span><span class="number">$3</span><span class="bold">per member*</span>
|
||||
</div><div class="text-center">
|
||||
<button
|
||||
class="btn btn-primary cta-button"
|
||||
@click="goToNewGroupPage()"
|
||||
>
|
||||
{{ $t('getStarted') }}
|
||||
</button>
|
||||
</div><small>{{ $t('billedMonthly') }}</small>
|
||||
</div><div class="top-right"></div>
|
||||
</div><div class="row">
|
||||
<div class="text-col col-12 col-md-6 text-left">
|
||||
<h2>{{ $t('teamBasedTasksList') }}</h2><p>{{ $t('teamBasedTasksListDesc') }}</p>
|
||||
</div><div class="col-12 col-md-6">
|
||||
<div
|
||||
class="team-based"
|
||||
v-html="svg.teamBased"
|
||||
></div>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-12 col-md-6">
|
||||
<div
|
||||
class="group-management"
|
||||
v-html="svg.groupManagement"
|
||||
></div>
|
||||
</div><div class="text-col col-12 col-md-6 text-left">
|
||||
<h2>{{ $t('groupManagementControls') }}</h2><p>{{ $t('groupManagementControlsDesc') }}</p>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-12 col-md-6 offset-md-3 text-center">
|
||||
<img
|
||||
class="big-gem"
|
||||
src="../../assets/images/group-plans-static/big-gem@3x.png"
|
||||
><h2>{{ $t('inGameBenefits') }}</h2><p>{{ $t('inGameBenefitsDesc') }}</p>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="bot-left"></div><div class="col-6 offset-3">
|
||||
<h2 class="purple">
|
||||
{{ $t('inspireYourParty') }}
|
||||
</h2><div class="pricing">
|
||||
<span>Just</span><span class="number">$9</span><span class="bold">per month +</span><span class="number">$3</span><span class="bold">per member*</span>
|
||||
</div><div class="text-center">
|
||||
<button
|
||||
class="btn btn-primary cta-button"
|
||||
@click="goToNewGroupPage()"
|
||||
>
|
||||
{{ $t('getStarted') }}
|
||||
</button>
|
||||
</div><small>{{ $t('billedMonthly') }}</small>
|
||||
</div><div class="bot-right"></div>
|
||||
</div>
|
||||
</div><b-modal
|
||||
id="group-plan"
|
||||
title=""
|
||||
size="md"
|
||||
:hide-footer="true"
|
||||
:hide-header="true"
|
||||
>
|
||||
<div v-if="modalPage === 'account'">
|
||||
<h2>{{ $t('letsMakeAccount') }}</h2><auth-form @authenticate="authenticate()" />
|
||||
</div><div v-if="modalPage === 'purchaseGroup'">
|
||||
<create-group-modal-pages />
|
||||
</div>
|
||||
</b-modal>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
|
||||
@@ -1,35 +1,125 @@
|
||||
<template lang="pug">
|
||||
nav.navbar.navbar-inverse.fixed-top.navbar-expand-sm
|
||||
.navbar-header
|
||||
router-link.nav-item(:to='!isUserLoggedIn ? "/static/home" : "/"')
|
||||
.logo.svg-icon(v-html='icons.purpleLogo', v-if='this.$route.name === "plans"')
|
||||
.logo.svg-icon(v-html='icons.logo', v-else)
|
||||
.collapse.navbar-collapse
|
||||
ul.navbar-nav.mr-auto(v-if='$route.name !== "home"')
|
||||
router-link.nav-item(tag='li', to='/static/features')
|
||||
a.nav-link(v-once) {{ $t('companyAbout') }}
|
||||
router-link.nav-item(tag='li', to='/static/plans')
|
||||
a.nav-link(v-once) {{ $t('groupPlans') }}
|
||||
li.nav-item
|
||||
a.nav-link(href='https://habitica.wordpress.com/', target='_blank') {{ $t('companyBlog') }}
|
||||
li.nav-item
|
||||
a.nav-link(href='http://blog.habitrpg.com/', target='_blank') {{ $t('tumblr') }}
|
||||
router-link.nav-item(tag='li', to='/static/press-kit')
|
||||
a.nav-link(v-once) {{ $t('presskit') }}
|
||||
router-link.nav-item(tag='li', to='/static/contact')
|
||||
a.nav-link(v-once) {{ $t('contactUs') }}
|
||||
ul.navbar-nav.mr-auto(v-else)
|
||||
router-link.nav-item(tag='li', to='/register')
|
||||
a.nav-link(v-once) {{ $t('getStarted') }}
|
||||
li.nav-item
|
||||
a.nav-link(@click='scrollToMobileApp') {{ $t('mobileApps') }}
|
||||
li.nav-item.dropdown
|
||||
a.nav-link.dropdown-toggle(v-once) {{ $t('learnMore') }}
|
||||
.dropdown-menu
|
||||
router-link.dropdown-item(to='/static/faq') {{ $t('faq') }}
|
||||
router-link.dropdown-item(to='/static/plans') {{ $t('groupPlans') }}
|
||||
button.btn.btn-primary.pull-right(@click='playButtonClick()', v-if='$route.name !== "home"') {{ $t('playButtonFull') }}
|
||||
router-link.btn.btn-primary.login-button.pull-right(to='/login', v-if='$route.name === "home"') {{ $t('login') }}
|
||||
<template>
|
||||
<nav class="navbar navbar-inverse fixed-top navbar-expand-sm">
|
||||
<div class="navbar-header">
|
||||
<router-link
|
||||
class="nav-item"
|
||||
:to="!isUserLoggedIn ? '/static/home' : '/'"
|
||||
>
|
||||
<div
|
||||
v-if="this.$route.name === 'plans'"
|
||||
class="logo svg-icon"
|
||||
v-html="icons.purpleLogo"
|
||||
></div><div
|
||||
v-else
|
||||
class="logo svg-icon"
|
||||
v-html="icons.logo"
|
||||
></div>
|
||||
</router-link>
|
||||
</div><div class="collapse navbar-collapse">
|
||||
<ul
|
||||
v-if="$route.name !== 'home'"
|
||||
class="navbar-nav mr-auto"
|
||||
>
|
||||
<router-link
|
||||
class="nav-item"
|
||||
tag="li"
|
||||
to="/static/features"
|
||||
>
|
||||
<a
|
||||
v-once
|
||||
class="nav-link"
|
||||
>{{ $t('companyAbout') }}</a>
|
||||
</router-link><router-link
|
||||
class="nav-item"
|
||||
tag="li"
|
||||
to="/static/plans"
|
||||
>
|
||||
<a
|
||||
v-once
|
||||
class="nav-link"
|
||||
>{{ $t('groupPlans') }}</a>
|
||||
</router-link><li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
href="https://habitica.wordpress.com/"
|
||||
target="_blank"
|
||||
>{{ $t('companyBlog') }}</a>
|
||||
</li><li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
href="http://blog.habitrpg.com/"
|
||||
target="_blank"
|
||||
>{{ $t('tumblr') }}</a>
|
||||
</li><router-link
|
||||
class="nav-item"
|
||||
tag="li"
|
||||
to="/static/press-kit"
|
||||
>
|
||||
<a
|
||||
v-once
|
||||
class="nav-link"
|
||||
>{{ $t('presskit') }}</a>
|
||||
</router-link><router-link
|
||||
class="nav-item"
|
||||
tag="li"
|
||||
to="/static/contact"
|
||||
>
|
||||
<a
|
||||
v-once
|
||||
class="nav-link"
|
||||
>{{ $t('contactUs') }}</a>
|
||||
</router-link>
|
||||
</ul><ul
|
||||
v-else
|
||||
class="navbar-nav mr-auto"
|
||||
>
|
||||
<router-link
|
||||
class="nav-item"
|
||||
tag="li"
|
||||
to="/register"
|
||||
>
|
||||
<a
|
||||
v-once
|
||||
class="nav-link"
|
||||
>{{ $t('getStarted') }}</a>
|
||||
</router-link><li class="nav-item">
|
||||
<a
|
||||
class="nav-link"
|
||||
@click="scrollToMobileApp"
|
||||
>{{ $t('mobileApps') }}</a>
|
||||
</li><li class="nav-item dropdown">
|
||||
<a
|
||||
v-once
|
||||
class="nav-link dropdown-toggle"
|
||||
>{{ $t('learnMore') }}</a><div class="dropdown-menu">
|
||||
<router-link
|
||||
class="dropdown-item"
|
||||
to="/static/faq"
|
||||
>
|
||||
{{ $t('faq') }}
|
||||
</router-link><router-link
|
||||
class="dropdown-item"
|
||||
to="/static/plans"
|
||||
>
|
||||
{{ $t('groupPlans') }}
|
||||
</router-link>
|
||||
</div>
|
||||
</li>
|
||||
</ul><button
|
||||
v-if="$route.name !== 'home'"
|
||||
class="btn btn-primary pull-right"
|
||||
@click="playButtonClick()"
|
||||
>
|
||||
{{ $t('playButtonFull') }}
|
||||
</button>
|
||||
</div><router-link
|
||||
v-if="$route.name === 'home'"
|
||||
class="btn btn-primary login-button pull-right"
|
||||
to="/login"
|
||||
>
|
||||
{{ $t('login') }}
|
||||
</router-link>
|
||||
</nav>
|
||||
</template>
|
||||
|
||||
<style lang='scss' scoped>
|
||||
|
||||
@@ -1,122 +1,270 @@
|
||||
<template lang="pug">
|
||||
#front.static-view
|
||||
noscript.banner {{ $t('jsDisabledHeadingFull') }}
|
||||
br
|
||||
a(href='http://www.enable-javascript.com/', target='_blank') {{ $t('jsDisabledLink') }}
|
||||
|
||||
#intro-signup.purple-1
|
||||
.container
|
||||
.row
|
||||
.col-12.col-md-6.col-lg-6
|
||||
img(src='~@/assets/images/home/home-main@3x.png', width='357px')
|
||||
h1 {{$t('motivateYourself')}}
|
||||
p.section-main {{$t('timeToGetThingsDone', {userCountInMillions})}}
|
||||
.col-12.col-md-6.col-lg-6
|
||||
h3.text-center {{$t('singUpForFree')}}
|
||||
div.text-center
|
||||
button.social-button(@click='socialAuth("facebook")')
|
||||
.svg-icon.social-icon(v-html="icons.facebookIcon")
|
||||
span {{$t('signUpWithSocial', {social: 'Facebook'})}}
|
||||
button.social-button(@click='socialAuth("google")')
|
||||
.svg-icon.social-icon(v-html="icons.googleIcon")
|
||||
span {{$t('signUpWithSocial', {social: 'Google'})}}
|
||||
.strike
|
||||
span {{$t('or')}}
|
||||
.form(@keyup.enter="register()")
|
||||
p.form-text {{$t('usernameLimitations')}}
|
||||
input#usernameInput.form-control(type='text', :placeholder='$t("username")', v-model='username', :class='{"input-valid": usernameValid, "input-invalid": usernameInvalid}')
|
||||
.input-error(v-for="issue in usernameIssues") {{ issue }}
|
||||
input.form-control(type='email', :placeholder='$t("email")', v-model='email', :class='{"input-invalid": emailInvalid, "input-valid": emailValid}')
|
||||
input.form-control(type='password', :placeholder='$t("password")', v-model='password', :class='{"input-valid": password.length > 3}')
|
||||
input.form-control(type='password', :placeholder='$t("confirmPassword")', v-model='passwordConfirm', :class='{"input-invalid": passwordConfirmInvalid, "input-valid": passwordConfirmValid}')
|
||||
p.form-text(v-once, v-html="$t('termsAndAgreement')")
|
||||
button.sign-up(@click="register()") {{$t('signup')}}
|
||||
.col-12
|
||||
.spacer.svg-icon(v-html='icons.spacer')
|
||||
|
||||
#gamify-life.purple-2
|
||||
.container-fluid
|
||||
.pixel-horizontal.svg-icon(v-html='icons.pixelHorizontal')
|
||||
.container
|
||||
.row
|
||||
.col-12.col-sm-6.col-md-6.col-lg-6.offset-sm-3.text-center
|
||||
h2 {{$t('gamifyYourLife')}}
|
||||
p.section-main {{$t('aboutHabitica')}}
|
||||
.row
|
||||
.col-12.col-md-4
|
||||
img.track-habits(src='~@/assets/images/home/track-habits@3x.png', width='354px', height='228px')
|
||||
strong {{$t('trackYourGoals')}}
|
||||
p {{$t('trackYourGoalsDesc')}}
|
||||
.col-12.col-md-4
|
||||
img(src='~@/assets/images/home/earn-rewards@3x.png', width='316px', height='244px')
|
||||
strong {{$t('earnRewards')}}
|
||||
p {{$t('earnRewardsDesc')}}
|
||||
.col-12.col-md-4
|
||||
img(src='~@/assets/images/home/battle-monsters@3x.png', width='303px', height='244px')
|
||||
strong {{$t('battleMonsters')}}
|
||||
p {{$t('battleMonstersDesc')}}
|
||||
.col-12
|
||||
.spacer.svg-icon(v-html='icons.spacer')
|
||||
|
||||
#use-cases.purple-2
|
||||
.container.text-center
|
||||
.row
|
||||
.col-12
|
||||
h2 {{$t('playersUseToImprove')}}
|
||||
.row
|
||||
.col-12.col-sm-4
|
||||
img(src='~@/assets/images/home/health-fitness@3x.png', width='300px', height='300px')
|
||||
strong {{$t('healthAndFitness')}}
|
||||
p {{$t('healthAndFitnessDesc')}}
|
||||
.col-12.col-sm-4
|
||||
img(src='~@/assets/images/home/school-work@3x.png', width='300px', height='300px')
|
||||
strong {{$t('schoolAndWork')}}
|
||||
p {{$t('schoolAndWorkDesc')}}
|
||||
.col-12.col-sm-4
|
||||
img(src='~@/assets/images/home/much-more@3x.png', width='300px', height='300px')
|
||||
strong {{$t('muchmuchMore')}}
|
||||
p {{$t('muchmuchMoreDesc')}}
|
||||
.col-12
|
||||
.spacer.svg-icon(v-html='icons.spacer')
|
||||
.container-fluid
|
||||
.pixel-horizontal-2.svg-icon(v-html='icons.pixelHorizontal2')
|
||||
|
||||
#level-up-anywhere.purple-3
|
||||
.container
|
||||
.row
|
||||
.col-12.col-md-6.col-lg-6
|
||||
.iphones
|
||||
.col-12.col-md-6.col-lg-6.text-column
|
||||
h2 {{ $t('levelUpAnywhere') }}
|
||||
p {{ $t('levelUpAnywhereDesc') }}
|
||||
a.app.svg-icon(v-html='icons.googlePlay', href='https://play.google.com/store/apps/details?id=com.habitrpg.android.habitica', target='_blank')
|
||||
a.app.svg-icon(v-html='icons.iosAppStore', href='https://itunes.apple.com/us/app/habitica-gamified-task-manager/id994882113?mt=8', target='_blank')
|
||||
.container-fluid
|
||||
.pixel-horizontal-3.svg-icon(v-html='icons.pixelHorizontal3')
|
||||
|
||||
#call-to-action.purple-4
|
||||
.container.featured
|
||||
.row.text-center
|
||||
h3.col-12 {{ $t('joinMany') }}
|
||||
.row
|
||||
.col-12.text-center
|
||||
button.btn.btn-primary.join-button(@click='playButtonClick()') {{ $t('joinToday') }}
|
||||
.row.featured
|
||||
.col-12.text-center
|
||||
strong {{ $t('featuredIn') }}
|
||||
.container-fluid.featured
|
||||
.row
|
||||
.col-12.text-center
|
||||
.lifehacker.svg-icon(v-html='icons.lifehacker')
|
||||
.thenewyorktimes.svg-icon(v-html='icons.thenewyorktimes')
|
||||
.makeuseof.svg-icon(v-html='icons.makeuseof')
|
||||
.forbes.svg-icon(v-html='icons.forbes')
|
||||
.cnet.svg-icon(v-html='icons.cnet')
|
||||
.kickstarter.svg-icon(v-html='icons.kickstarter')
|
||||
.fast-company.svg-icon(v-html='icons.fastCompany')
|
||||
.discover.svg-icon(v-html='icons.discover')
|
||||
.container-fluid
|
||||
.row.seamless_stars_varied_opacity_repeat
|
||||
<template>
|
||||
<div
|
||||
id="front"
|
||||
class="static-view"
|
||||
>
|
||||
<noscript class="banner">{{ $t('jsDisabledHeadingFull') }}<br/><a href="http://www.enable-javascript.com/" target="_blank">{{ $t('jsDisabledLink') }}</a></noscript><div
|
||||
id="intro-signup"
|
||||
class="purple-1"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 col-lg-6">
|
||||
<img
|
||||
src="~@/assets/images/home/home-main@3x.png"
|
||||
width="357px"
|
||||
><h1>{{ $t('motivateYourself') }}</h1><p class="section-main">
|
||||
{{ $t('timeToGetThingsDone', {userCountInMillions}) }}
|
||||
</p>
|
||||
</div><div class="col-12 col-md-6 col-lg-6">
|
||||
<h3 class="text-center">
|
||||
{{ $t('singUpForFree') }}
|
||||
</h3><div class="text-center">
|
||||
<button
|
||||
class="social-button"
|
||||
@click="socialAuth('facebook')"
|
||||
>
|
||||
<div
|
||||
class="svg-icon social-icon"
|
||||
v-html="icons.facebookIcon"
|
||||
></div><span>{{ $t('signUpWithSocial', {social: 'Facebook'}) }}</span>
|
||||
</button><button
|
||||
class="social-button"
|
||||
@click="socialAuth('google')"
|
||||
>
|
||||
<div
|
||||
class="svg-icon social-icon"
|
||||
v-html="icons.googleIcon"
|
||||
></div><span>{{ $t('signUpWithSocial', {social: 'Google'}) }}</span>
|
||||
</button>
|
||||
</div><div class="strike">
|
||||
<span>{{ $t('or') }}</span>
|
||||
</div><div
|
||||
class="form"
|
||||
@keyup.enter="register()"
|
||||
>
|
||||
<p class="form-text">
|
||||
{{ $t('usernameLimitations') }}
|
||||
</p><input
|
||||
id="usernameInput"
|
||||
v-model="username"
|
||||
class="form-control"
|
||||
type="text"
|
||||
:placeholder="$t('username')"
|
||||
:class="{'input-valid': usernameValid, 'input-invalid': usernameInvalid}"
|
||||
><div
|
||||
v-for="issue in usernameIssues"
|
||||
class="input-error"
|
||||
>
|
||||
{{ issue }}
|
||||
</div><input
|
||||
v-model="email"
|
||||
class="form-control"
|
||||
type="email"
|
||||
:placeholder="$t('email')"
|
||||
:class="{'input-invalid': emailInvalid, 'input-valid': emailValid}"
|
||||
><input
|
||||
v-model="password"
|
||||
class="form-control"
|
||||
type="password"
|
||||
:placeholder="$t('password')"
|
||||
:class="{'input-valid': password.length > 3}"
|
||||
><input
|
||||
v-model="passwordConfirm"
|
||||
class="form-control"
|
||||
type="password"
|
||||
:placeholder="$t('confirmPassword')"
|
||||
:class="{'input-invalid': passwordConfirmInvalid, 'input-valid': passwordConfirmValid}"
|
||||
><p
|
||||
v-once
|
||||
class="form-text"
|
||||
v-html="$t('termsAndAgreement')"
|
||||
></p><button
|
||||
class="sign-up"
|
||||
@click="register()"
|
||||
>
|
||||
{{ $t('signup') }}
|
||||
</button>
|
||||
</div>
|
||||
</div><div class="col-12">
|
||||
<div
|
||||
class="spacer svg-icon"
|
||||
v-html="icons.spacer"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><div
|
||||
id="gamify-life"
|
||||
class="purple-2"
|
||||
>
|
||||
<div class="container-fluid">
|
||||
<div
|
||||
class="pixel-horizontal svg-icon"
|
||||
v-html="icons.pixelHorizontal"
|
||||
></div>
|
||||
</div><div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-6 offset-sm-3 text-center">
|
||||
<h2>{{ $t('gamifyYourLife') }}</h2><p class="section-main">
|
||||
{{ $t('aboutHabitica') }}
|
||||
</p>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-12 col-md-4">
|
||||
<img
|
||||
class="track-habits"
|
||||
src="~@/assets/images/home/track-habits@3x.png"
|
||||
width="354px"
|
||||
height="228px"
|
||||
><strong>{{ $t('trackYourGoals') }}</strong><p>{{ $t('trackYourGoalsDesc') }}</p>
|
||||
</div><div class="col-12 col-md-4">
|
||||
<img
|
||||
src="~@/assets/images/home/earn-rewards@3x.png"
|
||||
width="316px"
|
||||
height="244px"
|
||||
><strong>{{ $t('earnRewards') }}</strong><p>{{ $t('earnRewardsDesc') }}</p>
|
||||
</div><div class="col-12 col-md-4">
|
||||
<img
|
||||
src="~@/assets/images/home/battle-monsters@3x.png"
|
||||
width="303px"
|
||||
height="244px"
|
||||
><strong>{{ $t('battleMonsters') }}</strong><p>{{ $t('battleMonstersDesc') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="col-12">
|
||||
<div
|
||||
class="spacer svg-icon"
|
||||
v-html="icons.spacer"
|
||||
></div>
|
||||
</div>
|
||||
</div><div
|
||||
id="use-cases"
|
||||
class="purple-2"
|
||||
>
|
||||
<div class="container text-center">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<h2>{{ $t('playersUseToImprove') }}</h2>
|
||||
</div>
|
||||
</div><div class="row">
|
||||
<div class="col-12 col-sm-4">
|
||||
<img
|
||||
src="~@/assets/images/home/health-fitness@3x.png"
|
||||
width="300px"
|
||||
height="300px"
|
||||
><strong>{{ $t('healthAndFitness') }}</strong><p>{{ $t('healthAndFitnessDesc') }}</p>
|
||||
</div><div class="col-12 col-sm-4">
|
||||
<img
|
||||
src="~@/assets/images/home/school-work@3x.png"
|
||||
width="300px"
|
||||
height="300px"
|
||||
><strong>{{ $t('schoolAndWork') }}</strong><p>{{ $t('schoolAndWorkDesc') }}</p>
|
||||
</div><div class="col-12 col-sm-4">
|
||||
<img
|
||||
src="~@/assets/images/home/much-more@3x.png"
|
||||
width="300px"
|
||||
height="300px"
|
||||
><strong>{{ $t('muchmuchMore') }}</strong><p>{{ $t('muchmuchMoreDesc') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="col-12">
|
||||
<div
|
||||
class="spacer svg-icon"
|
||||
v-html="icons.spacer"
|
||||
></div>
|
||||
</div><div class="container-fluid">
|
||||
<div
|
||||
class="pixel-horizontal-2 svg-icon"
|
||||
v-html="icons.pixelHorizontal2"
|
||||
></div>
|
||||
</div>
|
||||
</div><div
|
||||
id="level-up-anywhere"
|
||||
class="purple-3"
|
||||
>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6 col-lg-6">
|
||||
<div class="iphones"></div>
|
||||
</div><div class="col-12 col-md-6 col-lg-6 text-column">
|
||||
<h2>{{ $t('levelUpAnywhere') }}</h2><p>{{ $t('levelUpAnywhereDesc') }}</p><a
|
||||
class="app svg-icon"
|
||||
href="https://play.google.com/store/apps/details?id=com.habitrpg.android.habitica"
|
||||
target="_blank"
|
||||
v-html="icons.googlePlay"
|
||||
></a><a
|
||||
class="app svg-icon"
|
||||
href="https://itunes.apple.com/us/app/habitica-gamified-task-manager/id994882113?mt=8"
|
||||
target="_blank"
|
||||
v-html="icons.iosAppStore"
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="container-fluid">
|
||||
<div
|
||||
class="pixel-horizontal-3 svg-icon"
|
||||
v-html="icons.pixelHorizontal3"
|
||||
></div>
|
||||
</div>
|
||||
</div><div
|
||||
id="call-to-action"
|
||||
class="purple-4"
|
||||
>
|
||||
<div class="container featured">
|
||||
<div class="row text-center">
|
||||
<h3 class="col-12">
|
||||
{{ $t('joinMany') }}
|
||||
</h3>
|
||||
</div><div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<button
|
||||
class="btn btn-primary join-button"
|
||||
@click="playButtonClick()"
|
||||
>
|
||||
{{ $t('joinToday') }}
|
||||
</button>
|
||||
</div>
|
||||
</div><div class="row featured">
|
||||
<div class="col-12 text-center">
|
||||
<strong>{{ $t('featuredIn') }}</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="container-fluid featured">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center">
|
||||
<div
|
||||
class="lifehacker svg-icon"
|
||||
v-html="icons.lifehacker"
|
||||
></div><div
|
||||
class="thenewyorktimes svg-icon"
|
||||
v-html="icons.thenewyorktimes"
|
||||
></div><div
|
||||
class="makeuseof svg-icon"
|
||||
v-html="icons.makeuseof"
|
||||
></div><div
|
||||
class="forbes svg-icon"
|
||||
v-html="icons.forbes"
|
||||
></div><div
|
||||
class="cnet svg-icon"
|
||||
v-html="icons.cnet"
|
||||
></div><div
|
||||
class="kickstarter svg-icon"
|
||||
v-html="icons.kickstarter"
|
||||
></div><div
|
||||
class="fast-company svg-icon"
|
||||
v-html="icons.fastCompany"
|
||||
></div><div
|
||||
class="discover svg-icon"
|
||||
v-html="icons.discover"
|
||||
></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><div class="container-fluid">
|
||||
<div class="row seamless_stars_varied_opacity_repeat"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang='scss'>
|
||||
|
||||
@@ -1,19 +1,35 @@
|
||||
<template lang="pug">
|
||||
.container-fluid
|
||||
.row
|
||||
.col-md-6.offset-3
|
||||
h1 {{ $t('merch') }}
|
||||
// @TODO: Visual experience: Separate each merch items with new line? Or to show items in a table?
|
||||
.col-lg-6.col-md-6.col-sm-12(v-for="(merchant, index) in merchants")
|
||||
.merch-block
|
||||
img(v-if='merchant.logo' :src="`/static/merch/${merchant.key}-logo.png`")
|
||||
h2(v-else) {{ merchant.name }}
|
||||
div
|
||||
a(:href="merchant.link" target='_blank')
|
||||
img.img-rendering-auto(:src="`/static/merch/${merchant.key}.png`")
|
||||
p {{ $t('merch-' + merchant.key + '-summary') }}
|
||||
a.btn.btn-primary(:href="merchant.link" target='_blank') {{$t('merch-' + merchant.key + '-goto')}}
|
||||
|
||||
<template>
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col-md-6 offset-3">
|
||||
<h1>{{ $t('merch') }}</h1><!-- @TODO: Visual experience: Separate each merch items with new line? Or to show items in a table?--><div
|
||||
v-for="(merchant, index) in merchants"
|
||||
class="col-lg-6 col-md-6 col-sm-12"
|
||||
>
|
||||
<div class="merch-block">
|
||||
<img
|
||||
v-if="merchant.logo"
|
||||
:src="`/static/merch/${merchant.key}-logo.png`"
|
||||
><h2 v-else>
|
||||
{{ merchant.name }}
|
||||
</h2><div>
|
||||
<a
|
||||
:href="merchant.link"
|
||||
target="_blank"
|
||||
><img
|
||||
class="img-rendering-auto"
|
||||
:src="`/static/merch/${merchant.key}.png`"
|
||||
></a>
|
||||
</div><p>{{ $t('merch-' + merchant.key + '-summary') }}</p><a
|
||||
class="btn btn-primary"
|
||||
:href="merchant.link"
|
||||
target="_blank"
|
||||
>{{ $t('merch-' + merchant.key + '-goto') }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
<template lang='pug'>
|
||||
.static-view(v-html="html")
|
||||
<template>
|
||||
<div
|
||||
class="static-view"
|
||||
v-html="html"
|
||||
></div>
|
||||
</template>
|
||||
|
||||
<style lang='scss'>
|
||||
|
||||
@@ -1,14 +1,13 @@
|
||||
<template lang="pug">
|
||||
.container-fluid.static-view
|
||||
.row
|
||||
.col-md-6.offset-3
|
||||
h1 {{ $t('overview') }}
|
||||
p {{ $t('needTips') }}
|
||||
div(v-for='step in stepsNum')
|
||||
h3 {{ $t('step'+step) }}
|
||||
p(v-markdown="$t('webStep'+step+'Text', stepVars[step])")
|
||||
hr
|
||||
p(v-markdown="$t('overviewQuestions', {faqUrl: '/static/faq/', helpGuildUrl: '/groups/guild/5481ccf3-5d2d-48a9-a871-70a7380cee5a'})")
|
||||
<template>
|
||||
<div class="container-fluid static-view">
|
||||
<div class="row">
|
||||
<div class="col-md-6 offset-3">
|
||||
<h1>{{ $t('overview') }}</h1><p>{{ $t('needTips') }}</p><div v-for="step in stepsNum">
|
||||
<h3>{{ $t('step'+step) }}</h3><p v-markdown="$t('webStep'+step+'Text', stepVars[step])"></p><hr>
|
||||
</div><p v-markdown="$t('overviewQuestions', {faqUrl: '/static/faq/', helpGuildUrl: '/groups/guild/5481ccf3-5d2d-48a9-a871-70a7380cee5a'})"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang='scss'>
|
||||
|
||||
@@ -1,28 +1,51 @@
|
||||
<template lang="pug">
|
||||
.container-fluid
|
||||
h1 {{ $t('presskit') }}
|
||||
p {{ $t('presskitText', { pressEnquiryEmail : PRESS_ENQUIRY_EMAIL }) }}
|
||||
p
|
||||
a.btn.btn-lg.btn-success(href='/static/presskit/presskit.zip') presskit.zip
|
||||
|
||||
div(v-for='(images, category) in imgs')
|
||||
h2 {{ $t('pk' + category) }}
|
||||
div(v-if='Array.isArray(images)')
|
||||
div(v-for='img in images')
|
||||
img.img-fluid.img-rendering-auto.press-img(:src="`/static/presskit/${category}/${img}`")
|
||||
div(v-else)
|
||||
div(v-for='(images, secondaryCategory) in images')
|
||||
h3 {{ $t('pk' + secondaryCategory) }}
|
||||
div(v-for='img in images')
|
||||
img.img-fluid.img-rendering-auto.press-img(:src="`/static/presskit/${category}/${secondaryCategory}/${img}`")
|
||||
|
||||
h1 {{ $t('FAQ') }}
|
||||
#faq(role='tablist')
|
||||
.faq-question(v-for='(QA, index) in faq')
|
||||
h2(v-b-toggle="QA.question", tabindex="0", role="button", v-html="$t(QA.question)")
|
||||
b-collapse(:id="QA.question", accordion="pkAccordian", role="tabpanel")
|
||||
p(v-html="$t(QA.answer)")
|
||||
p {{ $t('pkMoreQuestions') }}
|
||||
<template>
|
||||
<div class="container-fluid">
|
||||
<h1>{{ $t('presskit') }}</h1><p>{{ $t('presskitText', { pressEnquiryEmail : PRESS_ENQUIRY_EMAIL }) }}</p><p>
|
||||
<a
|
||||
class="btn btn-lg btn-success"
|
||||
href="/static/presskit/presskit.zip"
|
||||
>presskit.zip</a>
|
||||
</p><div v-for="(images, category) in imgs">
|
||||
<h2>{{ $t('pk' + category) }}</h2><div v-if="Array.isArray(images)">
|
||||
<div v-for="img in images">
|
||||
<img
|
||||
class="img-fluid img-rendering-auto press-img"
|
||||
:src="`/static/presskit/${category}/${img}`"
|
||||
>
|
||||
</div>
|
||||
</div><div v-else>
|
||||
<div v-for="(images, secondaryCategory) in images">
|
||||
<h3>{{ $t('pk' + secondaryCategory) }}</h3><div v-for="img in images">
|
||||
<img
|
||||
class="img-fluid img-rendering-auto press-img"
|
||||
:src="`/static/presskit/${category}/${secondaryCategory}/${img}`"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><h1>{{ $t('FAQ') }}</h1><div
|
||||
id="faq"
|
||||
role="tablist"
|
||||
>
|
||||
<div
|
||||
v-for="(QA, index) in faq"
|
||||
class="faq-question"
|
||||
>
|
||||
<h2
|
||||
v-b-toggle="QA.question"
|
||||
tabindex="0"
|
||||
role="button"
|
||||
v-html="$t(QA.question)"
|
||||
></h2><b-collapse
|
||||
:id="QA.question"
|
||||
accordion="pkAccordian"
|
||||
role="tabpanel"
|
||||
>
|
||||
<p v-html="$t(QA.answer)"></p>
|
||||
</b-collapse>
|
||||
</div>
|
||||
</div><p>{{ $t('pkMoreQuestions') }}</p>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
@@ -1,299 +1,254 @@
|
||||
<template lang="pug">
|
||||
.container-fluid
|
||||
h1 Privacy Policy
|
||||
p.pagemeta
|
||||
| Last updated July 27, 2015
|
||||
br
|
||||
small (Corrected grammar errors and updated company name)
|
||||
br
|
||||
br
|
||||
p
|
||||
strong PLEASE READ THIS PRIVACY POLICY CAREFULLY.
|
||||
br
|
||||
| By accessing or otherwise using habitica.com or any sub domains thereto ("the Sites"),
|
||||
| or using a habitica.com or Habitica application on a mobile device ("the Applications"),
|
||||
| you agree to be bound contractually by this Privacy Policy. Individually
|
||||
| or collectively, the Applications and the Sites may be referred to as
|
||||
| the "Services."
|
||||
p
|
||||
| To review material modifications and their effective dates scroll
|
||||
| to the bottom of the page.
|
||||
p
|
||||
strong
|
||||
| 1. Privacy Statement; Collection of Personal
|
||||
| Information.
|
||||
br
|
||||
| 1.1 HabitRPG, Inc. owns and operates this business. All
|
||||
| references to "we", "us", shall be construed to mean HabitRPG, Inc..
|
||||
p
|
||||
| 1.2 We understand that visitors to this website are concerned
|
||||
| about the privacy of information. The following describes our privacy
|
||||
| policy regarding information, including personal information, that we
|
||||
| collect through this website.
|
||||
p
|
||||
strong 2. Modification of Privacy Policy.
|
||||
br
|
||||
| We reserve the right to modify this Privacy Policy at any time,
|
||||
| and without prior notice, by posting an amended Privacy Policy that is
|
||||
| always accessible by clicking on the "Privacy Policy" link on this
|
||||
| site's home page. Your continued use of this site indicates your
|
||||
| acceptance of the amended Privacy Policy. You should check the Privacy
|
||||
| Policy through this link periodically for modifications by clicking on
|
||||
| the link provided near the top of the Privacy Policy for a listing of
|
||||
| material modifications and their effective dates. Regarding personal
|
||||
| information, if any modifications are materially less restrictive on our
|
||||
| use or disclosure of the personal information previously disclosed by
|
||||
| you, we will obtain your consent before implementing such revisions with
|
||||
| respect to such information.
|
||||
p
|
||||
strong 3. Collection of Anonymous, Passive Information.
|
||||
br
|
||||
| We reserve the right to monitor your use of the services. As you
|
||||
| navigate through the services, certain anonymous information may be
|
||||
| passively collected (that is, gathered without your actively providing
|
||||
| the information) using various technologies, such as cookies, Internet
|
||||
| tags or web beacons, and navigational data collection (log files, server
|
||||
| logs, clickstream). The following is a listing and a brief explanation
|
||||
| of passive information collection methodologies which we may use from
|
||||
| time to time to better understand how the Services are being used.
|
||||
p
|
||||
| 3.1 A "cookie" is a text file that this site sends to your
|
||||
| browser in the form of a text file The information generated by the
|
||||
| cookie about your use of this site (including your IP address) will be
|
||||
| transmitted to and stored. Most browsers automatically accept cookies,
|
||||
| but they usually can be modified to decline cookies if you prefer;
|
||||
| however, certain features of this site might not work without cookies.
|
||||
p
|
||||
| 3.2 "Session" cookies are temporary bits of information that are
|
||||
| used to improve navigation, block visitors from providing information
|
||||
| where inappropriate (the Services "remembers" previous entries of age or
|
||||
| country of origin that were outside the specified parameters and blocks
|
||||
| subsequent changes), and collect aggregate statistical information on
|
||||
| the Services. They are erased once you exit your Web browser or
|
||||
| otherwise turn off your computer.
|
||||
p
|
||||
| 3.3 "Persistent" cookies are more permanent bits of information
|
||||
| that are placed on the hard drive of your computer and stay there unless
|
||||
| you delete the cookie. Persistent cookies store information on your
|
||||
| computer for a number of purposes, such as retrieving certain
|
||||
| information you have previously provided, helping to determine what
|
||||
| areas of the Services you may find most valuable, and customizing the
|
||||
| Services based on your preferences on an ongoing basis. Persistent
|
||||
| cookies placed by this site in your computer do not hold personal
|
||||
| information.
|
||||
p
|
||||
| 3.4 You can set your browser to accept all cookies, to reject all
|
||||
| cookies, or to notify you whenever a cookie is offered so that you can
|
||||
| decide each time whether to accept it. To learn more about cookies and
|
||||
| how to specify your preferences, please search for "cookie" in the
|
||||
| "Help" portion of your browser.
|
||||
p
|
||||
| 3.5 An Internet Protocol (IP) address is a number assigned to
|
||||
| your computer by your Internet service provider so you can access the
|
||||
| Internet and is generally considered to be non-personally identifiable
|
||||
| information, because in most cases an IP address is dynamic (changing
|
||||
| each time you connect to the Internet), rather than static (unique to a
|
||||
| particular user's computer). The IP address can be used to diagnose
|
||||
| problems with a server, report aggregate information, determine the
|
||||
| fastest route for your computer to use in connecting to a site, and
|
||||
| administer and improve the Services.
|
||||
p
|
||||
| 3.6 "Internet tags" (also known as Web Beacons, single-pixel
|
||||
| GIFs, clear GIFs, invisible GIFs, and 1-by-1 GIFs) are smaller than
|
||||
| cookies and tell the Web site server information such as the IP address
|
||||
| and browser type related to the visitor's computer. Tags may be placed
|
||||
| both on online advertisements that bring people to the Services and on
|
||||
| different pages of the Services. Such tags indicate how many times a
|
||||
| page is opened and which information is consulted.
|
||||
p
|
||||
| 3.7 "Navigational data" (log files, server logs, and clickstream
|
||||
| data) are used for system management, to improve the content of the
|
||||
| Services, market research purposes, and to communicate information to
|
||||
| visitors.
|
||||
p
|
||||
strong 4. Use and Sharing of Anonymous, Passive Information.
|
||||
br
|
||||
| The Services may make full use of passively collected anonymous
|
||||
| information, including without limitation the right to use such
|
||||
| information to provide better service to Service users, customize the
|
||||
| Services based on your preferences, compile and analyze statistics and
|
||||
| trends, and otherwise administer and improve the Services for your use. We
|
||||
| reserve the right to share this anonymous, passive information in
|
||||
| aggregated form.
|
||||
p
|
||||
strong 5. 3rd Party Behavioral Ads; Google's AdSense Network.
|
||||
br
|
||||
| 5.1 We reserve the right to use anonymous, passive information
|
||||
| about your visits to this and other websites (not including your name,
|
||||
| address, email address or telephone number) for purposes of serving our
|
||||
| ads and third party ads that are targeted to your interests ("3rd Party
|
||||
| Behavioral Ads"). We reserve the right to share anonymous, passive
|
||||
| information collected on the services with third parties for purposes of
|
||||
| serving 3rd Party Behavioral Ads. These 3rd Party Behavioral Ads do not
|
||||
| identify you personally. Instead, they associate your behavioral data on
|
||||
| visited sites with your browser, so that the ads your computer sees on
|
||||
| this site are more likely to be relevant to your interests. 3rd Party
|
||||
| Behavioral Ads require that that you be served with a cookie containing
|
||||
| a tracking code. You may refuse the use of cookies by selecting the
|
||||
| appropriate settings on your browser; however, please note that if you
|
||||
| do this you may not be able to use the full functionality of this site.
|
||||
p
|
||||
| 5.2 We reserve the right to participate in Google's AdSense
|
||||
| network for purposes of serving 3rd Party Behavioral Ads. Google uses
|
||||
| DoubleClick's DART cookie for serving 3rd Party Behavioral Ads over the
|
||||
| AdSense network. You may opt out of the use of the DART cookie. For
|
||||
| information regarding how to opt out, go to
|
||||
| http://www.google.com/privacy_ads.html.
|
||||
p
|
||||
strong 6. Use of 3rd Party Analytics.
|
||||
br
|
||||
| We reserve the right to use analytics services provided by
|
||||
| third parties. These services use 3rd party cookies to collect
|
||||
| anonymous, passive information about your use of this site (see
|
||||
| explanation of cookies in Collection of Anonymous, Passive Information
|
||||
| above). We use this information for the purpose of evaluating your use
|
||||
| of the Services, compiling reports on activity, and providing other
|
||||
| services. These web analytics services may also transfer this
|
||||
| information to third parties where required to do so by law, or where
|
||||
| such third parties process the information on the service's behalf.
|
||||
p
|
||||
strong 7. Collection of Personal Information; Categories.
|
||||
br
|
||||
| We will ask you for personal information when you sign up for any
|
||||
| specific benefit or purpose that requires registration. Personal
|
||||
| information that we collect may vary with each registration, and it may
|
||||
| include one or more of the following categories: name, physical
|
||||
| address, an email address, phone number, and credit card information
|
||||
| including credit card number, expiration date, and billing address,
|
||||
| emergency contact information, current medications, allergies, medical
|
||||
| insurance information.
|
||||
p
|
||||
strong
|
||||
| 8. Use And Sharing of Personal Information: General
|
||||
| Policy And Exceptions.
|
||||
br
|
||||
| Our general policy is that we will use your personal information,
|
||||
| including combining your personal information with passive information
|
||||
| collected from this site, only for: the performance of the services or
|
||||
| transaction for which it was given, our private, internal reporting for
|
||||
| this site, and security assessments for this site, and we will not
|
||||
| share, sell, or rent your personal information to others. The only
|
||||
| exceptions to this general policy: (i) are described in the subsections
|
||||
| below, and (ii) if you explicitly approve through our site.
|
||||
p
|
||||
| 8.1 Affiliates And Service Providers. We reserve the right to
|
||||
| provide such information to our affiliates or subsidiaries, or trusted
|
||||
| service providers for the purpose of hosting our servers or processing
|
||||
| or archiving personal information for us. We require that these parties
|
||||
| agree to privacy and security safeguards for this information that are
|
||||
| consistent with this Privacy Policy.
|
||||
p
|
||||
| 8.2 Acquisition; Bankruptcy. In the event that we are acquired by
|
||||
| or merged with a third party entity, we reserve the right to transfer
|
||||
| such information as part of such merger, acquisition, sale, or other
|
||||
| change of control. In the unlikely event of our bankruptcy, insolvency,
|
||||
| reorganization, receivership, or assignment for the benefit of
|
||||
| creditors, or the application of laws or equitable principles affecting
|
||||
| creditors' rights generally, we reserve the right to transfer such
|
||||
| information to protect our rights or as required by law.
|
||||
p
|
||||
| 8.3 Enforcement; Legal Process. We reserve the right to transfer
|
||||
| such information if we have a good faith belief that access, use,
|
||||
| preservation or disclosure of such information is reasonably necessary
|
||||
| (i) to satisfy any applicable law, regulation, legal process or
|
||||
| enforceable governmental request, or (ii) to investigate or enforce
|
||||
| violations of our rights or the security of this site.
|
||||
p
|
||||
| 8.4 Miscellaneous. We reserve the right to share personal
|
||||
| information with the following additional parties: online organizers
|
||||
| using our tools and resellers of our products and services from whose
|
||||
| site the sale originated (even though the sale originates at site of the
|
||||
| reseller, registration and collection of personal information occurs at
|
||||
| this site).
|
||||
p
|
||||
strong
|
||||
| 9. Onward Transfer of Personal Information Outside Your
|
||||
| Country of Residence.
|
||||
br
|
||||
| Any personal information which we may collect on this site will
|
||||
| be stored and processed in our servers located only in the United
|
||||
| States. By using this site, if you reside outside the United States, you
|
||||
| consent to the transfer of personal information outside your country of
|
||||
| residence to the United States.
|
||||
p
|
||||
strong 10. Security of Personal Information.
|
||||
br
|
||||
| We follow reasonable and appropriate industry standards to
|
||||
| protect your personal information and data. Unfortunately, no data
|
||||
| transmission over the Internet or method of data storage can be
|
||||
| guaranteed 100% secure. Therefore, while we strive to protect your
|
||||
| personal information by following generally accepted industry standards,
|
||||
| we cannot ensure or warrant the absolute security of any information you
|
||||
| transmit to us or archive at this site.
|
||||
p
|
||||
strong 11. Changing And Updating Personal Information.
|
||||
br
|
||||
| Upon request, we will permit you to request or make changes or
|
||||
| updates to your personal information for legitimate purposes. We request
|
||||
| identification prior to approving such requests. We reserve the right to
|
||||
| decline any requests that are unreasonably repetitive or systematic,
|
||||
| require unreasonable time or effort of our technical or administrative
|
||||
| personnel, or undermine the privacy rights of others. We reserve the
|
||||
| right to permit you to access your personal information in any account
|
||||
| you establish with this site for purposes of making your own changes or
|
||||
| updates, and in such case, instructions for making such changes or
|
||||
| updates will be provided where necessary.
|
||||
p
|
||||
strong 12. Email From This Site; Opt-Out Rights.
|
||||
br
|
||||
| If you supply us with your e-mail address you may receive
|
||||
| periodic messages from us with information specific to the Services and
|
||||
| required for the normal functioning of the Services as well as for new
|
||||
| products or services or upcoming events. If you prefer not to receive
|
||||
| periodic email messages, you may opt-out by following the instructions
|
||||
| on the email.
|
||||
p
|
||||
strong 13. Children's Online Policy.
|
||||
br
|
||||
| We are committed to preserving online privacy for all of our
|
||||
| website visitors, including children. This site is a general audience
|
||||
| site. Consistent with the Children's Online Privacy Protection Act
|
||||
| (COPPA), we will not knowingly collect any information from, or sell to,
|
||||
| children under the age of 13. If you are a parent or guardian who has
|
||||
| discovered that your child under the age of 13 has submitted his or her
|
||||
| personally identifiable information without your permission or consent,
|
||||
| we will remove the information from our active list, at your request. To
|
||||
| request the removal of your child's information, please email us at
|
||||
| <a href='mailto:admin@habitica.com' target='_blank'>admin@habitica.com</a> and be sure to include in
|
||||
| your message the same login information that your child submitted.
|
||||
p
|
||||
strong
|
||||
| 14. Email And Other Messages Through This Site; ECPA
|
||||
| Notice.
|
||||
br
|
||||
| This site treats email messages and other electronic messages
|
||||
| that are sent through this site and not viewable by others as
|
||||
| confidential and private, except as required by law, including without
|
||||
| limitation, the Electronic Communications Privacy Act of 1986, 18 U.S.C.
|
||||
| Sections 2701-2711 (the "ECPA"). The ECPA permits this site's limited
|
||||
| ability to intercept and/or disclose electronic messages, for example
|
||||
| (i) as necessary to operate our system or to protect our rights or
|
||||
| property, (ii) upon legal demand (court orders, warrants, subpoenas), or
|
||||
| (iii) where we receive information inadvertently which appears to
|
||||
| pertain to the commission of a crime. This site is not considered a
|
||||
| "secure communications medium" under the ECPA.
|
||||
p
|
||||
strong 15. Contact Us.
|
||||
br
|
||||
| If you have any questions regarding this Privacy Policy, please
|
||||
| contact the owner and operator of this website business:
|
||||
address
|
||||
strong HabitRPG, Inc.
|
||||
br
|
||||
| 11870 Santa Monica Blvd., Suite 106-577
|
||||
br
|
||||
| Los Angeles, CA 90025
|
||||
br
|
||||
| Email:
|
||||
a(href='mailto:admin@habitica.com') admin@habitica.com
|
||||
<template>
|
||||
<div class="container-fluid">
|
||||
<h1>Privacy Policy</h1><p class="pagemeta">
|
||||
Last updated July 27, 2015<br><small>(Corrected grammar errors and updated company name)</small><br><br>
|
||||
</p><p>
|
||||
<strong>PLEASE READ THIS PRIVACY POLICY CAREFULLY.</strong><br>By accessing or otherwise using habitica.com or any sub domains thereto ('the Sites'),
|
||||
or using a habitica.com or Habitica application on a mobile device ('the Applications'),
|
||||
you agree to be bound contractually by this Privacy Policy. Individually
|
||||
or collectively, the Applications and the Sites may be referred to as
|
||||
the 'Services.'
|
||||
</p><p>
|
||||
To review material modifications and their effective dates scroll
|
||||
to the bottom of the page.
|
||||
</p><p>
|
||||
<strong>1. Privacy Statement; Collection of Personal
|
||||
Information.</strong><br>1.1 HabitRPG, Inc. owns and operates this business. All
|
||||
references to 'we', 'us', shall be construed to mean HabitRPG, Inc..
|
||||
</p><p>
|
||||
1.2 We understand that visitors to this website are concerned
|
||||
about the privacy of information. The following describes our privacy
|
||||
policy regarding information, including personal information, that we
|
||||
collect through this website.
|
||||
</p><p>
|
||||
<strong>2. Modification of Privacy Policy.</strong><br>We reserve the right to modify this Privacy Policy at any time,
|
||||
and without prior notice, by posting an amended Privacy Policy that is
|
||||
always accessible by clicking on the 'Privacy Policy' link on this
|
||||
site's home page. Your continued use of this site indicates your
|
||||
acceptance of the amended Privacy Policy. You should check the Privacy
|
||||
Policy through this link periodically for modifications by clicking on
|
||||
the link provided near the top of the Privacy Policy for a listing of
|
||||
material modifications and their effective dates. Regarding personal
|
||||
information, if any modifications are materially less restrictive on our
|
||||
use or disclosure of the personal information previously disclosed by
|
||||
you, we will obtain your consent before implementing such revisions with
|
||||
respect to such information.
|
||||
</p><p>
|
||||
<strong>3. Collection of Anonymous, Passive Information.</strong><br>We reserve the right to monitor your use of the services. As you
|
||||
navigate through the services, certain anonymous information may be
|
||||
passively collected (that is, gathered without your actively providing
|
||||
the information) using various technologies, such as cookies, Internet
|
||||
tags or web beacons, and navigational data collection (log files, server
|
||||
logs, clickstream). The following is a listing and a brief explanation
|
||||
of passive information collection methodologies which we may use from
|
||||
time to time to better understand how the Services are being used.
|
||||
</p><p>
|
||||
3.1 A 'cookie' is a text file that this site sends to your
|
||||
browser in the form of a text file The information generated by the
|
||||
cookie about your use of this site (including your IP address) will be
|
||||
transmitted to and stored. Most browsers automatically accept cookies,
|
||||
but they usually can be modified to decline cookies if you prefer;
|
||||
however, certain features of this site might not work without cookies.
|
||||
</p><p>
|
||||
3.2 'Session' cookies are temporary bits of information that are
|
||||
used to improve navigation, block visitors from providing information
|
||||
where inappropriate (the Services 'remembers' previous entries of age or
|
||||
country of origin that were outside the specified parameters and blocks
|
||||
subsequent changes), and collect aggregate statistical information on
|
||||
the Services. They are erased once you exit your Web browser or
|
||||
otherwise turn off your computer.
|
||||
</p><p>
|
||||
3.3 'Persistent' cookies are more permanent bits of information
|
||||
that are placed on the hard drive of your computer and stay there unless
|
||||
you delete the cookie. Persistent cookies store information on your
|
||||
computer for a number of purposes, such as retrieving certain
|
||||
information you have previously provided, helping to determine what
|
||||
areas of the Services you may find most valuable, and customizing the
|
||||
Services based on your preferences on an ongoing basis. Persistent
|
||||
cookies placed by this site in your computer do not hold personal
|
||||
information.
|
||||
</p><p>
|
||||
3.4 You can set your browser to accept all cookies, to reject all
|
||||
cookies, or to notify you whenever a cookie is offered so that you can
|
||||
decide each time whether to accept it. To learn more about cookies and
|
||||
how to specify your preferences, please search for 'cookie' in the
|
||||
'Help' portion of your browser.
|
||||
</p><p>
|
||||
3.5 An Internet Protocol (IP) address is a number assigned to
|
||||
your computer by your Internet service provider so you can access the
|
||||
Internet and is generally considered to be non-personally identifiable
|
||||
information, because in most cases an IP address is dynamic (changing
|
||||
each time you connect to the Internet), rather than static (unique to a
|
||||
particular user's computer). The IP address can be used to diagnose
|
||||
problems with a server, report aggregate information, determine the
|
||||
fastest route for your computer to use in connecting to a site, and
|
||||
administer and improve the Services.
|
||||
</p><p>
|
||||
3.6 'Internet tags' (also known as Web Beacons, single-pixel
|
||||
GIFs, clear GIFs, invisible GIFs, and 1-by-1 GIFs) are smaller than
|
||||
cookies and tell the Web site server information such as the IP address
|
||||
and browser type related to the visitor's computer. Tags may be placed
|
||||
both on online advertisements that bring people to the Services and on
|
||||
different pages of the Services. Such tags indicate how many times a
|
||||
page is opened and which information is consulted.
|
||||
</p><p>
|
||||
3.7 'Navigational data' (log files, server logs, and clickstream
|
||||
data) are used for system management, to improve the content of the
|
||||
Services, market research purposes, and to communicate information to
|
||||
visitors.
|
||||
</p><p>
|
||||
<strong>4. Use and Sharing of Anonymous, Passive Information.</strong><br>The Services may make full use of passively collected anonymous
|
||||
information, including without limitation the right to use such
|
||||
information to provide better service to Service users, customize the
|
||||
Services based on your preferences, compile and analyze statistics and
|
||||
trends, and otherwise administer and improve the Services for your use. We
|
||||
reserve the right to share this anonymous, passive information in
|
||||
aggregated form.
|
||||
</p><p>
|
||||
<strong>5. 3rd Party Behavioral Ads; Google's AdSense Network.</strong><br>5.1 We reserve the right to use anonymous, passive information
|
||||
about your visits to this and other websites (not including your name,
|
||||
address, email address or telephone number) for purposes of serving our
|
||||
ads and third party ads that are targeted to your interests ('3rd Party
|
||||
Behavioral Ads'). We reserve the right to share anonymous, passive
|
||||
information collected on the services with third parties for purposes of
|
||||
serving 3rd Party Behavioral Ads. These 3rd Party Behavioral Ads do not
|
||||
identify you personally. Instead, they associate your behavioral data on
|
||||
visited sites with your browser, so that the ads your computer sees on
|
||||
this site are more likely to be relevant to your interests. 3rd Party
|
||||
Behavioral Ads require that that you be served with a cookie containing
|
||||
a tracking code. You may refuse the use of cookies by selecting the
|
||||
appropriate settings on your browser; however, please note that if you
|
||||
do this you may not be able to use the full functionality of this site.
|
||||
</p><p>
|
||||
5.2 We reserve the right to participate in Google's AdSense
|
||||
network for purposes of serving 3rd Party Behavioral Ads. Google uses
|
||||
DoubleClick's DART cookie for serving 3rd Party Behavioral Ads over the
|
||||
AdSense network. You may opt out of the use of the DART cookie. For
|
||||
information regarding how to opt out, go to
|
||||
http://www.google.com/privacy_ads.html.
|
||||
</p><p>
|
||||
<strong>6. Use of 3rd Party Analytics.</strong><br>We reserve the right to use analytics services provided by
|
||||
third parties. These services use 3rd party cookies to collect
|
||||
anonymous, passive information about your use of this site (see
|
||||
explanation of cookies in Collection of Anonymous, Passive Information
|
||||
above). We use this information for the purpose of evaluating your use
|
||||
of the Services, compiling reports on activity, and providing other
|
||||
services. These web analytics services may also transfer this
|
||||
information to third parties where required to do so by law, or where
|
||||
such third parties process the information on the service's behalf.
|
||||
</p><p>
|
||||
<strong>7. Collection of Personal Information; Categories.</strong><br>We will ask you for personal information when you sign up for any
|
||||
specific benefit or purpose that requires registration. Personal
|
||||
information that we collect may vary with each registration, and it may
|
||||
include one or more of the following categories: name, physical
|
||||
address, an email address, phone number, and credit card information
|
||||
including credit card number, expiration date, and billing address,
|
||||
emergency contact information, current medications, allergies, medical
|
||||
insurance information.
|
||||
</p><p>
|
||||
<strong>8. Use And Sharing of Personal Information: General
|
||||
Policy And Exceptions.</strong><br>Our general policy is that we will use your personal information,
|
||||
including combining your personal information with passive information
|
||||
collected from this site, only for: the performance of the services or
|
||||
transaction for which it was given, our private, internal reporting for
|
||||
this site, and security assessments for this site, and we will not
|
||||
share, sell, or rent your personal information to others. The only
|
||||
exceptions to this general policy: (i) are described in the subsections
|
||||
below, and (ii) if you explicitly approve through our site.
|
||||
</p><p>
|
||||
8.1 Affiliates And Service Providers. We reserve the right to
|
||||
provide such information to our affiliates or subsidiaries, or trusted
|
||||
service providers for the purpose of hosting our servers or processing
|
||||
or archiving personal information for us. We require that these parties
|
||||
agree to privacy and security safeguards for this information that are
|
||||
consistent with this Privacy Policy.
|
||||
</p><p>
|
||||
8.2 Acquisition; Bankruptcy. In the event that we are acquired by
|
||||
or merged with a third party entity, we reserve the right to transfer
|
||||
such information as part of such merger, acquisition, sale, or other
|
||||
change of control. In the unlikely event of our bankruptcy, insolvency,
|
||||
reorganization, receivership, or assignment for the benefit of
|
||||
creditors, or the application of laws or equitable principles affecting
|
||||
creditors' rights generally, we reserve the right to transfer such
|
||||
information to protect our rights or as required by law.
|
||||
</p><p>
|
||||
8.3 Enforcement; Legal Process. We reserve the right to transfer
|
||||
such information if we have a good faith belief that access, use,
|
||||
preservation or disclosure of such information is reasonably necessary
|
||||
(i) to satisfy any applicable law, regulation, legal process or
|
||||
enforceable governmental request, or (ii) to investigate or enforce
|
||||
violations of our rights or the security of this site.
|
||||
</p><p>
|
||||
8.4 Miscellaneous. We reserve the right to share personal
|
||||
information with the following additional parties: online organizers
|
||||
using our tools and resellers of our products and services from whose
|
||||
site the sale originated (even though the sale originates at site of the
|
||||
reseller, registration and collection of personal information occurs at
|
||||
this site).
|
||||
</p><p>
|
||||
<strong>9. Onward Transfer of Personal Information Outside Your
|
||||
Country of Residence.</strong><br>Any personal information which we may collect on this site will
|
||||
be stored and processed in our servers located only in the United
|
||||
States. By using this site, if you reside outside the United States, you
|
||||
consent to the transfer of personal information outside your country of
|
||||
residence to the United States.
|
||||
</p><p>
|
||||
<strong>10. Security of Personal Information.</strong><br>We follow reasonable and appropriate industry standards to
|
||||
protect your personal information and data. Unfortunately, no data
|
||||
transmission over the Internet or method of data storage can be
|
||||
guaranteed 100% secure. Therefore, while we strive to protect your
|
||||
personal information by following generally accepted industry standards,
|
||||
we cannot ensure or warrant the absolute security of any information you
|
||||
transmit to us or archive at this site.
|
||||
</p><p>
|
||||
<strong>11. Changing And Updating Personal Information.</strong><br>Upon request, we will permit you to request or make changes or
|
||||
updates to your personal information for legitimate purposes. We request
|
||||
identification prior to approving such requests. We reserve the right to
|
||||
decline any requests that are unreasonably repetitive or systematic,
|
||||
require unreasonable time or effort of our technical or administrative
|
||||
personnel, or undermine the privacy rights of others. We reserve the
|
||||
right to permit you to access your personal information in any account
|
||||
you establish with this site for purposes of making your own changes or
|
||||
updates, and in such case, instructions for making such changes or
|
||||
updates will be provided where necessary.
|
||||
</p><p>
|
||||
<strong>12. Email From This Site; Opt-Out Rights.</strong><br>If you supply us with your e-mail address you may receive
|
||||
periodic messages from us with information specific to the Services and
|
||||
required for the normal functioning of the Services as well as for new
|
||||
products or services or upcoming events. If you prefer not to receive
|
||||
periodic email messages, you may opt-out by following the instructions
|
||||
on the email.
|
||||
</p><p>
|
||||
<strong>13. Children's Online Policy.</strong><br>We are committed to preserving online privacy for all of our
|
||||
website visitors, including children. This site is a general audience
|
||||
site. Consistent with the Children's Online Privacy Protection Act
|
||||
(COPPA), we will not knowingly collect any information from, or sell to,
|
||||
children under the age of 13. If you are a parent or guardian who has
|
||||
discovered that your child under the age of 13 has submitted his or her
|
||||
personally identifiable information without your permission or consent,
|
||||
we will remove the information from our active list, at your request. To
|
||||
request the removal of your child's information, please email us at
|
||||
<a
|
||||
href="mailto:admin@habitica.com"
|
||||
target="_blank"
|
||||
>admin@habitica.com</a> and be sure to include in
|
||||
your message the same login information that your child submitted.
|
||||
</p><p>
|
||||
<strong>14. Email And Other Messages Through This Site; ECPA
|
||||
Notice.</strong><br>This site treats email messages and other electronic messages
|
||||
that are sent through this site and not viewable by others as
|
||||
confidential and private, except as required by law, including without
|
||||
limitation, the Electronic Communications Privacy Act of 1986, 18 U.S.C.
|
||||
Sections 2701-2711 (the 'ECPA'). The ECPA permits this site's limited
|
||||
ability to intercept and/or disclose electronic messages, for example
|
||||
(i) as necessary to operate our system or to protect our rights or
|
||||
property, (ii) upon legal demand (court orders, warrants, subpoenas), or
|
||||
(iii) where we receive information inadvertently which appears to
|
||||
pertain to the commission of a crime. This site is not considered a
|
||||
'secure communications medium' under the ECPA.
|
||||
</p><p>
|
||||
<strong>15. Contact Us.</strong><br>If you have any questions regarding this Privacy Policy, please
|
||||
contact the owner and operator of this website business:
|
||||
</p><address><strong>HabitRPG, Inc.</strong><br>11870 Santa Monica Blvd., Suite 106-577<br>Los Angeles, CA 90025<br>Email: <a href="mailto:admin@habitica.com">admin@habitica.com</a></address>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -1,17 +1,25 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
static-header(v-if='showContentWrap', :class='{"home-header": ["home", "front"].indexOf($route.name) !== -1, "white-header": this.$route.name === "plans"}')
|
||||
|
||||
.static-wrapper
|
||||
router-view
|
||||
|
||||
div(:id='footerId', v-if='showContentWrap')
|
||||
app-footer
|
||||
|
||||
#bottom-wrap.purple-4(v-if='showContentWrap && footerId')
|
||||
#bottom-background
|
||||
.seamless_mountains_demo_repeat
|
||||
.midground_foreground_extended2
|
||||
<template>
|
||||
<div>
|
||||
<static-header
|
||||
v-if="showContentWrap"
|
||||
:class="{'home-header': ['home', 'front'].indexOf($route.name) !== -1, 'white-header': this.$route.name === 'plans'}"
|
||||
/><div class="static-wrapper">
|
||||
<router-view />
|
||||
</div><div
|
||||
v-if="showContentWrap"
|
||||
:id="footerId"
|
||||
>
|
||||
<app-footer />
|
||||
</div><div
|
||||
v-if="showContentWrap && footerId"
|
||||
id="bottom-wrap"
|
||||
class="purple-4"
|
||||
>
|
||||
<div id="bottom-background">
|
||||
<div class="seamless_mountains_demo_repeat"></div><div class="midground_foreground_extended2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<style lang="scss">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user