Files
habitica/website/client/components/static/pressKit.vue
Robert Kojima 418b57f9fb Press kit pointer cursor (#10640)
* cursor while hovering over press-kit faq now a pointer instead of text

* deleted extraneous spaces
2018-09-01 19:25:55 +02:00

131 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')
.faq-question(v-for='(QA, index) in faq')
h2(v-b-toggle="QA.question", tabindex="0", role="button", v-html="$t(QA.question)")
b-collapse(:id="QA.question", accordion="pkAccordian", role="tabpanel")
p(v-html="$t(QA.answer)")
p {{ $t('pkMoreQuestions') }}
</template>
<style lang="scss" scoped>
.faq-question {
cursor: pointer;
}
</style>
<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>