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

Redesign: Static Pages Wrapper (#9027)

Browse Source 
* refactor(static-pages): wrapper

* refactor(statics): use router-view
This commit is contained in:
Sabe Jones
2017-09-15 13:59:15 -05:00
committed by GitHub
parent 5c5e117da0
commit 381f652c08
20 changed files with 1433 additions and 1653 deletions
Download Patch File Download Diff File Expand all files Collapse all files

161
website/client/components/static/features.vue
View File

@@ -1,87 +1,82 @@
<template lang="pug">
div
static-header
.container-fluid.text-center
.row
.col-md-12
h1 {{ $t('marketing1Header') }}
.row
.col-md-6
img(src='~assets/images/marketing/screenshot.png')
h2 {{ $t('marketing1Lead1Title') }}
p {{ $t('marketing1Lead1') }}
.col-md-6
img(src='~assets/images/marketing/gear.png')
h2 {{ $t('marketing1Lead2Title') }}
p {{ $t('marketing1Lead2') }}
img(src='~assets/images/marketing/drops.png', style='max-height: 200px;')
h2 {{ $t('marketing1Lead3Title') }}
p {{ $t('marketing1Lead3') }}
hr
.row
.col-md-12
h1 {{ $t('marketing2Header') }}
.row
.col-md-6
img(src='~assets/images/marketing/guild.png')
h2 {{ $t('marketing2Lead1Title') }}
p {{ $t('marketing2Lead1') }}
img(src='~assets/images/marketing/vice3.png')
h2 {{ $t('marketing2Lead2Title') }}
p(v-markdown='$t("marketing2Lead2")')
.col-md-6
img(src='~assets/images/marketing/challenge.png')
h2 {{ $t('marketing2Lead3Title') }}
p {{ $t('marketing2Lead3') }}
hr
.row
.col-md-12
h1 {{ $t('marketing3Header') }}
.row
.col-md-6
img(src='~assets/images/marketing/android_iphone.png')
h2 {{ $t('footerMobile') }}
p(v-markdown='$t("marketing3Lead1")')
.col-md-6
img(src='~assets/images/marketing/integration.png')
h2 {{ $t('marketing3Lead2Title') }}
p(v-markdown='$t("marketing3Lead2")')
hr
.row
.col-md-12
h1 {{ $t('marketing4Header') }}
.row
.col-md-6
.media
img(src='~assets/images/marketing/education.png')
.media-body
h2 {{ $t('marketing4Lead1Title') }}
p {{ $t('marketing4Lead1') }}
.col-md-6
.media
img(src='~assets/images/marketing/wellness.png')
.media-body
h2 {{ $t('marketing4Lead2Title') }}
p {{ $t('marketing4Lead2') }}
.row
.col-md-6.offset-md-3
h2 {{ $t('marketing4Lead3Title') }}
img(src='~assets/images/marketing/lefnire.png')
p.span
span {{ $t('marketing4Lead3-1') }}
button.btn.btn-primary(@click='playButtonClick()') {{ $t('playButton') }}
p.span
span {{ $t('marketing4Lead3-2') }}
a.btn.btn-primary(href='/static/plans',target='_blank') {{ $t('contactUs') }}
p.span
span {{ $t('marketing4Lead3-3') }}
a.btn.btn-primary(href='/static/videos') {{ $t('watchVideos') }}
app-footer
.container-fluid.text-center
.row
.col-md-12
h1 {{ $t('marketing1Header') }}
.row
.col-md-6
img(src='~assets/images/marketing/screenshot.png')
h2 {{ $t('marketing1Lead1Title') }}
p {{ $t('marketing1Lead1') }}
.col-md-6
img(src='~assets/images/marketing/gear.png')
h2 {{ $t('marketing1Lead2Title') }}
p {{ $t('marketing1Lead2') }}
img(src='~assets/images/marketing/drops.png', style='max-height: 200px;')
h2 {{ $t('marketing1Lead3Title') }}
p {{ $t('marketing1Lead3') }}
hr
.row
.col-md-12
h1 {{ $t('marketing2Header') }}
.row
.col-md-6
img(src='~assets/images/marketing/guild.png')
h2 {{ $t('marketing2Lead1Title') }}
p {{ $t('marketing2Lead1') }}
img(src='~assets/images/marketing/vice3.png')
h2 {{ $t('marketing2Lead2Title') }}
p(v-markdown='$t("marketing2Lead2")')
.col-md-6
img(src='~assets/images/marketing/challenge.png')
h2 {{ $t('marketing2Lead3Title') }}
p {{ $t('marketing2Lead3') }}
hr
.row
.col-md-12
h1 {{ $t('marketing3Header') }}
.row
.col-md-6
img(src='~assets/images/marketing/android_iphone.png')
h2 {{ $t('footerMobile') }}
p(v-markdown='$t("marketing3Lead1")')
.col-md-6
img(src='~assets/images/marketing/integration.png')
h2 {{ $t('marketing3Lead2Title') }}
p(v-markdown='$t("marketing3Lead2")')
hr
.row
.col-md-12
h1 {{ $t('marketing4Header') }}
.row
.col-md-6
.media
img(src='~assets/images/marketing/education.png')
.media-body
h2 {{ $t('marketing4Lead1Title') }}
p {{ $t('marketing4Lead1') }}
.col-md-6
.media
img(src='~assets/images/marketing/wellness.png')
.media-body
h2 {{ $t('marketing4Lead2Title') }}
p {{ $t('marketing4Lead2') }}
.row
.col-md-6.offset-md-3
h2 {{ $t('marketing4Lead3Title') }}
img(src='~assets/images/marketing/lefnire.png')
p.span
span {{ $t('marketing4Lead3-1') }}
button.btn.btn-primary(@click='playButtonClick()') {{ $t('playButton') }}
p.span
span {{ $t('marketing4Lead3-2') }}
a.btn.btn-primary(href='/static/plans',target='_blank') {{ $t('contactUs') }}
p.span
span {{ $t('marketing4Lead3-3') }}
a.btn.btn-primary(href='/static/videos') {{ $t('watchVideos') }}
</template>
<style lang='scss' scoped>
@import '~client/assets/scss/static.scss';
.btn {
margin-left: 1em;
}
@@ -94,15 +89,9 @@
</style>
<script>
import AppFooter from 'client/components/appFooter';
import markdownDirective from 'client/directives/markdown';
import StaticHeader from './header.vue';
export default {
components: {
AppFooter,
StaticHeader,
},
directives: {
markdown: markdownDirective,
},