From b78358b4f5a00f3f06ceef7efe0f357178fab07b Mon Sep 17 00:00:00 2001 From: "DESKTOP-MERMS\\Chiefsoft" Date: Wed, 3 Jan 2024 14:04:38 -0500 Subject: [PATCH] first commit --- REMEBER.txt | 11 ++ capacitor.config.ts | 2 +- package.json | 6 +- src/app/tab1/tab1.page.html | 8 +- src/app/tab2/tab2.page.html | 8 +- src/app/tab3/tab3.page.html | 8 +- src/global.scss | 357 ++++++++++++++++++++++++++++++++++++ src/index.html | 2 +- 8 files changed, 376 insertions(+), 26 deletions(-) create mode 100644 REMEBER.txt diff --git a/REMEBER.txt b/REMEBER.txt new file mode 100644 index 0000000..7736c7a --- /dev/null +++ b/REMEBER.txt @@ -0,0 +1,11 @@ + +Your Ionic app is ready! Follow these next steps: + +- Go to your new project: cd .\my-fit +- Run ionic serve within the app directory to see your app in the browser +- Run ionic capacitor add to add a native iOS or Android project using Capacitor +- Generate your app icon and splash screens using cordova-res --skip-config --copy +- Explore the Ionic docs for components, tutorials, and more: https://ion.link/docs +- Building an enterprise app? Ionic has Enterprise Support and Features: https://ion.link/enterprise-edition + +Chiefsoft@DESKTOP-08L2E1S MINGW64 /c/WORKS/APPS diff --git a/capacitor.config.ts b/capacitor.config.ts index f4d7457..463e141 100644 --- a/capacitor.config.ts +++ b/capacitor.config.ts @@ -1,7 +1,7 @@ import { CapacitorConfig } from '@capacitor/cli'; const config: CapacitorConfig = { - appId: 'io.ionic.starter', + appId: 'ai.myfit.users', appName: 'myFit', webDir: 'www', server: { diff --git a/package.json b/package.json index dfa0886..5f01d41 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { "name": "my-fit", "version": "0.0.1", - "author": "Ionic Framework", - "homepage": "https://ionicframework.com/", + "author": "myFit-App", + "homepage": "https://myfit.ai/", "scripts": { "ng": "ng", "start": "ng serve", @@ -61,5 +61,5 @@ "ts-node": "^8.3.0", "typescript": "~5.2.2" }, - "description": "An Ionic project" + "description": "Myfit App" } diff --git a/src/app/tab1/tab1.page.html b/src/app/tab1/tab1.page.html index 22e11e4..b94bd13 100644 --- a/src/app/tab1/tab1.page.html +++ b/src/app/tab1/tab1.page.html @@ -7,11 +7,5 @@ - - - Tab 1 - - - - + Magic here diff --git a/src/app/tab2/tab2.page.html b/src/app/tab2/tab2.page.html index 38b153e..37919f0 100644 --- a/src/app/tab2/tab2.page.html +++ b/src/app/tab2/tab2.page.html @@ -7,11 +7,5 @@ - - - Tab 2 - - - - +Magic here 222 diff --git a/src/app/tab3/tab3.page.html b/src/app/tab3/tab3.page.html index 222333d..837aa08 100644 --- a/src/app/tab3/tab3.page.html +++ b/src/app/tab3/tab3.page.html @@ -7,11 +7,5 @@ - - - Tab 3 - - - - +Magic here 333 diff --git a/src/global.scss b/src/global.scss index 791a630..0bc1abd 100644 --- a/src/global.scss +++ b/src/global.scss @@ -24,3 +24,360 @@ @import "@ionic/angular/css/text-alignment.css"; @import "@ionic/angular/css/text-transformation.css"; @import "@ionic/angular/css/flex-utils.css"; + + + + +.back_image { + width: 100%; + height: 230px; + + .back { + font-size: 25px; + color: white; + } +} + +.flex { + display: flex; + justify-content: space-between; + align-items: center; + + ion-icon { + font-size: 22px; + } +} + +.row { + display: flex; + align-items: center; + margin-top: 10px; + + .bg_text { + color: var(--ion-color-primary); + background: #dfe1f3; + font-size: 12px; + padding: 2px 5px; + border-radius: 5px; + margin-right: 10px; + } + + .rate { + display: flex; + align-items: center; + + .review { + margin-left: 5px; + } + } +} + +.color_text { + margin-top: 10px; + font-size: 22px; + font-family: 'semi-bold'; + color: var(--ion-color-primary); +} + +.items { + display: flex; + justify-content: space-between; + margin-top: 10px; + margin-bottom: 20px; + border-bottom: 1px solid lightgrey; + padding-bottom: 10px; + + .stud { + display: flex; + align-items: center; + + ion-icon { + margin-right: 5px; + } + + ion-label { + color: grey; + } + } +} + +.about { + margin-top: 10px; + + .head_text { + font-size: 18px; + font-family: 'semi-bold'; + margin-bottom: 10px; + } + + .mentor { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 20px; + + .left { + display: flex; + + .men_image { + height: 50px; + width: 50px; + border-radius: 100%; + } + + .bold { + font-family: 'semi-bold'; + } + + .grey { + color: grey; + font-size: 14px; + } + } + + ion-icon { + font-size: 25px; + } + } + + .description { + color: grey; + margin-bottom: 5px; + } +} + +.lesson { + margin-top: 20px; + + .bold { + font-family: 'semi-bold'; + } + + .color { + color: var(--ion-color-primary); + } + + .grey { + color: grey; + } + + .sec { + display: flex; + justify-content: space-between; + align-items: center; + margin-top: 10px; + } + + .video { + display: flex; + justify-content: space-between; + align-items: center; + background-color: white; + padding: 15px; + box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1); + border-radius: 10px; + margin-top: 20px; + + .left { + display: flex; + } + + .men_image { + height: 40px; + width: 40px; + border-radius: 100%; + } + + .text { + margin-left: 10px; + } + + .bold_text { + font-size: 16px; + font-family: 'bold'; + } + + .grey_text { + font-size: 14px; + color: grey; + } + } +} + +.review_tab { + margin-top: 20px; + + .total { + display: flex; + align-items: center; + justify-content: space-between; + + .star-rate { + display: flex; + align-items: center; + + .bold { + font-size: 17px; + font-family: 'semi-bold'; + margin-left: 5px; + } + } + + .color { + color: var(--ion-color-primary); + font-size: 14px; + } + } + + + .story-item { + overflow: scroll; + display: flex; + flex-direction: row; + margin-top: 20px; + + .menu { + width: 100%; + display: flex; + flex-direction: row; + + .item { + padding: 5px; + margin: 5px; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + + ion-thumbnail { + border-radius: 15px; + width: max-content; + height: 60px; + width: 60px; + --border-radius: 50%; + } + + ion-label { + font-size: 14px; + font-family: "medium"; + color: var(--ion-color-medium); + } + } + + .text { + + display: flex; + align-items: center; + text-align: center; + + .select { + display: flex; + align-items: center; + border: 1px solid var(--ion-color-primary); + border-radius: 20px; + padding: 2px 15px; + margin-right: 10px; + + .rate_num { + margin-left: 5px; + color: var(--ion-color-primary); + } + } + + .show { + background-color: var(--ion-color-primary); + } + + .white { + color: white !important; + } + + .choice { + display: flex; + } + } + } + } + + .reviw_list { + margin-top: 25px; + + .profile { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 10px; + + .left { + display: flex; + align-items: center; + + .men_image { + height: 40px; + width: 40px; + border-radius: 100%; + } + + + .bold { + font-family: 'semi-bold'; + } + + .grey { + color: grey; + font-size: 14px; + } + } + + .right { + display: flex; + align-items: center; + + .select { + display: flex; + align-items: center; + border: 1px solid var(--ion-color-primary); + border-radius: 20px; + padding: 2px 15px; + margin-right: 10px; + + .rate_num { + margin-left: 5px; + color: var(--ion-color-primary); + } + } + + ion-icon { + font-size: 20px; + } + } + } + + .like { + display: flex; + align-items: center; + margin-top: 10px; + + .heart { + font-size: 25px; + margin-right: 5px; + } + + .count { + margin-right: 10px; + } + + .time { + color: grey; + font-size: 14px; + } + } + } +} + + + +.bold_text { + font-size: 20px; + font-family: 'bold'; +} diff --git a/src/index.html b/src/index.html index 3b0aae1..9112e62 100644 --- a/src/index.html +++ b/src/index.html @@ -3,7 +3,7 @@ - Ionic App + myFit App