Files
habitica/website/client/components/static/pressKit.vue
Keith Holliday 356f2c7b7f Sept 26 fixes (#9081)
* Fixed layering of avatar

* Fixed navbar padding on small screens

* Dropdowns go left

* Adjusted member details styles

* Fixed task tag display

* Added toggle to buy gems

* Began moving presskit

* Fixed easing and validating immediately

* Added hover state to login and fixed transitions for social buttons

* Fixed more style issues

* Fixed overflow

* Added email warning

* Show login button on mobile

* Some column adjustments for mobile

* Fixed email/username confusion
2017-09-26 15:04:29 -05:00

78 lines
2.0 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='~assets/images/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="`assets/images/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="~`assets/images/presskit/${category}/${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>