master
parent
f946717dad
commit
48d359a52a
|
@ -65,7 +65,7 @@
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
min-width: 200px !important;
|
min-width: 250px !important;
|
||||||
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);
|
||||||
}
|
}
|
||||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -18,6 +18,7 @@
|
||||||
"@heroicons/vue": "^2.0.13",
|
"@heroicons/vue": "^2.0.13",
|
||||||
"bootstrap": "^5.2.3",
|
"bootstrap": "^5.2.3",
|
||||||
"vite": "^3.2.5",
|
"vite": "^3.2.5",
|
||||||
"vue": "^3.2.26"
|
"vue": "^3.2.26",
|
||||||
|
"vue-audio-visual": "^3.0.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -19,9 +19,15 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name:'HomePage',
|
name:'HomePage',
|
||||||
created() {
|
created() {
|
||||||
|
return{
|
||||||
|
player : '',
|
||||||
|
canvas : '',
|
||||||
|
mySource : "./symphony.mp3",
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
File diff suppressed because one or more lines are too long
|
@ -15,27 +15,27 @@
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 w-100 ">
|
||||||
<nuxt-link to="/setting/subscription" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/subscription" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Subscription</span>
|
<i class="fa-solid d-sm-none d-block fa-credit-card"></i><span class="ms-1 d-none d-sm-inline">Subscription</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 w-100 ">
|
||||||
<nuxt-link to="/setting/soundscap" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/soundscap" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Soundscape Settings</span>
|
<i class="fa-solid d-sm-none d-block fa-volume-high"></i><span class="ms-1 d-none d-sm-inline">Soundscape Settings</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 w-100 ">
|
||||||
<nuxt-link to="/setting/faq" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/faq" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">FAQ</span>
|
<i class="fa-solid d-block d-sm-none fa-circle-question"></i><span class="ms-1 d-none d-sm-inline">FAQ</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 w-100 ">
|
||||||
<nuxt-link to="/setting/about" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<nuxt-link to="/setting/about" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">About Mindboost</span>
|
<i class="fa-solid fa-circle-info d-block d-sm-none"></i><span class="ms-1 d-none d-sm-inline">About Mindboost</span>
|
||||||
</nuxt-link>
|
</nuxt-link>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item py-0 w-100 ">
|
<li class="nav-item py-0 w-100 ">
|
||||||
<a href="#" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
<a href="#" class="nav-link px-3 py-3 list-active align-middle px-0 text-muted fw-bold">
|
||||||
<i class="fa-solid d-sm-none d-block fa-user"></i><span class="ms-1 d-none d-sm-inline">Imprint</span>
|
<i class="fa-solid fa-stamp d-sm-none d-block"></i><span class="ms-1 d-none d-sm-inline">Imprint</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
|
@ -45,10 +45,21 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="col-10 col-sm-9 overflow-hidden">
|
<div class="col-10 col-sm-9 overflow-hidden">
|
||||||
<div class="row ">
|
<div class="row ">
|
||||||
<div class="col-12 text-center">
|
<div class="col-12 ">
|
||||||
<div class="d-inline-block mx-auto ">
|
|
||||||
<h4 class="d-inline-block d-none d-sm-block pt-3 text-muted fw-bolder">Settings</h4>
|
<div class="row">
|
||||||
|
<div class="col-4 d-none d-sm-block col-sm-7 col-lg-9 ">
|
||||||
|
<div class="row">
|
||||||
|
<div class=" col-sm-5 col-lg-3">
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-sm-7 col-lg-9">
|
||||||
|
<h4 class="text-center d-none d-sm-block pt-3 text-muted fw-bolder">Settings</h4>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class=" col-sm-5 col-lg-3">
|
||||||
<ul class="nav float-end">
|
<ul class="nav float-end">
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a class="nav-link first-icon px-2 py-2" aria-current="page" data-bs-toggle="dropdown" href="#"></a>
|
<a class="nav-link first-icon px-2 py-2" aria-current="page" data-bs-toggle="dropdown" href="#"></a>
|
||||||
|
@ -124,6 +135,10 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<nuxt-page key="child" />
|
<nuxt-page key="child" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
<div class="col-12 col-md-10 col-sm-8">
|
<div class="col-12 col-md-10 col-sm-8">
|
||||||
<h4 class="fw-bold text-center pt-5"><span class="float-start"><i class="fa-solid fa-arrow-left-long"></i></span> Edit Account</h4>
|
<h4 class="fw-bold text-center pt-5"><span class="float-start"><i class="fa-solid fa-arrow-left-long"></i></span> Edit Account</h4>
|
||||||
<div class="row justify-content-center">Subscription
|
<div class="row justify-content-center">
|
||||||
<div class="col-11 col-md-8">
|
<div class="col-11 col-md-8">
|
||||||
<form>
|
<form>
|
||||||
<div class="row pt-5">
|
<div class="row pt-5">
|
||||||
|
|
|
@ -6,17 +6,18 @@
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<div class="accordion accordion-flush" id="accordionPanelsStayOpenExample">
|
<div class="accordion accordion-flush" id="accordionPanelsStayOpenExample">
|
||||||
<div class="accordion-item">
|
<div class="accordion-item" data-bs-toggle="dropdown">
|
||||||
<h2 class="accordion-header" id="panelsStayOpen-headingOne">
|
<h2 class="accordion-header" id="panelsStayOpen-headingOne">
|
||||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
|
<button class="accordion-button collapsed" type="button" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
|
||||||
Soundscape
|
Soundscape
|
||||||
</button>
|
</button>
|
||||||
</h2>
|
</h2>
|
||||||
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
|
<ul class="dropdown-menu dropdown-menu-end me-4" id="panelsStayOpen-collapseOne" aria-labelledby="dropdownMenuButton1">
|
||||||
<div class="accordion-body">
|
<li class="px-1"><a class="dropdown-item py-2 " href="#" style="border-bottom: 1px solid lightgray;">Lagoon <span class="float-end"><img src="~/assets/image/Vector123.png"></span></a></li>
|
||||||
This is the first item's accordion body
|
<li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Tropics <span class="float-end"><img src="~/assets/image/Vector7.png"></span></a></li>
|
||||||
</div>
|
<li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Forest <span class="float-end"><img src="~/assets/image/Vector8.png"></span></a></li>
|
||||||
</div>
|
<li class="px-1"><a class="dropdown-item py-2" href="#" style="border-bottom: 1px solid lightgray;">Meadow <span class="float-end"><img src="~/assets/image/Vector121.png"></span></a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="accordion-item">
|
<div class="accordion-item">
|
||||||
<h2 class="accordion-header" id="panelsStayOpen-headingTwo">
|
<h2 class="accordion-header" id="panelsStayOpen-headingTwo">
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -9,7 +9,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-4">
|
<div class="col-12 pt-3 col-sm-4">
|
||||||
<div class="card" style="background: #E9C046;box-shadow: 0px 0px 16px 1px rgba(108, 97, 97, 0.05);border-radius: 12px;" >
|
<div class="card" style="background: #E9C046;box-shadow: 0px 0px 16px 1px rgba(108, 97, 97, 0.05);border-radius: 12px;" >
|
||||||
<div class="card-body py-4">
|
<div class="card-body py-4">
|
||||||
<h5 class="text-center fw-bolder text-white " style="font-weight: 600;font-size: 32px">$2.99</h5>
|
<h5 class="text-center fw-bolder text-white " style="font-weight: 600;font-size: 32px">$2.99</h5>
|
||||||
|
@ -17,7 +17,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4">
|
<div class="col-12 pt-3 col-sm-4">
|
||||||
<div class="card" style="background: #FFFFFF;box-shadow: 0px 0px 16px 1px rgba(108, 97, 97, 0.05);border-radius: 12px;">
|
<div class="card" style="background: #FFFFFF;box-shadow: 0px 0px 16px 1px rgba(108, 97, 97, 0.05);border-radius: 12px;">
|
||||||
<div class="card-body py-4">
|
<div class="card-body py-4">
|
||||||
<h5 class="text-center fw-bolder " style="font-weight: 600;font-size: 32px">$9.99</h5>
|
<h5 class="text-center fw-bolder " style="font-weight: 600;font-size: 32px">$9.99</h5>
|
||||||
|
@ -25,7 +25,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-4">
|
<div class="col-12 pt-3 col-sm-4">
|
||||||
<div class="card" style="background: #FFFFFF;border: 1px solid #E9C046;border-radius: 12px;">
|
<div class="card" style="background: #FFFFFF;border: 1px solid #E9C046;border-radius: 12px;">
|
||||||
<div class="card-body py-4">
|
<div class="card-body py-4">
|
||||||
<h5 class="text-center fw-bolder " style="font-weight: 600;font-size: 32px">$14.99</h5>
|
<h5 class="text-center fw-bolder " style="font-weight: 600;font-size: 32px">$14.99</h5>
|
||||||
|
|
Loading…
Reference in New Issue