master
parent
d39fd63401
commit
48ed67fa82
|
@ -69,4 +69,13 @@
|
|||
border: none;
|
||||
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:[
|
||||
{src: '~/plugins/Vue3Lottie.client', mode: 'client'},
|
||||
{src: '~/plugins/AudioVisual.client', mode: 'client'}
|
||||
|
||||
],
|
||||
],
|
||||
|
||||
css:[
|
||||
'~/assets/css/style.css'
|
||||
|
|
|
@ -1466,8 +1466,7 @@
|
|||
"@vue/devtools-api": {
|
||||
"version": "6.4.5",
|
||||
"resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.4.5.tgz",
|
||||
"integrity": "sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ==",
|
||||
"dev": true
|
||||
"integrity": "sha512-JD5fcdIuFxU4fQyXUu3w2KpAJHzTVdN+p4iOX2lMWSHMOoQdMAcpFLZzm9Z/2nmsoZ1a96QEhZ26e50xLBsgOQ=="
|
||||
},
|
||||
"@vue/reactivity": {
|
||||
"version": "3.2.45",
|
||||
|
@ -6928,6 +6927,11 @@
|
|||
"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": {
|
||||
"version": "4.1.6",
|
||||
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.1.6.tgz",
|
||||
|
@ -6951,6 +6955,14 @@
|
|||
"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": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
|
||||
|
|
|
@ -21,7 +21,9 @@
|
|||
"vue": "^3.2.26",
|
||||
"vue-audio-visual": "^3.0.3",
|
||||
"vue-lottie": "^0.2.1",
|
||||
"vue-responsive-video-background-player": "^2.3.1",
|
||||
"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>
|
||||
<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 />
|
||||
<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>
|
||||
</template>
|
||||
<script>
|
||||
|
@ -13,11 +24,31 @@ import HomeBar from "../components/homebar";
|
|||
|
||||
export default {
|
||||
components: {HomeBar},
|
||||
|
||||
methods:{
|
||||
handleAnimation: function (anim) {
|
||||
this.anim = anim;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</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="row pt-3">
|
||||
<div class="col-12 text-center">
|
||||
<img src="~/assets/image/Cloudsoftware.png">
|
||||
<!-- <img src="~/assets/image/Cloudsoftware.png" class="img-fluid">-->
|
||||
<client-only>
|
||||
<!-- <av-waveform-->
|
||||
<!-- src="/maskin2.wav"-->
|
||||
|
@ -13,10 +13,9 @@
|
|||
</client-only>
|
||||
<h4 class="fw-bold ">Focus</h4>
|
||||
<div class="pt-3">
|
||||
<img src="~/assets/image/Frame19439.png" />
|
||||
<img src="~/assets/image/Frame19439.png" class="img-fluid" />
|
||||
</div>
|
||||
<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>
|
||||
|
|
|
@ -33,10 +33,10 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<h1>{{ this.$store.state.counter }}</h1>-->
|
||||
<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">
|
||||
<NuxtLink class="btn btn-warning px-4 " to="/onbording"></NuxtLink>
|
||||
<div class="col-12 text-center pt-5 mt-3 doted-nav pb-5 mb-2">
|
||||
<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 " to="/onbording/onbording3"></NuxtLink>
|
||||
<NuxtLink class="btn btn-warning px-2 mx-2 " to="/onbording/onbording4"></NuxtLink>
|
||||
|
@ -48,7 +48,14 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
export default {
|
||||
methods:{
|
||||
state12(){
|
||||
this.$store.commit('increment','200')
|
||||
console.log()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style scoped>
|
||||
.checklabel:hover{
|
||||
|
|
|
@ -33,7 +33,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<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-4 mx-2 " to="/onbording/onbording2"></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>
|
||||
<div>
|
||||
<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
|
||||
<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="col-6">
|
||||
<h5 class="fw-bold text-muted">First Name</h5>
|
||||
<div class="col-6 px-0 px-sm-3">
|
||||
<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 class="col-6">
|
||||
<h5 class="fw-bold text-end">Michael</h5> </div>
|
||||
</div>
|
||||
<div class="row pt-4">
|
||||
<div class="col-6">
|
||||
|
@ -35,15 +36,15 @@
|
|||
</div>
|
||||
<div class="row pt-4">
|
||||
<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 class="row pt-5">
|
||||
<div class="col-12 rounded text-center py-5" style="background-image: linear-gradient(40.53deg, #E9A446 6.68%, #E9C046 100%)">
|
||||
<div class="row pt-5 pb-4 px-2">
|
||||
<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>
|
||||
<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>
|
||||
<button type="button" class="btn px-4 py-2 mt-3 fs-5" style="background-color: white;gap: 10px;">Subscribe</button>
|
||||
<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-2 mt-md-3 fs-5" style="background-color: white;gap: 10px;">Subscribe</button>
|
||||
</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