New client statics (#8885)
* Moved static files over to new client * Added statics, fixed translations and update styles * More style and vue fixes * Fixed line endings * Fixed new stuff converasion and help links
BIN
website/client/assets/images/merch/stickermule-logo.png
Normal file
|
After Width: | Height: | Size: 4.6 KiB |
1
website/client/assets/images/merch/stickermule-logo.svg
Normal file
|
After Width: | Height: | Size: 5.5 KiB |
BIN
website/client/assets/images/merch/stickermule.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
website/client/assets/images/merch/teespring-eu-logo.png
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
website/client/assets/images/merch/teespring-eu.png
Normal file
|
After Width: | Height: | Size: 306 KiB |
BIN
website/client/assets/images/merch/teespring-logo.png
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
63
website/client/assets/images/merch/teespring-logo.svg
Normal file
@@ -0,0 +1,63 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="206.8 158.6 1132.2 280" style="enable-background:new 206.8 158.6 1132.2 280;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#30ABE9;}
|
||||
</style>
|
||||
<path class="st0" d="M500.9,182.9c-0.3-0.1-0.6-0.2-0.8-0.2H500c-1.3-0.3-2.5-0.6-3.7-0.9l0,0h-0.1l0,0l-0.3-0.1l-0.6-0.1l0,0l0,0
|
||||
l0,0h-0.1l0,0l0,0l0,0h-0.1l0,0l0,0l-0.5-0.1l0,0c-10.4-2.4-21.1-4.4-31.8-5.7c-11.1-1.4-22.5-2.3-33.8-2.5c-2.2,0-4.5-0.1-6.7-0.1
|
||||
c-7.1,0-14.2,0.2-21.2,0.7h-0.5l0.1,0.5c1.1,9.2-1.8,18.4-8,25.3c-5.4,6-13.1,9.8-21.1,10.4c-0.8,0.1-1.6,0.1-2.5,0.1
|
||||
c-8,0-15.7-3-21.6-8.4c-4.8-4.4-8.3-10.4-9.7-16.7l-0.1-0.5l-0.4,0.1c-10.6,3-21.2,6.5-31.5,10.6c-10,4-19.9,8.5-29.4,13.5
|
||||
c-4.8,2.5-9.5,5.1-14.1,7.8c-2.4,1.4-4.9,2.9-7.3,4.4c-0.1,0-0.2,0.1-0.4,0.2c-0.5,0.3-1.2,0.8-1.9,1.2c-1.3,0.8-1.5,0.9-1.3,1.3
|
||||
l27.3,60l0.2,0.4l0.4-0.2c9.8-5.7,20-10.9,30.3-15.5c0.7-0.3,1.3-0.6,2-0.9l21.4,89.2l0.1,0.6l0.5-0.3c5.7-3.1,10.4-5.4,15-7.3
|
||||
c5.7-2.3,11-4.2,16.1-5.6c9.5-2.7,19.2-4,29.1-4c1.5,0,3.1,0,4.6,0.1c4.7,0.2,10.7,0.7,16.3,2.9c2.6,1,4.6,2.2,6.1,3.7
|
||||
c1.7,1.7,2.6,4,2.5,6.5c0,5.2-4.1,9.4-7.4,12.1c-2.2,1.7-4.6,3.1-6.4,4.1c-2.3,1.3-4.8,2.4-7.3,3.4c-4.9,2-10.1,3.5-16,4.7
|
||||
c-5.8,1.2-11.5,1.9-16.9,2.1c-0.5,0-1,0-1.6,0c-0.7,0-1.3,0-2,0h-0.5c-1.4,0-2.8-0.1-4.2-0.3c-1.5-0.2-2.7-0.3-4-0.7h-0.1
|
||||
c-1.3-0.3-1.7-0.6-1.9-0.7c0.6-0.9,1.6-1.6,2.5-2.2c1-0.6,2.1-1.3,3.4-1.9c2.2-1.1,4.7-2.1,7.7-3c5.1-1.6,10.6-2.7,16.5-3.2
|
||||
c2.8-0.3,5.6-0.4,8.4-0.4c0.3,0,0.7,0,1,0c0.9,0,2.1,0,3.2,0.1c0.2,0,0.5,0,0.7,0.1c0.4,0,0.8,0.1,1.2,0.1h0.1h0.1
|
||||
c3-1,13.1-4.9,15.9-11.4l0.2-0.4l-0.4-0.2c-0.1-0.1-0.3-0.1-0.5-0.2c-0.1,0-0.1,0-0.2-0.1c-1.1-0.3-2.5-0.8-4-1.1
|
||||
c-2.6-0.6-5.4-1.1-8.4-1.5c-3.1-0.4-6.3-0.5-9.5-0.5c-2.6,0-5.2,0.1-7.8,0.4c-6.3,0.6-11.8,1.5-16.7,2.8c-6,1.5-11.1,3.4-15.5,5.8
|
||||
c-5.5,2.9-9.3,6.4-11.5,10.4c-2.4,4.4-2.5,9.6-0.3,13.7c2.1,4,6.3,6.8,12.3,8.4c4,1,8.5,1.6,13.7,1.6c0.9,0,1.9,0,2.9,0
|
||||
c5.4-0.2,11.1-0.8,16.9-1.9c5.6-1.1,11.1-2.5,16.3-4.3c5.7-2,10.7-4.2,15.1-6.7c0.7-0.4,1.2-0.7,1.7-1l1.3-0.8c0,0.2,0,0.4,0,0.6
|
||||
c0,0.6,0,1.1-0.2,1.8c-0.4,2.3-1.3,4.5-2.9,6.6c-2.5,3.4-6.3,6.3-11.6,9c-4.4,2.2-9.4,4.1-15.2,5.8c-5.3,1.5-10.9,2.7-16.4,3.5
|
||||
c-1.2,0.2-2.4,0.3-3.5,0.5l-0.7,0.1c-0.3,0-0.7,0.1-1,0.1c-0.3,0-0.8,0.1-0.8,0.1h-0.4v0.4l0.8,14.4v0.5h0.5l2.3-0.2
|
||||
c2.7-0.3,5.6-0.7,8.5-1.2c12.6-2.2,23-5.4,31.8-9.7c11.4-5.7,18.9-13,22.2-21.7c2-5.4,2.5-11.4,1.3-16.7c-0.3-1.3-0.7-2.6-1.2-3.8
|
||||
c-0.1-0.2-0.2-0.4-0.3-0.7c-0.2-0.3-0.4-0.7-0.4-1c-0.1-0.2,0.2-0.7,0.5-1c0.1-0.1,0.2-0.3,0.3-0.4c1.4-2.3,2.5-4.8,3.2-7.5
|
||||
c1.3-5.2,1-10.8-0.8-15.6c-1.8-4.7-5.2-8.8-9.9-11.8c-4.2-2.7-9.2-4.7-15.4-6c-5.2-1.1-10.7-1.6-16.9-1.6c-11.7,0-23.2,1.5-34,4.6
|
||||
c-5.6,1.6-11.4,3.6-18.4,6.4l-20.9-86.8l-0.1-0.5l-0.5,0.2c-10.6,4-21.1,8.5-31.3,13.6c-1.5,0.7-2.9,1.5-4.4,2.2l-16.3-35.7
|
||||
c0.3-0.2,0.7-0.4,1.4-0.8c0.1-0.1,0.2-0.1,0.2-0.1c4.7-2.7,9.5-5.3,14.3-7.8c9.6-4.9,19.5-9.3,29.6-13.2c4.9-1.9,9.9-3.6,14.9-5.3
|
||||
c2.1,3.6,4.7,6.8,7.7,9.7c6.3,6,14.1,10.1,22.6,11.9c3,0.6,6,0.9,9.1,0.9c5.6,0,11-1,16.1-2.9c7.5-2.8,14.2-7.6,19.3-13.8
|
||||
c2.6-3.1,4.7-6.5,6.4-10.1c0.8-1.8,1.6-3.7,2.2-5.7c0.3-1,0.6-2,0.8-3c0.1-0.5,0.2-1,0.3-1.4l0,0h0.2c0.4,0,0.8,0,1.2,0
|
||||
c2.3-0.1,4.6-0.1,6.9-0.1c9.1,0,18.3,0.4,27.3,1.2c11.3,1,22.6,2.7,33.7,4.9h0.2c1,0.2,1.6,0.3,1.9,0.4l-7.9,38.7
|
||||
c-0.9-0.1-3.2-0.4-4.9-0.7c-1.2-0.2-2.1-0.3-2.4-0.3c-2.8-0.4-5.7-0.7-8.6-0.9c-5.7-0.6-11.5-1-17.3-1.2c-2.9-0.1-5.8-0.2-8.7-0.2
|
||||
c-0.1,0-0.7,0-0.7,0h-0.4v0.4l-3.6,85.5c0,0.2,0.1,0.5,0.5,0.6c0,0,0,0,0.1,0c1.2,0.6,2.4,1.2,3.6,1.8c2.5,1.4,4.7,3,6.5,4.7
|
||||
c0.5,0.4,0.9,0.9,1.3,1.3c0.2,0.2,0.4,0.5,0.6,0.7c0.1,0.1,0.2,0.3,0.3,0.4l0.7,1.4l0.1-1.6l3.8-80.9c11.2,0.6,22.2,1.9,33.6,3.8
|
||||
c1.4,0.2,2.8,0.5,4.3,0.8l0.5,0.1c1.4,0.3,1.4,0.3,1.4,0.3h0.4l0.1-0.4l13.1-64.5C501.9,183.1,501.5,183,500.9,182.9z"/>
|
||||
<g>
|
||||
<path class="st0" d="M522.4,339.3v-53h-15.2V269h15.2v-25.1h20V269H561v17.3h-18.6v48.1c0,6.3,3,11,8.7,11c3.8,0,7.2-1.7,8.7-3.4
|
||||
l4.8,15.2c-3.6,3.2-9.5,5.9-18.6,5.9C530.4,363.1,522.4,354.7,522.4,339.3z"/>
|
||||
<path class="st0" d="M573.3,314.8c0-26.6,19.4-48.1,46.6-48.1c27.5,0,45,20.9,45,49.8v4.9h-70.7c1.5,13.7,11.8,25.3,29.1,25.3
|
||||
c9.1,0,19.6-3.6,26.2-10.3l9.1,13.1c-9.3,8.7-22.8,13.5-37.2,13.5C593.6,363.1,573.3,343.9,573.3,314.8z M619.7,283.1
|
||||
c-16.9,0-24.9,13.1-25.7,24.1h51.7C645.1,296.4,637.7,283.1,619.7,283.1z"/>
|
||||
<path class="st0" d="M679.1,314.8c0-26.6,19.4-48.1,46.6-48.1c27.5,0,45,20.9,45,49.8v4.9H700c1.5,13.7,11.8,25.3,29.1,25.3
|
||||
c9.1,0,19.6-3.6,26.2-10.3l9.1,13.1c-9.3,8.7-22.8,13.5-37.2,13.5C699.5,363.1,679.1,343.9,679.1,314.8z M725.5,283.1
|
||||
c-16.9,0-24.9,13.1-25.7,24.1h51.7C751,296.4,743.5,283.1,725.5,283.1z"/>
|
||||
<path class="st0" d="M782.7,348.6l9.1-14.2c6.5,6.6,19.2,12.7,31,12.7c12,0,18.2-4.9,18.2-12.2c0-18.1-55.5-5.1-55.5-40.5
|
||||
c0-15,12.9-27.7,36.1-27.7c15.6,0,27.4,5.5,35.5,12.7l-8.4,14.1c-5.5-6.1-15.6-11-27.2-11c-10.4,0-16.9,4.9-16.9,11.4
|
||||
c0,16.2,55.5,4,55.5,40.5c0,16.3-13.5,28.7-38.2,28.7C806.2,363.1,792.2,357.9,782.7,348.6z"/>
|
||||
<path class="st0" d="M900.1,348.1v47.7h-20V269h20v12.5c6.8-9.1,17.5-14.8,29.5-14.8c23.8,0,40.7,17.9,40.7,48.1
|
||||
s-16.9,48.3-40.7,48.3C918,363.1,907.7,357.8,900.1,348.1z M949.7,314.8c0-17.9-10.3-30.4-26-30.4c-9.3,0-19,5.3-23.6,12.2v36.3
|
||||
c4.4,6.8,14.3,12.5,23.6,12.5C939.4,345.4,949.7,332.7,949.7,314.8z"/>
|
||||
<path class="st0" d="M990.2,360.8V269h20v13.3c7-8.7,18.1-15.6,29.8-15.6v19.8c-1.7-0.4-3.6-0.6-6.1-0.6c-8.6,0-19.8,5.7-23.8,12.4
|
||||
v62.5H990.2z"/>
|
||||
<path class="st0" d="M1053.8,245.5c0-6.8,5.5-12.4,12.3-12.4c6.8,0,12.4,5.5,12.4,12.4c0,6.8-5.5,12.4-12.4,12.4
|
||||
S1053.8,252.3,1053.8,245.5z M1056.1,360.8V269h20v91.8H1056.1z"/>
|
||||
<path class="st0" d="M1164,360.8v-57.4c0-14.4-7.4-19-18.6-19c-10.1,0-18.8,6.1-23.6,12.2v64.2h-20V269h20v12.4
|
||||
c6.1-7.2,18.1-14.6,32.5-14.6c19.8,0,29.6,10.6,29.6,29.5v64.6L1164,360.8L1164,360.8z"/>
|
||||
<path class="st0" d="M1208.7,384.4l9.3-14.4c7.6,8.6,17.1,11.8,29.3,11.8c13.1,0,27.2-6.1,27.2-25.7v-10.5
|
||||
c-7,9.3-17.5,15.4-29.5,15.4c-23.4,0-40.7-16.9-40.7-47.1c0-29.8,16.9-47.1,40.7-47.1c11.6,0,22,5.1,29.5,15v-12.7h20v87
|
||||
c0,33.1-24.7,42-47.1,42C1231.6,398,1220.1,394.6,1208.7,384.4z M1274.4,331v-34.4c-4.6-6.7-14.2-12.2-23.6-12.2
|
||||
c-16,0-26,11.8-26,29.5c0,17.7,10.1,29.3,26,29.3C1260.1,343.1,1269.8,337.6,1274.4,331z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.2 KiB |
BIN
website/client/assets/images/merch/teespring-mug-eu-logo.png
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
website/client/assets/images/merch/teespring-mug-eu.png
Normal file
|
After Width: | Height: | Size: 99 KiB |
BIN
website/client/assets/images/merch/teespring-mug-logo.png
Normal file
|
After Width: | Height: | Size: 7.5 KiB |
BIN
website/client/assets/images/merch/teespring-mug.png
Normal file
|
After Width: | Height: | Size: 106 KiB |
BIN
website/client/assets/images/merch/teespring.png
Normal file
|
After Width: | Height: | Size: 394 KiB |
@@ -29,9 +29,13 @@ div
|
||||
router-link.nav-item.dropdown(tag="li", to="/help", :class="{'active': $route.path.startsWith('/help')}")
|
||||
a.nav-link(v-once) {{ $t('help') }}
|
||||
.dropdown-menu
|
||||
router-link.dropdown-item(to="/help/faq") {{ $t('faq') }}
|
||||
router-link.dropdown-item(to="/help/report-bug") {{ $t('reportBug') }}
|
||||
router-link.dropdown-item(to="/help/request-feature") {{ $t('requestAF') }}
|
||||
router-link.dropdown-item(:to="{name: 'faq'}") {{ $t('faq') }}
|
||||
router-link.dropdown-item(:to="{name: 'overview'}") {{ $t('overview') }}
|
||||
router-link.dropdown-item(to="/groups/a29da26b-37de-4a71-b0c6-48e72a900dac") {{ $t('reportBug') }}
|
||||
router-link.dropdown-item(to="/groups/5481ccf3-5d2d-48a9-a871-70a7380cee5a") {{ $t('askAQuestion') }}
|
||||
a.dropdown-item(href="https://trello.com/c/odmhIqyW/440-read-first-table-of-contents", target='_blank') {{ $t('requestAF') }}
|
||||
a.dropdown-item(href="http://habitica.wikia.com/wiki/Contributing_to_Habitica", target='_blank') {{ $t('contributing') }}
|
||||
a.dropdown-item(href="http://habitica.wikia.com/wiki", target='_blank') {{ $t('wiki') }}
|
||||
.item-with-icon
|
||||
.svg-icon(v-html="icons.gem")
|
||||
span {{userGems | roundBigNumber}}
|
||||
|
||||
12
website/client/components/static/app.vue
Normal file
@@ -0,0 +1,12 @@
|
||||
<template lang='pug'>
|
||||
.lead.text-center
|
||||
h1 {{ $t('checkOutMobileApps') }}
|
||||
.row.text-center
|
||||
.promo_habitica(style='border-radius:25px;margin:auto')
|
||||
br
|
||||
.row.text-center
|
||||
.col-6.offset-3
|
||||
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>
|
||||
37
website/client/components/static/clearBrowserData.vue
Normal file
@@ -0,0 +1,37 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-md-6.offset-3.text-center
|
||||
.page-header
|
||||
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>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
localStorageTryFirst: {
|
||||
linkStart: '<a href="/#/options/settings/settings" target="_blank">',
|
||||
linkEnd: '</a>',
|
||||
},
|
||||
localStorageTryNext: {
|
||||
linkStart: '<a href="https://github.com/HabitRPG/habitica/issues/2760" target="_blank">',
|
||||
linkEnd: '</a>',
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
clearLocalStorage () {
|
||||
localStorage.removeItem('habit-mobile-settings');
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
380
website/client/components/static/communityGuidelines.vue
Normal file
@@ -0,0 +1,380 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-6.offset-3
|
||||
.page-header
|
||||
h1 {{ $t('communityGuidelines') }}
|
||||
p.pagemeta
|
||||
| {{ $t('lastUpdated') }}
|
||||
|
|
||||
| {{ $t('March') }}
|
||||
| 30, 2017
|
||||
|
||||
h2#welcome {{ $t('commGuideHeadingWelcome') }}
|
||||
.clearfix
|
||||
img.pull-left(src='/community-guidelines-images/intro.png', alt='')
|
||||
p {{ $t('commGuidePara001') }}
|
||||
p {{ $t('commGuidePara002') }}
|
||||
p {{ $t('commGuidePara003') }}
|
||||
p {{ $t('commGuidePara004') }}
|
||||
|
||||
h2#being-habitican {{ $t('commGuideHeadingBeing') }}
|
||||
p {{ $t('commGuidePara005') }}
|
||||
.clearfix
|
||||
img.pull-right(src='/community-guidelines-images/beingHabitican.png', alt='')
|
||||
ul
|
||||
li(v-html="$t('commGuideList01A')")
|
||||
li(v-html="$t('commGuideList01B')")
|
||||
li(v-html="$t('commGuideList01C')")
|
||||
li(v-html="$t('commGuideList01D')")
|
||||
|
||||
h2#meet-the-mods {{ $t('commGuideHeadingMeet') }}
|
||||
p {{ $t('commGuidePara006') }}
|
||||
p
|
||||
strong {{ $t('commGuidePara007') }}
|
||||
p
|
||||
strong {{ $t('commGuidePara008') }}
|
||||
br
|
||||
p
|
||||
strong {{ $t('commGuidePara009') }}
|
||||
.clearfix
|
||||
img.pull-left(src='/community-guidelines-images/staff.png', alt='')
|
||||
ul.pull-left.list-unstyled
|
||||
li
|
||||
strong {{ $t ('commGuideAKA', {habitName: 'Beffymaroo', realName: 'Beth'}) }}
|
||||
li
|
||||
strong {{ $t('commGuideAKA', {habitName: 'Viirus', realName: 'Phillip'}) }}
|
||||
li
|
||||
strong {{ $t('commGuideAKA', {habitName: 'redphoenix', realName: 'Vicky'}) }}
|
||||
| (
|
||||
| {{ $t('commGuideOnTrello', {trelloName: 'caffeinatedvee'}) }}
|
||||
| ,
|
||||
| {{ $t('commGuideOnGitHub', {gitHubName: 'veeeeeee'}) }}
|
||||
| )
|
||||
li
|
||||
strong {{ $t('commGuideAKA', {habitName:'Lemoness', realName: 'Leslie'}) }}
|
||||
| (
|
||||
| {{ $t('commGuideOnTrello', {trelloName: 'lemonesstree'}) }}
|
||||
| )
|
||||
li
|
||||
strong {{ $t('commGuideAKA', {habitName: 'SabreCat', realName: 'Sabe'}) }}
|
||||
li
|
||||
strong {{ $t('commGuideAKA', {habitName: 'paglias', realName: 'Matteo'}) }}
|
||||
li
|
||||
strong {{ $t('commGuideAKA', {habitName: 'TheHollidayInn', realName: 'Keith'}) }}
|
||||
br
|
||||
p {{ $t('commGuidePara010') }}
|
||||
.clearfix
|
||||
img.pull-left(src='/community-guidelines-images/moderators.png', alt='')
|
||||
p
|
||||
strong {{ $t('commGuidePara011') }}
|
||||
br
|
||||
ul.pull-left.list-unstyled
|
||||
li
|
||||
strong Bailey (It's Bailey
|
||||
| {{ $t('commGuidePara011a') }}
|
||||
|)
|
||||
li
|
||||
strong Ryan (deilann
|
||||
| {{ $t('commGuidePara011b') }}
|
||||
|)
|
||||
li
|
||||
strong Alys (LadyAlys
|
||||
| {{ $t('commGuidePara011c') }}
|
||||
|)
|
||||
li
|
||||
strong Cantras
|
||||
li
|
||||
strong Blade (
|
||||
| {{ $t('commGuideOnGitHub', {gitHubName: 'crookedneighbor'}) }}
|
||||
|)
|
||||
li
|
||||
strong Daniel the Bard
|
||||
li
|
||||
strong shanaqui
|
||||
li
|
||||
strong Dewines
|
||||
li
|
||||
strong Megan
|
||||
li
|
||||
strong Breadstrings
|
||||
p(v-html="$t('commGuidePara012', { hrefCommunityManagerEmail })")
|
||||
p {{ $t('commGuidePara013') }}
|
||||
p {{ $t('commGuidePara014') }}
|
||||
|
|
||||
em Slappybag, litenull, Shaner, Bobbyroberts99, wc8
|
||||
|
||||
h2#public-spaces {{ $t('commGuideHeadingPublicSpaces') }}
|
||||
.clearfix
|
||||
img.pull-right(src='/community-guidelines-images/publicSpaces.png', alt='')
|
||||
p {{ $t('commGuidePara015') }}
|
||||
p {{ $t('commGuidePara016') }}
|
||||
p(v-html="$t('commGuidePara017')")
|
||||
ul
|
||||
li(v-html="$t('commGuideList02A')")
|
||||
li(v-html="$t('commGuideList02B')")
|
||||
li(v-html="$t('commGuideList02C')")
|
||||
li(v-html="$t('commGuideList02D')")
|
||||
li(v-html="$t('commGuideList02E')")
|
||||
li(v-html="$t('commGuideList02F')")
|
||||
li(v-html="$t('commGuideList02G')")
|
||||
li(v-html="$t('commGuideList02H', { hrefCommunityManagerEmail })")
|
||||
li(v-html="$t('commGuideList02I')")
|
||||
li(v-html="$t('commGuideList02J')")
|
||||
li(v-html="$t('commGuideList02K', { hrefCommunityManagerEmail })")
|
||||
br
|
||||
p(v-html="$t('commGuidePara019')")
|
||||
br
|
||||
p(v-html="$t('commGuidePara020')")
|
||||
br
|
||||
p(v-html="$t('commGuidePara020A', { hrefCommunityManagerEmail })")
|
||||
br
|
||||
p(v-html="$t('commGuidePara021')")
|
||||
|
||||
h3#tavern {{ $t('commGuideHeadingTavern') }}
|
||||
.clearfix
|
||||
img.pull-left(src='/community-guidelines-images/tavern.png', alt='')
|
||||
p {{ $t('commGuidePara022') }}
|
||||
p
|
||||
strong {{ $t('commGuidePara023') }}
|
||||
p(v-html="$t('commGuidePara024')")
|
||||
p(v-html="$t('commGuidePara027')")
|
||||
|
||||
h3#guilds {{ $t('commGuideHeadingPublicGuilds') }}
|
||||
.clearfix
|
||||
img.pull-right(src='/community-guidelines-images/publicGuilds.png', alt='')
|
||||
p(v-html="$t('commGuidePara029')")
|
||||
p(v-html="$t('commGuidePara031')")
|
||||
p(v-html="$t('commGuidePara033', { hrefCommunityManagerEmail })")
|
||||
p(v-html="$t('commGuidePara035')")
|
||||
p
|
||||
strong {{ $t('commGuidePara037') }}
|
||||
|
||||
h3#back-corner {{ $t('commGuideHeadingBackCorner') }}
|
||||
.clearfix
|
||||
img.pull-left(src='/community-guidelines-images/backCorner.png', alt='')
|
||||
p(v-html="$t('commGuidePara038')")
|
||||
p(v-html="$t('commGuidePara039')")
|
||||
|
||||
h3#trello {{ $t('commGuideHeadingTrello') }}
|
||||
.clearfix
|
||||
img.pull-right(src='/community-guidelines-images/trello.png', alt='')
|
||||
p(v-html="$t('commGuidePara040')")
|
||||
p
|
||||
strong {{ $t('commGuidePara041') }}
|
||||
ul
|
||||
li(v-html="$t('commGuideList03A')")
|
||||
li(v-html="$t('commGuideList03B')")
|
||||
li(v-html="$t('commGuideList03C')")
|
||||
li(v-html="$t('commGuideList03D')")
|
||||
p(v-html="$t('commGuidePara042')")
|
||||
|
||||
h3#github {{ $t('commGuideHeadingGitHub') }}
|
||||
.clearfix
|
||||
img.pull-left(src='/community-guidelines-images/github.gif', alt='')
|
||||
p(v-html="$t('commGuidePara043')")
|
||||
p
|
||||
strong(v-html="$t('commGuidePara044')")
|
||||
ul.listColumns2.peopleList
|
||||
li @alys
|
||||
li @crookedneighbor (Blade)
|
||||
li @lemoness
|
||||
li @paglias
|
||||
li @SabreCat
|
||||
li @TheHollidayInn
|
||||
li @veeeeeee (redphoenix)
|
||||
li @vIiRuS
|
||||
|
||||
h3#wiki {{ $t('commGuideHeadingWiki') }}
|
||||
.clearfix
|
||||
img.pull-right(src='/community-guidelines-images/wiki.png', alt='')
|
||||
p(v-html="$t('commGuidePara021')") {{ $t('commGuidePara045') }}
|
||||
p {{ $t('commGuidePara046') }}
|
||||
p
|
||||
strong {{ $t('commGuidePara047') }}
|
||||
p {{ $t('commGuidePara048') }}
|
||||
ul
|
||||
li {{ $t('commGuideList04A') }}
|
||||
li {{ $t('commGuideList04B') }}
|
||||
li {{ $t('commGuideList04C') }}
|
||||
li(v-html="$t('commGuidePara020A', { hrefCommunityManagerEmail })")
|
||||
li {{ $t('commGuideList04E') }}
|
||||
li(v-html="$t('commGuideList04F')")
|
||||
li {{ $t('commGuideList04G') }}
|
||||
li {{ $t('commGuideList04H') }}
|
||||
br
|
||||
p {{ $t('commGuidePara049') }}
|
||||
ul.peopleList
|
||||
li LadyAlys (Alys)
|
||||
li Sonnet73
|
||||
li Taldin
|
||||
br
|
||||
p {{ $t('commGuidePara049A') }}
|
||||
ul.peopleList
|
||||
li Beffymaroo
|
||||
li Cantras
|
||||
li Meganstrickland (Megan)
|
||||
br
|
||||
p {{ $t('commGuidePara018') }}
|
||||
|:
|
||||
em Bobbyroberts99 (founder and bureaucrat), wc8 (bureaucrat), Lefnire (bureaucrat), JiggerD, LadyKatFrog, Breadstrings (bureaucrat), Deilann
|
||||
|
||||
h2#infractions-consequences-restoration {{ $t('commGuideHeadingInfractionsEtc') }}
|
||||
h3#infractions {{ $t('commGuideHeadingInfractions') }}
|
||||
.clearfix
|
||||
img.pull-left(src='/community-guidelines-images/infractions.png', alt='')
|
||||
p {{ $t('commGuidePara050') }}
|
||||
p(v-html="$t('commGuidePara051')")
|
||||
h4 {{ $t('commGuideHeadingSevereInfractions') }}
|
||||
p {{ $t('commGuidePara052') }}
|
||||
p {{ $t('commGuidePara053') }}
|
||||
ul
|
||||
li {{ $t('commGuideList05A') }}
|
||||
li {{ $t('commGuideList05B') }}
|
||||
li {{ $t('commGuideList05C') }}
|
||||
li {{ $t('commGuideList05D') }}
|
||||
li {{ $t('commGuideList05E') }}
|
||||
li {{ $t('commGuideList05F') }}
|
||||
h4 {{ $t('commGuideHeadingModerateInfractions') }}
|
||||
p {{ $t('commGuidePara054') }}
|
||||
p {{ $t('commGuidePara055') }}
|
||||
ul
|
||||
li(v-html="$t('commGuidePara020A', { hrefCommunityManagerEmail })")
|
||||
li {{ $t('commGuideList06B') }}
|
||||
li {{ $t('commGuideList06C') }}
|
||||
li {{ $t('commGuideList06D') }}
|
||||
h4 {{ $t('commGuideHeadingMinorInfractions') }}
|
||||
p {{ $t('commGuidePara056') }}
|
||||
p {{ $t('commGuidePara057') }}
|
||||
ul
|
||||
li {{ $t('commGuideList07A') }}
|
||||
li {{ $t('commGuideList07B') }}
|
||||
|
||||
h3#consequences {{ $t('commGuideHeadingConsequences') }}
|
||||
.clearfix
|
||||
img.pull-right(src='/community-guidelines-images/consequences.png', alt='')
|
||||
p {{ $t('commGuidePara058') }}
|
||||
p(v-html="$t('commGuidePara059')")
|
||||
p
|
||||
strong {{ $t('commGuidePara060') }}
|
||||
ul
|
||||
li {{ $t('commGuideList08A') }}
|
||||
li {{ $t('commGuideList08B') }}
|
||||
li {{ $t('commGuideList08C') }}
|
||||
p {{ $t('commGuidePara060A') }}
|
||||
p(v-html="$t('commGuidePara060B', { hrefCommunityManagerEmail })")
|
||||
h4 {{ $t('commGuideHeadingSevereConsequences') }}
|
||||
ul
|
||||
li {{ $t('commGuideList09A') }}
|
||||
li {{ $t('commGuideList09B') }}
|
||||
li {{ $t('commGuideList09C') }}
|
||||
h4 {{ $t('commGuideHeadingModerateConsequences') }}
|
||||
ul
|
||||
li {{ $t('commGuideList10A') }}
|
||||
ul(style='margin-left:2em')
|
||||
li {{ $t('commGuideList10A1') }}
|
||||
li {{ $t('commGuideList10B') }}
|
||||
li {{ $t('commGuideList10C') }}
|
||||
li {{ $t('commGuideList10D') }}
|
||||
li {{ $t('commGuideList10E') }}
|
||||
li {{ $t('commGuideList10F') }}
|
||||
h4 {{ $t('commGuideHeadingMinorConsequences') }}
|
||||
ul
|
||||
li {{ $t('commGuideList11A') }}
|
||||
li {{ $t('commGuideList11B') }}
|
||||
li {{ $t('commGuideList11C') }}
|
||||
li {{ $t('commGuideList11D') }}
|
||||
li {{ $t('commGuideList11E') }}
|
||||
|
||||
h3#restoration {{ $t('commGuideHeadingRestoration') }}
|
||||
.clearfix
|
||||
img.pull-left(src='/community-guidelines-images/restoration.png', alt='')
|
||||
p {{ $t('commGuidePara061') }}
|
||||
p {{ $t('commGuidePara062') }}
|
||||
p {{ $t('commGuidePara063') }}
|
||||
|
||||
h2#contributing {{ $t('commGuideHeadingContributing') }}
|
||||
.clearfix
|
||||
img.pull-right(src='/community-guidelines-images/contributing.png', alt='')
|
||||
p {{ $t('commGuidePara064') }}
|
||||
ol
|
||||
li {{ $t('commGuideList12A') }}
|
||||
li {{ $t('commGuideList12B') }}
|
||||
li {{ $t('commGuideList12C') }}
|
||||
li {{ $t('commGuideList12D') }}
|
||||
li {{ $t('commGuideList12E') }}
|
||||
li {{ $t('commGuideList12F') }}
|
||||
li {{ $t('commGuideList12G') }}
|
||||
p {{ $t('commGuidePara065') }}
|
||||
p {{ $t('commGuidePara066') }}
|
||||
ul
|
||||
li {{ $t('commGuideList13A') }}
|
||||
li {{ $t('commGuideList13B') }}
|
||||
li {{ $t('commGuideList13C') }}
|
||||
li {{ $t('commGuideList13D') }}
|
||||
|
||||
h2#final {{ $t('commGuideHeadingFinal') }}
|
||||
p {{ $t('commGuidePara067', { hrefCommunityManagerEmail : '<a href="mailto:' + env.EMAILS.COMMUNITY_MANAGER_EMAIL + '">' + env.EMAILS.COMMUNITY_MANAGER_EMAIL + '</a>' }) }}
|
||||
p {{ $t('commGuidePara068') }}
|
||||
|
||||
h2#links {{ $t('commGuideHeadingLinks') }}
|
||||
ul
|
||||
li
|
||||
a(href='https://habitica.com/#/options/groups/guilds/5481ccf3-5d2d-48a9-a871-70a7380cee5a' target='_blank') {{ $t('commGuideLink01') }}
|
||||
| :
|
||||
| {{ $t('commGuideLink01description') }}
|
||||
li
|
||||
a(href='https://habitica.com/#/options/groups/guilds/426c2c1a-eed0-4997-9b73-d30fc1397688' target='_blank') {{ $t('commGuideLink02') }}
|
||||
|:
|
||||
| {{ $t('commGuideLink02description') }}
|
||||
li
|
||||
| {{ $t('commGuideLink03') }}
|
||||
|:
|
||||
| {{ $t('commGuideLink03description') }}
|
||||
li
|
||||
a(href='https://github.com/HabitRPG/habitrpg' target='_blank') {{ $t('commGuideLink04') }}
|
||||
|:
|
||||
| {{ $t('commGuideLink04description') }}
|
||||
li
|
||||
a(href='https://trello.com/b/EpoYEYod/' target='_blank') {{ $t('commGuideLink05') }}
|
||||
|:
|
||||
| {{ $t('commGuideLink05description') }}
|
||||
li
|
||||
a(href='https://trello.com/b/mXK3Eavg/' target='_blank') {{ $t('commGuideLink06') }}
|
||||
|:
|
||||
| {{ $t('commGuideLink06description') }}
|
||||
li
|
||||
a(href='https://trello.com/b/vwuE9fbO/' target='_blank') {{ $t('commGuideLink07') }}
|
||||
|:
|
||||
| {{ $t('commGuideLink07description') }}
|
||||
li
|
||||
a(href='https://trello.com/b/nnv4QIRX/' target='_blank') {{ $t('commGuideLink08') }}
|
||||
|:
|
||||
| {{ $t('commGuideLink08description') }}
|
||||
p
|
||||
strong {{ $t('commGuidePara069') }}
|
||||
br
|
||||
ul.listColumns2.peopleList
|
||||
li Breadstrings
|
||||
li Draayder
|
||||
li Kiwibot
|
||||
li Leephon
|
||||
li Lemoness
|
||||
li Luciferian
|
||||
li Revcleo
|
||||
li Shaner
|
||||
li Starsystemic
|
||||
li UncommonCriminal
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// @TODO: EMAILS.COMMUNITY_MANAGER_EMAIL
|
||||
const COMMUNITY_MANAGER_EMAIL = 'admin@habitica.com';
|
||||
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
hrefCommunityManagerEmail: `<a href="mailto:${COMMUNITY_MANAGER_EMAIL}">${COMMUNITY_MANAGER_EMAIL}</a>`,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
38
website/client/components/static/contact.vue
Normal file
@@ -0,0 +1,38 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-md-12
|
||||
.page-header
|
||||
h1 {{ $t('contactUs') }}
|
||||
p
|
||||
| {{ $t('reportAccountProblems') }}
|
||||
| :
|
||||
a(href='mailto:admin@habitica.com') admin@habitica.com
|
||||
br
|
||||
| {{ $t('reportBug') }}
|
||||
| :
|
||||
a(target='_blank', href='https://github.com/HabitRPG/habitica/issues?q=is%3Aopen') GitHub
|
||||
br
|
||||
| {{ $t('reportCommunityIssues') }}
|
||||
| :
|
||||
a(href='mailto:leslie@habitica.com') leslie@habitica.com
|
||||
br
|
||||
| {{ $t('subscriptionPaymentIssues') }}
|
||||
| :
|
||||
a(href='mailto:admin@habitica.com') admin@habitica.com
|
||||
br
|
||||
| {{ $t('generalQuestionsSite') }}
|
||||
| :
|
||||
a(target='_blank', href='http://habitica.wikia.com/wiki/The_Keep:Habitica_Help:_Ask_a_Question') Habitica Help guild
|
||||
br
|
||||
| {{ $t('businessInquiries') }}
|
||||
| :
|
||||
a(href='mailto:vicky@habitica.com') vicky@habitica.com
|
||||
br
|
||||
| {{ $t('merchandiseInquiries') }}
|
||||
| :
|
||||
a(href='mailto:store@habitica.com') store@habitica.com
|
||||
br
|
||||
| {{ $t('marketingInquiries') }}
|
||||
| :
|
||||
a(href='mailto:leslie@habitica.com') leslie@habitica.com
|
||||
</template>
|
||||
42
website/client/components/static/faq.vue
Normal file
@@ -0,0 +1,42 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-md-12
|
||||
.page-header
|
||||
h1 {{ $t('frequentlyAskedQuestions') }}
|
||||
p.pagemeta
|
||||
| {{ $t('lastUpdated') }}
|
||||
|
|
||||
| {{ $t('January') }}
|
||||
| 5, 2016
|
||||
div(v-for='(heading, index) in headings')
|
||||
strong.accordion(@click='setActivePage(heading)') {{ $t(`faqQuestion${index}`) }}
|
||||
// @TODO: Markdown
|
||||
div(v-if='activePage === heading', v-html="$t('webFaqAnswer' + index, replacements)")
|
||||
|
||||
hr
|
||||
// @TODO markdown
|
||||
div(v-html="$t('webFaqStillNeedHelp')")
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// @TODO: env.EMAILS.TECH_ASSISTANCE_EMAIL
|
||||
const TECH_ASSISTANCE_EMAIL = 'admin@habitica.com';
|
||||
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
activePage: '',
|
||||
headings: ['overview', 'set-up-tasks', 'sample-tasks', 'task-color', 'health', 'party-with-friends', 'pets-mounts', 'character-classes', 'blue-mana-bar', 'monsters-quests', 'gems', 'bugs-features', 'world-boss'],
|
||||
replacements: {
|
||||
techAssistanceEmail: TECH_ASSISTANCE_EMAIL,
|
||||
wikiTechAssistanceEmail: `mailto:${TECH_ASSISTANCE_EMAIL}`,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
setActivePage (page) {
|
||||
this.activePage = page;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
105
website/client/components/static/features.vue
Normal file
@@ -0,0 +1,105 @@
|
||||
<template lang="pug">
|
||||
.row#about-page
|
||||
.col-md-12#aboutPage
|
||||
.marketing
|
||||
h1 {{ $t('marketing1Header') }}
|
||||
.row
|
||||
.col-md-6
|
||||
a.gallery(href='/marketing/screenshot.png', :title="$t('marketing1Header')")
|
||||
img.img-rendering-auto(src='/marketing/screenshot.png')
|
||||
p.lead {{ $t('marketing1Lead1') }}
|
||||
.col-md-6
|
||||
|
||||
a.gallery(href='/marketing/gear.png', :title="$t('marketing1Lead2Title')")
|
||||
img.img-rendering-auto(src='/marketing/gear.png')
|
||||
p.lead(v-html="$t('marketing1Lead2')")
|
||||
|
||||
a.gallery(href='/marketing/drops.png', :title="$t('marketing1Lead3Title')")
|
||||
img.img-rendering-auto(src='/marketing/drops.png',style='max-height:200px')
|
||||
p.lead(v-html="$t('marketing1Lead3')")
|
||||
|
||||
// TODO achievements
|
||||
hr.clearfix
|
||||
|
||||
h1 {{ $t('marketing2Header') }}
|
||||
.row
|
||||
.col-md-6
|
||||
a.gallery(href='/marketing/guild.png', :title="$t('marketing2Header')")
|
||||
img.img-rendering-auto(src='/marketing/guild.png')
|
||||
p.lead {{ $t('marketing2Lead1') }}
|
||||
a.gallery(href='/marketing/vice3.png', :title="$t('marketing2Lead2Title')")
|
||||
img(src='/marketing/vice3.png')
|
||||
p.lead(v-html="$t('marketing2Lead2')")
|
||||
.col-md-6
|
||||
a.gallery(href='/marketing/challenge.png', :title="$t('challenges')")
|
||||
img.img-rendering-auto(src='/marketing/challenge.png')
|
||||
p.lead(v-html="$t('marketing2Lead3')")
|
||||
|
||||
hr.clearfix
|
||||
|
||||
h1 {{ $t('marketing3Header') }}
|
||||
.row
|
||||
.col-md-6
|
||||
a.gallery(href='/marketing/android_iphone.png', :title="$t('marketing3LeadTitle')")
|
||||
img.img-rendering-auto(src='/marketing/android_iphone.png',style='box-shadow:none;')
|
||||
p.lead(v-html="$t('marketing3Lead1')")
|
||||
.col-md-6
|
||||
a.gallery(href='/marketing/integration.png', :title="$t('marketing3LeadTitle')")
|
||||
img.img-rendering-auto(src='/marketing/integration.png')
|
||||
p.lead(v-html="$t('marketing3Lead2')")
|
||||
|
||||
hr.clearfix
|
||||
|
||||
h1 {{ $t('marketing4Header') }}
|
||||
.row
|
||||
.col-md-6
|
||||
h3 {{ $t('marketing4Lead1Title') }}
|
||||
img.pull-left(src='/marketing/education.png')
|
||||
p.lead {{ $t('marketing4Lead1') }}
|
||||
.col-md-6
|
||||
h3 {{ $t('marketing4Lead2Title') }}
|
||||
img.pull-left(src='/marketing/wellness.png')
|
||||
p.lead {{ $t('marketing4Lead2') }}
|
||||
.row
|
||||
.col-md-6.col-md-offset-3
|
||||
h3 {{ $t('marketing4Lead3Title') }}
|
||||
img.img-rendering-auto(src='/marketing/lefnire.png')
|
||||
p.lead
|
||||
| {{ $t('marketing4Lead3-1') }}
|
||||
|
|
||||
button.btn.btn-primary(ng-click='playButtonClick()') {{ $t('playButton') }}
|
||||
|
|
||||
| {{ $t('marketing4Lead3-2') }}
|
||||
|
|
||||
a.btn.btn-primary(href='/static/plans',target='_blank') {{ $t('contactUs') }}
|
||||
|
|
||||
| {{ $t('marketing4Lead3-3') }}
|
||||
|
|
||||
a.btn.btn-primary(href='/static/videos') {{ $t('watchVideos') }}
|
||||
|
||||
|
||||
hr
|
||||
p.lead {{ $t('landingp1') }}
|
||||
h2 {{ $t('landingp2header') }}
|
||||
//images in these parts could be useful, too
|
||||
//if there's a language workaround, image headers? people like pictures!
|
||||
p.lead
|
||||
| {{ $t('landingp2') }}
|
||||
|
|
||||
h2 {{ $t('landingp3header') }}
|
||||
//I'm not sold on "Consquences as the title here. Anyone got a better idea?
|
||||
p.lead
|
||||
| {{ $t('landingp3') }}
|
||||
|
|
||||
h2 {{ $t('landingp4header') }}
|
||||
p.lead {{ $t('landingp4') }}
|
||||
//- TODO
|
||||
h2 {{ $t('landingend') }}
|
||||
p.lead
|
||||
{{ $t('landingend2') }}
|
||||
a(href="FEATURESPAGEHERE") {{ $t('landingfeatureslink') }}
|
||||
{{ $t('landingend3') }}
|
||||
a(href="ENTERPRISEPAGEHERE") {{ $t('landingadminlink') }}
|
||||
|
|
||||
{{ $t('landingend4') }}
|
||||
</template>
|
||||
563
website/client/components/static/front.vue
Normal file
@@ -0,0 +1,563 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
noscript.banner {{ $t('jsDisabledHeadingFull') }}
|
||||
br
|
||||
a(href='http://www.enable-javascript.com/', target='_blank') {{ $t('jsDisabledLink') }}
|
||||
|
||||
.mobile-container
|
||||
header#header
|
||||
nav.navbar.navbar-default.navbar-static-top
|
||||
.container-fluid
|
||||
// Brand and toggle get grouped for better mobile display
|
||||
.navbar-header
|
||||
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#bs-example-navbar-collapse-1')
|
||||
span.sr-only Toggle navigation
|
||||
span.icon-bar
|
||||
span.icon-bar
|
||||
span.icon-bar
|
||||
a.navbar-brand(href='#')
|
||||
img.img-rendering-auto(src='https://d2afqr2xdmyzvu.cloudfront.net/assets/habitica_lockup2_desat.png', alt="$t('altAttrNavLogo')")
|
||||
// Collect the nav links, forms, and other content for toggling
|
||||
#bs-example-navbar-collapse-1.collapse.navbar-collapse
|
||||
ul.nav.navbar-nav.navbar-right
|
||||
li
|
||||
a(href='/static/features') {{ $t('companyAbout') }}
|
||||
li
|
||||
a(href='/static/plans') {{ $t('groupPlans') }}
|
||||
li
|
||||
a(href='https://habitica.wordpress.com/') {{ $t('companyBlog') }}
|
||||
li
|
||||
a(href='http://blog.habitrpg.com/') {{ $t('tumblr') }}
|
||||
li
|
||||
a(href='/static/press-kit') {{ $t('presskit') }}
|
||||
li
|
||||
a(href='/static/contact') {{ $t('contactUs') }}
|
||||
li
|
||||
button#header-play-button.btn.btn-primary.navbar-btn.navbar-right(ng-click='playButtonClick()') {{ $t('playButtonFull') }}
|
||||
#intro
|
||||
h1 = {{ $t('motivate1') }}
|
||||
img.img-rendering-auto.center-block.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/intro.png', alt='')
|
||||
//- The empty alt attribute isn't a mistake, it's part of the spec for purely decorative images that add no information
|
||||
// insert intro images
|
||||
.introcall.bg-success
|
||||
h4 {{ $t('joinOthers', {userCount:userCount}) }}
|
||||
small
|
||||
button#play-btn.btn.btn-primary.btn-lg.gamifybutton(ng-click='playButtonClick()') {{ $t('free') }}
|
||||
.presslogos.text-center.img-rendering-auto
|
||||
| {{ $t('featuredIn') }}
|
||||
br
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/lifehacker.png', alt {{ $t('altAttrLifehacker') }})
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/nyt-logo.png', alt {{ $t('altAttrNewYorkTimes') }})
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/makeuseof.png', alt {{ $t('altAttrMakeUseOf') }})
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/Forbes_logo.png', alt {{ $t('altAttrForbes') }})
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/Cnetlogo.png', alt {{ $t('altAttrCnet') }})
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/Fast-Company-logo.png', alt {{ $t('altAttrFastCompany') }})
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/kickstarter-logo.png', alt {{ $t('altAttrKickstarter') }})
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/discover-logo.png', alt {{ $t('altAttrDiscover') }})
|
||||
#intro-text
|
||||
.container-fluid
|
||||
.row
|
||||
.col-md-8.col-md-offset-2
|
||||
p.lead.text-center
|
||||
| {{ $t('leadText') }}
|
||||
section#testimonial-carousel.bg-info
|
||||
.container-fluid
|
||||
.row
|
||||
.col-md-3.col-md-offset-1
|
||||
h2 {{ $t('testimonialHeading') }}
|
||||
img.img-say.img-responsive.visible-lg-block(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/uses/publicSpaces.png', alt='')
|
||||
// Testimonials
|
||||
.col-md-8.col-sm-10.col-sx-10
|
||||
#quote-carousel.carousel.slide(data-interval='10000', data-ride='carousel')
|
||||
// Bottom Carousel Indicators
|
||||
ol.carousel-indicators
|
||||
li.active(data-target='#quote-carousel', data-slide-to='0')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/Drag0nsilver.png', alt='')
|
||||
li(data-target='#quote-carousel', data-slide-to='1')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/frabjabulous.png', alt='')
|
||||
li(data-target='#quote-carousel', data-slide-to='2')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/AndeeLiao.png', alt='')
|
||||
li(data-target='#quote-carousel', data-slide-to='3')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/AlexandraSo.png', alt='')
|
||||
.carousel-inner.text-center
|
||||
.item.active
|
||||
blockquote
|
||||
.row
|
||||
.col-sm-8.col-sm-offset-2
|
||||
p
|
||||
| {{ $t('dragonsilverQuote') }}
|
||||
small Drag0nsilver
|
||||
.item
|
||||
blockquote
|
||||
.row
|
||||
.col-sm-8.col-sm-offset-2
|
||||
p
|
||||
| {{ $t('frabjabulousQuote') }}
|
||||
small frabjabulous
|
||||
.item
|
||||
blockquote
|
||||
.row
|
||||
.col-sm-8.col-sm-offset-2
|
||||
p
|
||||
| {{ $t('andeeliaoQuote') }}
|
||||
small AndeeLiao
|
||||
.item
|
||||
blockquote
|
||||
.row
|
||||
.col-sm-8.col-sm-offset-2
|
||||
p
|
||||
| {{ $t('alexandraQuote') }}
|
||||
small _AlexandraSo_
|
||||
a.left.carousel-control(data-slide='prev', href='#quote-carousel')
|
||||
i.fa.fa-chevron-left
|
||||
a.right.carousel-control(data-slide='next', href='#quote-carousel')
|
||||
i.fa.fa-chevron-right
|
||||
button.btn.btn-primary.btn-lg.gamifybutton.fixedcta(ng-click='playButtonClick()') {{ $t('gamifyButton') }}
|
||||
section#uses
|
||||
h2 {{ $t('examplesHeading') }}
|
||||
.container-fluid
|
||||
#myCarousel.carousel.slide(data-interval='10000', data-ride='carousel')
|
||||
ul.nav.nav-pills.nav-justified
|
||||
li.active(data-target='#myCarousel', data-slide-to='0')
|
||||
a(href='#') {{ $t('work') }}
|
||||
li(data-target='#myCarousel', data-slide-to='1')
|
||||
a(href='#') {{ $t('wellness') }}
|
||||
li(data-target='#myCarousel', data-slide-to='2')
|
||||
a(href='#') {{ $t('teams') }}
|
||||
li(data-target='#myCarousel', data-slide-to='3')
|
||||
a(href='#') {{ $t('school') }}
|
||||
li(data-target='#myCarousel', data-slide-to='4')
|
||||
a(href='#') {{ $t('goals') }}
|
||||
li(data-target='#myCarousel', data-slide-to='5')
|
||||
a(href='#') {{ $t('chores') }}
|
||||
.carousel-inner(style='z-index:0;')
|
||||
.item.active.work-use
|
||||
h3
|
||||
| {{ $t('work') }}
|
||||
br
|
||||
small
|
||||
a(href='/static/plans') {{ $t('businessText') }}
|
||||
.carousel-content.row
|
||||
.sampletasks.col-lg-4.col-md-6.col-sm-12.col-xs-12
|
||||
h4 {{ $t('sampleHabits') }}
|
||||
div(style='width:100%; background-color: rgb(252, 229, 205); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(219, 120, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('businessSample1') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(201, 218, 248); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(90, 98, 223); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('businessSample2') }}
|
||||
br
|
||||
div(style='width:100%; background-color: #d9ead3; color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(113, 176, 91); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('businessSample3') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(255, 242, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(255, 207, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('businessSample4') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(244, 204, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(220, 93, 93); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; background-color: rgb(220, 93, 93); border-right: 0px none;') -
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('businessSample5') }}
|
||||
img.sample-img.visible-lg-inline-block(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/uses/coding.png', alt='')
|
||||
.usetweet-groups.col-lg-5.col-md-6.visible-lg-inline-block.visible-md-inline-block
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='frabjabulous', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/frabjabulous.png', alt {{ $t('altAttrFrabjabulous') }})
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('frabjabulousQuote') }}
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='_AlexandraSo_', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/AlexandraSo.png', alt {{ $t('altAttrAlexandraSo') }})
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('alexandraQuote') }}
|
||||
.item.health-use
|
||||
h3 {{ $t('health') }}
|
||||
.carousel-content.row
|
||||
.sampletasks.col-lg-4.col-md-6.col-sm-12.col-xs-12
|
||||
h4 {{ $t('sampleHabits') }}
|
||||
div(style='width:100%; background-color: #d9ead3; color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(113, 176, 91); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; background-color: rgb(113, 176, 91); border-right: 0px none;') -
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('healthSample1') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(244, 204, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(220, 93, 93); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; background-color: rgb(220, 93, 93); border-right: 0px none;') -
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('healthSample2') }}
|
||||
br
|
||||
div(style='width:100%; background-color: #d9ead3; color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(113, 176, 91); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; background-color: rgb(113, 176, 91); border-right: 0px none;') -
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('healthSample3') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(255, 242, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(255, 207, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; background-color: rgb(255, 207, 66); border-right: 0px none;') -
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('healthSample4') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(255, 242, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(255, 207, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('healthSample5') }}
|
||||
img.sample-img.visible-lg-inline-block(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/uses/clipart-rosemonkeyct-meditation.png', alt='')
|
||||
.usetweet-groups.col-lg-5.col-md-6.visible-lg-inline-block.visible-md-inline-block
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='EvaGantz', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/EvaGantz.png', alt {{ $t('altAttrEvaGantz') }})
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('evagantzQuote') }}
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='supermouse35', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/supermouse35.png', :alt="$t('altAttrSupermouse35')")
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('supermouse35Quote') }}
|
||||
.item.team-use
|
||||
h3 {{ $t('teams') }}
|
||||
.carousel-content.row
|
||||
.sampletasks.col-lg-4.col-md-6.col-sm-12.col-xs-12
|
||||
h4 {{ $t('sampleToDo') }}
|
||||
div(style='width:100%; background-color: rgb(252, 229, 205); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(219, 120, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('teamSample1') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(255, 242, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(255, 207, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('teamSample2') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(244, 204, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(220, 93, 93); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('teamSample3') }}
|
||||
br
|
||||
img.sample-img.visible-lg-inline-block(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/uses/publicSpaces.png', alt='')
|
||||
.usetweet-groups.col-lg-5.col-md-6.visible-lg-inline-block.visible-md-inline-block
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='Althaire', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/Althaire.png', alt {{ $t('altAttrAlthaire') }})
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('althaireQuote') }}
|
||||
.item.school-use
|
||||
h3 {{ $t('school') }}
|
||||
.carousel-content.row
|
||||
.sampletasks.col-lg-4.col-md-6.col-sm-12.col-xs-12
|
||||
h4 {{ $t('sampleHabits') }}
|
||||
div(style='width:100%; background-color: rgb(255, 242, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(255, 207, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('schoolSample1') }}
|
||||
br
|
||||
div(style='width:100%; background-color: #d9ead3; color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(113, 176, 91); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('schoolSample2') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(255, 242, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(255, 207, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('schoolSample3') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(244, 204, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(220, 93, 93); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; background-color: rgb(220, 93, 93); border-right: 0px none;') -
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('schoolSample4') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(201, 218, 248); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(90, 98, 223); border-right: 1px solid rgba(0, 0, 0, 0.25);') +
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; background-color: rgb(90, 98, 223); border-right: 0px none;') -
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('schoolSample5') }}
|
||||
img.sample-img.visible-lg-inline-block(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/uses/reading.png', alt='')
|
||||
.usetweet-groups.col-lg-5.col-md-6.visible-lg-inline-block.visible-md-inline-block
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='InfH', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/InfH.png', alt {{ $t('altAttrInfH') }})
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content {{ $t('infhQuote') }}
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='Drei-M', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/Drei-M.png', alt {{ $t('altAttrDreiM') }})
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('dreimQuote') }}
|
||||
.item.improvement-use
|
||||
h3 {{ $t('goals') }}
|
||||
.carousel-content.row
|
||||
.sampletasks.col-lg-4.col-md-6.col-sm-12.col-xs-12
|
||||
h4 {{ $t('sampleDailies') }}
|
||||
div(style='width:100%; background-color: rgb(252, 229, 205); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(219, 120, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('goalSample1') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(255, 242, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(255, 207, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('goalSample2') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(244, 204, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(220, 93, 93); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('goalSample3') }}
|
||||
br
|
||||
img.sample-img.visible-lg-inline-block(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/uses/gaining_an_achievement_by_cosmic_caterpillar-d7uyv5z.png', alt='')
|
||||
.usetweet-groups.col-lg-5.col-md-6.visible-lg-inline-block.visible-md-inline-block
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='Kazui', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/Kazui.png', alt {{ $t('altAttrKazui') }})
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('kazuiQuote') }}
|
||||
.item.housework-use
|
||||
h3 {{ $t('chores') }}
|
||||
.carousel-content.row
|
||||
.sampletasks.col-lg-4.col-md-6.col-sm-12.col-xs-12
|
||||
h4 {{ $t('sampleDailies') }}
|
||||
div(style='width:100%; background-color: rgb(252, 229, 205); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(219, 120, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('choreSample1') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(255, 242, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(255, 207, 66); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('choreSample2') }}
|
||||
br
|
||||
div(style='width:100%; background-color: rgb(244, 204, 204); color: rgb(51, 51, 51); text-align:center; padding: 0px; line-height: 1.62765; list-style: none outside none; padding: 0px; height: 2.3em; min-height: 1.62765em; margin-bottom:0.75em; margin:0px; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5) inset;')
|
||||
.task-btn(style='display: inline-block; width: 1.62765em; height: 1.62765em; padding: 0px; margin:0px; line-height: 1.62765; text-align: center; color: rgb(34, 34, 34); float:left; cursor: pointer; vertical-align: top; left:0px; position:relative; background-color: rgb(220, 93, 93); border-right: 1px solid rgba(0, 0, 0, 0.25);')
|
||||
span(style='padding: 0.5em 0px 0em 0em; color: #666;') ☐
|
||||
|
|
||||
.task-desc(style='display: inline-block; font-family: Lato,sans-serif; padding: 0.6em 0px 0em 1em; letter-spacing: normal; float:left; word-wrap: break-word;') {{ $t('choreSample3') }}
|
||||
br
|
||||
img.sample-img.visible-lg-inline-block(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/uses/dusting_by_leephon.png', alt='')
|
||||
.usetweet-groups.col-lg-5.col-md-6.visible-lg-inline-block.visible-md-inline-block
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='autumnesquirrel', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/autumnesquirrel.png', :alt="$t('altAttrAutumnesquirrel')")
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content {{ $t('autumnesquirrelQuote') }}
|
||||
.usetweet-group
|
||||
img(data-toggle='tooltip', data-placement='top', title='irishfeet123', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/irishfeet123.png', :alt="$t('altAttrIrishfeet123')")
|
||||
.usetweet.tweet.popover.right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('irishfeet123Quote') }}
|
||||
button.btn.btn-primary.btn-lg.gamifybutton.fixedcta(ng-click='playButtonClick()') {{ $t('gamifyButton') }}
|
||||
section#rewards.bg-warning.container-fluid
|
||||
.row
|
||||
.col-lg-5.col-lg-offset-1.col-md-5.col-sm-12
|
||||
h2.headline {{ $t('rewardHeading') }}
|
||||
.row
|
||||
.col-lg-5.col-lg-offset-1.col-md-5.col-sm-12.col-xs-12
|
||||
p.sectioninfo
|
||||
| {{ $t('rewardByline1') }}
|
||||
br
|
||||
br
|
||||
| {{ $t('rewardByline2') }}
|
||||
.scrolltweet.hidden-xs.hidden-sm
|
||||
img.img-rendering-auto.scrolltweet-image(data-toggle='tooltip', data-placement='top', title='Elmi', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/Elmi.png', alt {{ $t('altAttrElmi') }})
|
||||
.tweet.popover.right.pull-right
|
||||
.arrow
|
||||
.popover-content {{ $t('elmiQuote') }}
|
||||
.col-lg-4.col-md-4.col-lg-offset-1.col-sm-8.well.col-xs-8.col-xs-offset-2.col-sm-offset-2.well-lg
|
||||
.avatarscroll
|
||||
h2
|
||||
span.glyphicon.glyphicon-check
|
||||
h2
|
||||
span.glyphicon.glyphicon-arrow-down
|
||||
img.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/misc/shop_gold.png', alt='')
|
||||
img.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/misc/shop_gold.png', alt='')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/misc/shop_gold.png', alt='')
|
||||
h2
|
||||
span.glyphicon.glyphicon-arrow-down
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/TVreward.png', alt='')
|
||||
button.btn.btn-primary.btn-lg.fixedcta.gamifybutton(ng-click='playButtonClick()') {{ $t('gamifyButton') }}
|
||||
section#levels.container-fluid
|
||||
.row
|
||||
.col-lg-5.col-lg-offset-1.col-md-5.col-sm-12
|
||||
h2.headline {{ $t('unlockHeadline') }}
|
||||
.row
|
||||
.col-lg-5.col-lg-offset-1.col-md-5.col-sm-12
|
||||
p.sectioninfo
|
||||
| {{ $t('unlockByline1') }}
|
||||
br
|
||||
br
|
||||
| {{ $t('unlockByline2') }}
|
||||
.scrolltweet.hidden-xs.hidden-sm
|
||||
img.img-rendering-auto.scrolltweet-image(data-toggle='tooltip', data-placement='top', title='16bitFil', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/16bitFil.png', :alt="$t('altAttr16bitFil')")
|
||||
.tweet.popover.right.pull-right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('sixteenBitFilQuote') }}
|
||||
.col-lg-4.col-md-4.col-lg-offset-1.col-sm-8.well.col-xs-8.col-xs-offset-2.col-sm-offset-2
|
||||
.avatarscroll
|
||||
img.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/avatar/avatarstatic.png', alt='')
|
||||
h2
|
||||
span.glyphicon.glyphicon-arrow-down
|
||||
img.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/SAMPLEadventurers.png', alt='')
|
||||
button.btn.btn-primary.btn-lg.fixedcta.gamifybutton(ng-click='playButtonClick()') {{ $t('gamifyButton') }}
|
||||
section#health.bg-danger.container-fluid
|
||||
.row
|
||||
.col-lg-5.col-lg-offset-1.col-md-5.col-sm-12
|
||||
h2.headline {{ $t('punishHeading1') }}
|
||||
.row
|
||||
.col-lg-5.col-lg-offset-1.col-md-5.col-sm-12
|
||||
h2 {{ $t('punishHeading2') }}
|
||||
p.sectioninfo {{ $t('punishByline') }}
|
||||
.scrolltweet.hidden-xs.hidden-sm
|
||||
img.scrolltweet-image(data-toggle='tooltip', data-placement='top', title='Zelah Meyer', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/Zelah_Meyer.png', alt {{ $t('altAttrZelahMeyer') }})
|
||||
.tweet.popover.right.pull-right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('zelahQuote') }}
|
||||
.col-lg-4.col-md-4.col-lg-offset-1.col-sm-8.well.col-xs-8.col-xs-offset-2.col-sm-offset-2.well-lg
|
||||
h2
|
||||
span.glyphicon.glyphicon-unchecked
|
||||
.health-progress
|
||||
.meter-label(tooltip='Health')
|
||||
span.glyphicon.glyphicon-heart
|
||||
.meter.health
|
||||
.bar
|
||||
div(style='width:100%;')
|
||||
h2
|
||||
span.glyphicon.glyphicon-arrow-down
|
||||
.health-progress
|
||||
.meter-label(tooltip='Health')
|
||||
span.glyphicon.glyphicon-heart
|
||||
.meter.health
|
||||
.bar
|
||||
div(style='width:50%;')
|
||||
button.btn.btn-primary.btn-lg.fixedcta.gamifybutton(ng-click='playButtonClick()') {{ $t('gamifyButton') }}
|
||||
section#quest.container-fluid
|
||||
.row
|
||||
.col-lg-5.col-lg-offset-1.col-md-5.col-sm-12
|
||||
h2.headline {{ $t('questHeading1') }}
|
||||
.row
|
||||
.col-lg-5.col-lg-offset-1.col-md-5.col-sm-12
|
||||
h2 {{ $t('questHeading2') }}
|
||||
p.sectioninfo
|
||||
| {{ $t('questByline1') }}
|
||||
br
|
||||
| {{ $t('questByline2') }}
|
||||
.scrolltweet.hidden-xs.hidden-sm
|
||||
img.scrolltweet-image(data-toggle='tooltip', data-placement='top', title='skysailor', src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/testimonials/skysailor.png', alt {{ $t('altAttrSkysailor') }})
|
||||
.tweet.popover.right.pull-right
|
||||
.arrow
|
||||
.popover-content
|
||||
| {{ $t('skysailorQuote') }}
|
||||
.col-lg-4.col-md-6.col-md-offset-1.col-lg-offset-1.col-sm-10.well.col-xs-10.col-xs-offset-1.col-sm-offset-1.well-lg
|
||||
img.clearfix.img-responsive.center-block(style='padding-bottom:30px;', src="https://d2afqr2xdmyzvu.cloudfront.net/front/images/Quest_dilatory_dragonSmall.png", alt='')
|
||||
.row
|
||||
.col-lg-5.col-md-5.col-sm-5.col-sm-offset-0.col-xs-5.col-xs-offset-0
|
||||
.health-progress
|
||||
.meter-label(tooltip='Health')
|
||||
span.glyphicon.glyphicon-heart
|
||||
.meter.health
|
||||
.bar
|
||||
div(style='width:20%;')
|
||||
.quest-friend-img
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/party/AnnaCosplay.png', alt='')
|
||||
.col-md-1.col-sm-1.col-xs-1
|
||||
h2
|
||||
span.glyphicon.glyphicon-arrow-right
|
||||
.col-lg-5.col-md-offset-1.col-md-5.col-sm-5.col-sm-offset-0.col-xs-5.col-xs-offset-0
|
||||
.health-progress
|
||||
.meter-label(tooltip='Health')
|
||||
span.glyphicon.glyphicon-heart
|
||||
.meter.health
|
||||
.bar
|
||||
div(style='width:0%;')
|
||||
.quest-friend-img
|
||||
img(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/party/GrimReaper.png', alt='')
|
||||
button.btn.btn-primary.btn-lg.fixedcta.gamifybutton(ng-click='playButtonClick()') {{ $t('gamifyButton') }}
|
||||
section#features.bg-info.container-fluid
|
||||
.row
|
||||
h2 {{ $t('featuresHeading') }}
|
||||
.row
|
||||
.col-md-4.col-md-offset-2.col-sm-6
|
||||
.feature-img
|
||||
img.center-block.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/Mount.png', alt='')
|
||||
.featuretext
|
||||
h4 {{ $t('featurePetHeading') }}
|
||||
p
|
||||
| {{ $t('featurePetByline') }}
|
||||
.col-md-4.col-sm-6
|
||||
.feature-img.center-block
|
||||
img.img-rendering-auto(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/achievement-triadbingo.png', alt='')
|
||||
img.img-rendering-auto(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/achievement-perfect.png', alt='')
|
||||
.featuretext
|
||||
h4 {{ $t('featureAchievementHeading') }}
|
||||
p {{ $t('featureAchievementByline') }}
|
||||
.row
|
||||
.col-md-4.col-md-offset-2.col-sm-6
|
||||
.feature-img
|
||||
img.center-block.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/Promo_springclasses2015.png', alt='')
|
||||
.featuretext
|
||||
h4 {{ $t('featureEquipHeading') }}
|
||||
p
|
||||
| {{ $t('featureEquipByline') }}
|
||||
.col-md-4.col-sm-6
|
||||
.feature-img
|
||||
img.img-rendering-auto.center-block.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/Party-Header.png', alt='')
|
||||
.featuretext
|
||||
h4 {{ $t('featureSocialHeading') }}
|
||||
p
|
||||
| {{ $t('featureSocialByline') }}
|
||||
button.btn.btn-primary.btn-lg.fixedcta.gamifybutton(ng-click='playButtonClick()') {{ $t('gamifyButton') }}
|
||||
#footercall
|
||||
.container-fluid
|
||||
.row
|
||||
h3 {{ $t('joinOthers', {userCount:userCount}) }}
|
||||
.row
|
||||
.col-md-4.col-md-offset-4
|
||||
button.btn.btn-primary.btn-lg.btn-block(ng-click='playButtonClick()') {{ $t('free') }}
|
||||
footer.footer
|
||||
.container-fluid.shoutout
|
||||
h4 {{ $t('contribUse') }}
|
||||
.row
|
||||
.col-lg-2.col-md-2.col-md-offset-1.col-sm-4.col-sm-offset-1.col-xs-6.col-xs-offset-1
|
||||
a(href='http://ionicframework.com/')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/ionic-logo-horizontal-transparent.png', alt {{ $t('altAttrIonic') }})
|
||||
.col-lg-2.col-lg-offset-0.col-md-2.col-md-offset-0.col-sm-4.col-sm-offset-1.col-xs-6.col-xs-offset-1
|
||||
a(href='https://www.jetbrains.com/webstorm/')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/logo_webstorm.png', alt {{ $t('altAttrWebstorm') }})
|
||||
.col-lg-2.col-lg-offset-0.col-md-2.col-md-offset-0.col-sm-4.col-sm-offset-1.col-xs-6.col-xs-offset-1
|
||||
a(href='http://github.com/')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/GitHub_Logo.png', alt {{ $t('altAttrGithub') }})
|
||||
.col-lg-2.col-lg-offset-0.col-md-2.col-md-offset-0.col-sm-4.col-sm-offset-1.col-xs-6.col-xs-offset-1
|
||||
a(href='https://trello.com/')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/trello-logo-blue.png', alt {{ $t('altAttrTrello') }})
|
||||
.col-lg-2.col-lg-offset-0.col-md-2.col-md-offset-0.col-sm-4.col-sm-offset-1.col-xs-6.col-xs-offset-1
|
||||
a(href='https://slack.com/')
|
||||
img.img-rendering-auto.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/front/images/presslogos/landing_slack_hash_wordmark_logo.png', alt {{ $t('altAttrSlack') }})
|
||||
|
||||
.row.footer-content
|
||||
// @TODO: Add footer include ../shared/footer
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
mounted () {
|
||||
// Analytics.track({"hitType":"pageview","eventCategory":"page","eventAction":"landing page","page":"/static/front"});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
30
website/client/components/static/groupPlans.vue
Normal file
@@ -0,0 +1,30 @@
|
||||
<template lang="pug">
|
||||
div
|
||||
// @TODO: Replace with Zeplin +groupPlansBenefits
|
||||
|
||||
br
|
||||
br
|
||||
.row
|
||||
.col-6.offset-3
|
||||
button.btn.btn-primary.btn-lg.btn-block(ng-click="goToNewGroupPage()") {{ $t('getAGroupPlanToday') }}
|
||||
|
||||
.row
|
||||
.col-6.offset-3
|
||||
br
|
||||
.text-center {{ $t('groupSubscriptionPrice') }}
|
||||
|
||||
hr
|
||||
|
||||
.col-6.offset-3.text-center
|
||||
.row.row-margin(style="font-size: 2rem;")
|
||||
span {{ $t('enterprisePlansDescription') }}
|
||||
.row.row-margin
|
||||
a.btn.btn-primary.btn-lg.btn-block(:href="'mailto:vicky@habitica.com?subject=' + $t('enterprisePlansEmailSubject')") {{ $t('enterprisePlansButton') }}
|
||||
|
||||
br
|
||||
|
||||
.row.row-margin(style="font-size: 2rem;")
|
||||
span {{ $t('familyPlansDescription') }}
|
||||
.row.row-margin
|
||||
a.btn.btn-primary.btn-lg.btn-block(href="https://docs.google.com/forms/d/e/1FAIpQLSerMKkaCg3UcgpcMvBJtlNgnF9DNY8sxCebpAT-GHeDAQASPQ/viewform?usp=sf_link") {{ $t('familyPlansButton') }}
|
||||
</template>
|
||||
25
website/client/components/static/maintenance.vue
Normal file
@@ -0,0 +1,25 @@
|
||||
<template lang="pug">
|
||||
.col-6.offset-3
|
||||
h1 {{ $t('habiticaBackSoon') }}
|
||||
img.img-rendering-auto.center-block.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/assets/scene_maintenance.png')
|
||||
p {{ $t('importantMaintenance') }}
|
||||
p(v-html="$t('twitterMaintenanceUpdates')")
|
||||
ul.lead(style='list-style-position:inside')
|
||||
li {{ $t('noDamageKeepStreaks') }}
|
||||
li {{ $t('veteranPetAward') }}
|
||||
p(v-html="$t('maintenanceMoreInfo', maintenanceMoreInfo)")
|
||||
p.lead {{ $t('thanksForPatience') }}
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
maintenanceMoreInfo: {
|
||||
linkStart: '<a href="/views/static/maintenance-info">',
|
||||
linkEnd: '</a>',
|
||||
},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
46
website/client/components/static/maintenanceInfo.vue
Normal file
@@ -0,0 +1,46 @@
|
||||
<template lang="pug">
|
||||
.container
|
||||
h1.text-center {{ $t('maintenanceInfoTitle') }}
|
||||
img.img-rendering-auto.center-block.img-responsive(src='https://d2afqr2xdmyzvu.cloudfront.net/assets/scene_maintenance.png')
|
||||
h2 {{ $t('maintenanceInfoWhat') }}
|
||||
p(v-html="$t('maintenanceInfoWhatText')")
|
||||
|
||||
img.pull-left(src='https://d2afqr2xdmyzvu.cloudfront.net/assets/scene_new.png')
|
||||
h2 {{ $t('maintenanceInfoWhy') }}
|
||||
p {{ $t('maintenanceInfoWhyText') }}
|
||||
p(v-html="$t('maintenanceInfoTechDetails')")
|
||||
|
||||
h2 {{ $t('maintenanceInfoMore') }}
|
||||
h3 {{ $t('maintenanceInfoAccountChanges') }}
|
||||
p(v-html="$t('maintenanceInfoAccountChangesText', { hrefTechAssistanceEmail })")
|
||||
h3 {{ $t('maintenanceInfoAddFeatures') }}
|
||||
p {{ $t('maintenanceInfoAddFeaturesText') }}
|
||||
h3 {{ $t('maintenanceInfoHowLong') }}
|
||||
|
||||
img.pull-right(src='https://d2afqr2xdmyzvu.cloudfront.net/assets/scene_chatter.png')
|
||||
p(v-html="$t('maintenanceInfoHowLongText')")
|
||||
h3 {{ $t('maintenanceInfoStatsAffected') }}
|
||||
p {{$t('maintenanceInfoStatsAffectedText1')}}
|
||||
p {{$t('maintenanceInfoStatsAffectedText2')}}
|
||||
h3 {{ $t('maintenanceInfoSeeTasks') }}
|
||||
p {{ $t('maintenanceInfoSeeTasksText') }}
|
||||
h3 {{ $t('maintenanceInfoRarePet') }}
|
||||
p {{ $t('maintenanceInfoRarePetText') }}
|
||||
img.pull-left(src='https://d2afqr2xdmyzvu.cloudfront.net/assets/scene_coding.png')
|
||||
h3 {{ $t('maintenanceInfoWho') }}
|
||||
p {{ $t('maintenanceInfoWhoText') }}
|
||||
p {{ $t('maintenanceInfoTesting') }}
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// @TODO: EMAILS.TECH_ASSISTANCE_EMAIL
|
||||
const TECH_ASSISTANCE_EMAIL = 'admin@habitica.com';
|
||||
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
hrefTechAssistanceEmail: `<a href="mailto:${TECH_ASSISTANCE_EMAIL}">${TECH_ASSISTANCE_EMAIL}</a>`,
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
32
website/client/components/static/merch.vue
Normal file
@@ -0,0 +1,32 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-md-12
|
||||
.page-header
|
||||
h1 {{ $t('merch') }}
|
||||
// @TODO: how do we use static images here?
|
||||
.col-lg-6.col-md-6.col-sm-12(v-for="(merchant, index) in merchants")
|
||||
.merch-block
|
||||
img(v-if='merchant.logo' :src="`~assets/images/merch/${merchant.key}-logo.png`")
|
||||
h2(v-else) {{ merchant.name }}
|
||||
div
|
||||
a(:href="merchant.link" target='_blank')
|
||||
img.img-rendering-auto(:src="`~assets/images/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>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
merchants: [
|
||||
{key: 'teespring', logo: true, name: 'Teespring', link: 'https://teespring.com/habitica-gryphon-t-shirt'},
|
||||
{key: 'teespring-eu', logo: true, name: 'Teespring (EU)', link: 'https://teespring.com/habitica-gryphon-t-shirt_eu'},
|
||||
{key: 'teespring-mug', logo: true, name: 'Teespring', link: 'https://teespring.com/shop/habitica-gryphon-mug'},
|
||||
{key: 'teespring-mug-eu', logo: true, name: 'Teespring (EU)', link: 'https://teespring.com/shop/habitica-hydration-mug-eu'},
|
||||
{key: 'stickermule', logo: true, name: 'Stickermule', link: 'https://www.stickermule.com/uk/marketplace/9317-habitica-gryphon-sticker'},
|
||||
],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
8779
website/client/components/static/newStuff.vue
Normal file
5
website/client/components/static/oldNew.vue
Normal file
@@ -0,0 +1,5 @@
|
||||
<template lang='pug'>
|
||||
.static-old-news
|
||||
// include ../shared/new-stuff
|
||||
// +oldNews()
|
||||
</template>
|
||||
24
website/client/components/static/overview.vue
Normal file
@@ -0,0 +1,24 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-6.offset-3
|
||||
.page-header
|
||||
h1 {{ $t('overview') }}
|
||||
p {{ $t('needTips') }}
|
||||
|
||||
div(v-for='step in stepsNum')
|
||||
h3 {{ $t('step'+step) }}
|
||||
// @TODO: add markdown
|
||||
p(v-html="$t('webStep'+step+'Text')")
|
||||
hr
|
||||
p(v-html="$t('overviewQuestions')")
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
stepsNum: ['1', '2', '3'],
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
77
website/client/components/static/pressKit.vue
Normal file
@@ -0,0 +1,77 @@
|
||||
<template lang="pug">
|
||||
div.jumbotron
|
||||
h1 {{ $t('presskit') }}
|
||||
p {{ $t('presskitText', { pressEnquiryEmail : PRESS_ENQUIRY_EMAIL }) }}
|
||||
p
|
||||
a.btn.btn-lg.btn-success(href='/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-rendering-auto.press-img(:src="`/presskit/${category}/${img}.png`")
|
||||
div(v-else)
|
||||
div(v-for='(images, category) in images')
|
||||
h3 {{ $t('pk' + category) }}
|
||||
div(v-for='img in images')
|
||||
img.img-rendering-auto.press-img(:src="`/presskit/#$category}/${cat}/${img}.png`")
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// @TODO: How to use images?
|
||||
// @TODO: EMAILS.PRESS_ENQUIRY_EMAIL
|
||||
const PRESS_ENQUIRY_EMAIL = 'admin@habitica.com';
|
||||
|
||||
export default {
|
||||
data () {
|
||||
return {
|
||||
PRESS_ENQUIRY_EMAIL,
|
||||
imgs: {
|
||||
Promo: [
|
||||
'Promo',
|
||||
'Promo - Thin',
|
||||
],
|
||||
Logo: [
|
||||
'Icon with Text',
|
||||
'Habitica Gryphon',
|
||||
'iOS',
|
||||
'Android',
|
||||
],
|
||||
Boss: [
|
||||
'Basi-List',
|
||||
'Stagnant Dishes',
|
||||
'SnackLess Monster',
|
||||
'Laundromancer',
|
||||
'Necro-Vice',
|
||||
'Battling the Ghost Stag',
|
||||
'Dread Drag\'on of Dilatory',
|
||||
],
|
||||
Samples: {
|
||||
Website: [
|
||||
'Tasks Page',
|
||||
'Equipment',
|
||||
'Market',
|
||||
'Guilds',
|
||||
'Challenges',
|
||||
],
|
||||
iOS: [
|
||||
'Tasks Page',
|
||||
'Level Up',
|
||||
'Pets',
|
||||
'Party',
|
||||
'Boss',
|
||||
],
|
||||
Android: [
|
||||
'User',
|
||||
'Tasks Page',
|
||||
'Reward',
|
||||
'Level Up',
|
||||
'Tavern',
|
||||
'Party',
|
||||
],
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
};
|
||||
</script>
|
||||
301
website/client/components/static/privacy.vue
Normal file
@@ -0,0 +1,301 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-md-12
|
||||
.page-header
|
||||
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>
|
||||
570
website/client/components/static/terms.vue
Normal file
@@ -0,0 +1,570 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-md-12
|
||||
.page-header
|
||||
h1 Terms of Use
|
||||
p
|
||||
| Last updated July 27, 2015
|
||||
br
|
||||
small (Corrected minimum age requirement to under 13 years of age per COPPA)
|
||||
br
|
||||
br
|
||||
p
|
||||
| HabitRPG (or "we") provides services through our
|
||||
| software applications for various devices and platforms ("HabitRPG
|
||||
| Applications") and the HabitRPG.com domain, and any sub domains thereto
|
||||
| (the "Sites"). Individually or collectively, HabitRPG Applications and
|
||||
| Sites may be referred to as the "Services".
|
||||
p
|
||||
| Please read the following terms and conditions ("Terms of
|
||||
| Service") carefully. These Terms of Service govern your access to and
|
||||
| use of the Services and HabitRPG Content (defined below) and set forth
|
||||
| the legally binding terms for your use of the Services and HabitRPG
|
||||
| Content, whether or not you have registered as a Member.
|
||||
p
|
||||
| Certain areas of the Services (and your access to or use of
|
||||
| HabitRPG Content) may have different terms and conditions posted or may
|
||||
| require you to agree with and accept additional terms and conditions. If
|
||||
| there is a conflict between these Terms of Service and terms and
|
||||
| conditions posted for a specific area of the Services or HabitRPG
|
||||
| Content, the latter terms and conditions will take precedence with
|
||||
| respect to your use of or access to that area of the Services or HabitRPG
|
||||
| Content.
|
||||
p
|
||||
| YOU ACKNOWLEDGE AND AGREE THAT, BY CLICKING ON THE "I AGREE" OR
|
||||
| "I ACCEPT" BUTTON, OR BY ACCESSING OR USING THE SERVICES OR BY
|
||||
| DOWNLOADING OR POSTING ANY CONTENT FROM OR ON THE SITES OR THROUGH THE
|
||||
| SERVICES, YOU ARE INDICATING THAT YOU HAVE READ, UNDERSTAND AND AGREE TO
|
||||
| BE BOUND BY THESE TERMS, WHETHER OR NOT YOU HAVE REGISTERED AS A MEMBER,
|
||||
| AND AGREE TO OUR PRIVACY POLICY AS DESCRIBED BELOW. IF YOU DO NOT AGREE
|
||||
| TO THESE TERMS, THEN YOU HAVE NO RIGHT TO ACCESS OR USE THE SERVICES OR
|
||||
| HABITRPG CONTENT.
|
||||
p
|
||||
strong Modification
|
||||
br
|
||||
| HabitRPG reserves the right, at its sole discretion, to modify,
|
||||
| discontinue or terminate the Services, including any portion thereof on
|
||||
| a global or individual basis, or to modify these Terms of Service, at
|
||||
| any time and without prior notice. If we modify these Terms of Service,
|
||||
| we will update the "Last Updated Date" above and post the modification
|
||||
| on the Sites and perhaps elsewhere within the Services. By continuing to
|
||||
| access or use the Services after we have posted a modification to these
|
||||
| Terms of Service or have provided you with notice of a modification, you
|
||||
| are indicating that you agree to be bound by the modified Terms of
|
||||
| Service. If the modified Terms of Service are not acceptable to you,
|
||||
| your only recourse is to cease using the Services.
|
||||
p
|
||||
strong Eligibility and HabitRPG Account Registration
|
||||
br
|
||||
| In order to access certain features of the Sites and Services, and to
|
||||
| post any Public User Content (defined below) on the Sites or through the
|
||||
| Services, you must register to create an account ("HabitRPG Account") and
|
||||
| become a "Member". In compliance with privacy laws, we do not allow
|
||||
| people below the age of 13 to create accounts; please see our Privacy
|
||||
| Policy for further information. During the registration process, you
|
||||
| will be required to provide certain information and you will establish a
|
||||
| username and a password. You agree to provide accurate, current and
|
||||
| complete information during the registration process and to update such
|
||||
| information to keep it accurate, current and complete. HabitRPG reserves
|
||||
| the right to suspend or terminate your HabitRPG Account if any
|
||||
| information provided during the registration process or thereafter
|
||||
| proves to be inaccurate, not current or incomplete. If you are not a
|
||||
| Member you may browse all areas of the Sites or use the parts of the
|
||||
| Services that are not limited to Members only. You are responsible for
|
||||
| safeguarding your password. You agree not to disclose your password to
|
||||
| any third party and to take sole responsibility for any activities or
|
||||
| actions under your HabitRPG Account, whether or not you have authorized
|
||||
| such activities or actions. You agree to immediately notify HabitRPG of
|
||||
| any unauthorized use of your HabitRPG Account. We are not liable for any
|
||||
| damages or losses caused by someone using your account without your
|
||||
| permission.
|
||||
p
|
||||
strong Privacy
|
||||
br
|
||||
| See <a href='/static/privacy'>HabitRPG's Privacy Policy</a> for
|
||||
| information and notices concerning HabitRPG's collection and use of your
|
||||
| personal information. If you have any questions about the HabitRPG
|
||||
| Privacy Policy, please contact HabitRPG at privacy AT HabitRPG.com. By
|
||||
| accessing the Services you are agreeing to the terms of our Privacy
|
||||
| Policy.
|
||||
p
|
||||
strong Content
|
||||
br
|
||||
| Certain types of content are made available through the Services.
|
||||
| "HabitRPG Content" means, collectively, the text, data, graphics, images,
|
||||
| illustrations, forms and look and feel attributes, HabitRPG trademarks
|
||||
| and logos and other content made available through the Services,
|
||||
| including any technology or code making up the Services, excluding User
|
||||
| Content. "Public User Content" means the text, data, graphics, images, photos,
|
||||
| video or audiovisual content, hypertext links and any other content uploaded,
|
||||
| transmitted or submitted by a Member via the Services with the intent to share
|
||||
| with other users. "Private User Content" means data created through the services
|
||||
| exclusively for personal use or private sharing.
|
||||
| This includes tasks and related data created in HabitRPG Tasks that have not
|
||||
| been explicitly shared publicly.
|
||||
| You understand that by using any of the Services, you may encounter content
|
||||
| that may be deemed offensive, indecent, or objectionable, which content
|
||||
| may or may not be identified as having explicit language, and that the
|
||||
| results of any search or entering of a particular URL may automatically
|
||||
| and unintentionally generate links or references to objectionable
|
||||
| material. Nevertheless, you agree to use the Services at your sole risk
|
||||
| and that we shall not have any liability to you for content that may be
|
||||
| found to be offensive, indecent, or objectionable.
|
||||
p
|
||||
strong Ownership
|
||||
br
|
||||
| The Services and HabitRPG Content are protected by copyright, trademark,
|
||||
| and other laws of the United States and foreign countries. Except as
|
||||
| expressly provided in these Terms of Service, HabitRPG and its licensors
|
||||
| exclusively own all right, title and interest in and to the Services and
|
||||
| HabitRPG Content, including all associated intellectual property rights.
|
||||
| You will not remove, alter or obscure any copyright, trademark, service
|
||||
| mark or other proprietary rights notices incorporated in or accompanying
|
||||
| the Services or HabitRPG Content.
|
||||
p
|
||||
strong HabitRPG License
|
||||
br
|
||||
| Subject to your compliance with the terms and conditions of these Terms
|
||||
| of Service, HabitRPG grants you a limited, non-exclusive,
|
||||
| non-transferable license, without the right to sublicense, to access,
|
||||
| use, view, download and print, where applicable, the Services and any
|
||||
| HabitRPG Content solely for your personal and non-commercial purposes.
|
||||
| You will not use, copy, adapt, modify, prepare derivative works based
|
||||
| upon, distribute, license, sell, transfer, publicly display, publicly
|
||||
| perform, transmit, stream, broadcast or otherwise exploit the Services
|
||||
| or HabitRPG Content, except as expressly permitted in these Terms of
|
||||
| Service. No licenses or rights are granted to you by implication or
|
||||
| otherwise under any intellectual property rights owned or controlled by
|
||||
| HabitRPG or its licensors, except for the licenses and rights expressly
|
||||
| granted in these Terms of Service. With respect to HabitRPG Applications,
|
||||
| your license is limited to use of such applications on platforms and
|
||||
| devices that you own or control, and you may not distribute or make the
|
||||
| HabitRPG Applications available over a network where it could be used by
|
||||
| multiple devices at the same time.
|
||||
p
|
||||
strong Public User Content
|
||||
br
|
||||
| By making available any Public User Content through the Services, you hereby
|
||||
| grant to HabitRPG a worldwide, irrevocable, perpetual, non-exclusive,
|
||||
| transferable, royalty-free license, with the right to sublicense, to
|
||||
| use, copy, adapt, modify, distribute, license, sell, transfer, publicly
|
||||
| display, publicly perform, transmit, stream, broadcast and otherwise
|
||||
| exploit such Public User Content only on, through or by means of the Services.
|
||||
| HabitRPG does not claim any ownership rights in any such Public User Content and
|
||||
| nothing in these Terms of Service will be deemed to restrict any rights
|
||||
| that you may have to use and exploit any such Public User Content.
|
||||
p
|
||||
| You acknowledge and agree that you are solely responsible for all
|
||||
| Public User Content that you make available through the Services. Accordingly,
|
||||
| you represent and warrant that: (i) you either are the sole and
|
||||
| exclusive owner of all Public User Content that you make available through the
|
||||
| Services or you have all rights, licenses, consents and releases that
|
||||
| are necessary to grant to HabitRPG the rights in such Public User Content, as
|
||||
| contemplated under these Terms of Service; and (ii) neither the User
|
||||
| Content nor your posting, uploading, publication, submission or
|
||||
| transmittal of the Public User Content or HabitRPG's use of the Public User Content (or
|
||||
| any portion thereof) on, through or by means of the Services will
|
||||
| infringe, misappropriate or violate a third party's patent, copyright,
|
||||
| trademark, trade secret, moral rights or other intellectual property
|
||||
| rights, or rights of publicity or privacy, or result in the violation of
|
||||
| any applicable law or regulation.
|
||||
p
|
||||
| Copyrighted Materials: No Infringing Use. You will not use the
|
||||
| Services to offer, display, distribute, transmit, route, provide
|
||||
| connections to or store any material that infringes copyrighted works or
|
||||
| otherwise violates or promotes the violation of the intellectual
|
||||
| property rights of any third party. HabitRPG has adopted and implemented
|
||||
| a policy that provides for the termination in appropriate circumstances
|
||||
| of the accounts of users who repeatedly infringe or are believed to be
|
||||
| or are charged with repeatedly infringing the rights of copyright
|
||||
| holders.
|
||||
p
|
||||
strong Notify Us of Infringers
|
||||
br
|
||||
| If you believe that something on the Services violates your copyright,
|
||||
| notify our copyright agent in writing. The contact information for our
|
||||
| copyright agent is at the bottom of this section.
|
||||
p
|
||||
| In order for us to take action, you must do the following in your
|
||||
| notice:
|
||||
p
|
||||
| (1) provide your physical or electronic signature; (2) identify
|
||||
| the copyrighted work that you believe is being infringed; (3) identify
|
||||
| the item on the Services that you think is infringing your work and
|
||||
| include sufficient information about where the material is located on
|
||||
| the Services (including which website and URL) so that we can find it;
|
||||
| (4) provide us with a way to contact you, such as your address,
|
||||
| telephone number, or e-mail; (5) provide a statement that you believe in
|
||||
| good faith that the item you have identified as infringing is not
|
||||
| authorized by the copyright owner, its agent, or the law to be used on
|
||||
| the Services; and (6) provide a statement that the information you
|
||||
| provide in your notice is accurate, and that (under penalty of perjury),
|
||||
| you are authorized to act on behalf of the copyright owner whose work is
|
||||
| being infringed.
|
||||
p
|
||||
| Here is the contact information for our copyright agent:
|
||||
p
|
||||
| Copyright Enforcement
|
||||
br
|
||||
| HabitRPG, Inc.
|
||||
br
|
||||
| 11870 Santa Monica Blvd., Suite 106-577
|
||||
br
|
||||
| Los Angeles, CA 90025
|
||||
br
|
||||
| E-Mail: <a href='mailto:admin@habitica.com'>admin@habitica.com</a>
|
||||
p
|
||||
| Again, we cannot take action unless you give us all the required
|
||||
| information.
|
||||
p
|
||||
strong Ratings and Comments & Feedback.
|
||||
br
|
||||
| You can rate and make comments about content made available through the
|
||||
| Services ("Comments"). HabitRPG advises you to exercise caution and good
|
||||
| judgment when leaving such Comments. Once you complete and submit your
|
||||
| Comments to the Services you will not be able to go back and edit your
|
||||
| Comments. You should also be aware that you could be held legally
|
||||
| responsible for damages to someone's reputation if your Comments are
|
||||
| deemed to be defamatory. Without limiting any other terms of this Terms
|
||||
| of Service, HabitRPG may, but is under no obligation to, monitor or
|
||||
| censor Comments and disclaims any and all liability relating thereto.
|
||||
| Notwithstanding the foregoing, HabitRPG does reserve the right, in its
|
||||
| sole discretion, to remove any Comments that it deems to be improper,
|
||||
| inappropriate or inconsistent with the online activities that are
|
||||
| permitted under these Terms of Service. We welcome and encourage you to
|
||||
| provide feedback, comments and suggestions for improvements to the
|
||||
| Services ("Feedback"). You may submit Feedback by emailing us at support
|
||||
| AT HabitRPG.com. You acknowledge and agree that all Comments and Feedback
|
||||
| will be the sole and exclusive property of HabitRPG and you hereby
|
||||
| irrevocably assign to HabitRPG and agree to irrevocably assign to HabitRPG
|
||||
| all of your right, title, and interest in and to all Comments and
|
||||
| Feedback, including without limitation all worldwide patent rights,
|
||||
| copyright rights, trade secret rights, and other proprietary or
|
||||
| intellectual property rights therein. At HabitRPG's request and expense,
|
||||
| you will execute documents and take such further acts as HabitRPG may
|
||||
| reasonably request to assist HabitRPG to acquire, perfect, and maintain
|
||||
| its intellectual property rights and other legal protections for the
|
||||
| Comments and Feedback.
|
||||
p
|
||||
strong Interactions between Users
|
||||
br
|
||||
| You are solely responsible for your interactions (including any
|
||||
| disputes) with other users. You understand that HabitRPG does not in any
|
||||
| way screen HabitRPG users, except to only allow people aged 13 and over
|
||||
| to create accounts. You are solely responsible for, and will exercise
|
||||
| caution, discretion, common sense and judgment in, using the Services
|
||||
| and disclosing personal information to other HabitRPG users. You agree to
|
||||
| take reasonable precautions in all interactions with other HabitRPG
|
||||
| users, particularly if you decide to meet a HabitRPG user offline, or in
|
||||
| person. Your use of the Services, HabitRPG Content and any other content
|
||||
| made available through the Services is at your sole risk and discretion
|
||||
| and HabitRPG hereby disclaims any and all liability to you or any third
|
||||
| party relating thereto. HabitRPG reserves the right to contact Members,
|
||||
| in compliance with applicable law, in order to evaluate compliance with
|
||||
| the rules and policies in these Terms of Service. You will cooperate
|
||||
| fully with HabitRPG to investigate any suspected unlawful, fraudulent or
|
||||
| improper activity, including, without limitation, granting authorized
|
||||
| HabitRPG representatives access to any password-protected portions of
|
||||
| your HabitRPG Account.
|
||||
p
|
||||
strong General Prohibitions
|
||||
br
|
||||
| You agree not to do any of the following while using the Services or
|
||||
| HabitRPG Content:
|
||||
br
|
||||
ul
|
||||
li
|
||||
| Post, upload, publish, submit or transmit any text, graphics,
|
||||
| images, software, music, audio, video, information or other material
|
||||
| that: (i) infringes, misappropriates or violates a third party's
|
||||
| patent, copyright, trademark, trade secret, moral rights or other
|
||||
| intellectual property rights, or rights of publicity or privacy; (ii)
|
||||
| violates, or encourages any conduct that would violate, any applicable
|
||||
| law or regulation or would give rise to civil liability; (iii) is
|
||||
| fraudulent, false, misleading or deceptive; (iv) is defamatory,
|
||||
| obscene, pornographic, vulgar or offensive; (v) promotes
|
||||
| discrimination, bigotry, racism, hatred, harassment or harm against any
|
||||
| individual or group; (vi) is violent or threatening or promotes
|
||||
| violence or actions that are threatening to any other person; or (vii)
|
||||
| promotes illegal or harmful activities or substances (including but not
|
||||
| limited to activities that promote or provide instructional information
|
||||
| regarding the manufacture or purchase of illegal weapons or illegal
|
||||
| substances).
|
||||
li
|
||||
| Use, display, mirror, frame or utilize framing techniques to
|
||||
| enclose the Services, or any individual element or materials within the
|
||||
| Services, HabitRPG's name, any HabitRPG trademark, logo or other
|
||||
| proprietary information, the content of any text or the layout and
|
||||
| design of any page or form contained on a page, without HabitRPG's
|
||||
| express written consent;
|
||||
li
|
||||
| Access, tamper with, or use non-public areas of the Services,
|
||||
| HabitRPG's computer systems, or the technical delivery systems of
|
||||
| HabitRPG's providers;
|
||||
li
|
||||
| Attempt to probe, scan, or test the vulnerability of any
|
||||
| HabitRPG system or network or breach any security or authentication
|
||||
| measures;
|
||||
li
|
||||
| Avoid, bypass, remove, deactivate, impair, descramble or
|
||||
| otherwise circumvent any technological measure implemented by HabitRPG
|
||||
| or any of HabitRPG's providers or any other third party (including
|
||||
| another user) to protect the Services or HabitRPG Content;
|
||||
li
|
||||
| Attempt to access or search the Services or HabitRPG Content or
|
||||
| download HabitRPG Content from the Services through the use of any
|
||||
| engine, software, tool, agent, device or mechanism (including spiders,
|
||||
| robots, crawlers, data mining tools or the like) other than the
|
||||
| software and/or search agents provided by HabitRPG or other generally
|
||||
| available third party web browsers (such as Google Chrome, Microsoft
|
||||
| Internet Explorer, Mozilla Firefox, Safari or Opera);
|
||||
li
|
||||
| Send any unsolicited or unauthorized advertising, promotional
|
||||
| materials, email, junk mail, spam, chain letters or other form of
|
||||
| solicitation;
|
||||
li
|
||||
| Use any meta tags or other hidden text or metadata utilizing a
|
||||
| HabitRPG trademark, logo URL or product name without HabitRPG's express
|
||||
| written consent;
|
||||
li
|
||||
| Use the Services or HabitRPG Content for any commercial purpose
|
||||
| or the benefit of any third party or in any manner not permitted by
|
||||
| these Terms of Service;
|
||||
li
|
||||
| Forge any TCP/IP packet header or any part of the header
|
||||
| information in any email or newsgroup posting, or in any way use the
|
||||
| Services or HabitRPG Content to send altered, deceptive or false
|
||||
| source-identifying information;
|
||||
li
|
||||
| Attempt to decipher, decompile, disassemble or reverse
|
||||
| engineer any of the software used to provide the Services or HabitRPG
|
||||
| Content;
|
||||
li
|
||||
| Interfere with, or attempt to interfere with, the access of
|
||||
| any user, host or network, including, without limitation, sending a
|
||||
| virus, overloading, flooding, spamming, or mail-bombing the Services;
|
||||
li
|
||||
| Collect or store any personally identifiable information from
|
||||
| the Services from other users of the Services without their express
|
||||
| permission;
|
||||
li
|
||||
| Impersonate or misrepresent your affiliation with any person
|
||||
| or entity; Violate any applicable law or regulation; or
|
||||
li
|
||||
| Encourage or enable any other individual to do any of the
|
||||
| foregoing.
|
||||
p
|
||||
| HabitRPG will have the right to investigate and prosecute
|
||||
| violations of any of the above, including intellectual property rights
|
||||
| infringement and Services security issues, to the fullest extent of the
|
||||
| law. HabitRPG may involve and cooperate with law enforcement authorities
|
||||
| in prosecuting users who violate these Terms of Service. You acknowledge
|
||||
| that HabitRPG has no obligation to monitor your access to or use of the
|
||||
| Services or HabitRPG Content or to review or edit any Public User Content, but
|
||||
| has the right to do so for the purpose of operating the Services, to
|
||||
| ensure your compliance with these Terms of Service, or to comply with
|
||||
| applicable law or the order or requirement of a court, administrative
|
||||
| agency or other governmental body. HabitRPG reserves the right, at any
|
||||
| time and without prior notice, to remove or disable access to any
|
||||
| HabitRPG Content, including, any Public User Content, that HabitRPG, in its sole
|
||||
| discretion, considers to be in violation of these Terms of Service or
|
||||
| otherwise harmful to the Services.
|
||||
p
|
||||
strong Links
|
||||
br
|
||||
| The Services may contain links to third-party websites or resources. You
|
||||
| acknowledge and agree that HabitRPG is not responsible or liable for: (i)
|
||||
| the availability or accuracy of such websites or resources; or (ii) the
|
||||
| content, products, or services on or available from such websites or
|
||||
| resources. Links to such websites or resources do not imply any
|
||||
| endorsement by HabitRPG of such websites or resources or the content,
|
||||
| products, or services available from such websites or resources. You
|
||||
| acknowledge sole responsibility for and assume all risk arising from
|
||||
| your use of any such websites or resources.
|
||||
p
|
||||
strong Termination and HabitRPG Account; Cancellation
|
||||
br
|
||||
| Without limiting other remedies, HabitRPG may at any time suspend or
|
||||
| terminate your HabitRPG Account and refuse to provide access to the
|
||||
| Services. In addition, HabitRPG may notify authorities or take any
|
||||
| actions it deems appropriate, without notice to you, if HabitRPG suspects
|
||||
| or determines, in its own discretion, that you may have or there is a
|
||||
| significant risk that you have (i) failed to comply with any provision
|
||||
| of these Terms of Service or any policies or rules established by
|
||||
| HabitRPG; or (ii) engaged in actions relating to or in the course of
|
||||
| using the Services that may be illegal or cause liability, harm,
|
||||
| embarrassment, harassment, abuse or disruption for you, HabitRPG Users,
|
||||
| HabitRPG or any other third parties or the Services.
|
||||
p
|
||||
| You may terminate your HabitRPG Account at any time and for any
|
||||
| reason by sending email to support AT HabitRPG.com. Upon any termination
|
||||
| by a Member, the related account will no longer be accessible.
|
||||
p
|
||||
| After any termination, you understand and acknowledge that we
|
||||
| will have no further obligation to provide the Services and all licenses
|
||||
| and other rights granted to you by these Terms of Service will
|
||||
| immediately cease. HabitRPG will not be liable to you or any third party
|
||||
| for termination of the Services or termination of your use of either.
|
||||
| UPON ANY TERMINATION OR SUSPENSION, ANY CONTENT, MATERIALS OR
|
||||
| INFORMATION (INCLUDING PUBLIC USER CONTENT) THAT YOU HAVE SUBMITTED ON THE
|
||||
| SERVICES OR THAT WHICH IS RELATED TO YOUR ACCOUNT MAY NO LONGER BE
|
||||
| ACCESSED BY YOU. Furthermore, HabitRPG will have no obligation to
|
||||
| maintain any information stored in our database related to your account
|
||||
| or to forward any information to you or any third party.
|
||||
p
|
||||
| Any suspension, termination or cancellation will not affect your
|
||||
| obligations to HabitRPG under these Terms of Service (including, without
|
||||
| limitation, proprietary rights and ownership, indemnification and
|
||||
| limitation of liability), which by their sense and context are intended
|
||||
| to survive such suspension, termination or cancellation.
|
||||
p
|
||||
strong Disclaimers
|
||||
br
|
||||
| THE SERVICES, HABITRPG CONTENT AND PUBLIC USER CONTENT ARE PROVIDED "AS IS",
|
||||
| WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED. WITHOUT
|
||||
| LIMITING THE FOREGOING, HABITRPG EXPLICITLY DISCLAIMS ANY WARRANTIES OF
|
||||
| MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, QUIET ENJOYMENT OR
|
||||
| NON-INFRINGEMENT, AND ANY WARRANTIES ARISING OUT OF COURSE OF DEALING OR
|
||||
| USAGE OF TRADE.
|
||||
p
|
||||
| HABITRPG MAKES NO WARRANTY THAT THE SERVICES, HABITRPG CONTENT OR
|
||||
| PUBLIC USER CONTENT WILL MEET YOUR REQUIREMENTS OR BE AVAILABLE ON AN
|
||||
| UNINTERRUPTED, SECURE, OR ERROR-FREE BASIS. HABITRPG MAKES NO WARRANTY
|
||||
| REGARDING THE QUALITY OF ANY PRODUCTS, SERVICES OR CONTENT PURCHASED OR
|
||||
| OBTAINED THROUGH THE SERVICES OR THE ACCURACY, TIMELINESS, TRUTHFULNESS,
|
||||
| COMPLETENESS OR RELIABILITY OF ANY CONTENT OBTAINED THROUGH THE
|
||||
| SERVICES.
|
||||
p
|
||||
| NO ADVICE OR INFORMATION, WHETHER ORAL OR WRITTEN, OBTAINED FROM
|
||||
| HABITRPG OR THROUGH THE SERVICES, HABITRPG CONTENT OR PUBLIC USER CONTENT, WILL
|
||||
| CREATE ANY WARRANTY NOT EXPRESSLY MADE HEREIN.
|
||||
p
|
||||
strong Indemnity
|
||||
br
|
||||
| You agree to defend, indemnify, and hold HabitRPG, its officers,
|
||||
| directors, employees and agents, harmless from and against any claims,
|
||||
| liabilities, damages, losses, and expenses, including, without
|
||||
| limitation, reasonable legal and accounting fees, arising out of or in
|
||||
| any way connected with Public User Content you submit to HabitRPG, your access
|
||||
| to or use of the Services or HabitRPG Content, or your violation of these
|
||||
| Terms of Service.
|
||||
p
|
||||
strong Limitation of Liability
|
||||
br
|
||||
| YOU ACKNOWLEDGE AND AGREE THAT, TO THE MAXIMUM EXTENT PERMITTED BY LAW,
|
||||
| THE ENTIRE RISK ARISING OUT OF YOUR ACCESS TO AND USE OF THE SERVICES
|
||||
| AND CONTENT THEREIN REMAINS WITH YOU. NEITHER HABITRPG NOR ANY OTHER
|
||||
| PARTY INVOLVED IN CREATING, PRODUCING, OR DELIVERING THE SERVICES OR
|
||||
| HABITRPG CONTENT WILL BE LIABLE FOR ANY INCIDENTAL, SPECIAL, EXEMPLARY OR
|
||||
| CONSEQUENTIAL DAMAGES, INCLUDING LOST PROFITS, LOSS OF DATA OR LOSS OF
|
||||
| GOODWILL, SERVICE INTERRUPTION, COMPUTER DAMAGE OR SYSTEM FAILURE OR THE
|
||||
| COST OF SUBSTITUTE PRODUCTS OR SERVICES, ARISING OUT OF OR IN CONNECTION
|
||||
| WITH THESE TERMS OR FROM THE USE OF OR INABILITY TO USE THE SERVICES OR
|
||||
| CONTENT THEREIN, WHETHER BASED ON WARRANTY, CONTRACT, TORT (INCLUDING
|
||||
| NEGLIGENCE), PRODUCT LIABILITY OR ANY OTHER LEGAL THEORY, AND WHETHER OR
|
||||
| NOT HABITRPG HAS BEEN INFORMED OF THE POSSIBILITY OF SUCH DAMAGE, EVEN IF
|
||||
| A LIMITED REMEDY SET FORTH HEREIN IS FOUND TO HAVE FAILED OF ITS
|
||||
| ESSENTIAL PURPOSE. YOU SPECIFICALLY ACKNOWLEDGE THAT HABITRPG IS NOT
|
||||
| LIABLE FOR THE DEFAMATORY, OFFENSIVE OR ILLEGAL CONDUCT OF OTHER USERS
|
||||
| OR THIRD PARTIES AND THAT THE RISK OF INJURY FROM THE FOREGOING RESTS
|
||||
| ENTIRELY WITH YOU. FURTHER, HABITRPG WILL HAVE NO LIABILITY TO YOU OR TO
|
||||
| ANY THIRD PARTY FOR ANY PUBLIC USER CONTENT OR THIRD-PARTY CONTENT UPLOADED
|
||||
| ONTO OR DOWNLOADED FROM THE SITES OR THROUGH THE SERVICES.
|
||||
p
|
||||
| IN NO EVENT WILL HABITRPG'S AGGREGATE LIABILITY ARISING OUT OF OR
|
||||
| IN CONNECTION WITH THESE TERMS OF SERVICE OR FROM THE USE OF OR
|
||||
| INABILITY TO USE THE SITE, SERVICES OR CONTENT THEREIN EXCEED ONE
|
||||
| HUNDRED U.S. DOLLARS ($100). THE LIMITATIONS OF DAMAGES SET FORTH ABOVE
|
||||
| ARE FUNDAMENTAL ELEMENTS OF THE BASIS OF THE BARGAIN BETWEEN HABITRPG AND
|
||||
| YOU. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OR LIMITATION OF
|
||||
| LIABILITY FOR CONSEQUENTIAL OR INCIDENTAL DAMAGES, SO THE ABOVE
|
||||
| LIMITATION MAY NOT APPLY TO YOU.
|
||||
p
|
||||
strong Proprietary Rights Notices
|
||||
br
|
||||
| All trademarks, service marks, logos, trade names and any other
|
||||
| proprietary designations of HabitRPG used herein are trademarks or
|
||||
| registered trademarks of HabitRPG. Any other trademarks, service marks,
|
||||
| logos, trade names and any other proprietary designations are the
|
||||
| trademarks or registered trademarks of their respective parties.
|
||||
p
|
||||
strong Controlling Law and Jurisdiction
|
||||
br
|
||||
| These Terms of Service and any action related thereto will be governed
|
||||
| by the laws of the State of California without regard to its conflict of
|
||||
| laws provisions. The exclusive jurisdiction and venue of any action with
|
||||
| respect to the subject matter of these Terms of Service will be the
|
||||
| courts having jurisdiction over disputes arising in Santa Clara County,
|
||||
| California, and each of the parties hereto waives any objection to
|
||||
| jurisdiction and venue in such courts.
|
||||
p
|
||||
| YOU AGREE THAT IF YOU WANT TO SUE US, YOU MUST FILE YOUR LAWSUIT
|
||||
| WITHIN ONE YEAR AFTER THE EVENT THAT GAVE RISE TO YOUR LAWSUIT.
|
||||
| OTHERWISE, YOUR LAWSUIT WILL BE PERMANENTLY BARRED.
|
||||
p
|
||||
strong Export Control
|
||||
br
|
||||
| You may not use or otherwise export or re-export the Services except as
|
||||
| authorized by United States law and the laws of the jurisdiction in
|
||||
| which the Services were obtained. In particular, but without limitation,
|
||||
| the Services may not be exported or re-exported (a) into any U.S.
|
||||
| embargoed countries or (b) to anyone on the U.S. Treasury Department's
|
||||
| list of Specially Designated Nationals or the U.S. Department of
|
||||
| Commerce Denied Person's List or Entity List. By using the Services, you
|
||||
| represent and warrant that you are not located in any such country or on
|
||||
| any such list. You also agree that you will not use these products for
|
||||
| any purposes prohibited by United States law, including, without
|
||||
| limitation, the development, design, manufacture or production of
|
||||
| nuclear, missiles, or chemical or biological weapons.
|
||||
p
|
||||
strong Entire Agreement
|
||||
br
|
||||
| These Terms of Service constitute the entire and exclusive understanding
|
||||
| and agreement between HabitRPG and you regarding the Services and HabitRPG
|
||||
| Content, and these Terms of Service supersede and replace any and all
|
||||
| prior oral or written understandings or agreements between HabitRPG and
|
||||
| you regarding the Services and HabitRPG Content.
|
||||
p
|
||||
strong Assignment
|
||||
br
|
||||
| You may not assign or transfer these Terms of Service, by operation of
|
||||
| law or otherwise, without HabitRPG's prior written consent. Any attempt
|
||||
| by you to assign or transfer these Terms of Service, without such
|
||||
| consent, will be null and of no effect. HabitRPG may freely assign these
|
||||
| Terms of Service. Subject to the foregoing, these Terms of Service will
|
||||
| bind and inure to the benefit of the parties, their successors and
|
||||
| permitted assigns.
|
||||
p
|
||||
strong Notices
|
||||
br
|
||||
| You consent to the use of: (i) electronic means to complete these Terms
|
||||
| of Service and to deliver any notices or other communications permitted
|
||||
| or required hereunder; and (ii) electronic records to store information
|
||||
| related to these Terms of Service or your use of the Services. Any
|
||||
| notices or other communications permitted to required hereunder,
|
||||
| including those regarding modifications to these Terms of Service, will
|
||||
| be in writing and given: (x) by HabitRPG via email (in each case to the
|
||||
| address that you provide) or (y) by posting to the Sites or Services.
|
||||
| For notices made by e-mail, the date of receipt will be deemed the date
|
||||
| on which such notice is transmitted.
|
||||
p
|
||||
strong General
|
||||
br
|
||||
| The failure of HabitRPG to enforce any right or provision of these Terms
|
||||
| of Service will not constitute a waiver of future enforcement of that
|
||||
| right or provision. The waiver of any such right or provision will be
|
||||
| effective only if in writing and signed by a duly authorized
|
||||
| representative of HabitRPG. Except as expressly set forth in these Terms
|
||||
| of Service, the exercise by either party of any of its remedies under
|
||||
| these Terms of Service will be without prejudice to its other remedies
|
||||
| under these Terms of Service or otherwise. If for any reason a court of
|
||||
| competent jurisdiction finds any provision of these Terms of Service
|
||||
| invalid or unenforceable, that provision will be enforced to the maximum
|
||||
| extent permissible and the other provisions of these Terms of Service
|
||||
| will remain in full force and effect.
|
||||
p
|
||||
strong Contacting Us
|
||||
br
|
||||
| If you have any questions about these Terms of Service, please contact
|
||||
| us at <a href='mailto:admin@habitica.com'>admin@habitica.com</a>
|
||||
</template>
|
||||
9
website/client/components/static/videos.vue
Normal file
@@ -0,0 +1,9 @@
|
||||
<template lang="pug">
|
||||
.row
|
||||
.col-md-12#aboutPage
|
||||
iframe(src='//player.vimeo.com/video/76557040', width='100%', height='539', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
|
||||
iframe(src='//player.vimeo.com/video/57654086', width='100%', height='539', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
|
||||
iframe(src='//player.vimeo.com/video/79172253', width='100%', height='539', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
|
||||
iframe(src='//player.vimeo.com/video/79172327', width='100%', height='539', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
|
||||
iframe(src='//player.vimeo.com/video/79172363', width='100%', height='539', frameborder='0', webkitallowfullscreen='', mozallowfullscreen='', allowfullscreen='')
|
||||
</template>
|
||||
@@ -10,6 +10,24 @@ import Page from './components/page';
|
||||
|
||||
// Static Pages
|
||||
const Home = () => import(/* webpackChunkName: "static" */'./components/static/home');
|
||||
const AppPage = () => import(/* webpackChunkName: "static" */'./components/static/app');
|
||||
const ClearBrowserDataPage = () => import(/* webpackChunkName: "static" */'./components/static/clearBrowserData');
|
||||
const CommunityGuidelinesPage = () => import(/* webpackChunkName: "static" */'./components/static/communityGuidelines');
|
||||
const ContactPage = () => import(/* webpackChunkName: "static" */'./components/static/contact');
|
||||
const FAQPage = () => import(/* webpackChunkName: "static" */'./components/static/faq');
|
||||
const FeaturesPage = () => import(/* webpackChunkName: "static" */'./components/static/features');
|
||||
const FrontPage = () => import(/* webpackChunkName: "static" */'./components/static/front');
|
||||
const GroupPlansPage = () => import(/* webpackChunkName: "static" */'./components/static/groupPlans');
|
||||
const MaintenancePage = () => import(/* webpackChunkName: "static" */'./components/static/maintenance');
|
||||
const MaintenanceInfoPage = () => import(/* webpackChunkName: "static" */'./components/static/maintenanceInfo');
|
||||
const MerchPage = () => import(/* webpackChunkName: "static" */'./components/static/merch');
|
||||
// const NewStuffPage = () => import(/* webpackChunkName: "static" */'./components/static/newStuff');
|
||||
const OverviewPage = () => import(/* webpackChunkName: "static" */'./components/static/overview');
|
||||
const PressKitPage = () => import(/* webpackChunkName: "static" */'./components/static/pressKit');
|
||||
const PrivacyPage = () => import(/* webpackChunkName: "static" */'./components/static/privacy');
|
||||
const TermsPage = () => import(/* webpackChunkName: "static" */'./components/static/terms');
|
||||
const VideosPage = () => import(/* webpackChunkName: "static" */'./components/static/videos');
|
||||
|
||||
const RegisterLogin = () => import(/* webpackChunkName: "auth" */'./components/auth/registerLogin');
|
||||
|
||||
// User Pages
|
||||
@@ -171,6 +189,30 @@ const router = new VueRouter({
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
path: '/static',
|
||||
component: ParentPage,
|
||||
children: [
|
||||
{ name: 'app', path: 'app', component: AppPage },
|
||||
{ name: 'clearBrowserData', path: 'clear-browser-data', component: ClearBrowserDataPage },
|
||||
{ name: 'communitGuidelines', path: 'community-guidelines', component: CommunityGuidelinesPage },
|
||||
{ name: 'contact', path: 'contact', component: ContactPage },
|
||||
{ name: 'faq', path: 'faq', component: FAQPage },
|
||||
{ name: 'features', path: 'features', component: FeaturesPage },
|
||||
{ name: 'front', path: 'front', component: FrontPage },
|
||||
{ name: 'groupPlans', path: 'group-plans', component: GroupPlansPage },
|
||||
{ name: 'maintenance', path: 'maintenance', component: MaintenancePage },
|
||||
{ name: 'maintenance-info', path: 'maintenance-info', component: MaintenanceInfoPage },
|
||||
{ name: 'merch', path: 'merch', component: MerchPage },
|
||||
// { name: 'newStuff', path: 'newStuff', component: NewStuffPage },
|
||||
{ name: 'overview', path: 'overview', component: OverviewPage },
|
||||
{ name: 'plans', path: 'plans', component: GroupPlansPage },
|
||||
{ name: 'pressKit', path: 'press-kit', component: PressKitPage },
|
||||
{ name: 'privacy', path: 'privacy', component: PrivacyPage },
|
||||
{ name: 'terms', path: 'terms', component: TermsPage },
|
||||
{ name: 'videos', path: 'videos', component: VideosPage },
|
||||
],
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
|
||||
@@ -184,5 +184,7 @@
|
||||
"tierNPC": "NPC",
|
||||
"messages": "Messages",
|
||||
"emptyMessagesLine1": "You don’t have any messages",
|
||||
"emptyMessagesLine2": "Send a message to start a conversation!"
|
||||
"emptyMessagesLine2": "Send a message to start a conversation!",
|
||||
"contributing": "Contributing",
|
||||
"askAQuestion": "Ask a Question"
|
||||
}
|
||||
|
||||