master
parent
d39fd63401
commit
48ed67fa82
|
@ -69,4 +69,13 @@
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.10);
|
box-shadow: 1px 0px 4px 0px rgba(0,0,0,0.10);
|
||||||
}
|
}
|
||||||
|
@media only screen and (max-width: 587px) {
|
||||||
|
p,h1,h2,h3,h4,h5,h6,span{
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.doted-nav{
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
Binary file not shown.
File diff suppressed because one or more lines are too long
|
@ -4,8 +4,7 @@ export default defineNuxtConfig({
|
||||||
plugins:[
|
plugins:[
|
||||||
{src: '~/plugins/Vue3Lottie.client', mode: 'client'},
|
{src: '~/plugins/Vue3Lottie.client', mode: 'client'},
|
||||||
{src: '~/plugins/AudioVisual.client', mode: 'client'}
|
{src: '~/plugins/AudioVisual.client', mode: 'client'}
|
||||||
|
],
|
||||||
],
|
|
||||||
|
|
||||||
css:[
|
css:[
|
||||||
'~/assets/css/style.css'
|
'~/assets/css/style.css'
|
||||||
|
|
|
@ -1466,8 +1466,7 @@
|
||||||
"@vue/devtools-api": {
|
"@vue/devtools-api": {
|
||||||
"version": "6.4.5",
|
"version": "6.4.5",
|
||||||
"resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.5.tgz",
|
"resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.5.tgz",
|
||||||
"integrity": "sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==",
|
"integrity": "sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ=="
|
||||||
"dev": true
|
|
||||||
},
|
},
|
||||||
"@vue/reactivity": {
|
"@vue/reactivity": {
|
||||||
"version": "3.2.45",
|
"version": "3.2.45",
|
||||||
|
@ -6928,6 +6927,11 @@
|
||||||
"lottie-web": "^5.1.9"
|
"lottie-web": "^5.1.9"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"vue-responsive-video-background-player": {
|
||||||
|
"version": "2.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/vue-responsive-video-background-player/-/vue-responsive-video-background-player-2.3.1.tgz",
|
||||||
|
"integrity": "sha512-9IdFfmHe1cY0PvTw51sYcSO5+gPJya5einLIoktVzBMALEC3yok36X/1+hDfbgihapRYxz3fmyv1o5M1u+0xEA=="
|
||||||
|
},
|
||||||
"vue-router": {
|
"vue-router": {
|
||||||
"version": "4.1.6",
|
"version": "4.1.6",
|
||||||
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
|
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
|
||||||
|
@ -6951,6 +6955,14 @@
|
||||||
"lottie-web": "^5.8.1"
|
"lottie-web": "^5.8.1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"vuex": {
|
||||||
|
"version": "4.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/vuex/-/vuex-4.0.2.tgz",
|
||||||
|
"integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
|
||||||
|
"requires": {
|
||||||
|
"@vue/devtools-api": "^6.0.0-beta.11"
|
||||||
|
}
|
||||||
|
},
|
||||||
"wcwidth": {
|
"wcwidth": {
|
||||||
"version": "1.0.1",
|
"version": "1.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
|
||||||
|
|
|
@ -21,7 +21,9 @@
|
||||||
"vue": "^3.2.26",
|
"vue": "^3.2.26",
|
||||||
"vue-audio-visual": "^3.0.3",
|
"vue-audio-visual": "^3.0.3",
|
||||||
"vue-lottie": "^0.2.1",
|
"vue-lottie": "^0.2.1",
|
||||||
|
"vue-responsive-video-background-player": "^2.3.1",
|
||||||
"vue3-circle-progress": "^1.0.7",
|
"vue3-circle-progress": "^1.0.7",
|
||||||
"vue3-lottie": "^2.4.0"
|
"vue3-lottie": "^2.4.0",
|
||||||
|
"vuex": "^4.0.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,9 +1,20 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
|
<video muted id="myVideo" autoplay loop>
|
||||||
|
<source src="~/assets/video/bg-video.mp4" type="video/mp4">
|
||||||
|
<source src="~/assets/video/bg-video.ogg" type="video/ogg">
|
||||||
|
Your browser does not support HTML5 video.
|
||||||
|
</video>
|
||||||
<home-bar />
|
<home-bar />
|
||||||
<NuxtPage page-key="child" />
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 ">
|
||||||
|
<div class="d-flex justify-content-center adaptive mb-4">
|
||||||
|
<span class="text-muted fw-bold fs-6 ">Adaptive soundscape : <span class="" style="color: #e9c046">On</span> </span><span class="ps-3"><i class="fa-solid text-muted d-flex pt-1 mt-1 fa-chevron-right"></i></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
@ -13,11 +24,31 @@ import HomeBar from "../components/homebar";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
components: {HomeBar},
|
components: {HomeBar},
|
||||||
|
|
||||||
methods:{
|
methods:{
|
||||||
handleAnimation: function (anim) {
|
handleAnimation: function (anim) {
|
||||||
this.anim = anim;
|
this.anim = anim;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
#myVideo{
|
||||||
|
position: fixed;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
/*min-height: 100%;*/
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
z-index: -99;
|
||||||
|
}
|
||||||
|
.adaptive{
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
text-align: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row pt-3">
|
<div class="row pt-3">
|
||||||
<div class="col-12 text-center">
|
<div class="col-12 text-center">
|
||||||
<img src="~/assets/image/Cloudsoftware.png">
|
<!-- <img src="~/assets/image/Cloudsoftware.png" class="img-fluid">-->
|
||||||
<client-only>
|
<client-only>
|
||||||
<!-- <av-waveform-->
|
<!-- <av-waveform-->
|
||||||
<!-- src="/maskin2.wav"-->
|
<!-- src="/maskin2.wav"-->
|
||||||
|
@ -13,10 +13,9 @@
|
||||||
</client-only>
|
</client-only>
|
||||||
<h4 class="fw-bold ">Focus</h4>
|
<h4 class="fw-bold ">Focus</h4>
|
||||||
<div class="pt-3">
|
<div class="pt-3">
|
||||||
<img src="~/assets/image/Frame19439.png" />
|
<img src="~/assets/image/Frame19439.png" class="img-fluid" />
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center pt-3">
|
<div class="d-flex justify-content-center pt-3">
|
||||||
<span class="text-muted fw-bold fs-6 ">Adaptive soundscape : <span class="" style="color: #e9c046">On</span> </span><span class="ps-3"><i class="fa-solid text-muted d-flex pt-1 mt-1 fa-chevron-right"></i></span>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -33,10 +33,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!--<h1>{{ this.$store.state.counter }}</h1>-->
|
||||||
<div class="row pt-5 mt-2 ">
|
<div class="row pt-5 mt-2 ">
|
||||||
<div class="col-12 text-center pt-5 mt-3 position-fixed bottom-0 pb-5 mb-2">
|
<div class="col-12 text-center pt-5 mt-3 doted-nav pb-5 mb-2">
|
||||||
<NuxtLink class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
|
<NuxtLink @click="state12" class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
|
||||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
||||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
||||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
|
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
|
||||||
|
@ -48,7 +48,14 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
export default {
|
||||||
|
methods:{
|
||||||
|
state12(){
|
||||||
|
this.$store.commit('increment','200')
|
||||||
|
console.log()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
<style scoped>
|
<style scoped>
|
||||||
.checklabel:hover{
|
.checklabel:hover{
|
||||||
|
|
|
@ -33,7 +33,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row pt-5 mt-2 ">
|
<div class="row pt-5 mt-2 ">
|
||||||
<div class="col-12 text-center pt-5 mt-3 position-fixed bottom-0 pb-5 mb-2">
|
<div class="col-12 text-center pt-5 mt-3 doted-nav pb-5 mb-2">
|
||||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
|
<NuxtLink class="btn btn-warning px-2 " to="/onbording"></NuxtLink>
|
||||||
<NuxtLink class="btn btn-warning px-4 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
<NuxtLink class="btn btn-warning px-4 mx-2 " to="/onbording/onbording2"></NuxtLink>
|
||||||
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
<NuxtLink class="btn btn-warning px-2 " to="/onbording/onbording3"></NuxtLink>
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -1,16 +1,17 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
<div class="col-12 col-sm-8">
|
<div class="col-12 col-sm-12 col-md-8">
|
||||||
<h4 class="fw-bold text-center pt-5">Account
|
<h4 class="fw-bold text-center pt-5">Account
|
||||||
<nuxt-link to="/setting/editaccount" class="float-end fs-5 pt-1 text-decoration-none" style="color: #e9c046">Edit</nuxt-link></h4>
|
<nuxt-link to="/setting/editaccount" class="float-end fs-5 pt-1 text-decoration-none" style="color: #e9c046">Edit</nuxt-link></h4>
|
||||||
|
|
||||||
<div class="row pt-4">
|
<div class="row pt-4">
|
||||||
<div class="col-6">
|
<div class="col-6 px-0 px-sm-3">
|
||||||
<h5 class="fw-bold text-muted">First Name</h5>
|
<h5 class="fw-bold text-start text-muted">First Name</h5>
|
||||||
|
</div>
|
||||||
|
<div class="col-6 px-0">
|
||||||
|
<h5 class="fw-bold px-0 mx-0 text-end">Michael</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6">
|
|
||||||
<h5 class="fw-bold text-end">Michael</h5> </div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row pt-4">
|
<div class="row pt-4">
|
||||||
<div class="col-6">
|
<div class="col-6">
|
||||||
|
@ -35,15 +36,15 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="row pt-4">
|
<div class="row pt-4">
|
||||||
<div class="col-12 text-center">
|
<div class="col-12 text-center">
|
||||||
<button class="btn col-3 fw-bold btn-outline-dark">Log Out</button>
|
<button class="btn col-12 col-sm-12 col-md-3 fw-bold btn-outline-dark">Log Out</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row pt-5">
|
<div class="row pt-5 pb-4 px-2">
|
||||||
<div class="col-12 rounded text-center py-5" style="background-image: linear-gradient(40.53deg, #E9A446 6.68%, #E9C046 100%)">
|
<div class="col-12 rounded text-center py-3 py-md-5" style="background-image: linear-gradient(40.53deg, #E9A446 6.68%, #E9C046 100%)">
|
||||||
<h4 class="text-center text-white ">Get another free 30 days</h4>
|
<h4 class="text-center text-white ">Get another free 30 days</h4>
|
||||||
<h5 class="text-center px-5 text-white pt-2">You can still use Mindboost for 7 days for free. Subscribe to increase your productivity with Mindboost afterwards.</h5>
|
<h5 class="text-center px-2 px-md-5 text-white pt-2">You can still use Mindboost for 7 days for free. Subscribe to increase your productivity with Mindboost afterwards.</h5>
|
||||||
<button type="button" class="btn px-4 py-2 mt-3 fs-5" style="background-color: white;gap: 10px;">Subscribe</button>
|
<button type="button" class="btn px-4 py-2 mt-2 mt-md-3 fs-5" style="background-color: white;gap: 10px;">Subscribe</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,8 @@
|
||||||
|
// export const state = () => ({
|
||||||
|
// counter: 0
|
||||||
|
// })
|
||||||
|
// export const mutations = {
|
||||||
|
// increment(state) {
|
||||||
|
// state.counter++
|
||||||
|
// }
|
||||||
|
// }
|
|
@ -0,0 +1,5 @@
|
||||||
|
// export default{
|
||||||
|
// setCounter(state, payload){
|
||||||
|
// state.counter = payload
|
||||||
|
// }
|
||||||
|
// }
|
|
@ -0,0 +1,3 @@
|
||||||
|
// export default () => ({
|
||||||
|
// counter: 0
|
||||||
|
// })
|
Loading…
Reference in New Issue