Files
habitica/website/client/components/static/pressKit.vue
MathWhiz 183c90ac3a Fix presskit (#9418)
* Move presskit to static folder

* Fix image location

* Add press kit FAQ strings

* Add faq section, fix images

* Update Images

* Add images to presskit page

* Remove unecessary parts
2018-01-12 16:18:20 -06:00

127 lines
3.4 KiB
Vue

<template lang="pug">
.container-fluid
h1 {{ $t('presskit') }}
p {{ $t('presskitText', { pressEnquiryEmail : PRESS_ENQUIRY_EMAIL }) }}
p
a.btn.btn-lg.btn-success(href='/static/presskit/presskit.zip') presskit.zip
div(v-for='(images, category) in imgs')
h2 {{ $t('pk' + category) }}
div(v-if='Array.isArray(images)')
div(v-for='img in images')
img.img-fluid.img-rendering-auto.press-img(:src="`/static/presskit/${category}/${img}`")
div(v-else)
div(v-for='(images, secondaryCategory) in images')
h3 {{ $t('pk' + secondaryCategory) }}
div(v-for='img in images')
img.img-fluid.img-rendering-auto.press-img(:src="`/static/presskit/${category}/${secondaryCategory}/${img}`")
h1 {{ $t('FAQ') }}
#faq(role='tablist')
div(v-for='(QA, index) in faq')
h2(v-b-toggle="QA.question", tabindex="0", role="button", v-html="$t(QA.question)")
b-collapse(:id="QA.question", accordion="pkAccordian", role="tabpanel")
p(v-html="$t(QA.answer)")
p {{ $t('pkMoreQuestions') }}
</template>
<script>
// @TODO: EMAILS.PRESS_ENQUIRY_EMAIL
const PRESS_ENQUIRY_EMAIL = 'admin@habitica.com';
export default {
data () {
return {
PRESS_ENQUIRY_EMAIL,
imgs: {
Promo: [
'Promo.png',
'Promo - Thin.png',
],
Logo: [
'Icon with Text.png',
'Icon.png',
'Text.png',
'Habitica Gryphon.png',
'iOS.png',
'Android.png',
],
Boss: [
'Basi-List.png',
'Stagnant Dishes.png',
'SnackLess Monster.png',
'Laundromancer.png',
'Necro-Vice.png',
'Battling the Ghost Stag.png',
'Dread Drag\'on of Dilatory.png',
],
Samples: {
Website: [
'CheckInIncentives.png',
'Inventory.png',
'Equipment.png',
'Market.png',
'Market2.png',
'Tavern.png',
'Guilds.png',
'Challenges.png',
],
iOS: [
'Tasks Page.png',
'Level Up.png',
'Market.png',
'Party.png',
'Boss.png',
],
Android: [
'Login.png',
'User.png',
'Tasks Page.png',
'Add Tasks.png',
'Stats.png',
'Shops.png',
'Party.png',
],
},
},
faq: [
{
question: 'pkQuestion1',
answer: 'pkAnswer1',
},
{
question: 'pkQuestion2',
answer: 'pkAnswer2',
},
{
question: 'pkQuestion3',
answer: 'pkAnswer3',
},
{
question: 'pkQuestion4',
answer: 'pkAnswer4',
},
{
question: 'pkQuestion5',
answer: 'pkAnswer5',
},
{
question: 'pkQuestion6',
answer: 'pkAnswer6',
},
{
question: 'pkQuestion7',
answer: 'pkAnswer7',
},
{
question: 'pkQuestion8',
answer: 'pkAnswer8',
},
],
};
},
};
</script>