krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 22:57:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

add header, footer, etc to various static pages for the new client (#8996)

Browse Source
This commit is contained in:
Alys
2017-08-28 08:05:37 +10:00
committed by GitHub
parent 9436c83919
commit fd05286e1a
9 changed files with 943 additions and 791 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
website/client/components/static/pressKit.vue
View File

@@ -1,77 +1,91 @@
<template lang="pug">
div.jumbotron
h1 {{ $t('presskit') }}
p {{ $t('presskitText', { pressEnquiryEmail : PRESS_ENQUIRY_EMAIL }) }}
p
a.btn.btn-lg.btn-success(href='/presskit/presskit.zip') presskit.zip
div
static-header
.container-fluid
h1 {{ $t('presskit') }}
p {{ $t('presskitText', { pressEnquiryEmail : PRESS_ENQUIRY_EMAIL }) }}
p
a.btn.btn-lg.btn-success(href='/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="`/presskit/${category}/${img}.png`")
div(v-else)
div(v-for='(images, category) in images')
h3 {{ $t('pk' + category) }}
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="`/presskit/#$category}/${cat}/${img}.png`")
img.img-rendering-auto.press-img(:src="`/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="`/presskit/#$category}/${cat}/${img}.png`")
app-footer
</template>
<script>
// @TODO: How to use images?
// @TODO: EMAILS.PRESS_ENQUIRY_EMAIL
const PRESS_ENQUIRY_EMAIL = 'admin@habitica.com';
<style lang='scss' scoped>
@import '~client/assets/scss/static.scss';
</style>
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',
<script>
import AppFooter from 'client/components/appFooter';
import StaticHeader from './header.vue';
// @TODO: How to use images?
// @TODO: EMAILS.PRESS_ENQUIRY_EMAIL
const PRESS_ENQUIRY_EMAIL = 'admin@habitica.com';
export default {
components: {
AppFooter,
StaticHeader,
},
data () {
return {
PRESS_ENQUIRY_EMAIL,
imgs: {
Promo: [
'Promo',
'Promo - Thin',
],
iOS: [
'Tasks Page',
'Level Up',
'Pets',
'Party',
'Boss',
Logo: [
'Icon with Text',
'Habitica Gryphon',
'iOS',
'Android',
],
Android: [
'User',
'Tasks Page',
'Reward',
'Level Up',
'Tavern',
'Party',
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>