Files
habitica/website/client/src/components/achievements/welcome.vue
T
Natalie L 5d87c2af13 fix: I18n string update (#13588)
* i18n string updates (issue #9210)

* change offHand to offHandCapitalized

* added removeTasks to challenge.json

* added hairBangs back to character.json

* added hairBangs back to character.json

* more hairBangs nonsense

* added hairBangs to hair-settings.vue, removed same from character.json

* changed levelUp to levelup in levelUp.vue and achievements.json

* fix duplicate string values

* fixed different strings with same content in different files

* updated test/api/v3 and test/api/v4 with messageTaskNotFound

* Delete POST-tasks_taskId_checklist_itemId_score.test.js

File got copied to a new directory, doesn't need to be here.

* fix: userID token in patrons.vue and heroes.vue

* removed: unused clock of code

* Restored eggsItemType to inventory.json

Co-authored-by: Sabe Jones <sabrecat@gmail.com>
2021-11-04 16:33:08 -05:00

74 lines
1.9 KiB
Vue

<template>
<b-modal
id="welcome"
:title="$t('welcomeToHabit')"
size="lg"
:hide-footer="true"
>
<div class="modal-body container-fluid">
<div class="row">
<div class="col-4 col-centered">
<span style="display:flex">
<h1>&#9312;</h1>
<h3 style="margin:auto auto auto .5em">{{ $t('welcome1') }}</h3>
</span>
<div
class="welcome_basic_avatars"
style="margin: 1.5em auto 1.5em"
></div>
<h4>{{ $t('welcome1notes') }}</h4>
</div>
<div class="col-4 col-centered">
<span style="display:flex">
<h1>&#9313;</h1>
<h3 style="margin:.3em auto auto .5em">{{ $t('welcome2') }}</h3>
</span>
<div
class="welcome_sample_tasks"
style="margin: 2.5em auto 1.5em"
></div>
<h4>{{ $t('welcome2notes') }}</h4>
</div>
<div class="col-4 col-centered">
<span style="display:flex">
<h1>&#9314;</h1>
<h3 style="margin:auto auto auto .5em">{{ $t('welcome3') }}</h3>
</span>
<div
class="welcome_promo_party"
style="margin: 1em auto 1em"
></div>
<h4>{{ $t('welcome3notes') }}</h4>
</div>
</div>
</div>
<div
class="modal-footer text-center"
style="margin-top:0"
>
<div class="col-3"></div>
<div class="col-6">
<button
class="btn btn-primary btn-lg flex-column"
@click="ready()"
>
{{ $t('enterHabitica') }}
</button>
</div>
<div class="col-3"></div>
</div>
</b-modal>
</template>
<script>
export default {
methods: {
ready () {
// Guide.goto("intro",0)'
this.$router.push('/avatar');
this.$root.$emit('bv::hide::modal', 'welcome');
},
},
};
</script>