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

refactor(client): move to Vite by @phillipthelen

Browse Source
This commit is contained in:
Kalista Payne
2025-06-11 19:20:11 -05:00
parent 20d31ed8c8
commit ccc6c9867f
311 changed files with 5321 additions and 10626 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
website/client/src/components/static/home.vue
View File

@@ -16,7 +16,7 @@
<div class="row">
<div class="col-12 col-md-6 col-lg-6">
<img
src="~@/assets/images/home/home-main@3x.png"
src="@/assets/images/home/home-main@3x.png"
width="357px"
>
<h1>{{ $t('motivateYourself') }}</h1>
@@ -160,7 +160,7 @@
<div class="col-12 col-md-4">
<img
class="track-habits"
src="~@/assets/images/home/track-habits@3x.png"
src="@/assets/images/home/track-habits@3x.png"
width="354px"
height="228px"
>
@@ -169,7 +169,7 @@
</div>
<div class="col-12 col-md-4">
<img
src="~@/assets/images/home/earn-rewards@3x.png"
src="@/assets/images/home/earn-rewards@3x.png"
width="316px"
height="244px"
>
@@ -178,7 +178,7 @@
</div>
<div class="col-12 col-md-4">
<img
src="~@/assets/images/home/battle-monsters@3x.png"
src="@/assets/images/home/battle-monsters@3x.png"
width="303px"
height="244px"
>
@@ -207,7 +207,7 @@
<div class="row">
<div class="col-12 col-sm-4">
<img
src="~@/assets/images/home/health-fitness@3x.png"
src="@/assets/images/home/health-fitness@3x.png"
width="300px"
height="300px"
>
@@ -216,7 +216,7 @@
</div>
<div class="col-12 col-sm-4">
<img
src="~@/assets/images/home/school-work@3x.png"
src="@/assets/images/home/school-work@3x.png"
width="300px"
height="300px"
>
@@ -225,7 +225,7 @@
</div>
<div class="col-12 col-sm-4">
<img
src="~@/assets/images/home/much-more@3x.png"
src="@/assets/images/home/much-more@3x.png"
width="300px"
height="300px"
>
@@ -353,14 +353,14 @@
</template>
<style lang='scss'>
@import '~@/assets/scss/static.scss';
@import '@/assets/scss/static.scss';
#front .form-text a {
color: $white !important;
}
</style>
<style lang="scss" scoped>
@import '~@/assets/scss/colors.scss';
@import '@/assets/scss/colors.scss';
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
@@ -430,7 +430,7 @@
}
#intro-signup {
background-image: url('~@/assets/svg/for-css/confetti.svg');
background-image: url('@/assets/svg/for-css/confetti.svg?raw');
img {
margin: 0 auto;
@@ -637,7 +637,7 @@
max-width: 100%;
background-repeat: no-repeat;
background-size: 100%;
background-image: url('~@/assets/images/home/mobile-preview@3x.png');
background-image: url('@/assets/images/home/mobile-preview@3x.png');
}
.text-column {
@@ -756,7 +756,7 @@
}
.seamless_stars_varied_opacity_repeat {
background-image: url('~@/assets/images/auth/seamless_stars_varied_opacity.png');
background-image: url('@/assets/images/auth/seamless_stars_varied_opacity.png');
background-repeat: repeat-x;
position: absolute;
height: 500px;
@@ -793,24 +793,24 @@ import isEmail from 'validator/es/lib/isEmail';
import { MINIMUM_PASSWORD_LENGTH } from '@/../../common/script/constants';
import { buildAppleAuthUrl } from '../../libs/auth';
import sanitizeRedirect from '@/mixins/sanitizeRedirect';
import googlePlay from '@/assets/images/home/google-play-badge.svg';
import iosAppStore from '@/assets/images/home/ios-app-store.svg';
import iphones from '@/assets/images/home/iphones.svg';
import spacer from '@/assets/images/home/spacer.svg';
import pixelHorizontal from '@/assets/images/home/pixel-horizontal.svg';
import pixelHorizontal2 from '@/assets/images/home/pixel-horizontal-2.svg';
import pixelHorizontal3 from '@/assets/images/home/pixel-horizontal-3.svg';
import facebookSquareIcon from '@/assets/svg/facebook-square.svg';
import googleIcon from '@/assets/svg/google.svg';
import appleIcon from '@/assets/svg/apple_black.svg';
import cnet from '@/assets/svg/cnet.svg';
import fastCompany from '@/assets/svg/fast-company.svg';
import discover from '@/assets/images/home/discover.svg';
import forbes from '@/assets/images/home/forbes.svg';
import kickstarter from '@/assets/images/home/kickstarter.svg';
import lifehacker from '@/assets/images/home/lifehacker.svg';
import makeuseof from '@/assets/images/home/make-use-of.svg';
import thenewyorktimes from '@/assets/images/home/the-new-york-times.svg';
import googlePlay from '@/assets/images/home/google-play-badge.svg?raw';
import iosAppStore from '@/assets/images/home/ios-app-store.svg?raw';
import iphones from '@/assets/images/home/iphones.svg?raw';
import spacer from '@/assets/images/home/spacer.svg?raw';
import pixelHorizontal from '@/assets/images/home/pixel-horizontal.svg?raw';
import pixelHorizontal2 from '@/assets/images/home/pixel-horizontal-2.svg?raw';
import pixelHorizontal3 from '@/assets/images/home/pixel-horizontal-3.svg?raw';
import facebookSquareIcon from '@/assets/svg/facebook-square.svg?raw';
import googleIcon from '@/assets/svg/google.svg?raw';
import appleIcon from '@/assets/svg/apple_black.svg?raw';
import cnet from '@/assets/svg/cnet.svg?raw';
import fastCompany from '@/assets/svg/fast-company.svg?raw';
import discover from '@/assets/images/home/discover.svg?raw';
import forbes from '@/assets/images/home/forbes.svg?raw';
import kickstarter from '@/assets/images/home/kickstarter.svg?raw';
import lifehacker from '@/assets/images/home/lifehacker.svg?raw';
import makeuseof from '@/assets/images/home/make-use-of.svg?raw';
import thenewyorktimes from '@/assets/images/home/the-new-york-times.svg?raw';
export default {
mixins: [sanitizeRedirect],
@@ -891,7 +891,7 @@ export default {
},
mounted () {
hello.init({
google: process.env.GOOGLE_CLIENT_ID, // eslint-disable-line
google: import.meta.env.GOOGLE_CLIENT_ID, // eslint-disable-line
});
this.$store.dispatch('common:setTitle', {
fullTitle: 'Habitica - Gamify Your Life',