Skip to content

Commit

Permalink
meditate
Browse files Browse the repository at this point in the history
  • Loading branch information
@husen-hn
husen-hn committed Aug 17, 2021
1 parent c4015c7 commit 708d848
Show file tree
Hide file tree
Showing 7 changed files with 1,273 additions and 1,087 deletions.
2 changes: 1 addition & 1 deletion lib/screen/nav_bar_screens/home.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -274,7 +274,7 @@ class _HomeState extends State<Home> {
itemBuilder: (BuildContext context, int index) {
return MusicBox(
darkMood: false,
bgColor: isDark ? const Color(0xFF03174C) : Colors.grey[50],
bgColor: isDark ? const Color(0xFF03174C) : Colors.white,
imgLocalPath: musicBoxs[index].img,
imgBg: musicBoxs[index].bgColor,
title: musicBoxs[index].title,
Expand Down
990 changes: 486 additions & 504 deletions lib/screen/nav_bar_screens/meditate.dart
View file

Large diffs are not rendered by default.

1,055 changes: 561 additions & 494 deletions lib/screen/nav_bar_screens/sleep.dart
View file

Large diffs are not rendered by default.

176 changes: 137 additions & 39 deletions lib/screen/onBoarding/introduction_welcome.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,15 +9,117 @@ class IntroductionWelcome extends StatefulWidget {
class _IntroductionWelcomeState extends State<IntroductionWelcome> {
@override
Widget build(BuildContext context) {
var mediaQ = MediaQuery.of(context).size;
return Container(
color: const Color(0xffA3ABFF),
child: Stack(
children: [
Column(
children: [
// app title
Padding(
padding: EdgeInsets.only(top: 70.0),
// Column(
// children: [
// // app title
// Padding(
// padding: EdgeInsets.only(top: 0.0),
// child: Row(
// mainAxisAlignment: MainAxisAlignment.center,
// children: [
// Text(
// 'Silent',
// style: TextStyle(
// fontSize: 18.0,
// letterSpacing: 2.0,
// color: Colors.white,
// fontWeight: FontWeight.bold),
// ),
// Padding(
// padding: const EdgeInsets.all(8.0),
// child: Container(
// width: MediaQuery.of(context).size.width * .1,
// height: MediaQuery.of(context).size.height * .1,
// child: Image(
// image: AssetImage("images/logo_two.png"),
// ),
// ),
// ),
// Text(
// 'Moon',
// style: TextStyle(
// fontSize: 18.0,
// letterSpacing: 2.0,
// color: Colors.white,
// fontWeight: FontWeight.bold),
// ),
// ],
// ),
// ),
// // center description
// Padding(
// padding: EdgeInsets.only(top: 30.0),
// child: RichText(
// textAlign: TextAlign.center,
// text: TextSpan(
// text: 'Hi, Welcome',
// style: TextStyle(
// color: Color(0xffFFECCC),
// fontWeight: FontWeight.w400,
// fontSize: 30.0),
// children: [
// TextSpan(
// text: '\nto Silent Moon',
// style: TextStyle(
// fontWeight: FontWeight.w200,
// )),
// TextSpan(
// text:
// '\n\nExplore the app, Find some peace of mind to\nprepare for meditation.',
// style: TextStyle(
// fontSize: 16.0,
// fontWeight: FontWeight.w300,
// )),
// ])),
// ),
// // center meditation girl
// Image(
// image: AssetImage("images/intro_girl_medi.png"),
// height: 258,
// width: MediaQuery.of(context).size.width,
// fit: BoxFit.fitWidth,
// ),
// // bottom sqr
// Image(
// image: AssetImage("images/intro_rect.png"),
// height: 180,
// width: MediaQuery.of(context).size.width,
// fit: BoxFit.fitWidth,
// )
// ],
// ),

// bird
Positioned(
bottom: 400.0,
left: 100,
child: Image(
image: AssetImage("images/intro_bird.png"),
width: 30,
),
),
// bird
Positioned(
bottom: 450.0,
right: 80,
child: Image(
image: AssetImage("images/intro_bird.png"),
width: 60,
),
),
// app titles
Positioned(
top: mediaQ.height * .05,
right: 1,
left: 1,
child: Container(
height: mediaQ.height * .12,
child: FittedBox(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Expand Down Expand Up @@ -50,9 +152,17 @@ class _IntroductionWelcomeState extends State<IntroductionWelcome> {
],
),
),
// center description
Padding(
padding: EdgeInsets.only(top: 30.0),
),
),
// center description
Positioned(
top: mediaQ.height * .2,
left: 1,
right: 1,
child: Container(
width: mediaQ.width * .5,
height: mediaQ.height * .2,
child: FittedBox(
child: RichText(
textAlign: TextAlign.center,
text: TextSpan(
Expand All @@ -73,51 +183,39 @@ class _IntroductionWelcomeState extends State<IntroductionWelcome> {
style: TextStyle(
fontSize: 16.0,
fontWeight: FontWeight.w300,
))
)),
])),
),
],
),
),
// bottom sqr
Positioned(
bottom: 0,
child: Image(
image: AssetImage("images/intro_rect.png"),
height: 180,
width: MediaQuery.of(context).size.width,
fit: BoxFit.fill,
child: FittedBox(
fit: BoxFit.fitWidth,
child: Image(
image: AssetImage("images/intro_rect.png"),
height: mediaQ.height * .2,
width: mediaQ.width,
fit: BoxFit.fitWidth,
),
),
),
// center meditation girl
Positioned(
bottom: 179,
child: Image(
image: AssetImage("images/intro_girl_medi.png"),
height: 258,
width: MediaQuery.of(context).size.width,
),
),
// bird
Positioned(
bottom: 400.0,
left: 100,
child: Image(
image: AssetImage("images/intro_bird.png"),
width: 30,
bottom: mediaQ.height * .199,
child: FittedBox(
fit: BoxFit.fitWidth,
child: Image(
image: AssetImage("images/intro_girl_medi.png"),
width: mediaQ.width,
fit: BoxFit.fitWidth,
),
),
),
// bird
Positioned(
bottom: 450.0,
right: 80,
child: Image(
image: AssetImage("images/intro_bird.png"),
width: 60,
),
), // swipe left anim
// swipe left anim
Positioned(
bottom: 80,
bottom: mediaQ.height * .07,
left: 20.0,
right: 20.0,
child: Lottie.asset(
Expand Down
115 changes: 66 additions & 49 deletions lib/screen/onBoarding/introduction_what_we_do.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,8 @@ class IntroductionWhatWeDo extends StatefulWidget {
class _IntroductionWhatWeDoState extends State<IntroductionWhatWeDo> {
@override
Widget build(BuildContext context) {
return ListView(
var mediaQ = MediaQuery.of(context).size;
return Column(
children: [
Stack(
children: [
Expand All @@ -18,7 +19,7 @@ class _IntroductionWhatWeDoState extends State<IntroductionWhatWeDo> {
image: AssetImage("images/what_we_do_bg_one.png"),
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height * .65,
fit: BoxFit.fill,
fit: BoxFit.fitWidth,
),
// bg center line
Positioned(
Expand All @@ -32,39 +33,44 @@ class _IntroductionWhatWeDoState extends State<IntroductionWhatWeDo> {
),
// app title
Positioned(
top: 40.0,
right: 20.0,
left: 20.0,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Silent',
style: TextStyle(
fontSize: 18.0,
letterSpacing: 2.0,
color: Color(0xff3F414E),
fontWeight: FontWeight.bold),
),
Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
width: MediaQuery.of(context).size.width * .1,
height: MediaQuery.of(context).size.height * .1,
child: Image(
image: AssetImage("images/logo.png"),
top: mediaQ.height * .05,
right: 1,
left: 1,
child: Container(
height: mediaQ.height * .12,
child: FittedBox(
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
'Silent',
style: TextStyle(
fontSize: 18.0,
letterSpacing: 2.0,
color: const Color(0xff3F414E),
fontWeight: FontWeight.bold),
),
),
),
Text(
'Moon',
style: TextStyle(
fontSize: 18.0,
letterSpacing: 2.0,
color: Color(0xff3F414E),
fontWeight: FontWeight.bold),
Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
width: MediaQuery.of(context).size.width * .1,
height: MediaQuery.of(context).size.height * .1,
child: Image(
image: AssetImage("images/logo.png"),
),
),
),
Text(
'Moon',
style: TextStyle(
fontSize: 18.0,
letterSpacing: 2.0,
color: const Color(0xff3F414E),
fontWeight: FontWeight.bold),
),
],
),
],
),
),
),
// center image
Expand All @@ -79,6 +85,7 @@ class _IntroductionWhatWeDoState extends State<IntroductionWhatWeDo> {
height: 242.69,
child: Image(
image: AssetImage("images/what_we_do.png"),
fit: BoxFit.fitWidth,
),
),
),
Expand All @@ -87,29 +94,39 @@ class _IntroductionWhatWeDoState extends State<IntroductionWhatWeDo> {
),
// center title
Center(
child: Text(
'We are what we do',
style: TextStyle(
color: const Color(0xff3F414E),
fontSize: 30.0,
fontWeight: FontWeight.w700),
child: FittedBox(
fit: BoxFit.contain,
child: Container(
height: mediaQ.height * .05,
child: Text(
'We are what we do',
style: TextStyle(
color: const Color(0xff3F414E),
fontSize: 30.0,
fontWeight: FontWeight.w700),
),
),
),
),
// center description
Center(
child: Text(
'\nThousand of people are usign silent moon\nfor smalls meditation',
textAlign: TextAlign.center,
style: TextStyle(
color: const Color(0xffA1A4B2),
fontSize: 16.0,
fontWeight: FontWeight.w300),
child: FittedBox(
fit: BoxFit.contain,
child: Container(
height: mediaQ.height * .1,
child: Text(
'\nThousand of people are usign silent moon\nfor smalls meditation',
textAlign: TextAlign.center,
style: TextStyle(
color: const Color(0xffA1A4B2),
fontSize: 16.0,
fontWeight: FontWeight.w300),
),
),
),
), // swipe right sign
// swipe left anim
SizedBox(
height: 40.0,
),
SizedBox(height: mediaQ.height * .05),
Lottie.asset('assets/swipe_right_platform.json', height: 60),
],
);
Expand Down
Loading

0 comments on commit 708d848

Please sign in to comment.