Mindboost
/
dev-audioprocessing
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ok

master
unknown 2023-01-01 01:05:12 +05:00
parent d39fd63401
commit 48ed67fa82
15 changed files with 196 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/style.css
View File

@ -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;
}

BIN
assets/video/bg-video.mp4 Normal file
View File

Binary file not shown.

108
components/homebar.vue
View File

File diff suppressed because one or more lines are too long

1
nuxt.config.ts
View File

@ -4,7 +4,6 @@ export default defineNuxtConfig({
plugins:[
{src: '~/plugins/Vue3Lottie.client', mode: 'client'},
{src: '~/plugins/AudioVisual.client', mode: 'client'}
],
css:[

16
package-lock.json generated
View File

@ -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",

4
package.json
View File

@ -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"
}
}

39
pages/index.vue
View File

@ -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>

5
pages/index/index.vue
View File

@ -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>

15
pages/onbording/index.vue
View File

@ -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{

2
pages/onbording/onbording2.vue
View File

@ -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>

50
pages/setting.vue
View File

File diff suppressed because one or more lines are too long

21
pages/setting/index.vue
View File

@ -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>

8
store/HeloWorld.js Normal file
View File

@ -0,0 +1,8 @@
// export const state = () => ({
// counter: 0
// })
// export const mutations = {
// increment(state) {
// state.counter++
// }
// }

5
store/mutations.js Normal file
View File

@ -0,0 +1,5 @@
// export default{
// setCounter(state, payload){
// state.counter = payload
// }
// }

3
store/state.js Normal file
View File

@ -0,0 +1,3 @@
// export default () => ({
// counter: 0
// })