html format other components

This commit is contained in:
Matteo Pagliazzi
2019-10-12 17:05:15 +02:00
parent 7b4671fbf9
commit f99e3fab8b
180 changed files with 6536 additions and 2894 deletions

View File

@@ -1,6 +1,8 @@
<template>
<div class="row footer-row">
<buy-gems-modal v-if="user" /><!--modify-inventory(v-if="isUserLoaded")--><footer class="col-12 expanded">
<buy-gems-modal v-if="user" />
<!--modify-inventory(v-if="isUserLoaded")-->
<footer class="col-12 expanded">
<div class="row">
<div class="col-12 col-md-2">
<h3>
@@ -8,134 +10,171 @@
href="https://itunes.apple.com/us/app/habitica/id994882113?ls=1&mt=8"
target="_blank"
>{{ $t('mobileIOS') }}</a>
</h3><h3>
</h3>
<h3>
<a
href="https://play.google.com/store/apps/details?id=com.habitrpg.android.habitica"
target="_blank"
>{{ $t('mobileAndroid') }}</a>
</h3>
</div><div class="col-12 col-md-2">
<h3>{{ $t('footerCompany') }}</h3><ul>
</div>
<div class="col-12 col-md-2">
<h3>{{ $t('footerCompany') }}</h3>
<ul>
<li>
<router-link to="/static/features">
{{ $t('companyAbout') }}
</router-link>
</li><li>
</li>
<li>
<a
href="https://habitica.wordpress.com/"
target="_blank"
>{{ $t('companyBlog') }}</a>
</li><li>
</li>
<li>
<a
href="http://blog.habitrpg.com/"
target="_blank"
>{{ $t('tumblr') }}</a>
</li><li>
</li>
<li>
<router-link to="/static/faq">
{{ $t('FAQ') }}
</router-link>
</li><li>
</li>
<li>
<a
href="http://habitica.fandom.com/wiki/Whats_New"
target="_blank"
>{{ $t('oldNews') }}</a>
</li><li>
</li>
<li>
<router-link to="/static/merch">
{{ $t('merch') }}
</router-link>
</li><li>
</li>
<li>
<router-link to="/static/press-kit">
{{ $t('presskit') }}
</router-link>
</li><li>
</li>
<li>
<router-link to="/static/contact">
{{ $t('contactUs') }}
</router-link>
</li>
</ul>
</div><div class="col-12 col-md-2">
<h3>{{ $t('footerCommunity') }}</h3><ul>
</div>
<div class="col-12 col-md-2">
<h3>{{ $t('footerCommunity') }}</h3>
<ul>
<li>
<a
target="_blanck"
href="/static/community-guidelines"
>{{ $t('communityGuidelines') }}</a>
</li><li>
</li>
<li>
<router-link to="/hall/contributors">
{{ $t('hall') }}
</router-link>
</li><li>
<router-link to="/groups/guild/a29da26b-37de-4a71-b0c6-48e72a900dac">
</li>
<li>
<router-link
to="/groups/guild/a29da26b-37de-4a71-b0c6-48e72a900dac"
>
{{ $t('reportBug') }}
</router-link>
</li><li>
</li>
<li>
<a
href="https://trello.com/c/odmhIqyW/440-read-first-table-of-contents"
target="_blank"
>{{ $t('requestFeature') }}</a>
</li><li v-html="$t('communityExtensions')"></li><li v-html="$t('communityForum')"></li><li>
</li>
<li v-html="$t('communityExtensions')"></li>
<li v-html="$t('communityForum')"></li>
<li>
<a
href="https://www.facebook.com/Habitica"
target="_blank"
>{{ $t('communityFacebook') }}</a>
</li><li>
</li>
<li>
<a
href="https://www.instagram.com/habitica"
target="_blank"
>{{ $t('communityInstagram') }}</a>
</li>
</ul>
</div><div class="col-12 col-md-6">
</div>
<div class="col-12 col-md-6">
<div class="row">
<div class="col-6">
<h3>{{ $t('footerDevs') }}</h3><ul>
<h3>{{ $t('footerDevs') }}</h3>
<ul>
<li>
<a
href="/apidoc"
target="_blank"
>{{ $t('APIv3') }}</a>
</li><li>
</li>
<li>
<a
:href="getDataDisplayToolUrl"
target="_blank"
>{{ $t('dataDisplayTool') }}</a>
</li><li>
</li>
<li>
<a
href="http://habitica.fandom.com/wiki/Guidance_for_Blacksmiths"
target="_blank"
>{{ $t('guidanceForBlacksmiths') }}</a>
</li>
</ul>
</div><div class="col-6 social">
<h3>{{ $t('footerSocial') }}</h3><div class="icons">
</div>
<div class="col-6 social">
<h3>{{ $t('footerSocial') }}</h3>
<div class="icons">
<a
class="social-circle"
href="https://twitter.com/habitica"
target="_blank"
><div
class="social-icon svg-icon"
v-html="icons.twitter"
></div></a><a
>
<div
class="social-icon svg-icon"
v-html="icons.twitter"
></div>
</a>
<a
class="social-circle"
href="https://www.instagram.com/habitica/"
target="_blank"
><div
class="social-icon svg-icon instagram"
v-html="icons.instagram"
></div></a><a
>
<div
class="social-icon svg-icon instagram"
v-html="icons.instagram"
></div>
</a>
<a
class="social-circle"
href="https://www.facebook.com/Habitica"
target="_blank"
><div
class="social-icon facebook svg-icon"
v-html="icons.facebook"
></div></a>
>
<div
class="social-icon facebook svg-icon"
v-html="icons.facebook"
></div>
</a>
</div>
</div>
</div><div class="row">
</div>
<div class="row">
<div class="col-12 col-md-8">
{{ $t('donateText3') }}
</div><div class="col-12 col-md-4">
</div>
<div class="col-12 col-md-4">
<button
v-if="user"
class="btn btn-contribute btn-flat"
@@ -144,31 +183,39 @@
<div
class="svg-icon heart"
v-html="icons.heart"
></div><div class="text">
></div>
<div class="text">
{{ $t('companyDonate') }}
</div>
</button><div
</button>
<div
v-else
class="btn btn-contribute btn-flat"
>
<a
href="http://habitica.fandom.com/wiki/Contributing_to_Habitica"
target="_blank"
><div
class="svg-icon heart"
v-html="icons.heart"
></div><div class="text">{{ $t('companyContribute') }}</div></a>
>
<div
class="svg-icon heart"
v-html="icons.heart"
></div>
<div class="text">{{ $t('companyContribute') }}</div>
</a>
</div>
</div>
</div>
</div>
</div><div class="row">
</div>
<div class="row">
<div class="col-12">
<hr>
</div>
</div><div class="row">
</div>
<div class="row">
<div class="col-12 col-md-5">
© 2019 Habitica. All rights reserved.<div
© 2019 Habitica. All rights reserved.
<div
v-if="!IS_PRODUCTION && isUserLoaded"
class="debug float-left"
>
@@ -177,75 +224,98 @@
@click="debugMenuShown = !debugMenuShown"
>
Toggle Debug Menu
</button><div
</button>
<div
v-if="debugMenuShown"
class="debug-group"
>
<a
class="btn btn-secondary"
@click="setHealthLow()"
>Health = 1</a><a
>Health = 1</a>
<a
class="btn btn-secondary"
@click="addMissedDay(1)"
>+1 Missed Day</a><a
>+1 Missed Day</a>
<a
class="btn btn-secondary"
@click="addMissedDay(2)"
>+2 Missed Days</a><a
>+2 Missed Days</a>
<a
class="btn btn-secondary"
@click="addMissedDay(8)"
>+8 Missed Days</a><a
>+8 Missed Days</a>
<a
class="btn btn-secondary"
@click="addMissedDay(32)"
>+32 Missed Days</a><a
>+32 Missed Days</a>
<a
class="btn btn-secondary"
@click="addTenGems()"
>+10 Gems</a><a
>+10 Gems</a>
<a
class="btn btn-secondary"
@click="addHourglass()"
>+1 Mystic Hourglass</a><a
>+1 Mystic Hourglass</a>
<a
class="btn btn-secondary"
@click="addGold()"
>+500GP</a><a
>+500GP</a>
<a
class="btn btn-secondary"
@click="plusTenHealth()"
>+ 10HP</a><a
>+ 10HP</a>
<a
class="btn btn-secondary"
@click="addMana()"
>+MP</a><a
>+MP</a>
<a
class="btn btn-secondary"
@click="addLevelsAndGold()"
>+Exp +GP +MP</a><a
>+Exp +GP +MP</a>
<a
class="btn btn-secondary"
@click="addExp()"
>+Exp</a><a
>+Exp</a>
<a
class="btn btn-secondary"
@click="addOneLevel()"
>+1 Level</a><a
>+1 Level</a>
<a
class="btn btn-secondary"
tooltip="+1000 to boss quests. 300 items to collection quests"
@click="addQuestProgress()"
>Quest Progress Up</a><a
>Quest Progress Up</a>
<a
class="btn btn-secondary"
@click="makeAdmin()"
>Make Admin</a><a
>Make Admin</a>
<a
class="btn btn-secondary"
@click="openModifyInventoryModal()"
>Modify Inventory</a>
</div>
</div>
</div><div class="col-12 col-md-2 text-center">
</div>
<div class="col-12 col-md-2 text-center">
<div
class="logo svg-icon"
v-html="icons.gryphon"
></div>
</div><div class="col-12 col-md-5 text-right">
<span class="ml-4"><a
target="_blanck"
href="/static/privacy"
>{{ $t('privacy') }}</a></span><span class="ml-4"><a
target="_blanck"
href="/static/terms"
>{{ $t('terms') }}</a></span>
</div>
<div class="col-12 col-md-5 text-right">
<span class="ml-4">
<a
target="_blanck"
href="/static/privacy"
>{{ $t('privacy') }}</a>
</span>
<span class="ml-4">
<a
target="_blanck"
href="/static/terms"
>{{ $t('terms') }}</a>
</span>
</div>
</div>
</footer>