diff --git a/YStemAndChess/src/app/app-routing.module.ts b/YStemAndChess/src/app/app-routing.module.ts index 0517f7264..24faf58fd 100644 --- a/YStemAndChess/src/app/app-routing.module.ts +++ b/YStemAndChess/src/app/app-routing.module.ts @@ -31,6 +31,19 @@ import { WhyChessComponent } from './pages/why-chess/why-chess.component'; import { ResetPasswordComponent } from './pages/reset-password/reset-password.component'; import { SetPasswordComponent } from './pages/set-password/set-password.component'; +import {MathArticleComponent} from "./pages/math-article/math-article.component"; +import {OnlineArticleComponent} from "./pages/Online-expansion-article/online-article.component"; +import {ComputerBenefitArticleComponent} from "./pages/computer-science-benefit-article/computer-benefit-article.component" +import {ChessBenefitArticleComponent} from "./pages/chess-benefit-article/chess-benefit-article.component"; +import {MentoringBenefitArticleComponent} from "./pages/mentoring-benefit-article/mentoring-benefit-article.component"; +import {AboutUsComponent} from "./pages/aboutUs/about-us.component" +import {MissionHifiComponent} from "./pages/mission-hifi/mission-hifi.component" +import {FinancialsHifiComponent} from "./pages/financials/financials-hifi.component"; +import {BoardHifiComponent} from "./pages/board/board-hifi.component"; +import {MentorProfileComponent} from "./pages/mentor-profile/mentor-profile.component"; +import {ParentProfileComponent} from "./pages/parent-profile/parent-profile.component"; + + const routes: Routes = [ { path: '', component: HomeComponent }, // Lets remove the one below this comment (PlayComponent) when we go into production @@ -133,6 +146,30 @@ const routes: Routes = [ { path: 'landing-page', component: LandingPageComponent }, { path: 'board-analyzer', component: BoardAnalyzerComponent }, { path: 'why-chess', component: WhyChessComponent }, + + { path: 'math-article', component: MathArticleComponent }, + { path: 'mentoring-article', component: MentoringBenefitArticleComponent }, + { path: 'online-expansion-article', component: OnlineArticleComponent }, + { path: 'chess-benefit-article', component: ChessBenefitArticleComponent }, + { path: 'computer-science-article', component: ComputerBenefitArticleComponent }, + { path: 'about-us', component: AboutUsComponent }, + { path: 'mission', component: MissionHifiComponent }, + { path: 'financial', component: FinancialsHifiComponent }, + { path: 'board', component: BoardHifiComponent }, + + { + path: 'mentor-profile', + component: MentorProfileComponent, + data: { roles: ['mentor'] }, + canActivate: [LoginGuardService], + }, + { + path: 'parent-profile', + component: ParentProfileComponent, + data: { roles: ['parent'] }, + canActivate: [LoginGuardService], + }, + ]; @NgModule({ diff --git a/YStemAndChess/src/app/app.module.ts b/YStemAndChess/src/app/app.module.ts index 61165a0ed..b575e2048 100644 --- a/YStemAndChess/src/app/app.module.ts +++ b/YStemAndChess/src/app/app.module.ts @@ -42,6 +42,18 @@ import { BoardAnalyzerComponent } from './pages/board-analyzer/board-analyzer.co import { WhyChessComponent } from './pages/why-chess/why-chess.component'; import { ResetPasswordComponent } from './pages/reset-password/reset-password.component'; import { SetPasswordComponent } from './pages/set-password/set-password.component'; +import {SponsorsComponent} from "./pages/sponsors/sponsors.component" +import {MissionHifiComponent} from "./pages/mission-hifi/mission-hifi.component" +import {FinancialsHifiComponent} from "./pages/financials/financials-hifi.component"; +import {BoardHifiComponent} from "./pages/board/board-hifi.component"; +import {MathArticleComponent} from "./pages/math-article/math-article.component"; +import {OnlineArticleComponent} from "./pages/Online-expansion-article/online-article.component"; +import {ComputerBenefitArticleComponent} from "./pages/computer-science-benefit-article/computer-benefit-article.component" +import {ChessBenefitArticleComponent} from "./pages/chess-benefit-article/chess-benefit-article.component"; +import {MentoringBenefitArticleComponent} from "./pages/mentoring-benefit-article/mentoring-benefit-article.component"; +import {AboutUsComponent} from "./pages/aboutUs/about-us.component" +import {MentorProfileComponent} from "./pages/mentor-profile/mentor-profile.component"; +import {ParentProfileComponent} from "./pages/parent-profile/parent-profile.component"; const agoraConfig: AgoraConfig = { AppID: '6c368b93b82a4b3e9fb8e57da830f2a4', @@ -79,6 +91,18 @@ const agoraConfig: AgoraConfig = { WhyChessComponent, ResetPasswordComponent, SetPasswordComponent, + SponsorsComponent, + MissionHifiComponent, + FinancialsHifiComponent, + BoardHifiComponent, + MathArticleComponent, + OnlineArticleComponent, + ComputerBenefitArticleComponent, + ChessBenefitArticleComponent, + MentoringBenefitArticleComponent, + AboutUsComponent, + MentorProfileComponent, + ParentProfileComponent ], imports: [ BrowserModule, diff --git a/YStemAndChess/src/app/footer/footer.component.css b/YStemAndChess/src/app/footer/footer.component.css index dd3feb620..2977b1935 100644 --- a/YStemAndChess/src/app/footer/footer.component.css +++ b/YStemAndChess/src/app/footer/footer.component.css @@ -18,11 +18,11 @@ footer { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; - margin-top: 10%; + /* margin-top: 10%; */ position: relative; height: 100%; - border-top: solid; - border-color: black; + /* border-top: solid; + border-color: black; */ } .main-container { diff --git a/YStemAndChess/src/app/footer/footer.component.html b/YStemAndChess/src/app/footer/footer.component.html index 256c00678..d10d01692 100644 --- a/YStemAndChess/src/app/footer/footer.component.html +++ b/YStemAndChess/src/app/footer/footer.component.html @@ -8,8 +8,90 @@ href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" /> -
-
+ + +
+ +
+
+
+
+ +

Info@ystemandchess.com

+

+1 208.996.5071

+
+
+ + + + + + + + + + + + + +
Copyright © 2023 YSTEMAndChess. PR. All rights reserved.
+
+
+
+ + +
+
+ + +
+ + +
+
+
+
+ + + + + +
diff --git a/YStemAndChess/src/app/footer/footer.component.scss b/YStemAndChess/src/app/footer/footer.component.scss index c59b46a9e..b7b02c3cc 100644 --- a/YStemAndChess/src/app/footer/footer.component.scss +++ b/YStemAndChess/src/app/footer/footer.component.scss @@ -1,5 +1,6 @@ * { box-sizing: border-box; + border: none !important; } #clear { clear:both; @@ -9,33 +10,45 @@ html { position: relative; height:100%; } +img { + width: 50%; + object-fit: contain; + } + + @media screen and (max-width: 767px) { + img { + width: 35%; + } + } + +.table tr { + padding:0px !important +} + footer { display:flex; flex-wrap: wrap; - margin-top:10%; + margin-top:5%; position: relative; height:100%; border-top: solid; border-color: black; } -.main-container { +.container-fluid { display:flex; flex-wrap: wrap; - position: absolute; - top:0%; - bottom:0%; - width:100%; - height:auto; - border-top: solid; - border-color: black; + border: none; + background-color: #BFD99E; + // border-top: solid; + // border-color: black; .partners-container { justify-content: flex-end; text-align: center; //float:left; - width:70%; + width:40%; height:auto; padding-top:2%; @@ -57,8 +70,8 @@ footer { .sponsors-container { text-align: center; - background-color: #f1f1f1; - width:30%; + background-color: #BFD99E; + width:55%; height:250px; //30vh padding-top:2%; @@ -74,34 +87,66 @@ footer { } } - .contact-container { + #left-side { + float:left; width:100%; - height:250px; //30vh - background-color: black; - - #left-side { - float:left; - width:30%; - padding-top: 2%; - - p { - padding-top:2%; - padding-left: 10%; - font-family: 'Lato'; - font-size: 22px; - font-weight: 500; - line-height: 142.1%; - letter-spacing: 0.01em; - text-transform: uppercase; - color: #F5F5F5; - } + + p { + // padding-top:2%; + font-family: 'Lato'; + font-size: 22px; + font-weight: 500; + // line-height: 142.1%; + letter-spacing: 0.01em; + word-wrap: break-word; + // text-transform: uppercase; + color: black; + } + } + + .d-grid { + display: grid; + } + + #right-side { + float:right; + width:100%; + height:auto; + padding-top: 5%; + + a{ + font-size:24px; + color:black; + } + + img { + padding-left: 5%; } + img:hover { + cursor: pointer; + filter: brightness(1.3); + } + } + .contact-container { + width:45%; + height:250px; //30vh + padding-top: 2%; + + + #right-side { float:right; - width:40%; + width:100%; height:auto; padding-top: 7%; + padding-left:25px; + + a{ + font-size:24px; + color:black; + margin-left:55px; + } img { padding-left: 5%; @@ -113,6 +158,14 @@ footer { } } + #copy-right{ + float:right; + width:100%; + height:auto; + padding-top: 7%; + padding-left:45px; + } + } } @@ -172,3 +225,21 @@ footer { } } } + +@media only screen and (min-width:426px) { + .sponsor-img { + display: contents; + } +} + +@media only screen and (max-width:426px) { + .sponsor-img { + display: flex; + justify-content: space-between; + + img { + width: 30%; + } + + } +} diff --git a/YStemAndChess/src/app/header/header.component.css b/YStemAndChess/src/app/header/header.component.css index 06fbf0ce7..8b4075659 100644 --- a/YStemAndChess/src/app/header/header.component.css +++ b/YStemAndChess/src/app/header/header.component.css @@ -59,11 +59,11 @@ } .navbar-light .navbar-nav .nav-link { - color: #3F8500; + color: black; } .navbar-light .navbar-nav .nav-link:hover { - color: #3F8500; + color: black; } .hvr-underline-from-left { diff --git a/YStemAndChess/src/app/header/header.component.html b/YStemAndChess/src/app/header/header.component.html index a84e946c8..d1d0afb38 100644 --- a/YStemAndChess/src/app/header/header.component.html +++ b/YStemAndChess/src/app/header/header.component.html @@ -1,43 +1,118 @@ + \ No newline at end of file diff --git a/YStemAndChess/src/app/header/header.component.scss b/YStemAndChess/src/app/header/header.component.scss index 3f22a29a6..d6b6b6c0f 100644 --- a/YStemAndChess/src/app/header/header.component.scss +++ b/YStemAndChess/src/app/header/header.component.scss @@ -8,6 +8,14 @@ .red-text { color: red; } + +@media screen and (max-width:350px){ +.logo-img { + width: 204px; + height: 100px; +} +} + .nav-item { // margin-left: 15px; //15px // margin-right: 15px; //15px @@ -62,11 +70,11 @@ // make the navlinks and buttons equally bold .nav-link, .nav-item .btn { - font-weight: 800; - font-size: 18px; + font-weight: 600; + font-size: 16px; } .navbar-light { - background-color: #d4dde0; + background-color: white; color: #3f8500; } .navbar-expand-lg { @@ -97,11 +105,11 @@ } .navbar-light .navbar-nav .nav-link { - color: #3f8500; + color: #3b3839; } .navbar-light .navbar-nav .nav-link:hover { - color: #3f8500; + color: #3b3839; } // Underline from Left Animation .hvr-underline-from-left { @@ -120,7 +128,7 @@ left: 0; right: 100%; bottom: 0; - background: #3f8500; + background: #3b3839; height: 4px; -webkit-transition-property: right; transition-property: right; @@ -175,9 +183,31 @@ } .dropdown-menu { - border-radius: 30px; + border-radius: 0px; + padding: 0 0.3rem; + border:none; + margin:0; + text-transform: capitalize; + box-shadow: 5px 10px 18px #cbcaca; + min-width: 17rem; +} + +.menu-item-div{ + + color:#3b3839 !important; } +.menu-item-li{ + padding:8px 10px; +} + + + +// .dropdown-menu a{ + +// } + + .dropdown-item { border-radius: 30px; background: none; @@ -188,6 +218,17 @@ border: none; } +.sign-btn { + background-color: #EAD94C !important; + border: none; + box-shadow: 3px 4px #d4dddd; + color: black; + border-radius: 8px; + padding: 8px 20px; + font-weight: 600; + font-size: 16px; +} + .disp { //display: block; } diff --git a/YStemAndChess/src/app/lessons.service.ts b/YStemAndChess/src/app/lessons.service.ts index 656633ec4..2cab19db2 100644 --- a/YStemAndChess/src/app/lessons.service.ts +++ b/YStemAndChess/src/app/lessons.service.ts @@ -47,7 +47,206 @@ export class LessonsService { name: 'Bishop - It moves diagonally ', subSections: [ { - name: 'The Basic', + name: 'Basic', + fen: '8/7p/8/8/4p3/8/6B1/8 w - - 0 1', + info: 'Grab all the black pawns! ', + }, + { + name: 'Training 1', + fen: '8/8/8/1p6/8/1B1p4/p3p3/1p1p4 w - - 0 1', + info: `The fewer moves you make, the better!`, + }, + { + name: 'Training 2', + fen: '8/8/8/8/p1B5/1p1p4/2p1p3/1p6 w - - 0 1', + info: 'Grab all the black pawns!', + }, + { + name: 'Training 3', + fen: '8/8/8/3pp3/3pp3/3pp3/8/2B2B2 w - - 0 1', + info: `One light-squared bishop, one dark-squared bishop. You need both!`, + }, + { + name: 'Training 4', + fen: '8/6p1/1p5p/8/3B4/4p3/8/p1p5 w - - 0 1', + info: 'Grab all the black pawns!', + }, + { + name: 'Final', + fen: '6p1/3Bp2p/5p2/5p2/7p/p1B5/2p5/8 w - - 0 1', + info: `One light-squared bishop, one dark-squared bishop. You need both!`, + }, + ], + }, + { + name: 'Knight - It moves in an L shape ', + subSections: [ + { + name: 'Basic', + fen: '8/3p4/8/2p5/4N3/8/8/8 w - - 0 1', + info: `Knights have a fancy way of jumping around!`, + }, + { + name: 'Training 1', + fen: '7p/5p2/8/6p1/3p4/2p2p2/4p3/1N6 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Training 2', + fen: '8/2Np4/1p2p3/3p4/5p2/8/8/8 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Training 3', + fen: '8/8/8/8/4ppp1/4pNp1/4ppp1/8 w - - 0 1', + info: `Knights can jump over obstacles!Escape and vanquish the pawns!`, + }, + { + name: 'Training 4', + fen: '8/8/6p1/8/4pp2/2pN4/4pp2/8 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Final', + fen: '2p5/2N1p3/2p5/1p1p1p2/1p1p4/4p3/8/8 w - - 0 1', + info: `Grab all the pawns!`, + }, + ], + }, + { + name: 'Rook - It moves in straight lines ', + subSections: [ + { + name: 'Basic', + fen: '8/8/4p3/8/8/8/4R3/8 w - - 0 1', + info: `Click on the rook to bring it to the pawn!`, + }, + { + name: 'Training 1', + fen: '8/2R5/8/2p2p2/8/8/8/8 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Training 2', + fen: '8/8/8/8/8/1p2R2p/7p/8 w - - 0 1', + info: `The fewer moves you make, the better!`, + }, + { + name: 'Training 3', + fen: '5ppR/6pp/8/8/8/8/8/6p1 w - - 0 1', + info: `The fewer moves you make, the better!`, + }, + { + name: 'Training 4', + fen: '8/2R3p1/8/8/p3R2p/6p1/8/8 w - - 0 1', + info: `Use two rooks to speed things up!`, + }, + { + name: 'Final', + fen: '8/1p3pp1/8/3p4/6p1/5R2/5p2/R2p4 w - - 0 1', + info: `Use two rooks to speed things up!`, + }, + ], + }, + { + name: 'Queen - Queen = rook + bishop ', + subSections: [ + { + name: 'Basic', + fen: '8/2p5/8/4p3/8/8/4Q3/8 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Training 1', + fen: '5p2/8/8/8/3Q4/p6p/5p2/8 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Training 2', + fen: '5p2/8/3p3p/8/2Q5/p5p1/8/5p2 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Training 3', + fen: '6p1/6Q1/8/1p5p/8/3p4/p6p/6p1 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Final', + fen: '6p1/8/p4pp1/8/7p/8/5p2/3pQ2p w - - 0 1', + info: `Grab all the pawns!`, + }, + ], + }, + { + name: 'King - The most important piece ', + subSections: [ + { + name: 'Basic', + fen: '8/8/3p4/8/8/8/3K4/8 w - - 0 1', + info: 'The king is slow. ', + }, + { + name: 'Training', + fen: '8/8/8/8/8/3p4/2p1p3/4K3 w - - 0 1', + info: `Grab all the pawns!`, + }, + { + name: 'Final', + fen: '8/8/8/2ppK3/2p3p1/4pp2/8/8 w - - 0 1', + info: `Grab all the pawns!`, + }, + ], + }, + ]; + + pawnArray = [ + { + name: 'Pawn-It moves forward only', + subSections: [ + { + name: 'Basic', + fen: '8/8/8/P7/8/5p2/8/8 w k - 0 1', + info: `Pawns move one square only. + But when they reach the other side of the board, they become a stronger piece!`, + }, + { + name: 'Capture', + fen: '8/3p4/2p5/3p4/8/4P3/8/8 w - - 0 1', + info: `Pawns move forward, + but capture diagonally!`, + }, + { + name: 'Training 1', + fen: '8/2p5/1ppp4/8/1pp5/1P6/8/8 w - - 0 1', + info: 'Capture, then promote!', + }, + { + name: 'Training 2', + fen: '2p5/3p4/1p2p3/1p1p4/2p5/3P4/8/8 w - - 0 1', + info: `Capture, then promote!`, + }, + { + name: 'Traning 3', + fen: '8/8/8/1pp1p3/3p2p1/P1PP3P/8/8 w - - 0 1', + info: `Use all the pawns! + No need to promote.`, + }, + { + name: 'Special Move', + fen: '8/8/3p4/8/8/8/4P3/8 w - - 0 1', + info: `A pawn on the second rank can move 2 squares at once!`, + }, + ], + }, + ]; + + bishopArray = [ + { + name: 'Bishop - It moves diagonally ', + subSections: [ + { + name: 'Basic', fen: '8/7p/8/8/4p3/8/6B1/8 w - - 0 1', info: 'Grab all the black pawns! ', }, @@ -78,11 +277,14 @@ export class LessonsService { }, ], }, + ]; + + Knight = [ { name: 'Knight - It moves in an L shape ', subSections: [ { - name: 'The Basic', + name: 'Basic', fen: '8/3p4/8/2p5/4N3/8/8/8 w - - 0 1', info: `Knights have a fancy way of jumping around!`, }, @@ -113,11 +315,14 @@ export class LessonsService { }, ], }, + ]; + + Rook = [ { name: 'Rook - It moves in straight lines ', subSections: [ { - name: 'The Basic', + name: 'Basic', fen: '8/8/4p3/8/8/8/4R3/8 w - - 0 1', info: `Click on the rook to bring it to the pawn!`, }, @@ -148,11 +353,14 @@ export class LessonsService { }, ], }, + ]; + + Queen = [ { name: 'Queen - Queen = rook + bishop ', subSections: [ { - name: 'The Basic', + name: 'Basic', fen: '8/2p5/8/4p3/8/8/4Q3/8 w - - 0 1', info: `Grab all the pawns!`, }, @@ -178,11 +386,14 @@ export class LessonsService { }, ], }, + ]; + + King = [ { name: 'King - The most important piece ', subSections: [ { - name: 'The Basic', + name: 'Basic', fen: '8/8/3p4/8/8/8/3K4/8 w - - 0 1', info: 'The king is slow. ', }, @@ -199,9 +410,37 @@ export class LessonsService { ], }, ]; + constructor() {} - getLearnings() { - return this.learningsArray; + getLearnings(offset=10) { + if(offset ==0) + { + return this.pawnArray; + }else if(offset ==1) + { + return this.bishopArray; + } + else if(offset ==2) + { + return this. Knight; + } + else if(offset ==3) + { + return this.Rook; + } + else if(offset ==4) + { + return this. Queen; + } + else if(offset ==5) + { + return this.King; + } + else if(offset ==10) + { + return this.learningsArray; + } + } } diff --git a/YStemAndChess/src/app/pages/student-profile/student-profile.component.css b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.css similarity index 75% rename from YStemAndChess/src/app/pages/student-profile/student-profile.component.css rename to YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.css index ba14b0cff..eb92eb5a6 100644 --- a/YStemAndChess/src/app/pages/student-profile/student-profile.component.css +++ b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.css @@ -7,12 +7,14 @@ li { font-size: xx-large; margin-left: 10%; } - + +.sub-heading { + font-size: x-large; +} .header-container { display: flex; width: 100%; - background-color: rgb(255, 255, 255) } .board-logo { @@ -34,11 +36,13 @@ li { .board-container{ margin: 0 10%; margin-bottom: 10%; - margin-top: 5%; - margin-left: 28%; - justify-content: center; } +.chess-image { + display: block; + margin: 0 auto; + text-align: center; +} html, body { height: 100%; @@ -76,18 +80,18 @@ html, body { width: 25%; } -.image-grid { - display: grid; - grid-template-columns: repeat(2, 1fr); -} +.sub-heading { + font-size: x-large; +} -.image-grid a { - display: block; -} +.board-container{ + margin: 0 10%; -.image-grid img { - width: 50%; - height: auto; } -body {background-color: #E5F3D2;} +.word { + width: 500px; + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-word; +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.html b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.html new file mode 100644 index 000000000..06bd3ae0e --- /dev/null +++ b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.html @@ -0,0 +1,141 @@ + + + + + + + The Benefits of Math Tutoring + + +
+ +
+ + +
+
+
The Importance of Online Expansion of Y Stem and Chess Inc.
+
+ +
+ logo +
+ +
+

Students practicing their chess skills in a classroom

+
+ +
+

The Importance of Online Expansion of Y STEM and Chess Inc. focuses on using + technology to scale. Yes, we are nonprofit but more fundamentally we are a technology company. + Technology will help individualize lessons in chess, math, and computer science. Individualized lessons + will be conducted online via our website to help rural and urban + communities that lack access to resources in high school or pay for courses at other institutions. The + rural and urban companies simply don’t have the resources to prepare students for success in + STEM. Using the proven aspects of our program, we can change the future of students that have + largely been excluded from the high-paying jobs that STEM provides while increasing + inclusivity and lowering poverty. + +

+
+ +
+

Deployment of our learning program online will also provide us with a reliable form of + donation generation. For those who are not qualified under specific government subsidy + programs, a membership donation scheduled will be available to utilize the program. This allows + us to deliver our program to middle-class families and above without losing focus on our primary + mission. The donations generated through this model will allow us to continue scaling our + program to underserved communities. Additionally, the model increases awareness in families + and communities that support our continued expansion via sponsorships, volunteering, publicity, + software development, and marketing. + +

+
+ + +
+ + +
+
+ +

"Our goal is to have all our students feel that they belong because they do."

+
+ +
+ +
+ +
+

The development of our curriculum online will accelerate the expansion of our program + by lowering the cost and the logistical concerns for mentors. Most mentors come from STEM + backgrounds and are located in cities. By moving the program online, they can easily mentor + from work, school, or home and reach students in rural communities here in Idaho. We can turn + Idaho into a STEM powerhouse in just a few years. + +

+
+ +
+

Once we refine our curriculum and approach, YSC will roll out our program in other + geographic and demographic regions across the country. This will provide critical feedback that + will help ease the challenges of expansion. The more mentors we have, the more students we can + get into the program, and the faster we can fill STEM-related jobs. +

+
+ +
+

Online access by students and mentors will allow us to quickly scale our program and + curriculum. It eliminates geographical supply issues regarding mentors that can play chess, tutor + math, or teach computer science. Our mentors will be primarily focused on relationship building + and student community development. Our goal is to have all our students feel that they belong + because they do. Think of our mentors as the Big Brothers and Big Sisters of STEM. Mentors are + the critical support factor in a student’s STEM success. +

+
+ + + +
+ logo +
+ +
+

A student with their mentor after winning an award.

+
+ +
+

The greater access we have to schools and school districts we will have greater access to + middle-class families and above. We offer our platform for free to our community partners like + schools but we charge the families that can afford our service. We charge just $25 a week per + lesson and that has kept us profitable over the last 2 years. The greater our reach the greater our + donations and the more students we can help through our free program. + +

+
+ +
+

Students love having control of their learning because they feel empowered. Most of the + students we focus on come from challenging backgrounds and will benefit greatly from the + positive attention. As will their families and communities. + +

+
+ + + + + + +
+ + \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.scss b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.scss new file mode 100644 index 000000000..4fb502d7d --- /dev/null +++ b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.scss @@ -0,0 +1,124 @@ + +@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto&display=swap'); +*{ + box-sizing: border-box; + // margin: 0; + padding: 0; +} + +body{ + background-color: #DFF2C8; +} + +li, a, button { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-size: 16px; + color: #000000; + text-decoration: none; +} + + + +.logo, .signup { + cursor: pointer; +} + +.nav__links { + list-style: none; +} + +.nav__links li { + display: inline-block; + padding: 0px 20px; +} + +.nav__links li a { + transition: all 0.3 ease 0s; +} + +.nav__links li a:hover { + color:#a5e95b +} + +.signup { + padding: 9px 20px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 174px; + height: 55px; + +} + +.logo { + width: 319px; + height: 100px; +} + +.text1 { + font-family: Lato,sans-serif; + font-weight: 700; +} + +.bg-main{ + background-color: #BFD99E; +} + + +.recttext{ + // position: absolute; + // top: 1100; + // width: 1200px; + // padding-top: 45px; + // height:200px; + text-align: center; + font-size: 32px; + // padding: 0 27rem; + // padding-top: 45px; + line-height: 38px; + font-weight: 500; + +} + +.txt-h { + font-family: Lato,sans-serif; + font-weight: 700; +} + +.txt-p{ + text-align: left; + font-family: Roboto,sans-serif; + font-size: 16px; + text-align:justify; + + p { + text-indent: 12px; + }; +} + +.text2{ + font-size: 14px !important; + +} + +.pic1 { + width: -webkit-fill-available; +} + +.pic2{ + width: auto; + max-width: 65%; + height: auto; +} + +// .footer{ +// width: 100%; +// min-height: 5%; +// display: flex; +// position: absolute; +// overflow-x: hidden; +// height: 250px; +// } + + diff --git a/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.spec.ts b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.spec.ts new file mode 100644 index 000000000..69c1a0a34 --- /dev/null +++ b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { FooterComponent } from '../../footer/footer.component'; +import { OnlineArticleComponent } from './online-article.component'; +import { HeaderComponent } from '../../header/header.component'; + +describe('OnlineArticleComponent', () => { + let component: OnlineArticleComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ OnlineArticleComponent, FooterComponent, HeaderComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(OnlineArticleComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.ts b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.ts new file mode 100644 index 000000000..db07e92a0 --- /dev/null +++ b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-online-article', + templateUrl: './online-article.component.html', + styleUrls: ['./online-article.component.scss'] +}) +export class OnlineArticleComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/Online-expansion-article/online-article.css.map b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.css.map new file mode 100644 index 000000000..7f96be1ae --- /dev/null +++ b/YStemAndChess/src/app/pages/Online-expansion-article/online-article.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "math-article.scss" + ], + "names": [], + "file": "math-article.css" +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/aboutUs/about-us.component.css b/YStemAndChess/src/app/pages/aboutUs/about-us.component.css new file mode 100644 index 000000000..15a3ea2fb --- /dev/null +++ b/YStemAndChess/src/app/pages/aboutUs/about-us.component.css @@ -0,0 +1,332 @@ +body { + padding-top: 5%; + background-color: #DFF2C8; +} + +#clear { + clear: both; +} + + +#difference-container { + position: relative; + margin: 0 auto; + width: 92.5%; + height: auto; + overflow: hidden; + background-color: #fdd005; + border-radius: 33px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#difference-container #difference-image img { + float: left; + overflow: hidden; + width: 42.45%; + height: auto; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border-bottom-left-radius: 33px; + border-top-left-radius: 33px; +} + +#difference-container #difference-header h4 { + float: right; + overflow: hidden; + margin-top: 3%; + margin-right: 23%; + width: 30%; + height: auto; + font-family: 'Lato'; + font-style: normal; + font-weight: 900; + font-size: 2.9vw; + line-height: 117.1%; + letter-spacing: 0.01em; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#difference-container #difference-statement p { + float: right; + overflow: hidden; + width: 42%; + height: auto; + margin-right: 11%; + font-family: 'Roboto'; + font-style: normal; + font-weight: 600; + font-size: 1.4vw; + line-height: 130%; + letter-spacing: 0.02em; + color: #4f4f4f; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#difference-container #difference-toApply h5 { + float: right; + overflow: hidden; + width: 40%; + height: auto; + margin-right: 13%; + font-family: 'Roboto'; + font-style: normal; + font-weight: 900; + font-size: 1.4vw; + line-height: 130%; + letter-spacing: 0.02em; + color: #4f4f4f; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#difference-container #difference-button button { + float: right; + overflow: hidden; + padding: 1.1%; + margin-right: 39%; + height: auto; + font-family: 'Roboto'; + font-style: normal; + font-weight: bold; + font-size: 1.8vw; + line-height: 117.1%; + letter-spacing: 0.01em; + background-color: #fff; + color: #3A7CCA; + border-radius: 33px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#difference-container #difference-button button:hover { + color: #fff; + background-color: #3A7CCA; +} + +#locations-container { + width: 92.5%; + position: relative; + margin: 0 auto; + margin-top: 5%; + width: 92.5%; + height: auto; + overflow: hidden; + background-color: #51AA00; + border-radius: 33px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#locations-container #locations-image img { + float: right; + width: 50%; + height: auto; +} + +#locations-container #locations-header h3 { + float: left; + margin-top: 3%; + margin-left: 7%; + font-family: 'Lato'; + font-style: normal; + font-weight: 900; + font-size: 42px; + line-height: 117.1%; + letter-spacing: 0.07em; + color: #FFFFFF; +} + +#locations-container #locations-statement p { + float: left; + width: 38%; + margin-top: 3%; + margin-left: 7%; + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + font-size: 1.4vw; + line-height: 117.1%; + letter-spacing: 0.01em; + color: #FFFFFF; +} + +#become-mentor-container { + position: relative; + width: 92.5%; + margin: 0 auto; + margin-top: 5%; + width: 92.5%; + height: auto; + overflow: hidden; + background-color: #ff8503; + border-radius: 33px; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +#become-mentor-container #become-mentor-image img { + float: left; + width: 27%; + height: auto; + padding-bottom: 5%; + margin-top: 3.7%; + margin-left: 9%; + border-radius: 100%; +} + +#become-mentor-container #become-mentor-header h3 { + float: right; + margin-top: 3%; + margin-right: 30%; + font-family: 'Lato'; + font-style: normal; + font-weight: 900; + font-size: 3vw; + line-height: 117.1%; + letter-spacing: 0.01em; + color: #FFFFFF; +} + +#become-mentor-container #become-mentor-statement p { + float: right; + width: 48%; + height: auto; + margin-top: 2%; + margin-right: 8%; + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + font-size: 1.4vw; + line-height: 130%; + letter-spacing: 0.02em; + color: #FFFFFF; +} + +#become-mentor-container #become-mentor-button button { + float: right; + margin-right: 42.3%; + padding: 1%; + font-family: 'Roboto'; + font-style: bold; + font-weight: bold; + font-size: 1.8vw; + line-height: 117.1%; + letter-spacing: 0.01em; + border-radius: 33px; + color: #3A7CCA; + background-color: #fff; +} + +#become-mentor-container #become-mentor-button button:hover { + color: #fff; + background-color: #3A7CCA; +} + +@media (max-width: 766px) { + #difference-container #difference-image { + margin: 0 auto; + } + #difference-container #difference-image img { + width: 100%; + max-height: 350px; + border-top-left-radius: 33px; + border-top-right-radius: 33px; + border-bottom-left-radius: 0px; + } + #difference-container #difference-header { + margin-left: 5%; + } + #difference-container #difference-header h4 { + margin: 0 auto; + width: 90%; + height: auto; + margin-left: 5%; + margin-top: 3%; + font-size: 7vw; + } + #difference-container #difference-statement p { + margin: 0 auto; + width: 90%; + height: auto; + margin-top: 3%; + margin-right: 5%; + font-size: 3.1vw; + } + #difference-container #difference-toApply h5 { + margin: 0 auto; + width: 90%; + height: auto; + margin-right: 5%; + margin-top: 3%; + font-size: 3.1vw; + } + #difference-container #difference-button button { + padding: 4%; + height: auto; + margin-right: 34%; + margin-top: 3%; + margin-bottom: 5%; + font-size: 3.5vw; + } + #difference-container #difference-button button:active { + color: #fff; + background-color: #3A7CCA; + } + #locations-container #location-image { + margin: 0 auto; + } + #locations-container #locations-image img { + width: 100%; + height: auto; + } + #locations-container #locations-header h3 { + text-align: center; + width: 90%; + height: auto; + font-size: 7vw; + } + #locations-container #locations-statement p { + text-align: center; + width: 90%; + margin-bottom: 3%; + font-size: 3.1vw; + } + #become-mentor-container #become-mentor-image { + margin: 0 auto; + text-align: center; + } + #become-mentor-container #become-mentor-image img { + width: 60%; + margin-left: 21%; + } + #become-mentor-container #become-mentor-header h3 { + margin: 0 auto; + margin-right: 5%; + width: 90%; + height: auto; + text-align: center; + font-size: 7vw; + } + #become-mentor-container #become-mentor-statement p { + text-align: center; + width: 90%; + height: auto; + margin-top: 3%; + font-size: 3.1vw; + } + #become-mentor-container #become-mentor-button button { + padding: 4%; + margin-right: 34%; + margin-top: 3%; + margin-bottom: 5%; + font-size: 3.5vw; + } + #become-mentor-container #become-mentor-button button:active { + color: #fff; + background-color: #3A7CCA; + } +} +/*# sourceMappingURL=be-amentor.component.css.map */ \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/aboutUs/about-us.component.css.map b/YStemAndChess/src/app/pages/aboutUs/about-us.component.css.map new file mode 100644 index 000000000..813b31338 --- /dev/null +++ b/YStemAndChess/src/app/pages/aboutUs/about-us.component.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "about-us.component.scss" + ], + "names": [], + "file": "about-us.component.css" +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/aboutUs/about-us.component.html b/YStemAndChess/src/app/pages/aboutUs/about-us.component.html new file mode 100644 index 000000000..9ebcb1d64 --- /dev/null +++ b/YStemAndChess/src/app/pages/aboutUs/about-us.component.html @@ -0,0 +1,260 @@ + + + + + + + YStemandChess + + +
+ +
+ + + + + + +
+
+
+

Y Stem and Chess Inc. is a nonprofit

+

Your mission is to Empower underserved and at-risk communities with an + opportunity to pursue STEM careers and change their life trajectories. We are teaching underserved children and + adults chess, math, computer science, and cybersecurity to empower them to pursue STEM majors/professions with + the support of professionals.

+
+
+ +
+
+ +
+
+
+

+ We Offer +

+
+

Math Tutoring

+

Chess

+

Python

+

Mentoring

+

Personal Development

+

Linux

+

Study Habits

+

Careers in Computer
Science and STEM

+

Java

+
+ Budgeting, Finances, And More... +
+
+
+
+
+
+

+ Current Status +

+
+
+
    +
  • + + We are teaching in-person and remote classes. +
    • +
  • + + As of Fall 2023, we have 20 classes running, seeing about 120 students weekly in 5 different states. +
    • +
  • + + Reached over 1200 students in seven states and two countries +
    • +
  • + + Massive increases in test scores from the bottom 20% to the top %1 in several states. +
    • +
  • + + Three students studying computer science ( Ages 0-12) +
    • +
  • + + Developed a broad support base with local politicians, Department of Labor, local tech companies, + the YMCA, Rescue mission, and other for-profit/nonprofit organizations. +
    • +
  • + + We support Boise Rescue Missions, Boys and Girls Club, Boise District Community schools, + Neighborworks, and + Ventive LLC. +
    • +
+
+
+
+

+ 40
+ State Qualifiers (60% girls) +

+

+ 9
+ State Champions (6 girls) +

+ 2
+ National Qualifiers (both girls) +

+
+
+
+
+
+ + + + + + + + + + + + + + + + + + +
+
+

There are decades of research demonstrating that tutoring in math, chess, and computer science helps students + succeed in the short and long term. For example, the University of Chicago Urban Education Lab conducted a study + (SAGA Innovations) with 106 “underserved” students. It showed that providing rigorous individualized + High-Intensity Math Tutoring closed the 3-year learning gap from 6 months to 1 year. + +

+
+ +
+

Chess has been known for centuries to have many benefits and is a vital tool for (a) instilling creativity, (b) + improving memory, (c) developing problem-solving skills, (d) increasing reading scores, (e) increasing the ability + to concentrate, (f) improves reading scores, (g) stimulates dendrites growth, and (h) teaches planning and + foresight. Finally, it helps raise math skills which will be beneficial in the second level of the curriculum, + Math tutoring, and advanced courses of calculus and beyond. + +

+
+ +
+ +
+ +
+

The final component of our program in Computer Science can be a career goal.  Our approach to Computer Science + follows the methodology of Code.org. It is a leading non-profit in this service sector, reaching over 10,000 + teachers and 20 million students. Creating step-by-step Computer Science instructions helps students learn + computational thinking (CT). The increased level of “abstraction” is needed for generalizing solutions to other + situations. + +

+
+
+

Combining the other elements of the YSC program with those of Code.Org’s proven record provides high-level + confidence regarding success, given support. AP Computer Science is the fastest-growing AP this decade, but only + 59 students took the AP Computer Science Exam in Idaho last year. Only 24% of those who took the exam were female, + 2 Hispanic, and 2 African American. That leaves a huge potential for future developers that YSC can help prepare + for a STEM career. Idaho parents overwhelmingly want their children to learn code, but only 40% of schools offer + the subject in Idaho. More importantly, students want to code, and 54% love the class when it’s available.  + +

+
+ +
+

In conclusion, our goal is to help students realize their hidden STEM potential and provide them with the + resources to accomplish their dreams. YSC is dedicated to providing schools with an after-school program that will + act as a math-to-Computer Science class for free to any school wishing to allow students to participate. The goal + is to graduate with critical thinking, a strong math foundation, the soft skills to succeed in the workplace, and + technical skills in Computer Science like Python, Java, and Linux. + +

+
+
+ + + + + + + + + +
+ +
+ + + + + \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/aboutUs/about-us.component.scss b/YStemAndChess/src/app/pages/aboutUs/about-us.component.scss new file mode 100644 index 000000000..61982d6ae --- /dev/null +++ b/YStemAndChess/src/app/pages/aboutUs/about-us.component.scss @@ -0,0 +1,1047 @@ +// body { +// padding-top:5%; //50px +// margin-bottom: 25%; +// } + +// //clears floats once they are no longer needed +// #clear { +// clear:both; +// } + +// //our mission container +// #our-mission-container { +// position:relative; +// float:left; +// overflow: hidden; +// margin-left:3%; //53px +// width:55%; +// height:auto; //481px +// background-color:#51AA00; +// border-radius:33px; //33px + +// #our-mission-image img { +// float:left; +// overflow: hidden; +// width:50%; +// height:100%; //108.079% +// margin:0; +// //box-sizing: border-box; +// } + +// #our-mission-statement-header h3 { +// float:right; +// width:35%; +// height:auto; +// margin-right:10.5%; //80px +// overflow: hidden; +// font-family: 'Lato'; +// font-style:bold; +// font-weight:900; +// font-size:3vw; //42px //262.5% +// line-height: 250%; +// letter-spacing:0.07em; +// color:#fff; +// box-sizing: border-box; +// } + +// #our-mission-statement-paragraph p { +// float:right; +// width:35%; +// height:auto; +// margin-right:10.5%; //80px; +// overflow: hidden; +// font-family:'Roboto'; +// font-style:normal; +// font-weight:500; +// font-size:1.4vw; // 137.5% +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// box-sizing: border-box; +// } +// } + +// //play container +// #play-container { +// float:right; +// overflow: hidden; +// margin-right: 3%; //77px +// width: 30%; +// height:108.079%; +// border-radius:33px; +// background-color:#3A7CCA; + +// #play-container-header1 h3 { +// margin-top:8.5%; //35px; +// margin-left:16.5%; //75px +// font-family:'Lato'; +// font-style:bold; +// font-weight:900; +// font-size:3vw; +// line-height: 117.1%; +// letter-spacing:0.07em; +// color:#fff; +// } + +// #play-container-header2 h4 { +// margin-top:9.8%; //45 px +// margin-left:16.5%; //75px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:900; +// font-size:2vw; +// line-height:117.1%; +// letter-spacing: 0.01em; +// color:#fff; +// } + +// #play-container-paragraph p { +// margin-top:9.8%; //45px +// margin-left: 16.5%; //75px +// width:66%; +// font-family:'Roboto'; +// font-style:bold; +// font-weight:500; +// font-size:1.4vw; //22px +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// } + +// #play-container-links { +// margin-top:10%; //100px +// margin-left:16.5%; //75px +// padding-bottom: 12%; +// } + +// #play-container-links a { +// text-decoration: none; +// margin-right:8%; //30px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:700; +// font-size:1.7vw; //25px +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// } + +// #play-container-links a:hover { +// text-decoration: underline; +// } + +// #play-container-links button { +// padding:4%; //15px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:bold; +// font-size:1.8vw; //28px +// line-height: 117.1%; +// letter-spacing:0.01em; +// border-radius: 33px; +// color:#3A7CCA; +// background-color: #fff; +// } + +// #play-container-links button:hover { +// color:#fff; +// background-color: #3A7CCA; +// } +// } + +// #become-a-mentor-container { +// display:table; +// margin:0 auto; +// margin-top: 5%; //75px +// width:95%; +// height:38%; //652px +// padding-bottom: 8%; +// border-radius: 33px; +// background-color: #FDD005; + +// #become-a-mentor-img { +// float:left; +// width:30%; +// height:auto; +// margin-top:6.3%; +// margin-left:8%; +// box-sizing: border-box; +// } + +// #become-a-mentor-img img { +// width:110%; +// height:auto; +// margin:0; +// border-radius:100%; +// } + +// #become-a-mentor-header1 { +// float:right; +// margin-right:30%; +// margin-top:6.3%; +// } + +// #become-a-mentor-header1 h3 { +// font-family:'Lato'; +// font-style:normal; +// font-weight:900; +// font-size:2.75vw; //42px; +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#4f4f4f; +// } + +// #become-a-mentor-header2 { +// float:right; +// margin-right:18%; +// margin-top:0.5%; +// } + +// #become-a-mentor-header2 h4 { +// font-family:'Roboto'; +// font-style: bold; //normal +// font-weight:900; //500 +// font-size:2.15vw; //33px +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#4f4f4f; +// } + +// #become-a-mentor-statement { +// float:right; +// width: 42%; +// height:auto; +// margin-top:3%; +// margin-right:11%; +// } + +// #become-a-mentor-statement p { +// font-family:'Roboto'; +// font-style:bold; //normal +// font-weight:700; //500 +// font-size:1.4vw; //22px +// line-height: 130%; +// letter-spacing: 0.02em; +// color:#4f4f4f; +// } +// } + +// #opening-minds-container { +// position:relative; +// margin:0 auto; +// margin-top:5%; //75px +// width:95%; +// height:auto; //882px +// border-radius:33px; +// background-color: #FF8503; +// overflow: hidden; +// box-sizing: border-box; + +// #opening-minds-img { +// float:right; +// width:39.5%; +// height: auto; +// box-sizing: border-box; +// } + +// #opening-minds-img img { +// width:100%; +// height:575px; +// border-bottom-right-radius: 33px; +// border-top-right-radius: 33px; +// } + +// #opening-minds-header { +// float:left; +// margin-top:5%; +// margin-left:10.5%; +// margin-bottom: 3%; +// } + +// #opening-minds-header h3 { +// font-family:'Lato'; +// font-style:bold; //normal +// font-weight:900; +// font-size:2.75vw; //42px +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#fff; +// } + +// #opening-minds-video { +// margin-left:8.7%; +// } + +// #opening-minds-video iframe { +// width: 45%; //560px +// min-height:315px; //315px +// border-radius: 33px; +// } +// } + +// @media(max-width:950px) { + +// #our-mission-container{ + +// height:450px; +// overflow: hidden; + +// #our-mission-image { +// height:auto; +// } + +// #our-mission-image img { +// height:fit-content; +// } + +// #our-mission-statement-header h3 { +// font-size:3vw; //42px //262.5% +// } + +// #our-mission-statement-paragraph p { +// font-size:2vw; // 137.5% +// } +// } + +// #play-container { + +// #play-container-header1 h3 { +// font-size:3vw; +// } + +// #play-container-header2 h4 { +// font-size:3vw; +// } + +// #play-container-paragraph p { +// font-size:2vw; //22px +// } + +// #play-container-links { +// margin-top:10%; //100px +// margin-left:5%; //75px +// padding-bottom: 12%; +// } + +// #play-container-links a { +// text-decoration: none; +// font-size:1.9vw; //25px +// } + +// #play-container-links a:active { +// text-decoration: underline; +// } + +// #play-container-links button { +// font-size:2.3vw; //28px +// } +// } + +// #become-a-mentor-container { + + +// #become-a-mentor-img { +// margin-top:10%; +// margin-left:5%; +// width:30%; +// } + +// #become-a-mentor-img img { +// width:130%; +// } + +// #become-a-mentor-header1 { +// margin-right:9%; +// } + +// #become-a-mentor-header1 h3 { +// font-size:5vw; //42px; +// } + +// #become-a-mentor-header2 { +// margin-right:2%; +// } + +// #become-a-mentor-header2 h4 { +// font-size:3vw; //33px +// } + +// #become-a-mentor-statement { +// margin-right:9.3%; +// } + +// #become-a-mentor-statement p { +// font-size:2vw; //22px +// } +// } + +// #opening-minds-container { + +// #opening-minds-img { +// width:39.5%; +// height: auto; +// } + +// #opening-minds-img img { +// width:100%; +// height:auto/2; //575px +// border-bottom-right-radius: 33px; +// border-top-right-radius: 33px; +// } + +// #opening-minds-header { +// float:left; +// margin-top:5%; +// margin-left:7%; +// } + +// #opening-minds-header h3 { +// font-size:3.5vw; //42px +// } + +// #opening-minds-video { +// margin-left:8.7%; +// } + +// #opening-minds-video iframe { +// margin-top: 5%; +// width: 45%; //560px +// min-height:315px; //315px +// border-radius: 33px; +// } +// } + +// } + +// @media(max-width:860px) { +// #our-mission-container { +// height:420px; +// } +// } + +// @media(max-width:835px) { +// #our-mission-container { +// height:400px; +// } +// } + +// //mobile version +// @media(max-width: 766px) { +// #our-mission-container { +// margin: 0 auto; +// width:90%; +// height:auto; //481px +// margin-left:5%; + +// #our-mission-image { +// margin: 0 auto; +// } + +// #our-mission-image img { +// width:100%; +// max-height:300px; +// border-top-left-radius: 33px; +// border-top-right-radius: 33px; +// border-bottom-left-radius: 0px; +// } + +// #our-mission-statement-header { +// margin: 0 auto; +// } + +// #our-mission-statement-header h3 { +// margin: auto; +// text-align: center; +// width:100%; +// height:auto; +// font-size:7.1vw; //42px //262.5% +// } + +// #our-mission-statement-paragraph { +// margin: 0 auto; +// } + +// #our-mission-statement-paragraph p { +// margin:auto; +// margin-bottom:5%; +// text-align: center; +// width:100%; +// height:auto; +// font-size:5.1vw; // 137.5% +// } +// } + +// //play container +// #play-container { +// margin: 0 auto; +// width:90%; +// height:auto; //481px +// margin-right:5%; +// margin-top:5%; + +// #play-container-header1 h3 { +// font-size:7.1vw; +// } + +// #play-container-header2 h4 { +// margin-top:3.5%; +// font-size:6.5vw; +// } + +// #play-container-paragraph p { +// margin-top:3.5%; +// font-size:5.1vw; //22px +// } + +// #play-container-links { +// margin-top:10%; //100px +// margin-left:16.5%; //75px +// padding-bottom: 12%; +// } + +// #play-container-links a { +// font-size:5vw; //25px +// } + +// #play-container-links a:active { +// text-decoration: underline; +// } + +// #play-container-links button { +// font-size:5vw; //28px +// } + +// #play-container-links button:active { +// color:#fff; +// background-color: #3A7CCA; +// } +// } + +// #become-a-mentor-container { +// width:90%; +// height:auto; //652px + +// #become-a-mentor-img { +// margin:0 auto; +// width:60%; +// height:auto; +// } + +// #become-a-mentor-img img { +// margin-top:3%; +// margin-left:18.5%; +// } + +// #become-a-mentor-header1 { +// margin:0 auto; +// width:100%; +// } + +// #become-a-mentor-header1 h3 { +// margin:auto; +// text-align: center; +// font-size:7.1vw; //42px; +// } + +// #become-a-mentor-header2 { +// margin: 0 auto; +// margin-top:3%; +// width: 100%; +// } + +// #become-a-mentor-header2 h4 { +// margin: auto; +// text-align: center; +// font-size:6vw; //33px +// } + +// #become-a-mentor-statement { +// margin: 0 auto; +// margin-top: 3%; +// margin-right:5%; +// width: 90%; +// height:auto; +// } + +// #become-a-mentor-statement p { +// margin: auto; +// text-align: center; +// font-size:5.1vw; //22px +// } +// } + +// #opening-minds-container { +// width:90%; +// height:auto; //882px + +// #opening-minds-img { +// margin: 0 auto; +// width:100%; +// } + +// #opening-minds-img img { +// width:100%; +// max-height: 350px; +// border-bottom-right-radius: 0%; +// } + +// #opening-minds-header { +// margin: 0 auto; +// width:100%; +// height:auto; +// margin-top:3%; +// margin-bottom:3%; +// } + +// #opening-minds-header h3 { +// margin: auto; +// text-align: center; +// font-size:7vw; //42px +// } + +// #opening-minds-video { +// margin: 0 auto; +// width:100%; +// height:auto; +// margin-left: 16%; +// margin-bottom: 3%; +// } + +// #opening-minds-video iframe { +// width: 70%; //560px +// height:315px; //315px +// border-radius: 33px; +// } +// } +// } + + +@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto&display=swap'); +*{ + box-sizing: border-box; + // margin: 0 !important; + // padding: 0; + +} + +body{ + background-color: #DFF2C8; +} + +li, a, button { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-size: 16px; + color: #000000; + text-decoration: none; +} + +.we-offer-section{ + text-align: center; + + padding: 40px 180px; +} + +.offer-table{ + margin-left: auto !important; + margin-right: auto !important; + border:none !important; +} + + + +.signup { + padding: 9px 20px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 174px; + height: 55px; +} + +.logo { + width: 319px; + height: 100px; +} + +// .container{ +// display: flex; +// position: relative; +// // top: 30px; +// max-width: 100%; +// width: 100%; +// margin: 0 auto; +// padding: 0 3rem; +// z-index: 10; +// padding-top: 45px; +// justify-content: space-around; +// } + +.txt-p{ + text-align: left; + text-align:justify; +} + +.apply-now-btn{ + padding:50px 0; + text-align: center; +} + +.everyone{ + padding: 0 3rem; +} + +.first-head { + font-family: "Lato", sans-serif; + font-size: 24px; + font-weight: bold; + // height: 96px; + // width: 550px; + // // padding-left: 80px; + // padding-top: 20px; +} + +.first-text { + // height: 84px; + // width: 549px; + font-family: "Roboto", sans-serif; + font-size: 20px; + // padding-left: 80px; + // padding-top: 0px; +} + +.donate { + padding: 9px 25px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 248px; + height: 66px; + // padding-left: 80px; +} + +.block1 { + padding-top: 100px; + +} + + +.first-pic img { + width: -webkit-fill-available; + object-fit: none; +} + +.divider { + display: flex; + position: relative; + top: 30px; + max-width: 100%; + width: 100%; + margin: 0 auto; + padding: 0; + z-index: 10; + padding-top: 0px; + justify-content: center; +} + +.second-head { + font-family: "Lato", sans-serif; + font-size: 24px; + font-weight: bold; + height: 38px; + width: 100%; + justify-content: space-around; + padding-left: 11rem; + padding-top: 2rem; +} + +.third-head { + font-family: "Lato", sans-serif; + font-size: 24px; + font-weight: bold; + height: 38px; + width: 100%; + justify-content: space-around; + padding-left: 11rem; + padding-top: 25px; +} + +// .container2 { +// display: flex; +// position: relative; +// top: 30px; +// max-width: 100%; +// width: 100%; +// margin: 0 auto; +// padding: 0 3rem; +// z-index: 10; +// padding-top: 30px; +// justify-content: space-around; + +// } + +.container2 { + display: flex; + position: relative; + top: 30px; + max-width: 100%; + width: 100%; + margin: 0 auto; + padding: 0 8rem; + z-index: 10; + padding-top: 30px; + justify-content: space-evenly; + +} + +.join2 { + position: absolute; + top: 550; + left: 180; + width: 280px; + cursor: pointer; + opacity: 0; +} + +.join3 { + position: absolute; + top: 550; + right: 210; + width: 280px; + cursor: pointer; + opacity: 0; + +} + +.container3 { + display: flex; + position: relative; + // top: 30px; + max-width: 100%; + width: 100%; + // margin: 0 auto; + padding: 0 0rem; + // z-index: 10; + padding-top: 55px; + // justify-content: space-around; +} + +.info { + width: 100%; + height:100%; +} + +.apply-now{ + background-color: #EAD94C; + color:black; + font-weight: bold; + box-shadow: 3px 4px #D4DDDD; + border:none; + padding:7px 50px; + border-radius: 5px; +} + +.container4 { + padding-top: 0px; + padding-left: 0px; +} + +.container5 { + display: flex; + width: 100%; + // height: 250px; + // padding-left: 650px; + padding-top: 75px; + justify-content: center; + padding-bottom: 500px; + +} + +.border { + width: 70%; + // height: 450px; + // border: 3px solid rgb(122, 214, 47) !important; + // border-radius: 4px; + // position: absolute; + margin-top:40px; +} + +.rectdiv2{ + background-color: #BFD99E; + width: 100%; + margin-bottom: 30px; + padding:34px 0; +} + + +.recttext{ + padding-left: 45px; + line-height: 28px; + list-style: none; + position: relative; +} + +.recttext p { + margin-top: 10px; + word-wrap: break-word; + overflow-wrap: break-word; +} + +.recttext::before { + content: ""; + display: inline-block; + margin-right: 10px; + height: 33px; + background-repeat: no-repeat; + background-size: contain; + width: 46px; + position: absolute; + left: 0px; + top: -6px; + background-image: url('../../../assets/images/aboutUs/divide_icon.png'); +} + +@media only screen and (max-width: 992px) { + .current-chart { + height: 285px; + } +} + +@media only screen and (max-width: 415px) { + .p-relative .red { + width: 70px!important; + font-size: 13px; + } + + .p-relative .yellow { + width: 70px!important; + font-size: 13px; + left: 70px!important; + } + + .p-relative .orange { + width: 70px!important; + font-size: 13px; + left: 140px!important; + } +} + + + +.student-img{ + padding-bottom:20px; + height:400px; + width:400px; + +} + +@media only screen and (max-width: 480px){ + .student-img { + height: auto; + width: -webkit-fill-available; + } +} + +.text6{ + padding-bottom: 3px; + font-family: "Roboto", sans-serif; + font-size: 16px; + text-indent: 20px; +} + +td{ + padding: 12px; + font-weight: 600; + font-size:19px; +} + +.content { + padding-left: 280px; + padding-top: 120px; +} + +.group47 { + width: 300px; + height: 100px; + padding-left: 70px; + padding-bottom: 20px; +} + +.text1 { + padding-left: 10px; +} + +.text2 { + padding-right: px; +} + +.text3 { + padding-left: 130px; +} + +.joinnow { + display: flex; + width: 400px; + height: 80px; + padding-left: 85px; + padding-top: 40px; + cursor: pointer; +} + +.footer { + width: 100%; + min-height: 5%; + display: flex; + position: absolute; + overflow-x: hidden; + height: 250px; +} + +.p-relative { + position: relative; +} + +.p-relative .red { + width: 90px; + height: 150px; + background: red; + text-align: center; + position: absolute; + bottom: -260px; + padding-top:15px; +} + +.p-relative .yellow { + width: 90px; + height: 225px; + position: absolute; + background: #FFD233; + left: 90px; + text-align: center; + bottom: -260px; + padding-top:15px; +} + +.p-relative .orange { + width: 90px; + height: 182px; + background: #FF8819; + text-align: center; + position: absolute; + bottom: -260px; + left: 180px; + padding-top:15px; +} + +.title-num { + font: 39px; +} + + + + + + + + + diff --git a/YStemAndChess/src/app/pages/aboutUs/about-us.component.spec.ts b/YStemAndChess/src/app/pages/aboutUs/about-us.component.spec.ts new file mode 100644 index 000000000..7b734c220 --- /dev/null +++ b/YStemAndChess/src/app/pages/aboutUs/about-us.component.spec.ts @@ -0,0 +1,29 @@ +import { ComponentFixture, TestBed, async } from '@angular/core/testing'; + +import { AboutUsComponent } from './about-us.component'; +import { HeaderComponent } from '../../header/header.component'; +import { FooterComponent } from '../../footer/footer.component'; +import { ModalModule } from '../../_modal'; + +describe('AboutUsComponent', () => { + let component: AboutUsComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AboutUsComponent, HeaderComponent, FooterComponent ], + imports: [ ModalModule ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AboutUsComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/YStemAndChess/src/app/pages/aboutUs/about-us.component.ts b/YStemAndChess/src/app/pages/aboutUs/about-us.component.ts new file mode 100644 index 000000000..06dd2ca15 --- /dev/null +++ b/YStemAndChess/src/app/pages/aboutUs/about-us.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-about-us', + templateUrl: './about-us.component.html', + styleUrls: ['./about-us.component.scss'] +}) +export class AboutUsComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/YStemAndChess/src/app/pages/admin-profile/admin.component.css b/YStemAndChess/src/app/pages/admin-profile/admin.component.css deleted file mode 100644 index d4b6eb46c..000000000 --- a/YStemAndChess/src/app/pages/admin-profile/admin.component.css +++ /dev/null @@ -1,127 +0,0 @@ - .box { - width: 700px; /* Increased width */ - height: 500px; /* Added height */ - border: 1px solid #ccc; - border-radius: 5px; - background-color: #D4DDDD; - - margin: 0 auto; - } - .tab-nav { - display: flex; - margin-bottom: 20px; - } - .tab-nav button { - flex: 1; /* Added flex to make tabs equal width */ - background-color: #EAD94C; - border: none; - border-radius: 0px; - padding: 5px 10px; /* Adjusted padding */ - font-size: 16px; - cursor: pointer; - text-align: center; /* Added text alignment */ - } - .tab-nav button:hover { - background-color: #D4DDDD; - } - .tab-nav button.active { - background-color: #7FCC26; - color: #000000; - } - .tab-content { - display: none; - /* Increased padding to accommodate tabs at the top of the box */ - padding-top: 20px; - } - .tab-content.active { - display: block; - } - - li { - list-style-type: none; - margin-bottom: 1%; -} - -.board-heading { - font-size: xx-large; - margin-left: 10%; -} - -.sub-heading { - font-size: x-large; -} - -.header-container { - display: flex; - width: 100%; - background-color: #ffffff; -} - -.board-logo { - width: 20%; - margin-right: 5%; -} - -.header-button { - display: inline-block; - margin-right: 5%; - margin-top: 10px; -} - -.header-right-section { - width: 75%; - text-align: right; -} - -.board-container{ - margin: 5% 10%; - margin-bottom: 10%; -} - -.board-container img { - padding: 5%; - } - -.chess-image { - display: block; - margin: 0 auto; - text-align: center; -} - -html, body { - height: 100%; - margin: 0; - padding: 0; - background-color: #E5F3D2; -} - -.footer { - width: 100%; - background-color: rgb(169, 208, 159) !important; - overflow: auto; -} - -.table { - width: 50%; - float: right; - margin-top: 1%; - margin-bottom: 1%; -} - -.contact-info, .table-two { - line-height: 10%; - margin-left: 10%; -} - -.contact-info { - margin-top: 1.5%; -} - -.table-two { - margin-top: 2%; -} - -.table img { - width: 25%; -} - \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/admin-profile/admin.component.html b/YStemAndChess/src/app/pages/admin-profile/admin.component.html deleted file mode 100644 index a641a19fe..000000000 --- a/YStemAndChess/src/app/pages/admin-profile/admin.component.html +++ /dev/null @@ -1,93 +0,0 @@ - - - - - - - Document - - - -
- -
-
Programs
-
Mentors
-
Lesson/Play
-
Log In
- -
-
- -
-
-
- - -
-
-

Dashboard

-
-
-

Search

-
-
- - - -
- -
- - - - - - - - - - - - - - - - - - - - -
SponsorsPartners
-
-

info@ystemandchess.com

-

+1 208.996.5071

-
-
- - - - - - -
-
- - - - - - diff --git a/YStemAndChess/src/app/pages/admin-profile/admin.component.scss b/YStemAndChess/src/app/pages/admin-profile/admin.component.scss deleted file mode 100644 index 840f97885..000000000 --- a/YStemAndChess/src/app/pages/admin-profile/admin.component.scss +++ /dev/null @@ -1,127 +0,0 @@ -.box { - width: 700px; /* Increased width */ - height: 500px; /* Added height */ - border: 1px solid #ccc; - border-radius: 5px; - background-color: #D4DDDD; - - margin: 0 auto; - } - .tab-nav { - display: flex; - margin-bottom: 20px; - } - .tab-nav button { - flex: 1; /* Added flex to make tabs equal width */ - background-color: #EAD94C; - border: none; - border-radius: 0px; - padding: 5px 10px; /* Adjusted padding */ - font-size: 16px; - cursor: pointer; - text-align: center; /* Added text alignment */ - } - .tab-nav button:hover { - background-color: #D4DDDD; - } - .tab-nav button.active { - background-color: #7FCC26; - color: #000000; - } - .tab-content { - display: none; - /* Increased padding to accommodate tabs at the top of the box */ - padding-top: 20px; - } - .tab-content.active { - display: block; - } - - li { - list-style-type: none; - margin-bottom: 1%; -} - -.board-heading { - font-size: xx-large; - margin-left: 10%; -} - -.sub-heading { - font-size: x-large; -} - -.header-container { - display: flex; - width: 100%; - background-color: #ffffff; -} - -.board-logo { - width: 20%; - margin-right: 5%; -} - -.header-button { - display: inline-block; - margin-right: 5%; - margin-top: 10px; -} - -.header-right-section { - width: 75%; - text-align: right; -} - -.board-container{ - margin: 5% 10%; - margin-bottom: 10%; -} - -.board-container img { - padding: 5%; - } - -.chess-image { - display: block; - margin: 0 auto; - text-align: center; -} - -html, body { - height: 100%; - margin: 0; - padding: 0; - background-color: #E5F3D2; -} - -.footer { - width: 100%; - background-color: rgb(169, 208, 159) !important; - overflow: auto; -} - -.table { - width: 50%; - float: right; - margin-top: 1%; - margin-bottom: 1%; -} - -.contact-info, .table-two { - line-height: 10%; - margin-left: 10%; -} - -.contact-info { - margin-top: 1.5%; -} - -.table-two { - margin-top: 2%; -} - -.table img { - width: 25%; -} - \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/admin-profile/admin.component.ts b/YStemAndChess/src/app/pages/admin-profile/admin.component.ts deleted file mode 100644 index 22f539eaa..000000000 --- a/YStemAndChess/src/app/pages/admin-profile/admin.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component, OnInit } from '@angular/core'; - -@Component({ - selector: 'app-sponsors', - templateUrl: './sponsors.component.html', - styleUrls: ['./sponsors.component.scss'] -}) -export class AdminComponent implements OnInit { - - constructor() { } - - ngOnInit(): void { - } - -} diff --git a/YStemAndChess/src/app/pages/admin-profile/adnmin.component.ts b/YStemAndChess/src/app/pages/admin-profile/adnmin.component.ts deleted file mode 100644 index eb28e42b5..000000000 --- a/YStemAndChess/src/app/pages/admin-profile/adnmin.component.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { ComponentFixture, TestBed } from '@angular/core/testing'; - -import { AdminComponent } from './admin.component'; - -describe('AdminComponent', () => { - let component: AdminComponent; - let fixture: ComponentFixture; - - beforeEach(async () => { - await TestBed.configureTestingModule({ - declarations: [ AdminComponent ] - }) - .compileComponents(); - }); - - beforeEach(() => { - fixture = TestBed.createComponent(AdminComponent); - component = fixture.componentInstance; - fixture.detectChanges(); - }); - - it('should create', () => { - expect(component).toBeTruthy(); - }); -}); diff --git a/YStemAndChess/src/app/pages/admin/admin.component.css b/YStemAndChess/src/app/pages/admin/admin.component.css index d939d12bf..aca0acbff 100644 --- a/YStemAndChess/src/app/pages/admin/admin.component.css +++ b/YStemAndChess/src/app/pages/admin/admin.component.css @@ -1,46 +1,126 @@ -.row h2 { - margin-top: 4%; +.box { + width: 700px; /* Increased width */ + height: 500px; /* Added height */ + border: 1px solid #ccc; + border-radius: 5px; + background-color: #D4DDDD; + + margin: 0 auto; +} +.tab-nav { + display: flex; + margin-bottom: 20px; +} +.tab-nav button { + flex: 1; /* Added flex to make tabs equal width */ + background-color: #EAD94C; + border: none; + border-radius: 0px; + padding: 5px 10px; /* Adjusted padding */ + font-size: 16px; + cursor: pointer; + text-align: center; /* Added text alignment */ +} +.tab-nav button:hover { + background-color: #D4DDDD; +} +.tab-nav button.active { + background-color: #7FCC26; + color: #000000; +} +.tab-content { + display: none; + /* Increased padding to accommodate tabs at the top of the box */ + padding-top: 20px; +} +.tab-content.active { + display: block; } -.studentProgress { - padding: 5px; - margin: 10px; +li { + list-style-type: none; + margin-bottom: 1%; +} + +.board-heading { + font-size: xx-large; + margin-left: 10%; +} + +.sub-heading { + font-size: x-large; +} + +.header-container { + display: flex; width: 100%; - background-color: #C4C4C4; - border-collapse: separate; + background-color: #ffffff; } -.studentProgress td { - padding: 10px; - background-color: #E5E5E5; - border-bottom: black 1px solid; +.board-logo { + width: 20%; + margin-right: 5%; } -.studentProgress th { - font-family: 'Lato'; - font-weight: 600; - font-size: 16px; - line-height: 117.1%; - padding: 10px; - background-color: #C4C4C4; - border-bottom: black 1px solid; +.header-button { + display: inline-block; + margin-right: 5%; + margin-top: 10px; } -.searchbox { - margin-bottom: 40px; +.header-right-section { + width: 75%; + text-align: right; } -.searchBtn { - padding: 7px; - font-size: 19px; - border-radius: 12px; - border: none; - background-color: #C4C4C4; - -webkit-transition-duration: 0.2s; - transition-duration: 0.2s; +.board-container{ + margin: 5% 10%; + margin-bottom: 10%; +} + +.board-container img { + padding: 5%; +} + +.chess-image { + display: block; + margin: 0 auto; + text-align: center; +} + +html, body { + height: 100%; + margin: 0; + padding: 0; + background-color: #E5F3D2; +} + +.footer { + width: 100%; + background-color: rgb(169, 208, 159) !important; + overflow: auto; +} + +.table { + width: 50%; + float: right; + margin-top: 1%; + margin-bottom: 1%; +} + +.contact-info, .table-two { + line-height: 10%; + margin-left: 10%; +} + +.contact-info { + margin-top: 1.5%; +} + +.table-two { + margin-top: 2%; } -.searchBtn:hover { - background-color: white; +.table img { + width: 25%; } -/*# sourceMappingURL=admin.component.css.map */ \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/admin/admin.component.html b/YStemAndChess/src/app/pages/admin/admin.component.html index 59c71c7cb..7db683c15 100644 --- a/YStemAndChess/src/app/pages/admin/admin.component.html +++ b/YStemAndChess/src/app/pages/admin/admin.component.html @@ -1,93 +1,49 @@ - - - - -
- -
+ + + + + + + Document + + +
+ + +
+ - -
-
-
-

Welecome Brian

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et - dolore magna aliqua. In aliquam sem fringilla ut. Eget mi proin sed libero enim sed faucibus turpis. - Tristique senectus et netus et malesuada fames ac. Lobortis scelerisque fermentum dui faucibus. Vitae - congue eu consequat ac felis donec et odio. Augue ut lectus arcu bibendum. Felis eget velit aliquet - sagittis id consectetur purus ut faucibus. Justo eget magna fermentum iaculis eu. Tempus iaculis urna id - volutpat lacus laoreet. Justo laoreet sit amet cursus sit. Facilisis gravida neque convallis a cras. - Quam vulputate dignissim suspendisse in est ante in. -

-
-
-
-
-
-

Search for a Student

- - - - - - - - - - - - - -
NameDOBZip
+
+
+
+ + +
+
+

Dashboard

- -
+
+

Search

+
+
+ + -
- - - - - - - - - - - - - - - - -
MentorProgress
Anna C.Up Down Up DownDown Up Down Up
Michel D.Up Down Up DownDown Up Down Up
-
- +
-
+
-
- - \ No newline at end of file +
+ + diff --git a/YStemAndChess/src/app/pages/admin/admin.component.scss b/YStemAndChess/src/app/pages/admin/admin.component.scss index 20c79f115..d8cb70f8f 100644 --- a/YStemAndChess/src/app/pages/admin/admin.component.scss +++ b/YStemAndChess/src/app/pages/admin/admin.component.scss @@ -1,43 +1,126 @@ -.row h2 { - margin-top: 4%; +.box { + width: 700px; /* Increased width */ + height: 500px; /* Added height */ + border: 1px solid #ccc; + border-radius: 5px; + background-color: #D4DDDD; + + margin: 0 auto; + } + .tab-nav { + display: flex; + margin-bottom: 20px; + } + .tab-nav button { + flex: 1; /* Added flex to make tabs equal width */ + background-color: #EAD94C; + border: none; + border-radius: 0px; + padding: 5px 10px; /* Adjusted padding */ + font-size: 16px; + cursor: pointer; + text-align: center; /* Added text alignment */ + } + .tab-nav button:hover { + background-color: #D4DDDD; + } + .tab-nav button.active { + background-color: #7FCC26; + color: #000000; + } + .tab-content { + display: none; + /* Increased padding to accommodate tabs at the top of the box */ + padding-top: 20px; + } + .tab-content.active { + display: block; + } + + li { + list-style-type: none; + margin-bottom: 1%; +} + +.board-heading { + font-size: xx-large; + margin-left: 10%; +} + +.sub-heading { + font-size: x-large; } -.studentProgress { - padding: 5px; - margin: 10px; +.header-container { + display: flex; width: 100%; - background-color: #C4C4C4; - border-collapse: separate; - td { - padding: 10px; - background-color: #E5E5E5; - border-bottom: black 1px solid; - } - th { - font-family: 'Lato'; - font-weight: 600; - font-size: 16px; - line-height: 117.1%; - padding: 10px; - background-color: #C4C4C4; - border-bottom: black 1px solid; - } -} - -.searchbox { - margin-bottom: 40px; -} - -.searchBtn { - padding: 7px; - font-size: 19px; - border-radius: 12px; - border: none; - background-color: #C4C4C4; - transition-duration: 0.2s; + background-color: #ffffff; +} + +.board-logo { + width: 20%; + margin-right: 5%; +} + +.header-button { + display: inline-block; + margin-right: 5%; + margin-top: 10px; +} + +.header-right-section { + width: 75%; + text-align: right; +} + +.board-container{ + margin: 5% 10%; + margin-bottom: 10%; +} + +.board-container img { + padding: 5%; + } + +.chess-image { + display: block; + margin: 0 auto; + text-align: center; +} + +html, body { + height: 100%; + margin: 0; + padding: 0; + background-color: #E5F3D2; +} + +.footer { + width: 100%; + background-color: rgb(169, 208, 159) !important; + overflow: auto; +} + +.table { + width: 50%; + float: right; + margin-top: 1%; + margin-bottom: 1%; +} + +.contact-info, .table-two { + line-height: 10%; + margin-left: 10%; +} + +.contact-info { + margin-top: 1.5%; +} + +.table-two { + margin-top: 2%; } -.searchBtn:hover { - //color: #C4C4C4; - background-color: white; +.table img { + width: 25%; } \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/admin/admin.component.spec.ts b/YStemAndChess/src/app/pages/admin/admin.component.spec.ts index c367dace7..fb533f87e 100644 --- a/YStemAndChess/src/app/pages/admin/admin.component.spec.ts +++ b/YStemAndChess/src/app/pages/admin/admin.component.spec.ts @@ -1,21 +1,18 @@ -import { ComponentFixture, TestBed, async } from '@angular/core/testing'; - -import { AdminComponent } from './admin.component'; +import { ComponentFixture, TestBed } from '@angular/core/testing'; import { HeaderComponent } from '../../header/header.component'; +import { AdminComponent } from './admin.component'; import { FooterComponent } from '../../footer/footer.component'; -import { ModalModule } from '../../_modal'; describe('AdminComponent', () => { let component: AdminComponent; let fixture: ComponentFixture; - beforeEach(async(() => { - TestBed.configureTestingModule({ - declarations: [ AdminComponent, HeaderComponent, FooterComponent ], - imports: [ ModalModule ] + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AdminComponent, HeaderComponent, FooterComponent ] }) .compileComponents(); - })); + }); beforeEach(() => { fixture = TestBed.createComponent(AdminComponent); @@ -26,4 +23,4 @@ describe('AdminComponent', () => { it('should create', () => { expect(component).toBeTruthy(); }); -}); +}); \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/admin/admin.component.ts b/YStemAndChess/src/app/pages/admin/admin.component.ts index d267ab24c..ae8d15237 100644 --- a/YStemAndChess/src/app/pages/admin/admin.component.ts +++ b/YStemAndChess/src/app/pages/admin/admin.component.ts @@ -9,7 +9,7 @@ export class AdminComponent implements OnInit { constructor() { } - ngOnInit(): void { + ngOnInit ( ) : void { } -} +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/be-amentor/be-amentor.component.html b/YStemAndChess/src/app/pages/be-amentor/be-amentor.component.html index b501dfdb7..390b322e2 100644 --- a/YStemAndChess/src/app/pages/be-amentor/be-amentor.component.html +++ b/YStemAndChess/src/app/pages/be-amentor/be-amentor.component.html @@ -1,158 +1,127 @@ - - - - - - + -
- - - -
+ + + + + YStemandChess + + +
+ +
- - - - - -
-
- Child playing chess -
-
-

Interested in making a difference?

-
-
-

- Y STEM and Chess, Inc. (YSC) is focused on resolving two current - social problems by providing a uniquely twenty-first-century - methodology to learning called "Mastery Learning." First, YSC is - focused on our society’s unfulfilled need for students with a firm - learning foundation to pursue a life in the world of STEM. YSC seeks - to encourage STEM careers for all in our younger generation. Second, - and most importantly, YSC is focused on providing a solid educational - foundation for the children of our socially and economically - underserved populations and introducing and engaging them in the world - of STEM. -

+ -

- Our goal is to use the Mastery Learning Model to provide at-risk and - underserved children with the skills, knowledge, and opportunity to - enter STEM career paths and to assist in solving the critical shortage - of STEM-skilled citizens today. -

-

- Since Mastery Learning provides each student with a unique learning - experience, we need your help. -

-
-
-
To apply to become a mentor, please fill out this google form.
+ + + +
+
+
+

Become a Mentor

+

Your time and talent can make a real difference in people's lives.

+
+ + Apply Now + +
- - -
- -
-
- + + + + +
+ + +
+ +
+
+
+
+
+ +
Volunteer
+

Volunteering is a great way to help teach people valuable life lessons and learn something about yourself in return.

+
-
-

- Y STEM and Chess works with schools with a large percentage of - students qualifying for free or reduced-cost lunch programs or those - that focus on the "at-risk" student population. These students are the - "outliers" of our traditional education system, both socially and - economically. Students in this group are often rebellious, not because - they are unable to learn but because they respond differently to - different learning approaches. The schools understand this, and that - is why they are looking for alternative solutions to fulfill the needs - of their "at-risk" students. Y STEM and Chess aim to be that - alternative educational approach. -

+
+
+ +
Teaching and Learning
+

Since Mastery learning provides each student with a unique learning experience, we need you to help.

+
- -
-
-
- Stemy Mascot +
+
+ Apply Now
-
-

Become a mentor

-
-
-

- Y STEM and Chess works with schools with a large percentage of - students qualifying for free or reduced-cost lunch programs or that - focus on the “at-risk” student population. These students are the - “outliers” of our traditional education system both socially and - economically. Students of this group are often rebellious, not because - they are unable to learn, but because they respond to different - learning approaches. The schools understand this, and that is why they - are looking for alternative solutions to fulfill the needs of their - “at risk” students. Y STEM and Chess seeks to be that alternative - approach to education. -

-

- Our goal is to use the Mastery Learning Model to provide at-risk and - underserved children with the skills, knowledge, and opportunity to - enter STEM career paths and to assist in solving the critical shortage - of STEM-skilled citizens that exists today. -

-

- Since Mastery Learning provides each student with a unique learning - experience, we need YOU to help. -

+
+
+ + + + + + + +
- + + + + + \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/be-amentor/be-amentor.component.scss b/YStemAndChess/src/app/pages/be-amentor/be-amentor.component.scss index 895021051..cbc4f3e9f 100644 --- a/YStemAndChess/src/app/pages/be-amentor/be-amentor.component.scss +++ b/YStemAndChess/src/app/pages/be-amentor/be-amentor.component.scss @@ -1,351 +1,1005 @@ -body { - padding-top:5%; -} - -#clear { - clear:both; -} - -#difference-container { - position:relative; - margin:0 auto; - width: 92.5%; - height: auto; //768 px - overflow: hidden; - background-color: #fdd005; - border-radius: 33px; - box-sizing: border-box; - - #difference-image img { - float:left; - overflow: hidden; - width:42.45%; - height:auto; - box-sizing: border-box; - border-bottom-left-radius: 33px; - border-top-left-radius: 33px; - } +// body { +// padding-top:5%; //50px +// margin-bottom: 25%; +// } - #difference-header h4 { - float:right; - overflow:hidden; - margin-top:3%; - margin-right:23%; - width:30%; - height:auto; - font-family:'Lato'; - font-style:normal; - font-weight:900; - font-size:2.9vw; //42px - line-height:117.1%; - letter-spacing:0.01em; - box-sizing: border-box; - } +// //clears floats once they are no longer needed +// #clear { +// clear:both; +// } - #difference-statement p { - float:right; - overflow: hidden; - width:42%; - height:auto; - margin-right:11%; - //margin-top:2%; - font-family:'Roboto'; - font-style:normal; - font-weight:600; //500 - font-size:1.25vw; //22px - line-height: 130%; - letter-spacing: 0.02em; - color:#4f4f4f; - box-sizing: border-box; - } +// //our mission container +// #our-mission-container { +// position:relative; +// float:left; +// overflow: hidden; +// margin-left:3%; //53px +// width:55%; +// height:auto; //481px +// background-color:#51AA00; +// border-radius:33px; //33px - #difference-toApply h5 { - float:right; - overflow: hidden; - width:40%; - height:auto; - margin-right: 13%; - font-family: 'Roboto'; - font-style: normal; - font-weight: 900; - font-size: 1.4vw; - line-height: 130%; - letter-spacing: 0.02em; - color:#4f4f4f; - box-sizing: border-box; - } +// #our-mission-image img { +// float:left; +// overflow: hidden; +// width:50%; +// height:100%; //108.079% +// margin:0; +// //box-sizing: border-box; +// } - #difference-button button { - float:right; - overflow: hidden; - padding:1.1%; //15px - margin-right:39%; - height:auto; - font-family:'Roboto'; - font-style: normal; - font-weight: bold; - font-size: 1.8vw; //28px - line-height: 117.1%; //33px - letter-spacing: 0.01em; - background-color: #fff; - color:#3A7CCA; - border-radius: 33px; - box-sizing: border-box; - } +// #our-mission-statement-header h3 { +// float:right; +// width:35%; +// height:auto; +// margin-right:10.5%; //80px +// overflow: hidden; +// font-family: 'Lato'; +// font-style:bold; +// font-weight:900; +// font-size:3vw; //42px //262.5% +// line-height: 250%; +// letter-spacing:0.07em; +// color:#fff; +// box-sizing: border-box; +// } - #difference-button button:hover { - color:#fff; - background-color:#3A7CCA ; - } +// #our-mission-statement-paragraph p { +// float:right; +// width:35%; +// height:auto; +// margin-right:10.5%; //80px; +// overflow: hidden; +// font-family:'Roboto'; +// font-style:normal; +// font-weight:500; +// font-size:1.4vw; // 137.5% +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// box-sizing: border-box; +// } +// } + +// //play container +// #play-container { +// float:right; +// overflow: hidden; +// margin-right: 3%; //77px +// width: 30%; +// height:108.079%; +// border-radius:33px; +// background-color:#3A7CCA; + +// #play-container-header1 h3 { +// margin-top:8.5%; //35px; +// margin-left:16.5%; //75px +// font-family:'Lato'; +// font-style:bold; +// font-weight:900; +// font-size:3vw; +// line-height: 117.1%; +// letter-spacing:0.07em; +// color:#fff; +// } + +// #play-container-header2 h4 { +// margin-top:9.8%; //45 px +// margin-left:16.5%; //75px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:900; +// font-size:2vw; +// line-height:117.1%; +// letter-spacing: 0.01em; +// color:#fff; +// } + +// #play-container-paragraph p { +// margin-top:9.8%; //45px +// margin-left: 16.5%; //75px +// width:66%; +// font-family:'Roboto'; +// font-style:bold; +// font-weight:500; +// font-size:1.4vw; //22px +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// } + +// #play-container-links { +// margin-top:10%; //100px +// margin-left:16.5%; //75px +// padding-bottom: 12%; +// } + +// #play-container-links a { +// text-decoration: none; +// margin-right:8%; //30px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:700; +// font-size:1.7vw; //25px +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// } + +// #play-container-links a:hover { +// text-decoration: underline; +// } + +// #play-container-links button { +// padding:4%; //15px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:bold; +// font-size:1.8vw; //28px +// line-height: 117.1%; +// letter-spacing:0.01em; +// border-radius: 33px; +// color:#3A7CCA; +// background-color: #fff; +// } + +// #play-container-links button:hover { +// color:#fff; +// background-color: #3A7CCA; +// } +// } + +// #become-a-mentor-container { +// display:table; +// margin:0 auto; +// margin-top: 5%; //75px +// width:95%; +// height:38%; //652px +// padding-bottom: 8%; +// border-radius: 33px; +// background-color: #FDD005; + +// #become-a-mentor-img { +// float:left; +// width:30%; +// height:auto; +// margin-top:6.3%; +// margin-left:8%; +// box-sizing: border-box; +// } + +// #become-a-mentor-img img { +// width:110%; +// height:auto; +// margin:0; +// border-radius:100%; +// } + +// #become-a-mentor-header1 { +// float:right; +// margin-right:30%; +// margin-top:6.3%; +// } + +// #become-a-mentor-header1 h3 { +// font-family:'Lato'; +// font-style:normal; +// font-weight:900; +// font-size:2.75vw; //42px; +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#4f4f4f; +// } + +// #become-a-mentor-header2 { +// float:right; +// margin-right:18%; +// margin-top:0.5%; +// } + +// #become-a-mentor-header2 h4 { +// font-family:'Roboto'; +// font-style: bold; //normal +// font-weight:900; //500 +// font-size:2.15vw; //33px +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#4f4f4f; +// } + +// #become-a-mentor-statement { +// float:right; +// width: 42%; +// height:auto; +// margin-top:3%; +// margin-right:11%; +// } + +// #become-a-mentor-statement p { +// font-family:'Roboto'; +// font-style:bold; //normal +// font-weight:700; //500 +// font-size:1.4vw; //22px +// line-height: 130%; +// letter-spacing: 0.02em; +// color:#4f4f4f; +// } +// } + +// #opening-minds-container { +// position:relative; +// margin:0 auto; +// margin-top:5%; //75px +// width:95%; +// height:auto; //882px +// border-radius:33px; +// background-color: #FF8503; +// overflow: hidden; +// box-sizing: border-box; + +// #opening-minds-img { +// float:right; +// width:39.5%; +// height: auto; +// box-sizing: border-box; +// } + +// #opening-minds-img img { +// width:100%; +// height:575px; +// border-bottom-right-radius: 33px; +// border-top-right-radius: 33px; +// } + +// #opening-minds-header { +// float:left; +// margin-top:5%; +// margin-left:10.5%; +// margin-bottom: 3%; +// } + +// #opening-minds-header h3 { +// font-family:'Lato'; +// font-style:bold; //normal +// font-weight:900; +// font-size:2.75vw; //42px +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#fff; +// } + +// #opening-minds-video { +// margin-left:8.7%; +// } + +// #opening-minds-video iframe { +// width: 45%; //560px +// min-height:315px; //315px +// border-radius: 33px; +// } +// } + +// @media(max-width:950px) { + +// #our-mission-container{ + +// height:450px; +// overflow: hidden; + +// #our-mission-image { +// height:auto; +// } + +// #our-mission-image img { +// height:fit-content; +// } + +// #our-mission-statement-header h3 { +// font-size:3vw; //42px //262.5% +// } + +// #our-mission-statement-paragraph p { +// font-size:2vw; // 137.5% +// } +// } + +// #play-container { + +// #play-container-header1 h3 { +// font-size:3vw; +// } + +// #play-container-header2 h4 { +// font-size:3vw; +// } + +// #play-container-paragraph p { +// font-size:2vw; //22px +// } + +// #play-container-links { +// margin-top:10%; //100px +// margin-left:5%; //75px +// padding-bottom: 12%; +// } + +// #play-container-links a { +// text-decoration: none; +// font-size:1.9vw; //25px +// } + +// #play-container-links a:active { +// text-decoration: underline; +// } + +// #play-container-links button { +// font-size:2.3vw; //28px +// } +// } + +// #become-a-mentor-container { + + +// #become-a-mentor-img { +// margin-top:10%; +// margin-left:5%; +// width:30%; +// } + +// #become-a-mentor-img img { +// width:130%; +// } + +// #become-a-mentor-header1 { +// margin-right:9%; +// } + +// #become-a-mentor-header1 h3 { +// font-size:5vw; //42px; +// } + +// #become-a-mentor-header2 { +// margin-right:2%; +// } + +// #become-a-mentor-header2 h4 { +// font-size:3vw; //33px +// } + +// #become-a-mentor-statement { +// margin-right:9.3%; +// } + +// #become-a-mentor-statement p { +// font-size:2vw; //22px +// } +// } + +// #opening-minds-container { + +// #opening-minds-img { +// width:39.5%; +// height: auto; +// } + +// #opening-minds-img img { +// width:100%; +// height:auto/2; //575px +// border-bottom-right-radius: 33px; +// border-top-right-radius: 33px; +// } + +// #opening-minds-header { +// float:left; +// margin-top:5%; +// margin-left:7%; +// } + +// #opening-minds-header h3 { +// font-size:3.5vw; //42px +// } + +// #opening-minds-video { +// margin-left:8.7%; +// } + +// #opening-minds-video iframe { +// margin-top: 5%; +// width: 45%; //560px +// min-height:315px; //315px +// border-radius: 33px; +// } +// } + +// } + +// @media(max-width:860px) { +// #our-mission-container { +// height:420px; +// } +// } + +// @media(max-width:835px) { +// #our-mission-container { +// height:400px; +// } +// } + +// //mobile version +// @media(max-width: 766px) { +// #our-mission-container { +// margin: 0 auto; +// width:90%; +// height:auto; //481px +// margin-left:5%; + +// #our-mission-image { +// margin: 0 auto; +// } + +// #our-mission-image img { +// width:100%; +// max-height:300px; +// border-top-left-radius: 33px; +// border-top-right-radius: 33px; +// border-bottom-left-radius: 0px; +// } + +// #our-mission-statement-header { +// margin: 0 auto; +// } + +// #our-mission-statement-header h3 { +// margin: auto; +// text-align: center; +// width:100%; +// height:auto; +// font-size:7.1vw; //42px //262.5% +// } + +// #our-mission-statement-paragraph { +// margin: 0 auto; +// } + +// #our-mission-statement-paragraph p { +// margin:auto; +// margin-bottom:5%; +// text-align: center; +// width:100%; +// height:auto; +// font-size:5.1vw; // 137.5% +// } +// } + +// //play container +// #play-container { +// margin: 0 auto; +// width:90%; +// height:auto; //481px +// margin-right:5%; +// margin-top:5%; + +// #play-container-header1 h3 { +// font-size:7.1vw; +// } + +// #play-container-header2 h4 { +// margin-top:3.5%; +// font-size:6.5vw; +// } + +// #play-container-paragraph p { +// margin-top:3.5%; +// font-size:5.1vw; //22px +// } + +// #play-container-links { +// margin-top:10%; //100px +// margin-left:16.5%; //75px +// padding-bottom: 12%; +// } + +// #play-container-links a { +// font-size:5vw; //25px +// } + +// #play-container-links a:active { +// text-decoration: underline; +// } + +// #play-container-links button { +// font-size:5vw; //28px +// } + +// #play-container-links button:active { +// color:#fff; +// background-color: #3A7CCA; +// } +// } + +// #become-a-mentor-container { +// width:90%; +// height:auto; //652px + +// #become-a-mentor-img { +// margin:0 auto; +// width:60%; +// height:auto; +// } + +// #become-a-mentor-img img { +// margin-top:3%; +// margin-left:18.5%; +// } + +// #become-a-mentor-header1 { +// margin:0 auto; +// width:100%; +// } + +// #become-a-mentor-header1 h3 { +// margin:auto; +// text-align: center; +// font-size:7.1vw; //42px; +// } + +// #become-a-mentor-header2 { +// margin: 0 auto; +// margin-top:3%; +// width: 100%; +// } + +// #become-a-mentor-header2 h4 { +// margin: auto; +// text-align: center; +// font-size:6vw; //33px +// } + +// #become-a-mentor-statement { +// margin: 0 auto; +// margin-top: 3%; +// margin-right:5%; +// width: 90%; +// height:auto; +// } + +// #become-a-mentor-statement p { +// margin: auto; +// text-align: center; +// font-size:5.1vw; //22px +// } +// } + +// #opening-minds-container { +// width:90%; +// height:auto; //882px + +// #opening-minds-img { +// margin: 0 auto; +// width:100%; +// } + +// #opening-minds-img img { +// width:100%; +// max-height: 350px; +// border-bottom-right-radius: 0%; +// } + +// #opening-minds-header { +// margin: 0 auto; +// width:100%; +// height:auto; +// margin-top:3%; +// margin-bottom:3%; +// } + +// #opening-minds-header h3 { +// margin: auto; +// text-align: center; +// font-size:7vw; //42px +// } + +// #opening-minds-video { +// margin: 0 auto; +// width:100%; +// height:auto; +// margin-left: 16%; +// margin-bottom: 3%; +// } + +// #opening-minds-video iframe { +// width: 70%; //560px +// height:315px; //315px +// border-radius: 33px; +// } +// } +// } + + +@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto&display=swap'); +// *{ +// box-sizing: border-box; +// margin: 0 !important; +// padding: 0; +// background-color: #ffffff; +// } + +li, a, button { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-size: 16px; + color: #000000; + text-decoration: none; +} + +// header { +// display: flex; +// justify-content: space-between; +// align-items: center; +// padding: 30px 5%; + +// } + +.logo, .signup { + cursor: pointer; } -#locations-container { - width:92.5%; - position:relative; - margin:0 auto; - margin-top:5%; - width: 92.5%; - height: auto; //484 px - overflow: hidden; - background-color: #51AA00; - border-radius: 33px; - box-sizing: border-box; - - #locations-image img { - float:right; - width:50%; - height:auto; +.nav__links { + list-style: none; +} + +.nav__links li { + display: inline-block; + padding: 0px 20px; + +} + +.nav__links li a { + transition: all 0.3 ease 0s; +} + +.nav__links li a:hover { + color:#7FCC26 +} + +.signup { + padding: 9px 20px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 174px; + height: 55px; + +} + +.logo { + width: 319px; + height: 100px; +} + +.apply-btn { + padding: 10px 60px; + background: #EAD94C; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #D4DDDD; +} + +// .container{ +// display: flex; +// position: relative; +// // top: 30px; +// max-width: 100%; +// width: 100%; +// margin: 0 auto; +// padding: 0 3rem; +// z-index: 10; +// padding-top: 45px; +// justify-content: space-around; +// } + +.apply-now-btn{ + padding:50px 0; + text-align: center; +} + +.everyone{ + padding: 0 3rem; +} + +.first-pic img { + width: -webkit-fill-available; +} + +.first-head { + font-family: "Lato", sans-serif; + font-size: 24px; + font-weight: bold; + +} +.first-text { + font-family: "Roboto", sans-serif; + font-size: 20px; + // padding-left: 80px; +} + +.donate { + padding: 9px 25px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 248px; + height: 66px; + // padding-left: 80px; + +} + +.divider { + display: flex; + position: relative; + top: 30px; + max-width: 100%; + width: 100%; + margin: 0 auto; + padding: 0; + z-index: 10; + padding-top: 0px; + justify-content: center; +} + +.second-head { + font-family: "Lato", sans-serif; + font-size: 24px; + font-weight: bold; + height: 38px; + width: 100%; + justify-content: space-around; + padding-left: 11rem; + padding-top: 2rem; +} + +.third-head { + font-family: "Lato", sans-serif; + font-size: 24px; + font-weight: bold; + height: 38px; + width: 100%; + justify-content: space-around; + padding-left: 11rem; + padding-top: 25px; +} + +.free-card { + align-items: center; + border-radius: 12px; + background: #78ce2d; + border: none; + box-shadow: 20px 25px 3px 0px #EAD94C; + + .main-icon { + width: 150px; + height: 150px; } - #locations-header h3 { - float:left; - margin-top:3%; - margin-left:7%; - font-family: 'Lato'; - font-style: normal; - font-weight: 900; - font-size: 42px; //42px - line-height: 117.1%; //49 px - letter-spacing: 0.07em; - color: #FFFFFF; + .free-title{ + font-size: 32px; + font-weight: 700; } - #locations-statement p { - float:left; - width:38%; - margin-top:3%; - margin-left:7%; - font-family: 'Roboto'; - font-style: normal; - font-weight: 500; - font-size: 1.4vw; //22px - line-height: 117.1%; //26px - letter-spacing: 0.01em; - color: #FFFFFF; + .free-card-text { + text-align: center; + font-size: 26px; + margin-bottom: 50px; } -} -#become-mentor-container { - position:relative; - width:92.5%; - margin:0 auto; - margin-top:5%; - width: 92.5%; - height: auto; //511 px - overflow: hidden; - background-color: #ff8503; - border-radius: 33px; - box-sizing: border-box; - - #become-mentor-image img { - float:left; - width:29%; - height:auto; - padding-bottom: 5%; - margin-top:3.7%; - margin-left:9%; - border-radius: 100%; + .free-btn { + padding: 10px 60px; + background: #EAD94C; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #d4dddd; } - #become-mentor-header h3 { - float:right; - margin-top:3%; - margin-right:30%; - font-family: 'Lato'; - font-style: normal; - font-weight: 900; - font-size: 3vw; //42px - line-height: 117.1%; //49px - letter-spacing: 0.01em; - color: #FFFFFF; +} + +.Premium-card { + align-items: center; + border-radius: 12px; + background: white; + border: 4px solid #78ce2d; + box-shadow: 20px 25px 3px 0px #78ce2d; + + .main-icon { + width: 150px; + height: 150px; } - #become-mentor-statement p { - float:right; - width:48%; - height:auto; - margin-top:2%; - margin-right:8%; - font-family: 'Roboto'; - font-style: normal; - font-weight: 500; - font-size: 1.2vw; //22px - line-height: 130%; //29px - letter-spacing: 0.02em; - color: #FFFFFF; + .free-title{ + font-size: 32px; + font-weight: 700; } - #become-mentor-button button { - float:right; - margin-right: 42.3%; - padding:1%; //15px - font-family:'Roboto'; - font-style:bold; - font-weight:bolder; - font-size:1.8vw; //28px - line-height: 117.1%; - letter-spacing:0.01em; - border-radius: 33px; - color:#3A7CCA; - margin-bottom: 2.5%; - background-color: #fff; + .free-card-text { + text-align: center; + font-size: 26px; + margin-bottom: 50px; } - #become-mentor-button button:hover { - color:#fff; - background-color: #3A7CCA; + .free-btn { + padding: 10px 60px; + background: #d3dddd; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #78ce2d; } + } -//mobile view -@media(max-width: 766px) { - #difference-container { - - #difference-image { - margin:0 auto; - } - - #difference-image img { - width:100%; - max-height:350px; - border-top-left-radius: 33px; - border-top-right-radius: 33px; - border-bottom-left-radius: 0px; - - } - - #difference-header { - margin-left:5%; - } - - #difference-header h4 { - margin:0 auto; - width:90%; - height:auto; - margin-left:5%; - margin-top:3%; - font-size:7vw; //42px - } - - #difference-statement p { - margin:0 auto; - width:90%; - height:auto; - margin-top:3%; - margin-right: 5%; - font-size:3.1vw; //22px - } - - #difference-toApply h5 { - margin: 0 auto; - width:90%; - height:auto; - margin-right:5%; - margin-top:3%; - font-size: 3.1vw; - } - - #difference-button button { - padding:4%; - height:auto; - margin-right:34%; - margin-top: 3%; - margin-bottom:5%; - font-size: 3.5vw; - } - - #difference-button button:active { - color:#fff; - background-color:#3A7CCA ; - } +// .container2 { +// display: flex; +// position: relative; +// top: 30px; +// max-width: 100%; +// width: 100%; +// margin: 0 auto; +// padding: 0 3rem; +// z-index: 10; +// padding-top: 30px; +// justify-content: space-around; + +// } + +.container2 { + display: flex; + position: relative; + top: 30px; + max-width: 100%; + width: 100%; + margin: 0 auto; + padding: 0 8rem; + z-index: 10; + padding-top: 30px; + justify-content: space-evenly; + +} + +.join2 { + position: absolute; + top: 550; + left: 180; + width: 280px; + cursor: pointer; + opacity: 0; +} + +.join3 { + position: absolute; + top: 550; + right: 210; + width: 280px; + cursor: pointer; + opacity: 0; + +} + +.container3 { + display: flex; + position: relative; + // top: 30px; + max-width: 100%; + width: 100%; + // margin: 0 auto; + padding: 0 0rem; + // z-index: 10; + padding-top: 55px; + // justify-content: space-around; +} + +.info { + width: 100%; + height:100%; +} + +.apply-now{ + background-color: #EAD94C; + color:black; + font-weight: bold; + box-shadow: 3px 4px #D4DDDD; + border:none; + padding:7px 50px; + border-radius: 5px; +} + +.container4 { + padding-top: 0px; + padding-left: 0px; +} + +.container5 { + display: flex; + width: 100%; + // height: 250px; + // padding-left: 650px; + padding-top: 65px; + justify-content: center; + padding-bottom: 500px; + +} + +.border { + width: 1000px; + height: 450px; + border: 3px solid rgb(122, 214, 47) !important; + border-radius: 4px; + position: absolute; +} + +.content { + padding-left: 280px; + padding-top: 120px; +} + +.group47 { + width: 300px; + height: 100px; + padding-left: 70px; + padding-bottom: 20px; + +} + +.text1 { + padding-left: 10px; +} + +.text2 { + padding-right: px; +} + +.text3 { + padding-left: 130px; +} + +.joinnow { + display: flex; + width: 400px; + height: 80px; + padding-left: 85px; + padding-top: 40px; + cursor: pointer; +} + +.footer { + width: 100%; + min-height: 5%; + display: flex; + position: absolute; + overflow-x: hidden; + height: 250px; +} + +@media only screen and (max-width:426px) { + .center { + text-align: center; } - - #locations-container { - - #location-image { - margin: 0 auto; - } - - #locations-image img { - width:100%; - height:auto; - } - - #locations-header h3 { - text-align: center; - width: 90%; - height: auto; - font-size: 7vw; - } - - #locations-statement p { - text-align: center; - width:90%; - margin-bottom:3%; - font-size: 3.1vw; //22px - } + .margin-0 { + margin-left: 0!important; } - - #become-mentor-container { - - #become-mentor-image { - margin: 0 auto; - text-align: center; - } - - #become-mentor-image img { - width: 60%; - margin-left: 21%; - } - - #become-mentor-header h3 { - margin:0 auto; - margin-right: 5%; - width: 90%; - height: auto; - text-align: center; - font-size: 7vw; //42px - } - - #become-mentor-statement p { - text-align: center; - width:90%; - height:auto; - margin-top:3%; - font-size: 3.1vw; //22px - } - - #become-mentor-button button { - padding:4%; - margin-right:34%; - margin-top: 3%; - margin-bottom:5%; - font-size: 3.5vw; - } - - #become-mentor-button button:active { - color:#fff; - background-color: #3A7CCA; - } + .apply-btn { + font-size: 16px; } -} \ No newline at end of file +} + + + + + + + + + diff --git a/YStemAndChess/src/app/pages/board-hifi/Google.png b/YStemAndChess/src/app/pages/board-hifi/Google.png deleted file mode 100644 index beb84eb41..000000000 Binary files a/YStemAndChess/src/app/pages/board-hifi/Google.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/board-hifi/Insta.png b/YStemAndChess/src/app/pages/board-hifi/Insta.png deleted file mode 100644 index 7d127ab64..000000000 Binary files a/YStemAndChess/src/app/pages/board-hifi/Insta.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/board-hifi/Twitter.png b/YStemAndChess/src/app/pages/board-hifi/Twitter.png deleted file mode 100644 index a142ea65a..000000000 Binary files a/YStemAndChess/src/app/pages/board-hifi/Twitter.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/board-hifi/Vector.png b/YStemAndChess/src/app/pages/board-hifi/Vector.png deleted file mode 100644 index bae6dd574..000000000 Binary files a/YStemAndChess/src/app/pages/board-hifi/Vector.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.css b/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.css deleted file mode 100644 index de7ff2e88..000000000 --- a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.css +++ /dev/null @@ -1,82 +0,0 @@ -li { - list-style-type: none; - margin-bottom: 1%; -} - -.board-heading { - font-size: xx-large; - margin-left: 10%; -} - -.sub-heading { - font-size: x-large; -} - -.header-container { - display: flex; - width: 100%; -} - -.board-logo { - width: 20%; - margin-right: 5%; -} - -.header-button { - display: inline-block; - margin-right: 5%; - margin-top: 10px; -} - -.header-right-section { - width: 75%; - text-align: right; -} - -.board-container{ - margin: 0 10%; - margin-bottom: 10%; -} - -.chess-image { - display: block; - margin: 0 auto; - text-align: center; -} - -html, body { - height: 100%; - margin: 0; - padding: 0; -} - -.footer { - width: 100%; - background-color: rgb(169, 208, 159) !important; - overflow: auto; -} - -.table { - width: 50%; - float: right; - margin-top: 1%; - margin-bottom: 1%; -} - -.contact-info, .table-two { - line-height: 10%; - margin-left: 10%; -} - -.contact-info { - margin-top: 1.5%; -} - -.table-two { - margin-top: 2%; -} - -.table img { - width: 25%; -} - \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.html b/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.html deleted file mode 100644 index d7af7b6e9..000000000 --- a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.html +++ /dev/null @@ -1,80 +0,0 @@ - - - - - - - Document - - - -
- -
-
Programs
-
Mentors
-
Lesson/Play
-
Log In
- -
-
-

Board

-
- Chess Image -
-
-

Officers

-
  • Devin Nakano
    Founder, President and Executive Director
    • -
  • Jasmine Redlich
    Vice President
    • -
  • Owen Oertell
    Secretary
    • -
  • Kelsey Korvela
    Treasurer
    • -
    -

    Board Members

    -
  • Amit Jain, Phd
    Chair of the Computer Science Boise State University
    • -
  • Sasikanth R.
    International Board Member and Entrepreneur
    • -
  • Holly Trainer
    Retired Public School teacher.
    • -
    - -
    - - - - - - - - - - - - - - - - - - - - -
    SponsorsSponsors
    -
    -

    info@ystemandchess.com

    -

    +1 208.996.5071

    -
    -
    - - - - - - -
    -
    - - - - - \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.scss b/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.scss deleted file mode 100644 index a1fcbcb1e..000000000 --- a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.scss +++ /dev/null @@ -1,81 +0,0 @@ -li { - list-style-type: none; - margin-bottom: 1%; -} - -.board-heading { - font-size: xx-large; - margin-left: 10%; -} - -.sub-heading { - font-size: x-large; -} - -.header-container { - display: flex; - width: 100%; -} - -.board-logo { - width: 20%; - margin-right: 5%; -} - -.header-button { - display: inline-block; - margin-right: 5%; - margin-top: 10px; -} - -.header-right-section { - width: 75%; - text-align: right; -} - -.board-container{ - margin: 0 10%; - margin-bottom: 10%; -} - -.chess-image { - display: block; - margin: 0 auto; - text-align: center; -} - -html, body { - height: 100%; - margin: 0; - padding: 0; -} - -.footer { - width: 100%; - background-color: rgb(169, 208, 159) !important; - overflow: auto; -} - -.table { - width: 50%; - float: right; - margin-top: 1%; - margin-bottom: 1%; -} - -.contact-info, .table-two { - line-height: 10%; - margin-left: 10%; -} - -.contact-info { - margin-top: 1.5%; -} - -.table-two { - margin-top: 2%; -} - -.table img { - width: 25%; -} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/board-hifi/logo.png b/YStemAndChess/src/app/pages/board-hifi/logo.png deleted file mode 100644 index 87f797814..000000000 Binary files a/YStemAndChess/src/app/pages/board-hifi/logo.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/board-hifi/sponsor_8.png b/YStemAndChess/src/app/pages/board-hifi/sponsor_8.png deleted file mode 100644 index 96703b446..000000000 Binary files a/YStemAndChess/src/app/pages/board-hifi/sponsor_8.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/board/board-hifi.component.css b/YStemAndChess/src/app/pages/board/board-hifi.component.css new file mode 100644 index 000000000..24993692d --- /dev/null +++ b/YStemAndChess/src/app/pages/board/board-hifi.component.css @@ -0,0 +1,77 @@ +li { + list-style-type: none; + margin-bottom: 1%; +} + +.board-heading { + font-size: xx-large; + margin: 1% 14%; +} + +.sub-heading { + font-size: x-large; +} + +.header-container { + display: flex; + width: 100%; +} + +.board-logo { + width: 20%; + margin-right: 5%; +} + +.header-button { + display: inline-block; + margin-right: 5%; + margin-top: 10px; +} + +.header-right-section { + width: 75%; + text-align: right; +} + +.board-container{ + margin: 1% 14%; + /* margin-bottom: 10%; */ +} + +.chess-image { + display: block; + margin : 0 auto; + text-align: center; +} + +html, body { + height: 100%; + margin: 0; + padding: 0; +} + + + +.table { + width: 50%; + float: right; + margin-top: 1%; + margin-bottom: 1%; +} + +.contact-info, .table-two { + line-height: 10%; + margin-left: 10%; +} + +.contact-info { + margin-top: 1.5%; +} + +.table-two { + margin-top: 2%; +} + +.table img { + width: 25%; +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/board/board-hifi.component.css.map b/YStemAndChess/src/app/pages/board/board-hifi.component.css.map new file mode 100644 index 000000000..a7ed2aca9 --- /dev/null +++ b/YStemAndChess/src/app/pages/board/board-hifi.component.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AAAA,IAAI,CAAC;EACD,MAAM,EAAE,MAAM;EACd,WAAW,EAAC,EAAE;EACd,UAAU,EAAE,MAAM;CACrB;;AAED,AAAA,WAAW,CAAC,EAAE,CAAC;EACX,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;CACnB;;AAED,AAAA,WAAW,CAAC,KAAK,CAAC;EACd,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,SAAS;EAClB,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,iBAAiB;EACzB,aAAa,EAAE,GAAG;EAClB,aAAa,EAAE,IAAI;CACtB;;AAED,AAAA,WAAW,CAAC,EAAE,CAAC;EACX,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,QAAQ;EACrB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;CACnB;;AAED,AAAA,WAAW,CAAC,MAAM,CAAC;EACf,aAAa,EAAC,IAAI;EAClB,YAAY,EAAC,EAAE;EACf,aAAa,EAAC,EAAE;EAChB,WAAW,EAAE,QAAQ;EACrB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,gBAAgB,EAAE,IAAI;EACtB,KAAK,EAAC,OAAO;EACb,aAAa,EAAE,IAAI;CACtB;;AAED,AAAA,WAAW,CAAC,MAAM,AAAA,MAAM,CAAC;EACrB,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,IAAI;CACd;;AAED,AAAA,cAAc,CAAC;EACX,KAAK,EAAE,GAAG;CACb;;AAED,AAAA,OAAO,CAAC;EACJ,UAAU,EAAC,EAAE;CAChB;;AAED,AAAA,EAAE,CAAC;EACC,UAAU,EAAE,EAAE;EACd,WAAW,EAAC,KAAK;CACpB", + "sources": [ + "board-hifi.component.scss" + ], + "names": [], + "file": "board-hifi.component.css" +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/board/board-hifi.component.html b/YStemAndChess/src/app/pages/board/board-hifi.component.html new file mode 100644 index 000000000..a207b9852 --- /dev/null +++ b/YStemAndChess/src/app/pages/board/board-hifi.component.html @@ -0,0 +1,38 @@ + + + + + + + Document + + +
    + +
    + +
    +

    Board

    +
    + Chess Image +
    +
    +

    Officers

    +
  • Devin Nakano
    Founder, President and Executive Director
    • +
  • Jasmine Redlich
    Vice President
    • +
  • Owen Oertell
    Secretary
    • +
  • Kelsey Korvela
    Treasurer
    • +
    +

    Board Members

    +
  • Amit Jain, Phd
    Chair of the Computer Science Boise State University
    • +
  • Sasikanth R.
    International Board Member and Entrepreneur
    • +
  • Holly Trainer
    Retired Public School teacher.
    • +
    +
    + + +
    + +
    + + diff --git a/YStemAndChess/src/app/pages/board/board-hifi.component.scss b/YStemAndChess/src/app/pages/board/board-hifi.component.scss new file mode 100644 index 000000000..dd08f91b3 --- /dev/null +++ b/YStemAndChess/src/app/pages/board/board-hifi.component.scss @@ -0,0 +1,88 @@ +li { + list-style-type: none; + margin-bottom: 1%; +} + +.board-heading { + font-size: xx-large; + margin: 1% 14%; +} + +.sub-heading { + font-size: x-large; +} + +.header-container { + display: flex; + width: 100%; +} + +.board-logo { + width: 20%; + margin-right: 5%; +} + +.header-button { + display: inline-block; + margin-right: 5%; + margin-top: 10px; +} + +.header-right-section { + width: 75%; + text-align: right; +} + +.board-container{ + margin: 1% 14%; + margin-bottom: 10%; +} + +.chess-image { + display: block; + margin: 0 auto; + text-align: center; +} + +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +.divider { + display: flex; + position: relative; + top: 30px; + max-width: 100%; + width: 100%; + margin: 0 auto; + padding: 0; + z-index: 10; + padding-top: 0px; + justify-content: center; +} + +.table { + width: 50%; + float: right; + margin-top: 1%; + margin-bottom: 1%; +} + +.contact-info, .table-two { + line-height: 10%; + margin-left: 10%; +} + +.contact-info { + margin-top: 1.5%; +} + +.table-two { + margin-top: 2%; +} + +.table img { + width: 25%; +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.spec.ts b/YStemAndChess/src/app/pages/board/board-hifi.component.spec.ts similarity index 73% rename from YStemAndChess/src/app/pages/board-hifi/board-hifi.component.spec.ts rename to YStemAndChess/src/app/pages/board/board-hifi.component.spec.ts index af2d35310..c8b64e52f 100644 --- a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.spec.ts +++ b/YStemAndChess/src/app/pages/board/board-hifi.component.spec.ts @@ -1,6 +1,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; - import { BoardHifiComponent } from './board-hifi.component'; +import { FooterComponent } from '../../footer/footer.component'; +import { HeaderComponent } from '../../header/header.component'; describe('BoardPageComponent', () => { let component: BoardHifiComponent; @@ -8,7 +9,7 @@ describe('BoardPageComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ BoardHifiComponent ] + declarations: [ BoardHifiComponent, FooterComponent, HeaderComponent ] }) .compileComponents(); @@ -20,4 +21,4 @@ describe('BoardPageComponent', () => { it('should create', () => { expect(component).toBeTruthy(); }); -}); +}); \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.ts b/YStemAndChess/src/app/pages/board/board-hifi.component.ts similarity index 99% rename from YStemAndChess/src/app/pages/board-hifi/board-hifi.component.ts rename to YStemAndChess/src/app/pages/board/board-hifi.component.ts index 1a53f33fe..cee662de7 100644 --- a/YStemAndChess/src/app/pages/board-hifi/board-hifi.component.ts +++ b/YStemAndChess/src/app/pages/board/board-hifi.component.ts @@ -7,4 +7,4 @@ import { Component } from '@angular/core'; }) export class BoardHifiComponent { -} +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/student-profile-2/student-profile-2.component.css b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.css similarity index 68% rename from YStemAndChess/src/app/pages/student-profile-2/student-profile-2.component.css rename to YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.css index 34e2bd746..eb92eb5a6 100644 --- a/YStemAndChess/src/app/pages/student-profile-2/student-profile-2.component.css +++ b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.css @@ -3,10 +3,18 @@ li { margin-bottom: 1%; } +.board-heading { + font-size: xx-large; + margin-left: 10%; +} + +.sub-heading { + font-size: x-large; +} + .header-container { display: flex; width: 100%; - background-color: rgb(255, 255, 255) } .board-logo { @@ -26,14 +34,15 @@ li { } .board-container{ - margin: 0 20%; + margin: 0 10%; margin-bottom: 10%; - margin-top: 30%; - justify-content: center; - background-color: #C8F2AE; - border-radius: 30px 0px 0px 30px; } +.chess-image { + display: block; + margin: 0 auto; + text-align: center; +} html, body { height: 100%; @@ -71,17 +80,18 @@ html, body { width: 25%; } -.image-grid { - display: grid; -} +.sub-heading { + font-size: x-large; +} -.image-grid a { - display: block; -} +.board-container{ + margin: 0 10%; -.image-grid img { - width: 20%; - height: auto; } -body {background-color: #E5F3D2;} +.word { + width: 500px; + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-word; +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.html b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.html new file mode 100644 index 000000000..dac083eaf --- /dev/null +++ b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.html @@ -0,0 +1,151 @@ + + + + + + + + + The Benefits of Chess + + +
    + +
    + + +
    +
    +
    The Benefits of Chess
    +
    + +
    + logo +
    + +
    +

    Students practicing their chess skills in a classroom

    +
    + +
    +

    The Importance of Online Expansion of Y STEM and Chess Inc. focuses on using + technology to scale. Yes, we are nonprofit but more fundamentally we are a technology company. + Technology will help individualize lessons in chess, math, and computer science. Individualized lessons + will be conducted online via our website to help rural and urban + communities that lack access to resources in High School or pay for courses at other institutions. The + rural and urban companies simply don’t have the resources to prepare students for success in + STEM. Using the proven aspects of our program, we can change the future of students that have + largely been excluded from the high-paying jobs that STEM provides while increasing + inclusivity and lowering poverty. + +

    +
    + +
    +

    Deployment of our learning program online will also provide us with a reliable form of + donation generation. For those who are not qualified under specific government subsidy + programs, a membership donation scheduled will be available to utilize the program. This allows + us to deliver our program to middle-class families and above without losing focus on our primary + mission. The donations generated through this model will allow us to continue scaling our + program to underserved communities. Additionally, the model increases awareness in families + and communities that support our continued expansion via sponsorships, volunteering, publicity, + software development, and marketing. +

    +
    + + +
    + + +
    +
    + +

    "Playing chess encourages students to put their best effort into other classes and + sparks their interest in school"

    +
    + +
    + +
    + +
    +

    Chess gives students skills they can use anywhere in life, like problem-solving, + concentration, and confidence. Chess teaches students how to analyze a situation for the next + move, letting them become more adept at problem-solving. As students think through situations, + they take chances and choose which pieces to protect and sacrifice. These decisions teach + students risk assessment, allowing them to make more calculated risks as one study working with + students in Bangladesh found. Making decisions like this also requires focusing on the game + which helps students concentrate for longer periods of time. These benefits to concentration were + supported by a study with students diagnosed with ADHD. These skills will come in use for the + students in any field, STEM or otherwise, that they choose to go into. + +

    +
    + +
    +

    Alongside these skills, chess can boost students’ confidence. A survey by the Saint Louis + Chess Club found that the majority of students in chess lessons look forward to school on days + they play chess. Up to seventy-five percent of students said that chess makes them more willing + to challenge themselves. Playing chess encourages students to put their best effort into their + other classes and sparks their interest in school. +

    +
    + +
    +

    Many students also pursue interest in the game itself, playing in championships at even + the state level. June, one of the students at Y STEM and Chess Inc, tested in the top one percent + of her grade and became a state champion in chess. Her mother testified that Y STEM and + Chess helped her daughter grow to have “incredible focus” and that “her self-esteem has + skyrocketed” after joining Y STEM and Chess. + +

    +
    + +
    + logo +
    + +
    +

    A student with their mentor after winning an award.

    +
    + + + +
    +

    Y STEM and Chess dedicates itself to helping students like June, and chess is a fundamental + part of how we at Y STEM and Chess aim to empower them. Thirty to forty percent of + children are underserved and more likely to drop out, fall ill, or go to jail. They are also less + likely to go into STEM fields, with less than five percent of STEM jobs being held by + minorities. Y STEM and Chess offers one-on-one tutoring for twenty-five dollars a year to + families that can afford it, alongside tax-deductible donations and helping their children learn + valuable skills. + +

    +
    + +
    +

    Today, Y STEM and Chess has reached over seven hundred students in five states and + three countries, and with a team of over a hundred volunteers, we hope to be able to reach even + more. We provide classes in person in Boise and remotely across the country and the + world. Washington, California, Texas, Florida, New York, and Oregon. + +

    +
    + + + + + + +
    +
    + +
    + \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.scss b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.scss new file mode 100644 index 000000000..895088524 --- /dev/null +++ b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.scss @@ -0,0 +1,146 @@ + +@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto&display=swap'); +*{ + box-sizing: border-box; + // margin: 0; + padding: 0; +} + +body{ + background-color: #DFF2C8; +} + +li, a, button { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-size: 16px; + color: #000000; + text-decoration: none; +} + +// header { +// display: flex; +// justify-content: space-between; +// align-items: center; +// padding: 30px 5%; +// background-color: #ffffff; + +// } + +.logo, .signup { + cursor: pointer; +} + +.nav__links { + list-style: none; +} + +.nav__links li { + display: inline-block; + padding: 0px 20px; +} + +.nav__links li a { + transition: all 0.3 ease 0s; +} + +.nav__links li a:hover { + color:#a5e95b +} + +.signup { + padding: 9px 20px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 174px; + height: 55px; + +} + +.logo { + width: 319px; + height: 100px; +} + +.text1 { + + font-family: "Lato", sans-serif; + // font-size: 15px !important; + font-weight: 700; +} + + + + + + + + +.recttext{ + // position: absolute; + // top: 1100; + // width: 1200px; + // padding-top: 45px; + // height:200px; + text-align: center; + font-size: 32px; + // padding: 0 27rem; + // padding-top: 45px; + line-height: 38px; + font-weight: 500; + +} + +.txt-h { + font-family: Lato,sans-serif; + font-weight: 700; +} + +.text2{ + font-size: 14px !important; + +} + + +.pic1 { + width: -webkit-fill-available; +} + +.pic2{ + width: auto; + max-width: 65%; + height: auto; +} + + + +.txt-p{ + text-align: justify; +} + +.bg-main{ + background-color: #BFD99E; +} + +.txt-p{ + text-align: left; + font-family: Roboto,sans-serif; + font-size: 16px; + text-align:justify; + + p { + text-indent: 12px; + }; +} + +// .footer{ +// width: 100%; +// min-height: 5%; +// display: flex; +// position: absolute; +// overflow-x: hidden; +// height: 250px; +// } + + diff --git a/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.spec.ts b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.spec.ts new file mode 100644 index 000000000..0a81664a7 --- /dev/null +++ b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { FooterComponent } from '../../footer/footer.component'; +import { ChessBenefitArticleComponent } from './chess-benefit-article.component'; +import { HeaderComponent } from '../../header/header.component'; + +describe('ChessBenefitArticleComponent', () => { + let component: ChessBenefitArticleComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ChessBenefitArticleComponent, FooterComponent, HeaderComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ChessBenefitArticleComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.ts b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.ts new file mode 100644 index 000000000..828248132 --- /dev/null +++ b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-chess-benefit-article', + templateUrl: './chess-benefit-article.component.html', + styleUrls: ['./chess-benefit-article.component.scss'] +}) +export class ChessBenefitArticleComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.css.map b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.css.map new file mode 100644 index 000000000..1515bc980 --- /dev/null +++ b/YStemAndChess/src/app/pages/chess-benefit-article/chess-benefit-article.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "chess-benefit-article.component.scss" + ], + "names": [], + "file": "chess-benefit-article.component.css" +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.css b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.css new file mode 100644 index 000000000..eb92eb5a6 --- /dev/null +++ b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.css @@ -0,0 +1,97 @@ +li { + list-style-type: none; + margin-bottom: 1%; +} + +.board-heading { + font-size: xx-large; + margin-left: 10%; +} + +.sub-heading { + font-size: x-large; +} + +.header-container { + display: flex; + width: 100%; +} + +.board-logo { + width: 20%; + margin-right: 5%; +} + +.header-button { + display: inline-block; + margin-right: 5%; + margin-top: 10px; +} + +.header-right-section { + width: 75%; + text-align: right; +} + +.board-container{ + margin: 0 10%; + margin-bottom: 10%; +} + +.chess-image { + display: block; + margin: 0 auto; + text-align: center; +} + +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +.footer { + width: 100%; + background-color: rgb(169, 208, 159) !important; + overflow: auto; +} + +.table { + width: 50%; + float: right; + margin-top: 1%; + margin-bottom: 1%; +} + +.contact-info, .table-two { + line-height: 10%; + margin-left: 10%; +} + +.contact-info { + margin-top: 1.5%; +} + +.table-two { + margin-top: 2%; +} + +.table img { + width: 25%; +} + +.sub-heading { + font-size: x-large; +} + +.board-container{ + margin: 0 10%; + +} + +.word { + width: 500px; + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-word; +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.html b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.html new file mode 100644 index 000000000..8aefdb43d --- /dev/null +++ b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.html @@ -0,0 +1,125 @@ + + + + + + + The Benefits of Math Tutoring + + +
    + +
    + + +
    +
    +
    The Benefits of Computer Science Tutoring
    +
    + +
    + logo +
    + +
    +

    Students practicing their chess skills in a classroom

    +
    + +
    +

    Computer science is a quickly growing field as technology becomes more and more + ingrained in everyday life. Studying computer science lets students go into specialized careers + and fields within STEM, and it also provides useful skills for many other jobs. With more work + going remote and more jobs being automated, students will need to have digital skills for both in + and out of the workplace. +

    +
    + +
    +

    Computer science has become fundamental to our lives, from the smartphones in our + pockets to the computer you are reading this on. Learning more about how programming works + and how apps are created, among the other topics of computer science, helps students understand + the world as it is around them and make more informed choices. Skills such as online research, + data analysis, and web programming are also becoming increasingly important and valuable. + Learning about computer science will prepare students for their future. +

    +
    + + +
    + + +
    +
    + +

    "Women earn only eighteen percent of computer science degrees and Black and Latino + students receive only twenty-two percent of college degrees in computer science"

    +
    + +
    + +
    + +
    +

    From an economic perspective, computer science is worthwhile and profitable to study. + As this article says, eight percent of students graduating from STEM are in computer science, but + 58 percent of new jobs in STEM are in computer science. This makes it a promising field for + young graduates to pursue. In terms of salary, a computer scientist can be expected to earn the + national average salary of $99,050 according to this article. The same article also adds that many + programmers can expect to work remotely, and that about half of all programmers work remotely + for a few days each month. This gives students going into computer science more options for + jobs, as location is less of a problem than in other fields. Computer science opens up + opportunities for students to explore and earn a living. + +

    +
    + +
    +

    Tutoring for students in computer science can make a great difference. Starting early + gives students an advantage in understanding programming. It’s especially important for students + going into college to study computer science, as other students may already have some + background or education in the field, as this article notes. Providing support to underserved + students is also important, as minority students and women can face unique challenges in STEM + and computer science. As stated here, women earn only eighteen percent of computer science degrees and Black and Latino students receive only twenty-two percent of college degrees in computer science. We need to reach out to these young and underserved students to help + encourage and support them to learn and study computer science. +

    +
    + + + +
    + logo +
    + +
    +

    A student with their mentor after winning an award.

    +
    + +
    +

    Y STEM and Chess is dedicated to helping students rise out of poverty, and STEM gives + students a pathway to earning a living and finding a career. As part of our programs, we offer + tutoring in STEM, including computer science, math, and engineering, and it is free for students who cannot afford to pay. We provide classes in person in Boise and remotely across the + country and the world. Washington, California, Texas, Florida, New York, and Oregon. To find out more about our programs or discover how you can contribute, visit here at our + website. + +

    +
    + + + + + + + + +
    +
    + +
    + \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.scss b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.scss new file mode 100644 index 000000000..895088524 --- /dev/null +++ b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.scss @@ -0,0 +1,146 @@ + +@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto&display=swap'); +*{ + box-sizing: border-box; + // margin: 0; + padding: 0; +} + +body{ + background-color: #DFF2C8; +} + +li, a, button { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-size: 16px; + color: #000000; + text-decoration: none; +} + +// header { +// display: flex; +// justify-content: space-between; +// align-items: center; +// padding: 30px 5%; +// background-color: #ffffff; + +// } + +.logo, .signup { + cursor: pointer; +} + +.nav__links { + list-style: none; +} + +.nav__links li { + display: inline-block; + padding: 0px 20px; +} + +.nav__links li a { + transition: all 0.3 ease 0s; +} + +.nav__links li a:hover { + color:#a5e95b +} + +.signup { + padding: 9px 20px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 174px; + height: 55px; + +} + +.logo { + width: 319px; + height: 100px; +} + +.text1 { + + font-family: "Lato", sans-serif; + // font-size: 15px !important; + font-weight: 700; +} + + + + + + + + +.recttext{ + // position: absolute; + // top: 1100; + // width: 1200px; + // padding-top: 45px; + // height:200px; + text-align: center; + font-size: 32px; + // padding: 0 27rem; + // padding-top: 45px; + line-height: 38px; + font-weight: 500; + +} + +.txt-h { + font-family: Lato,sans-serif; + font-weight: 700; +} + +.text2{ + font-size: 14px !important; + +} + + +.pic1 { + width: -webkit-fill-available; +} + +.pic2{ + width: auto; + max-width: 65%; + height: auto; +} + + + +.txt-p{ + text-align: justify; +} + +.bg-main{ + background-color: #BFD99E; +} + +.txt-p{ + text-align: left; + font-family: Roboto,sans-serif; + font-size: 16px; + text-align:justify; + + p { + text-indent: 12px; + }; +} + +// .footer{ +// width: 100%; +// min-height: 5%; +// display: flex; +// position: absolute; +// overflow-x: hidden; +// height: 250px; +// } + + diff --git a/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.spec.ts b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.spec.ts new file mode 100644 index 000000000..f01a3811d --- /dev/null +++ b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.spec.ts @@ -0,0 +1,26 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; +import { FooterComponent } from '../../footer/footer.component'; +import { ComputerBenefitArticleComponent } from './computer-benefit-article.component'; +import { HeaderComponent } from '../../header/header.component'; + +describe('ComputerBenefitArticleComponent', () => { + let component: ComputerBenefitArticleComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ComputerBenefitArticleComponent, FooterComponent, HeaderComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ComputerBenefitArticleComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.ts b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.ts new file mode 100644 index 000000000..4029710a9 --- /dev/null +++ b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-computer-article', + templateUrl: './computer-benefit-article.component.html', + styleUrls: ['./computer-benefit-article.component.scss'] +}) +export class ComputerBenefitArticleComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.css.map b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.css.map new file mode 100644 index 000000000..1c0d37b7e --- /dev/null +++ b/YStemAndChess/src/app/pages/computer-science-benefit-article/computer-benefit-article.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "computer-benefit-article.scss" + ], + "names": [], + "file": "computer-benefit-article.css" +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials-hifi/2019.pdf b/YStemAndChess/src/app/pages/financials-hifi/2019.pdf deleted file mode 100644 index 24d0af0be..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/2019.pdf and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/2020.pdf b/YStemAndChess/src/app/pages/financials-hifi/2020.pdf deleted file mode 100644 index f26463089..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/2020.pdf and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/2021.pdf b/YStemAndChess/src/app/pages/financials-hifi/2021.pdf deleted file mode 100644 index e432533c5..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/2021.pdf and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/Google.png b/YStemAndChess/src/app/pages/financials-hifi/Google.png deleted file mode 100644 index beb84eb41..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/Google.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/Insta.png b/YStemAndChess/src/app/pages/financials-hifi/Insta.png deleted file mode 100644 index 7d127ab64..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/Insta.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/Twitter.png b/YStemAndChess/src/app/pages/financials-hifi/Twitter.png deleted file mode 100644 index a142ea65a..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/Twitter.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/Vector.png b/YStemAndChess/src/app/pages/financials-hifi/Vector.png deleted file mode 100644 index bae6dd574..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/Vector.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/divider.png b/YStemAndChess/src/app/pages/financials-hifi/divider.png deleted file mode 100644 index 3ab132432..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/divider.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/finacials-hifi.component.css b/YStemAndChess/src/app/pages/financials-hifi/finacials-hifi.component.css deleted file mode 100644 index ef3682ecb..000000000 --- a/YStemAndChess/src/app/pages/financials-hifi/finacials-hifi.component.css +++ /dev/null @@ -1,91 +0,0 @@ -li { - list-style-type: none; - margin-bottom: 1%; -} - -.board-heading { - font-size: xx-large; - margin-left: 10%; -} - -.header-container { - display: flex; - width: 100%; -} - -.board-logo { - width: 20%; - margin-right: 5%; -} - -.header-button { - display: inline-block; - margin-right: 5%; - margin-top: 10px; -} - -.header-right-section { - width: 75%; - text-align: right; -} - -.board-container{ - margin: 0 10%; - margin-bottom: 10%; -} - -.chess-image { - display: block; - margin: 0 auto; - text-align: center; -} - -html, body { - height: 100%; - margin: 0; - padding: 0; -} - -.footer { - width: 100%; - background-color: rgb(169, 208, 159) !important; - overflow: auto; -} - -.table { - width: 50%; - float: right; - margin-top: 1%; - margin-bottom: 1%; -} - -.contact-info, .table-two { - line-height: 10%; - margin-left: 10%; -} - -.contact-info { - margin-top: 1.5%; -} - -.table-two { - margin-top: 2%; -} - -.table img { - width: 25%; -} - - -.my-table { - margin-left: auto; - margin-right: auto; - - - } - - .my-table-cell { - padding: 5%; - - } - \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.html b/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.html deleted file mode 100644 index acd774d7c..000000000 --- a/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.html +++ /dev/null @@ -1,83 +0,0 @@ - - - - - - - Document - - - -
    - -
    -
    Programs
    -
    Mentors
    -
    Lesson/Play
    -
    Log In
    - -
    -
    -

    Finance

    -
    - Chess Image -
    - - - - - - - - - - -
    - -
    - - - - - - - - - - - - - - - - - - - - -
    SponsorsSponsors
    -
    -

    info@ystemandchess.com

    -

    +1 208.996.5071

    -
    -
    - - - - - - -
    -
    - - - - - \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.scss b/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.scss deleted file mode 100644 index f792c0b91..000000000 --- a/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.scss +++ /dev/null @@ -1,77 +0,0 @@ - - - - - - - Document - - -
    -
    Programs
    -
    Mentors
    -
    Lesson/Play
    -
    Log In
    - -
    -
    -

    Board

    -
    - Chess Image -
    -
    -

    Officers

    -
  • Devin Nakano
    Founder, President and Executive Director
    • -
  • Jasmine Redlich
    Vice President
    • -
  • Owen Oertell
    Secretary
    • -
  • Kelsey Korvela
    Treasurer
    • -
    -

    Board Members

    -
  • Amit Jain, Phd
    Chair of the Computer Science Boise State University
    • -
  • Sasikanth R.
    International Board Member and Entrepreneur
    • -
  • Holly Trainer
    Retired Public School teacher.
    • -
    - -
    - - - - - - - - - - - - - - - - - - - - -
    SponsorsSponsors
    -
    -

    info@ystemandchess.com

    -

    +1 208.996.5071

    -
    -
    - - - - - - -
    -
    - - \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials-hifi/logo.png b/YStemAndChess/src/app/pages/financials-hifi/logo.png deleted file mode 100644 index 87f797814..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/logo.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/sponsor_1.png b/YStemAndChess/src/app/pages/financials-hifi/sponsor_1.png deleted file mode 100644 index fdbc1decb..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/sponsor_1.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/sponsor_2.png b/YStemAndChess/src/app/pages/financials-hifi/sponsor_2.png deleted file mode 100644 index 544f9e592..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/sponsor_2.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/sponsor_3.png b/YStemAndChess/src/app/pages/financials-hifi/sponsor_3.png deleted file mode 100644 index 27a326965..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/sponsor_3.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/sponsor_5.png b/YStemAndChess/src/app/pages/financials-hifi/sponsor_5.png deleted file mode 100644 index 457f0626f..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/sponsor_5.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials-hifi/sponsor_7.png b/YStemAndChess/src/app/pages/financials-hifi/sponsor_7.png deleted file mode 100644 index 4e4cad35c..000000000 Binary files a/YStemAndChess/src/app/pages/financials-hifi/sponsor_7.png and /dev/null differ diff --git a/YStemAndChess/src/app/pages/financials/financials-hifi.component.css b/YStemAndChess/src/app/pages/financials/financials-hifi.component.css new file mode 100644 index 000000000..984199811 --- /dev/null +++ b/YStemAndChess/src/app/pages/financials/financials-hifi.component.css @@ -0,0 +1,87 @@ +li { + list-style-type: none; + margin-bottom: 1%; +} + +.board-heading { + font-size: xx-large; + margin: 1% 24%; +} + +.header-container { + display: flex; + width: 100%; +} + +.board-logo { + width: 20%; + margin-right: 5%; +} + +.header-button { + display: inline-block; + margin-right: 5%; + margin-top: 10px; +} + +.header-right-section { + width: 75%; + text-align: right; +} + +.board-container{ + margin: 0 10%; + margin-bottom: 10%; +} + +.chess-image { + display: block; + margin : 0 auto; + text-align: center; +} + +html, body { + height: 100%; + margin: 0; + padding: 0; +} + +.footer { + width: 100%; + /* background-color: rgb(169, 208, 159) !important; */ + overflow: auto; +} + +.table { + width: 50%; + float: right; + margin-top: 1%; + margin-bottom: 1%; +} + +.contact-info, .table-two { + line-height: 10%; + margin-left: 10%; +} + +.contact-info { + margin-top: 1.5%; +} + +.table-two { + margin-top: 2%; +} + +.table img { + width: 25%; +} + + +.my-table { + margin-left: auto; + margin-right: auto; +} + +.my-table-cell { + padding: 5%; +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials/financials-hifi.component.html b/YStemAndChess/src/app/pages/financials/financials-hifi.component.html new file mode 100644 index 000000000..1ee1300ab --- /dev/null +++ b/YStemAndChess/src/app/pages/financials/financials-hifi.component.html @@ -0,0 +1,94 @@ + + + + + + + + Document + + +
    + + +
    + + + +
    +
    +
    +

    Financials

    +
    +
    + +
    +
    +
    +
    +
    2018 Financials
    + View Here +
    +
    +
    +
    +
    Form 990
    + View Here +
    +
    + +
    +
    +
    2019 Financials
    + View Here +
    +
    +
    +
    +
    2020 Financials
    + View Here +
    +
    +
    +
    +
    2021 Financials
    + View Here +
    +
    +
    +
    +
    2022 Financials
    + View Here +
    +
    +
    +
    +
    + + + + + + +
    + +
    + + + + + \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials/financials-hifi.component.scss b/YStemAndChess/src/app/pages/financials/financials-hifi.component.scss new file mode 100644 index 000000000..e96eae2f7 --- /dev/null +++ b/YStemAndChess/src/app/pages/financials/financials-hifi.component.scss @@ -0,0 +1,598 @@ +// body { +// margin: 0 auto; +// padding-top:5%; +// text-align: center; +// } + +// .website-icon::before{ +// position: absolute; +// left: -16px; +// top: 4px; +// content: " "; +// border: 5px solid #0a0a0a; +// border-radius: 500%; +// background: #7fcc26; +// height: 17px; +// width: 17px; +// margin-left:14px; +// } + +// .lesson::before{ +// position: absolute; +// left: -16px; +// top: 4px; +// content: " "; +// border: 5px solid #0a0a0a; +// border-radius: 500%; +// background: #C8B4FF; +// height: 17px; +// width: 17px; +// margin-left:14px; +// } + +// .puzzle::before{ +// position: absolute; +// left: -16px; +// top: 4px; +// content: " "; +// border: 5px solid #0a0a0a; +// border-radius: 500%; +// background: #0FDFF2; +// height: 17px; +// width: 17px; +// margin-left:14px; +// } + +// .mentoring::before{ +// position: absolute; +// left: -16px; +// top: 4px; +// content: " "; +// border: 5px solid #0a0a0a; +// border-radius: 500%; +// background: #FD8E4F; +// height: 17px; +// width: 17px; +// margin-left:14px; +// } + +// .playing::before{ +// position: absolute; +// left: -16px; +// top: 4px; +// content: " "; +// border: 5px solid #0a0a0a; +// border-radius: 500%; +// background: #F24598; +// height: 17px; +// width: 17px; +// margin-left:14px; +// } + +// .signupForm h2 { +// font-family: 'Lato'; +// font-style: normal; +// font-weight: 900; +// } + +// .myDiv h2{ +// font-size:23px; +// } + +// .signupForm input { +// margin: 20px; +// padding: 15px 32px; +// background-color: white; +// color: black; +// border: 3px solid #D64309; +// border-radius: 8px; +// outline-style: none; +// } + +// .signupForm li { +// list-style: none; +// font-family: 'Roboto'; +// font-size: 22px; +// font-style: normal; +// font-weight: 500; +// } + + +// .signupForm button { +// outline-style:none; +// padding-left:2%; //15px +// padding-right:2%; +// font-family: 'Roboto'; +// font-size: 22px; +// font-style: normal; +// font-weight: 700; +// background-color: #fff; +// color:#3A7CCA; +// border-radius: 33px; +// } + +// .signupForm button:hover { +// background-color: #3A7CCA; +// color: #fff; +// } + +// .errorMessages { +// color: red; +// } + +// #create { +// margin-top:2%; +// } + +// .x { +// margin-top: 2%; +// margin-left:235px; +// } + + +// .userProfileDiv { +// background-color: #E5F3D2 ; +// text-align: left; +// padding: 40px; +// } +// .memberInfo +// { +// text-align: left; +// margin-top: 20px; +// border-left: 1px solid #a3a0a0; +// padding-left:10% +// } +// .progressInfo +// { +// text-align: left; +// margin-top: 20px; +// } +// .lastLoginTime +// { +// font-size: 12px; +// } +// .basicDetail +// { +// border-bottom: 1px solid #a3a0a0; +// } + +// .myDiv{ +// margin-left:60px; +// } +// .tabView +// { +// margin-top: 15%; + +// } + + +// .rightbox { +// height: 100%; +// } + +// .tab { +// float: left; +// border: 1px solid #ccc; +// background-color: #f1f1f1; +// width: 21%; +// height: 447px; +// background-color: #E5F3D2; +// border-top-left-radius: 6px; +// border-bottom-left-radius: 6px; +// } + +// .tabcontent { +// float: left; +// padding: 0px 12px; +// border: 1px solid #ccc; +// width: 79%; +// border-left: none; +// height: 447px; +// overflow-y: auto; +// background-color: #C8F2AE; +// border-top-right-radius: 6px; +// border-bottom-right-radius: 6px; +// } + +// /* Style the buttons inside the tab */ +// // .tab button { +// // display: block; +// // background-color: red; + +// // color: black; +// // padding: 22px 16px; +// // width: 100%; +// // border: none; +// // outline: none; +// // text-align: left; +// // cursor: pointer; +// // transition: 0.3s; +// // font-size: 17px; +// // } + +// .tab-image{ +// width: 231px; +// height: 46px; +// border-top-left-radius: 5px; +// } + +// .tab-image2{ +// width: 231px; +// height: 46px; +// } + +// .tab-image3{ +// width: 231px; +// height: 46px; +// border-bottom-left-radius: 5px; +// } + +// .tab button.tab1{ +// display: block; +// padding-left: 0; +// padding-top: 0; +// border-top-left-radius: 5px; +// width: 100%; +// border: none; +// outline: none; +// cursor: pointer; + +// } + +// .tab button.tab2{ +// display: block; +// padding-left: 0; +// padding-top: 0; +// margin-top:10px; +// width: 100%; +// border: none; +// outline: none; +// cursor: pointer; + +// } + +// .tab button.tab3{ +// display: block; +// padding-left: 0; +// padding-top: 0; +// border-bottom-left-radius: 5px; +// margin-top:10px; +// width: 100%; +// border: none; +// outline: none; +// cursor: pointer; +// } + +// .tab button.tab4{ +// display: block; +// background-color: white; +// font-weight: 600; +// margin-top:10px; +// color: black; +// padding: 11px 16px; +// width: 100%; +// border: none; +// outline: none; +// text-align: left; +// cursor: pointer; +// transition: 0.3s; +// font-size: 17px; +// } + + +// .tab button.tab5{ +// display: block; +// font-weight: 600; +// background-color: dodgerblue; +// margin-top:10px; +// color: black; +// padding: 11px 16px; +// width: 100%; +// border: none; +// outline: none; +// text-align: left; +// cursor: pointer; +// transition: 0.3s; +// font-size: 17px; +// } + +// .tab button.tab6{ +// display: block; +// font-weight: 600; +// background-color: yellow; +// margin-top:10px; +// color: black; +// padding: 11px 16px; +// width: 100%; +// border: none; +// outline: none; +// text-align: left; +// cursor: pointer; +// transition: 0.3s; +// font-size: 17px; +// } + +// .tab button.tab7{ +// display: block; +// font-weight: 600; +// background-color: rgb(227, 133, 149); +// margin-top:10px; +// color: black; +// padding: 11px 16px; +// width: 100%; +// border: none; +// outline: none; +// text-align: left; +// cursor: pointer; +// transition: 0.3s; +// font-size: 17px; +// } + +// .tab button.tab8{ +// display: block; +// font-weight: 600; +// background-color: red; +// border-bottom-left-radius: 10px; +// color: black; +// margin-top:10px; +// padding: 11px 16px; +// width: 100%; +// border: none; +// outline: none; +// text-align: left; +// cursor: pointer; +// transition: 0.3s; +// font-size: 17px; +// } + + +// /* Change background color of buttons on hover */ + + +// /* Create an active/current "tab button" class */ + + +// /* Style the tab content */ + + +// .rb-container { +// font-family: "PT Sans", sans-serif; +// margin: auto; +// display: block; +// position: relative; +// } + +// .rb-container ul.rb { +// margin: 2.5em 0; +// padding: 0; +// display: inline-block; +// } + +// .rb-container ul.rb li { +// list-style: none; +// margin: auto; +// margin-left: 3em; +// min-height: 50px; +// border-left: 1px dashed #000; +// padding: 0 0 50px 30px; +// position: relative; +// } + +// .rb-container ul.rb li:last-child { +// border-left: 0; +// } + +// .rb-container ul.rb li::before { +// position: absolute; +// left: -16px; +// top: -5px; +// content: " "; +// border: 8px solid rgb(10, 10, 10); +// border-radius: 500%; +// background: #7fcc26; +// height: 28px; +// width: 28px; +// transition: all 500ms ease-in-out; +// } + + + +// .rb-container ul.rb li:hover::before { +// border-color: #232931; +// transition: all 1000ms ease-in-out; +// } + +// ul.rb li .timestamp { +// color: #0e0f0e; +// position: relative; +// width: 100px; +// font-size: 12px; +// } + +// .item-title { +// color: #000; +// } + + + +// .tabView { +// .container { +// width: 100%; +// position: relative; +// // top: 25%; +// left: 50%; +// transform: translate(-50%,-50%); +// font-size: 0; +// border-radius: 3px; +// overflow: hidden; +// input { +// display: none; +// &:checked + label { +// background:#becfb7; +// } +// @for $i from 1 through 4 { +// &#tab#{$i}:checked { +// ~ .line { +// left: #{($i - 1) * 25%}; +// } +// ~ .content-container #c#{$i} { +// opacity: 1; +// } +// } +// } +// } +// label { +// display: inline-block; +// font-size: 16px; +// height: 36px; +// line-height: 36px; +// width: 33.3%; +// text-align: center; +// background: #f4f4f4; +// color: #555; +// position: relative; +// transition: 0.25s background ease; +// cursor: pointer; +// &::after { +// content: ""; +// height: 2px; +// width: 100%; +// position: absolute; +// display: block; +// background: #ccc; +// bottom: 0; +// opacity: 0; +// left: 0; +// transition: 0.25s ease; +// } +// &:hover::after { +// opacity: 1; +// } +// } +// .line { +// position: absolute; +// height: 0px; +// background: #1E88E5; +// width: 33.3%; +// top: 34px; +// left: 0; +// transition: 0.25s ease; +// } +// .content-container { +// background: #eee; +// position: relative; +// height: 250px; +// font-size: 16px; +// overflow-y:scroll; +// .content { +// position: absolute; +// padding: 10px; +// width: 100%; +// top: 0; +// opacity: 0; +// transition: 0.25s ease; +// color: #333; +// h3 { +// font-weight: 200; +// margin: 10px 0; +// } +// p { +// margin: 10px 0; +// } +// p, i { +// font-size: 13px; +// } +// } +// } +// } +// } + +// .pdf-view { +// margin: auto; +// margin-top: 5%; +// height: 95px; +// // width: 600px; +// // border: 1px solid #dadada; +// } +// .sharedExpCategoryList{ +// cursor: pointer; +// list-style: square; +// color:red; +// padding-left: 4%; +// } + +// .sharedExpCategoryFile { +// list-style: square; +// cursor: pointer; +// color:red; +// padding-left: 4%; +// } + +.sub-section { + margin-top: 60px; + + .row { + text-align: -webkit-center; + } +} + +.Premium-card { + align-items: center; + border-radius: 12px; + background: white; + border: 4px solid #78ce2d; + box-shadow: 15px 15px 3px 0px #78ce2d; + width: 300px; + height: 200px; + + .main-icon { + width: 70px; + height: 70px; + } + + .free-title{ + font-size: 26px; + font-weight: 700; + } + + .free-card-text { + text-align: center; + font-size: 26px; + margin-bottom: 50px; + } + + .free-btn { + padding: 10px 60px; + background: #EAD94C; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #D4DDDD; + } + +} + +.divider { + display: flex; + position: relative; + top: 30px; + max-width: 100%; + width: 100%; + margin: 0 auto; + // padding: 0 9rem; + z-index: 10; + padding-top: 0px; + justify-content: center; +} + +@media only screen and (max-width:320px) { + .Premium-card { + width: 225px; + height: 225px; + + .free-btn { + padding: 10px 30px; + } + } +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.spec.ts b/YStemAndChess/src/app/pages/financials/financials-hifi.component.spec.ts similarity index 74% rename from YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.spec.ts rename to YStemAndChess/src/app/pages/financials/financials-hifi.component.spec.ts index e5c3a3a52..3fd6917ef 100644 --- a/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.spec.ts +++ b/YStemAndChess/src/app/pages/financials/financials-hifi.component.spec.ts @@ -1,6 +1,9 @@ import { ComponentFixture, TestBed } from '@angular/core/testing'; import { FinancialsHifiComponent } from './financials-hifi.component'; +import { FooterComponent } from '../../footer/footer.component'; + +import { HeaderComponent } from '../../header/header.component'; describe('FinancialsHifiComponent', () => { let component: FinancialsHifiComponent; @@ -8,7 +11,7 @@ describe('FinancialsHifiComponent', () => { beforeEach(async () => { await TestBed.configureTestingModule({ - declarations: [ FinancialsHifiComponent ] + declarations: [ FinancialsHifiComponent, FooterComponent, HeaderComponent ] }) .compileComponents(); }); @@ -22,4 +25,4 @@ describe('FinancialsHifiComponent', () => { it('should create', () => { expect(component).toBeTruthy(); }); -}); +}); \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.ts b/YStemAndChess/src/app/pages/financials/financials-hifi.component.ts similarity index 91% rename from YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.ts rename to YStemAndChess/src/app/pages/financials/financials-hifi.component.ts index 430aeb024..3e74cb29e 100644 --- a/YStemAndChess/src/app/pages/financials-hifi/financials-hifi.component.ts +++ b/YStemAndChess/src/app/pages/financials/financials-hifi.component.ts @@ -9,7 +9,7 @@ export class FinancialsHifiComponent implements OnInit { constructor() { } - ngOnInit(): void { + ngOnInit ( ) : void { } -} +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/financials/financials-hifi.css.map b/YStemAndChess/src/app/pages/financials/financials-hifi.css.map new file mode 100644 index 000000000..3e0af9012 --- /dev/null +++ b/YStemAndChess/src/app/pages/financials/financials-hifi.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "AAAA,AAAA,IAAI,CAAC;EACD,MAAM,EAAE,MAAM;EACd,WAAW,EAAC,EAAE;EACd,UAAU,EAAE,MAAM;CACrB;;AAED,AAAA,WAAW,CAAC,EAAE,CAAC;EACX,WAAW,EAAE,MAAM;EACnB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;CACnB;;AAED,AAAA,WAAW,CAAC,KAAK,CAAC;EACd,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,SAAS;EAClB,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,iBAAiB;EACzB,aAAa,EAAE,GAAG;EAClB,aAAa,EAAE,IAAI;CACtB;;AAED,AAAA,WAAW,CAAC,EAAE,CAAC;EACX,UAAU,EAAE,IAAI;EAChB,WAAW,EAAE,QAAQ;EACrB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;CACnB;;AAED,AAAA,WAAW,CAAC,MAAM,CAAC;EACf,aAAa,EAAC,IAAI;EAClB,YAAY,EAAC,EAAE;EACf,aAAa,EAAC,EAAE;EAChB,WAAW,EAAE,QAAQ;EACrB,SAAS,EAAE,IAAI;EACf,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,GAAG;EAChB,gBAAgB,EAAE,IAAI;EACtB,KAAK,EAAC,OAAO;EACb,aAAa,EAAE,IAAI;CACtB;;AAED,AAAA,WAAW,CAAC,MAAM,AAAA,MAAM,CAAC;EACrB,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,IAAI;CACd;;AAED,AAAA,cAAc,CAAC;EACX,KAAK,EAAE,GAAG;CACb;;AAED,AAAA,OAAO,CAAC;EACJ,UAAU,EAAC,EAAE;CAChB;;AAED,AAAA,EAAE,CAAC;EACC,UAAU,EAAE,EAAE;EACd,WAAW,EAAC,KAAK;CACpB", + "sources": [ + "financials-hifi.component.scss" + ], + "names": [], + "file": "financials-hifi.component.css" +} \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/home/home.component.html b/YStemAndChess/src/app/pages/home/home.component.html index 2242b58d4..bea9f0a9f 100644 --- a/YStemAndChess/src/app/pages/home/home.component.html +++ b/YStemAndChess/src/app/pages/home/home.component.html @@ -1,144 +1,175 @@ - - - - - - + -
    - - - -
    + + + + + YStemandChess + + +
    + +
    - - - - + - -
    -
    - Child playing chess -
    -
    -

    Our Mission

    -
    -
    -

    - Y STEM and Chess Inc. strives to empower underserved and at-risk children through mentoring and STEM skills development to enable them to pursue STEM careers and change their life trajectories. -

    -
    -
    - - - -
    -
    -

    Play

    -
    -
    -

    First week is FREE!

    -
    -
    -

    - Become a member now to benefit your child and all other children who - participate in our program! -

    -
    - -
    - -
    + - -
    -
    - Stemy Mascot -
    - -
    -

    Become a mentor

    +
    +
    +
    +

    Helping your child develop + critical thinking skills

    +

    We are a nonprofit organization empowering + children to find their own success in STEM through + Chess, Math and Computer Science.

    +
    + +
    -
    -

    Interested in making a difference?

    -
    -
    -

    - Y STEM and Chess Inc. (YSC) is focused on resolving two current social problems by providing a unique twenty-first-century methodology to learning called "Mastery Learning." First, YSC is focused on our society’s unfulfilled need for students with a firm learning foundation to pursue a life in the world of STEM. YSC seeks to encourage STEM careers for all of our younger generations. Second, and most importantly, YSC is focused on providing a solid educational foundation for the children of our socially and economically underserved populations and introducing and engaging them in the world of STEM. -

    - -

    - Our goal is to use the Mastery Learning Model to provide at-risk and underserved children with the skills, knowledge, and opportunity to enter STEM career paths and to assist in solving the critical shortage of STEM-skilled citizens that exists today. -

    - -

    - Since Mastery Learning provides each student with a unique learning experience, we need your help. -

    +
    +
    - + +
    +

    Everyone is included.

    +

    Everyone is welcomed.

    +
    +
    +
    + +
    Free
    +

    For students who qualify for free and reduced lunch. Our lessons are free.

    + Join Now
    +
    +
    +
    + +
    Premium
    +

    For students who don't qualify for free and reduced lunch. $25 / week First lesson is FREE. Cancel anytime

    + Join Now
    +
    +
    +
    +
    + -
    + - -
    -
    - Chess board -
    -
    -

    Opening minds and hearts

    +
    +
    +
    +
    +
    + +
    + +
    + Play +
    +     +

    + We strive to empower underserved and at-risk children through mentoring and STEM skills-development to enable them to pursue STEM careers and change their life trajectory. +

    +
    +
    +
    +
    +
    + +
    + +
    + Learn +
    +     + +

    + We strive to empower underserved and at-risk children through mentoring and STEM skills-development to enable them to pursue STEM careers and change their life trajectory. +

    +
    +
    +
    +
    +
    + +
    + +
    + Donate +
    +     + +

    + The tax deductible donation will be used to scale our program to underserved communities and students. Y STEM and Chess Inc. is a registered tax organization. +

    +
    +
    +
    +
    +
    +
    +
    + + +
    + + +
    +
    +
    + +

    + Chess strategy / Math skill/ Computer language concepts / +
    Mentoring / Advanced Learning Skills / Career Paths Preperation / all +
    sessions access +

    +
    + Join Now +
    - - - +
    + + + + + + \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/home/home.component.scss b/YStemAndChess/src/app/pages/home/home.component.scss index cb3f7216f..83d781898 100644 --- a/YStemAndChess/src/app/pages/home/home.component.scss +++ b/YStemAndChess/src/app/pages/home/home.component.scss @@ -1,615 +1,1048 @@ -body { - padding-top:5%; //50px -} - -//clears floats once they are no longer needed -#clear { - clear:both; -} - -//our mission container -#our-mission-container { - position:relative; - float:left; - overflow: hidden; - margin-left:3%; //53px - width:55%; - height:auto; //481px - background-color:#51AA00; - border-radius:33px; //33px - - #our-mission-image img { - float:left; - overflow: hidden; - width:50%; - height:100%; //108.079% - margin:0; - //box-sizing: border-box; - } +// body { +// padding-top:5%; //50px +// margin-bottom: 25%; +// } - #our-mission-statement-header h3 { - float:right; - width:35%; - height:auto; - margin-right:10.5%; //80px - overflow: hidden; - font-family: 'Lato'; - font-style:bold; - font-weight:900; - font-size:3vw; //42px //262.5% - line-height: 250%; - letter-spacing:0.07em; - color:#fff; - box-sizing: border-box; - } +// //clears floats once they are no longer needed +// #clear { +// clear:both; +// } - #our-mission-statement-paragraph p { - float:right; - width:35%; - height:auto; - margin-right:10.5%; //80px; - overflow: hidden; - font-family:'Roboto'; - font-style:normal; - font-weight:500; - font-size:1.4vw; // 137.5% - line-height:117.1%; - letter-spacing:0.01em; - color:#fff; - box-sizing: border-box; - } -} +// //our mission container +// #our-mission-container { +// position:relative; +// float:left; +// overflow: hidden; +// margin-left:3%; //53px +// width:55%; +// height:auto; //481px +// background-color:#51AA00; +// border-radius:33px; //33px -//play container -#play-container { - float:right; - overflow: hidden; - margin-right: 3%; //77px - width: 30%; - height:108.079%; - border-radius:33px; - background-color:#3A7CCA; - - #play-container-header1 h3 { - margin-top:8.5%; //35px; - margin-left:16.5%; //75px - font-family:'Lato'; - font-style:bold; - font-weight:900; - font-size:3vw; - line-height: 117.1%; - letter-spacing:0.07em; - color:#fff; - } +// #our-mission-image img { +// float:left; +// overflow: hidden; +// width:50%; +// height:100%; //108.079% +// margin:0; +// //box-sizing: border-box; +// } - #play-container-header2 h4 { - margin-top:9.8%; //45 px - margin-left:16.5%; //75px - font-family:'Roboto'; - font-style:bold; - font-weight:900; - font-size:2vw; - line-height:117.1%; - letter-spacing: 0.01em; - color:#fff; - } +// #our-mission-statement-header h3 { +// float:right; +// width:35%; +// height:auto; +// margin-right:10.5%; //80px +// overflow: hidden; +// font-family: 'Lato'; +// font-style:bold; +// font-weight:900; +// font-size:3vw; //42px //262.5% +// line-height: 250%; +// letter-spacing:0.07em; +// color:#fff; +// box-sizing: border-box; +// } - #play-container-paragraph p { - margin-top:9.8%; //45px - margin-left: 16.5%; //75px - width:66%; - font-family:'Roboto'; - font-style:bold; - font-weight:500; - font-size:1.4vw; //22px - line-height:117.1%; - letter-spacing:0.01em; - color:#fff; - } +// #our-mission-statement-paragraph p { +// float:right; +// width:35%; +// height:auto; +// margin-right:10.5%; //80px; +// overflow: hidden; +// font-family:'Roboto'; +// font-style:normal; +// font-weight:500; +// font-size:1.4vw; // 137.5% +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// box-sizing: border-box; +// } +// } - #play-container-links { - margin-top:10%; //100px - margin-left:16.5%; //75px - padding-bottom: 12%; - } +// //play container +// #play-container { +// float:right; +// overflow: hidden; +// margin-right: 3%; //77px +// width: 30%; +// height:108.079%; +// border-radius:33px; +// background-color:#3A7CCA; - #play-container-links a { - text-decoration: none; - margin-right:8%; //30px - font-family:'Roboto'; - font-style:bold; - font-weight:700; - font-size:1.7vw; //25px - line-height:117.1%; - letter-spacing:0.01em; - color:#fff; - } +// #play-container-header1 h3 { +// margin-top:8.5%; //35px; +// margin-left:16.5%; //75px +// font-family:'Lato'; +// font-style:bold; +// font-weight:900; +// font-size:3vw; +// line-height: 117.1%; +// letter-spacing:0.07em; +// color:#fff; +// } - #play-container-links a:hover { - text-decoration: underline; - } +// #play-container-header2 h4 { +// margin-top:9.8%; //45 px +// margin-left:16.5%; //75px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:900; +// font-size:2vw; +// line-height:117.1%; +// letter-spacing: 0.01em; +// color:#fff; +// } - #play-container-links button { - padding:4%; //15px - font-family:'Roboto'; - font-style:bold; - font-weight:bold; - font-size:1.8vw; //28px - line-height: 117.1%; - letter-spacing:0.01em; - border-radius: 33px; - color:#3A7CCA; - background-color: #fff; - } +// #play-container-paragraph p { +// margin-top:9.8%; //45px +// margin-left: 16.5%; //75px +// width:66%; +// font-family:'Roboto'; +// font-style:bold; +// font-weight:500; +// font-size:1.4vw; //22px +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// } - #play-container-links button:hover { - color:#fff; - background-color: #3A7CCA; - } -} +// #play-container-links { +// margin-top:10%; //100px +// margin-left:16.5%; //75px +// padding-bottom: 12%; +// } -#become-a-mentor-container { - display:table; - margin:0 auto; - margin-top: 5%; //75px - width:95%; - height:38%; //652px - padding-bottom: 8%; - border-radius: 33px; - background-color: #FDD005; - - #become-a-mentor-img { - float:left; - width:30%; - height:auto; - margin-top:6.3%; - margin-left:8%; - box-sizing: border-box; - } +// #play-container-links a { +// text-decoration: none; +// margin-right:8%; //30px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:700; +// font-size:1.7vw; //25px +// line-height:117.1%; +// letter-spacing:0.01em; +// color:#fff; +// } - #become-a-mentor-img img { - width:110%; - height:auto; - margin:0; - border-radius:100%; - } +// #play-container-links a:hover { +// text-decoration: underline; +// } - #become-a-mentor-header1 { - float:right; - margin-right:30%; - margin-top:6.3%; - } +// #play-container-links button { +// padding:4%; //15px +// font-family:'Roboto'; +// font-style:bold; +// font-weight:bold; +// font-size:1.8vw; //28px +// line-height: 117.1%; +// letter-spacing:0.01em; +// border-radius: 33px; +// color:#3A7CCA; +// background-color: #fff; +// } - #become-a-mentor-header1 h3 { - font-family:'Lato'; - font-style:normal; - font-weight:900; - font-size:2.75vw; //42px; - line-height: 117.1%; - letter-spacing: 0.01em; - color:#4f4f4f; - } +// #play-container-links button:hover { +// color:#fff; +// background-color: #3A7CCA; +// } +// } - #become-a-mentor-header2 { - float:right; - margin-right:18%; - margin-top:0.5%; - } +// #become-a-mentor-container { +// display:table; +// margin:0 auto; +// margin-top: 5%; //75px +// width:95%; +// height:38%; //652px +// padding-bottom: 8%; +// border-radius: 33px; +// background-color: #FDD005; - #become-a-mentor-header2 h4 { - font-family:'Roboto'; - font-style: bold; //normal - font-weight:900; //500 - font-size:2.15vw; //33px - line-height: 117.1%; - letter-spacing: 0.01em; - color:#4f4f4f; - } +// #become-a-mentor-img { +// float:left; +// width:30%; +// height:auto; +// margin-top:6.3%; +// margin-left:8%; +// box-sizing: border-box; +// } - #become-a-mentor-statement { - float:right; - width: 42%; - height:auto; - margin-top:3%; - margin-right:11%; - } +// #become-a-mentor-img img { +// width:110%; +// height:auto; +// margin:0; +// border-radius:100%; +// } - #become-a-mentor-statement p { - font-family:'Roboto'; - font-style:bold; //normal - font-weight:700; //500 - font-size:1.4vw; //22px - line-height: 130%; - letter-spacing: 0.02em; - color:#4f4f4f; - } -} +// #become-a-mentor-header1 { +// float:right; +// margin-right:30%; +// margin-top:6.3%; +// } -#opening-minds-container { - position:relative; - margin:0 auto; - margin-top:5%; //75px - width:95%; - height:auto; //882px - border-radius:33px; - background-color: #FF8503; - overflow: hidden; - box-sizing: border-box; - - #opening-minds-img { - float:right; - width:39.5%; - height: auto; - box-sizing: border-box; - } +// #become-a-mentor-header1 h3 { +// font-family:'Lato'; +// font-style:normal; +// font-weight:900; +// font-size:2.75vw; //42px; +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#4f4f4f; +// } - #opening-minds-img img { - width:100%; - height:575px; - border-bottom-right-radius: 33px; - border-top-right-radius: 33px; - } +// #become-a-mentor-header2 { +// float:right; +// margin-right:18%; +// margin-top:0.5%; +// } - #opening-minds-header { - float:left; - margin-top:5%; - margin-left:10.5%; - margin-bottom: 3%; - } +// #become-a-mentor-header2 h4 { +// font-family:'Roboto'; +// font-style: bold; //normal +// font-weight:900; //500 +// font-size:2.15vw; //33px +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#4f4f4f; +// } - #opening-minds-header h3 { - font-family:'Lato'; - font-style:bold; //normal - font-weight:900; - font-size:2.75vw; //42px - line-height: 117.1%; - letter-spacing: 0.01em; - color:#fff; - } +// #become-a-mentor-statement { +// float:right; +// width: 42%; +// height:auto; +// margin-top:3%; +// margin-right:11%; +// } - #opening-minds-video { - margin-left:8.7%; - } +// #become-a-mentor-statement p { +// font-family:'Roboto'; +// font-style:bold; //normal +// font-weight:700; //500 +// font-size:1.4vw; //22px +// line-height: 130%; +// letter-spacing: 0.02em; +// color:#4f4f4f; +// } +// } - #opening-minds-video iframe { - width: 45%; //560px - min-height:315px; //315px - border-radius: 33px; - } -} +// #opening-minds-container { +// position:relative; +// margin:0 auto; +// margin-top:5%; //75px +// width:95%; +// height:auto; //882px +// border-radius:33px; +// background-color: #FF8503; +// overflow: hidden; +// box-sizing: border-box; -@media(max-width:950px) { +// #opening-minds-img { +// float:right; +// width:39.5%; +// height: auto; +// box-sizing: border-box; +// } - #our-mission-container{ +// #opening-minds-img img { +// width:100%; +// height:575px; +// border-bottom-right-radius: 33px; +// border-top-right-radius: 33px; +// } - height:450px; - overflow: hidden; +// #opening-minds-header { +// float:left; +// margin-top:5%; +// margin-left:10.5%; +// margin-bottom: 3%; +// } - #our-mission-image { - height:auto; - } +// #opening-minds-header h3 { +// font-family:'Lato'; +// font-style:bold; //normal +// font-weight:900; +// font-size:2.75vw; //42px +// line-height: 117.1%; +// letter-spacing: 0.01em; +// color:#fff; +// } - #our-mission-image img { - height:fit-content; - } +// #opening-minds-video { +// margin-left:8.7%; +// } - #our-mission-statement-header h3 { - font-size:3vw; //42px //262.5% - } +// #opening-minds-video iframe { +// width: 45%; //560px +// min-height:315px; //315px +// border-radius: 33px; +// } +// } - #our-mission-statement-paragraph p { - font-size:2vw; // 137.5% - } - } +// @media(max-width:950px) { - #play-container { +// #our-mission-container{ - #play-container-header1 h3 { - font-size:3vw; - } +// height:450px; +// overflow: hidden; + +// #our-mission-image { +// height:auto; +// } + +// #our-mission-image img { +// height:fit-content; +// } + +// #our-mission-statement-header h3 { +// font-size:3vw; //42px //262.5% +// } + +// #our-mission-statement-paragraph p { +// font-size:2vw; // 137.5% +// } +// } + +// #play-container { + +// #play-container-header1 h3 { +// font-size:3vw; +// } - #play-container-header2 h4 { - font-size:3vw; - } +// #play-container-header2 h4 { +// font-size:3vw; +// } - #play-container-paragraph p { - font-size:2vw; //22px - } +// #play-container-paragraph p { +// font-size:2vw; //22px +// } - #play-container-links { - margin-top:10%; //100px - margin-left:5%; //75px - padding-bottom: 12%; - } +// #play-container-links { +// margin-top:10%; //100px +// margin-left:5%; //75px +// padding-bottom: 12%; +// } - #play-container-links a { - text-decoration: none; - font-size:1.9vw; //25px - } +// #play-container-links a { +// text-decoration: none; +// font-size:1.9vw; //25px +// } - #play-container-links a:active { - text-decoration: underline; - } +// #play-container-links a:active { +// text-decoration: underline; +// } - #play-container-links button { - font-size:2.3vw; //28px - } - } +// #play-container-links button { +// font-size:2.3vw; //28px +// } +// } - #become-a-mentor-container { +// #become-a-mentor-container { - #become-a-mentor-img { - margin-top:10%; - margin-left:5%; - width:30%; - } +// #become-a-mentor-img { +// margin-top:10%; +// margin-left:5%; +// width:30%; +// } - #become-a-mentor-img img { - width:130%; - } +// #become-a-mentor-img img { +// width:130%; +// } - #become-a-mentor-header1 { - margin-right:9%; - } +// #become-a-mentor-header1 { +// margin-right:9%; +// } - #become-a-mentor-header1 h3 { - font-size:5vw; //42px; - } +// #become-a-mentor-header1 h3 { +// font-size:5vw; //42px; +// } - #become-a-mentor-header2 { - margin-right:2%; - } +// #become-a-mentor-header2 { +// margin-right:2%; +// } - #become-a-mentor-header2 h4 { - font-size:3vw; //33px - } +// #become-a-mentor-header2 h4 { +// font-size:3vw; //33px +// } - #become-a-mentor-statement { - margin-right:9.3%; - } +// #become-a-mentor-statement { +// margin-right:9.3%; +// } - #become-a-mentor-statement p { - font-size:2vw; //22px - } - } +// #become-a-mentor-statement p { +// font-size:2vw; //22px +// } +// } - #opening-minds-container { +// #opening-minds-container { - #opening-minds-img { - width:39.5%; - height: auto; - } +// #opening-minds-img { +// width:39.5%; +// height: auto; +// } - #opening-minds-img img { - width:100%; - height:auto/2; //575px - border-bottom-right-radius: 33px; - border-top-right-radius: 33px; - } +// #opening-minds-img img { +// width:100%; +// height:auto/2; //575px +// border-bottom-right-radius: 33px; +// border-top-right-radius: 33px; +// } - #opening-minds-header { - float:left; - margin-top:5%; - margin-left:7%; - } +// #opening-minds-header { +// float:left; +// margin-top:5%; +// margin-left:7%; +// } - #opening-minds-header h3 { - font-size:3.5vw; //42px - } +// #opening-minds-header h3 { +// font-size:3.5vw; //42px +// } - #opening-minds-video { - margin-left:8.7%; - } +// #opening-minds-video { +// margin-left:8.7%; +// } - #opening-minds-video iframe { - margin-top: 5%; - width: 45%; //560px - min-height:315px; //315px - border-radius: 33px; - } - } +// #opening-minds-video iframe { +// margin-top: 5%; +// width: 45%; //560px +// min-height:315px; //315px +// border-radius: 33px; +// } +// } -} +// } -@media(max-width:860px) { - #our-mission-container { - height:420px; - } -} +// @media(max-width:860px) { +// #our-mission-container { +// height:420px; +// } +// } -@media(max-width:835px) { - #our-mission-container { - height:400px; - } -} +// @media(max-width:835px) { +// #our-mission-container { +// height:400px; +// } +// } -//mobile version -@media(max-width: 766px) { - #our-mission-container { - margin: 0 auto; - width:90%; - height:auto; //481px - margin-left:5%; +// //mobile version +// @media(max-width: 766px) { +// #our-mission-container { +// margin: 0 auto; +// width:90%; +// height:auto; //481px +// margin-left:5%; - #our-mission-image { - margin: 0 auto; - } +// #our-mission-image { +// margin: 0 auto; +// } - #our-mission-image img { - width:100%; - max-height:300px; - border-top-left-radius: 33px; - border-top-right-radius: 33px; - border-bottom-left-radius: 0px; - } +// #our-mission-image img { +// width:100%; +// max-height:300px; +// border-top-left-radius: 33px; +// border-top-right-radius: 33px; +// border-bottom-left-radius: 0px; +// } - #our-mission-statement-header { - margin: 0 auto; - } +// #our-mission-statement-header { +// margin: 0 auto; +// } - #our-mission-statement-header h3 { - margin: auto; - text-align: center; - width:100%; - height:auto; - font-size:7.1vw; //42px //262.5% - } +// #our-mission-statement-header h3 { +// margin: auto; +// text-align: center; +// width:100%; +// height:auto; +// font-size:7.1vw; //42px //262.5% +// } - #our-mission-statement-paragraph { - margin: 0 auto; - } +// #our-mission-statement-paragraph { +// margin: 0 auto; +// } - #our-mission-statement-paragraph p { - margin:auto; - margin-bottom:5%; - text-align: center; - width:100%; - height:auto; - font-size:5.1vw; // 137.5% - } - } +// #our-mission-statement-paragraph p { +// margin:auto; +// margin-bottom:5%; +// text-align: center; +// width:100%; +// height:auto; +// font-size:5.1vw; // 137.5% +// } +// } - //play container - #play-container { - margin: 0 auto; - width:90%; - height:auto; //481px - margin-right:5%; - margin-top:5%; +// //play container +// #play-container { +// margin: 0 auto; +// width:90%; +// height:auto; //481px +// margin-right:5%; +// margin-top:5%; - #play-container-header1 h3 { - font-size:7.1vw; - } +// #play-container-header1 h3 { +// font-size:7.1vw; +// } - #play-container-header2 h4 { - margin-top:3.5%; - font-size:6.5vw; - } +// #play-container-header2 h4 { +// margin-top:3.5%; +// font-size:6.5vw; +// } - #play-container-paragraph p { - margin-top:3.5%; - font-size:5.1vw; //22px - } +// #play-container-paragraph p { +// margin-top:3.5%; +// font-size:5.1vw; //22px +// } - #play-container-links { - margin-top:10%; //100px - margin-left:16.5%; //75px - padding-bottom: 12%; - } +// #play-container-links { +// margin-top:10%; //100px +// margin-left:16.5%; //75px +// padding-bottom: 12%; +// } - #play-container-links a { - font-size:5vw; //25px - } +// #play-container-links a { +// font-size:5vw; //25px +// } - #play-container-links a:active { - text-decoration: underline; - } +// #play-container-links a:active { +// text-decoration: underline; +// } - #play-container-links button { - font-size:5vw; //28px - } +// #play-container-links button { +// font-size:5vw; //28px +// } - #play-container-links button:active { - color:#fff; - background-color: #3A7CCA; - } - } +// #play-container-links button:active { +// color:#fff; +// background-color: #3A7CCA; +// } +// } - #become-a-mentor-container { - width:90%; - height:auto; //652px +// #become-a-mentor-container { +// width:90%; +// height:auto; //652px - #become-a-mentor-img { - margin:0 auto; - width:60%; - height:auto; - } +// #become-a-mentor-img { +// margin:0 auto; +// width:60%; +// height:auto; +// } - #become-a-mentor-img img { - margin-top:3%; - margin-left:18.5%; - } +// #become-a-mentor-img img { +// margin-top:3%; +// margin-left:18.5%; +// } - #become-a-mentor-header1 { - margin:0 auto; - width:100%; - } +// #become-a-mentor-header1 { +// margin:0 auto; +// width:100%; +// } - #become-a-mentor-header1 h3 { - margin:auto; - text-align: center; - font-size:7.1vw; //42px; - } +// #become-a-mentor-header1 h3 { +// margin:auto; +// text-align: center; +// font-size:7.1vw; //42px; +// } - #become-a-mentor-header2 { - margin: 0 auto; - margin-top:3%; - width: 100%; - } +// #become-a-mentor-header2 { +// margin: 0 auto; +// margin-top:3%; +// width: 100%; +// } - #become-a-mentor-header2 h4 { - margin: auto; - text-align: center; - font-size:6vw; //33px - } +// #become-a-mentor-header2 h4 { +// margin: auto; +// text-align: center; +// font-size:6vw; //33px +// } - #become-a-mentor-statement { - margin: 0 auto; - margin-top: 3%; - margin-right:5%; - width: 90%; - height:auto; - } +// #become-a-mentor-statement { +// margin: 0 auto; +// margin-top: 3%; +// margin-right:5%; +// width: 90%; +// height:auto; +// } - #become-a-mentor-statement p { - margin: auto; - text-align: center; - font-size:5.1vw; //22px - } - } +// #become-a-mentor-statement p { +// margin: auto; +// text-align: center; +// font-size:5.1vw; //22px +// } +// } - #opening-minds-container { - width:90%; - height:auto; //882px +// #opening-minds-container { +// width:90%; +// height:auto; //882px - #opening-minds-img { - margin: 0 auto; - width:100%; - } +// #opening-minds-img { +// margin: 0 auto; +// width:100%; +// } - #opening-minds-img img { - width:100%; - max-height: 350px; - border-bottom-right-radius: 0%; - } +// #opening-minds-img img { +// width:100%; +// max-height: 350px; +// border-bottom-right-radius: 0%; +// } - #opening-minds-header { - margin: 0 auto; - width:100%; - height:auto; - margin-top:3%; - margin-bottom:3%; - } +// #opening-minds-header { +// margin: 0 auto; +// width:100%; +// height:auto; +// margin-top:3%; +// margin-bottom:3%; +// } - #opening-minds-header h3 { - margin: auto; +// #opening-minds-header h3 { +// margin: auto; +// text-align: center; +// font-size:7vw; //42px +// } + +// #opening-minds-video { +// margin: 0 auto; +// width:100%; +// height:auto; +// margin-left: 16%; +// margin-bottom: 3%; +// } + +// #opening-minds-video iframe { +// width: 70%; //560px +// height:315px; //315px +// border-radius: 33px; +// } +// } +// } + + +@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto&display=swap'); +// *{ +// box-sizing: border-box; +// margin: 0 !important; +// padding: 0; +// background-color: #ffffff; +// } + +li, a, button { + font-family: "Roboto", sans-serif; + font-weight: 500; + font-size: 16px; + color: #000000; + text-decoration: none; +} +.home_pld_div{ + background-image: url('../../../assets/images/homePage/chess_piece.png'); + background-repeat: repeat; + background-color: #ddeacf; + padding: 5% 0%; + + .container{ + background-color: #bcd9a0; + padding: 50px 0px; + + .card{ text-align: center; - font-size:7vw; //42px - } + align-items: center; + background: transparent; + border: none; - #opening-minds-video { - margin: 0 auto; - width:100%; - height:auto; - margin-left: 16%; - margin-bottom: 3%; + .card-title + { + font-weight: bold; + } } + } +} + +.linktext:hover{ +color: #257d96; +} + +// header { +// display: flex; +// justify-content: space-between; +// align-items: center; +// padding: 30px 5%; + +// } + +.logo, .signup { + cursor: pointer; +} + +.nav__links { + list-style: none; +} + +.nav__links li { + display: inline-block; + padding: 0px 20px; + +} + +.nav__links li a { + transition: all 0.3 ease 0s; +} + +.nav__links li a:hover { + color:#7FCC26 +} + +.signup { + padding: 9px 20px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 174px; + height: 55px; + +} + +.logo { + width: 319px; + height: 100px; +} + +// .container{ +// display: flex; +// position: relative; +// // top: 30px; +// max-width: 100%; +// width: 100%; +// margin: 0 auto; +// padding: 0 3rem; +// z-index: 10; +// padding-top: 60px; +// justify-content: center; +// } + +.donate-btn { + padding: 10px 60px; + background: #D4DDDD; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #7fcc26; +} + +.first-pic img { + width: -webkit-fill-available; +} + +.free-card { + align-items: center; + border-radius: 12px; + background: #78ce2d; + border: none; + box-shadow: 20px 25px 3px 0px #EAD94C; + + .main-icon { + width: 70px; + height: 70px; + } + + .free-title{ + font-size: 32px; + font-weight: 700; + } + + .free-card-text { + text-align: center; + font-size: 26px; + margin-bottom: 97px; + } + + .free-btn { + padding: 10px 60px; + background: #EAD94C; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #d4dddd; + } + +} + +.join-btn { + padding: 10px 60px; + background: #EAD94C; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #d4dddd; +} +.join-btn:hover,.donate-btn:hover,.free-btn:hover{ + border:2px solid black +} +.Premium-card { + align-items: center; + border-radius: 12px; + background: white; + border: 4px solid #78ce2d; + box-shadow: 20px 25px 3px 0px #78ce2d; + + .main-icon { + width: 70px; + height: 70px; + } + + .free-title{ + font-size: 32px; + font-weight: 700; + } + + .free-card-text { + text-align: center; + font-size: 26px; + margin-bottom: 50px; + } + + .free-btn { + padding: 10px 60px; + background: #d3dddd; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #78ce2d; + } + +} + +.donate-btn { + padding: 10px 60px; + background: #d3dddd; + color: black; + border-radius: 6px; + font-size: 20px; + font-weight: 600; + box-shadow: 8px 9px 3px 0px #78ce2d; +} + +.everyone{ + padding: 0 3rem; +} + +.first-head { + font-family: "Lato", sans-serif; + // font-size: 24px; + font-weight: bold; + // height: 96px; + // width: 550px; + // padding-left: 80px; + // padding-top: 50px; + +} +.first-text { + // height: 84px; + // width: 549px; + font-family: "Roboto", sans-serif; + font-size: 20px; + // padding-left: 80px; + // padding-top: 50px; +} + +// .chess-image { +// display: block; +// margin: 0 auto; +// text-align: center; +// } + +.donate { + padding: 9px 25px; + border: none; + border-radius: 50px; + cursor: pointer; + width: 248px; + height: 66px; + // padding-left: 80px; - #opening-minds-video iframe { - width: 70%; //560px - height:315px; //315px - border-radius: 33px; +} + +// .block1 { +// padding-top: 125px; +// padding-left: 100px; +// } + +.divider { + display: flex; + position: relative; + top: 30px; + max-width: 100%; + width: 100%; + margin: 0 auto; + padding: 0; + z-index: 10; + padding-top: 0px; + justify-content: center; +} + +@media only screen and (min-width:768px) and (max-width:900px) { + .free-card .free-card-text { + margin-bottom: 130px; + } +} + +.second-head { + font-family: "Lato", sans-serif; + // font-size: 24px; + // font-weight: bold; + // height: 38px; + // width: 100%; + // justify-content: space-around; + // padding-left: 11rem; + padding-top: 2rem; +} + +.third-head { + font-family: "Lato", sans-serif; + // font-size: 24px; + // font-weight: bold; + // height: 38px; + // width: 100%; + // justify-content: space-around; + // padding-left: 11rem; + // padding-top: 25px; +} + +// .container2 { +// display: flex; +// position: relative; +// top: 30px; +// max-width: 100%; +// width: 100%; +// margin: 0 auto; +// padding: 0 3rem; +// z-index: 10; +// padding-top: 30px; +// justify-content: space-around; + +// } + +.container2 { + display: flex; + position: relative; + top: 30px; + max-width: 100%; + width: 100%; + margin: 0 auto; + padding: 0 8rem; + z-index: 10; + padding-top: 30px; + justify-content: space-around; + +} + +.join2 { + position: absolute; + top: 550; + left: 180; + width: 280px; + cursor: pointer; + opacity: 0; +} + +.join3 { + position: absolute; + top: 550; + right: 210; + width: 280px; + cursor: pointer; + opacity: 0; + +} + +.container3 { + display: flex; + position: relative; + // top: 30px; + max-width: 100%; + width: 100%; + // margin: 0 auto; + padding: 0 0rem; + // z-index: 10; + padding-top: 55px; + // justify-content: space-around; +} + +.info { + width: 100%; + height:100%; +} + +.container4 { + padding-top: 0px; + padding-left: 0px; +} + +.container5 { + display: flex; + width: 100%; + // height: 250px; + // padding-left: 650px; + padding-top: 65px; + justify-content: center; + padding-bottom: 500px; + +} + +.border { + border: 3px solid rgb(122, 214, 47) !important; + border-radius: 4px; +} + +.group47 { + width: auto; +} + +@media screen and (max-width:460px) { + .group47 { + width: -webkit-fill-available; + } +} + +// .joinnow { +// display: flex; +// width: 400px; +// height: 80px; +// padding-left: 85px; +// padding-top: 40px; +// cursor: pointer; +// } + +.footer { + width: 100%; + min-height: 5%; + display: flex; + position: absolute; + overflow-x: hidden; + height: 250px; +} + +@media only screen and (max-width:426px) { + .center { + text-align: center; + } + .margin-0 { + margin-left: 0!important; + } + + .home_pld_div{ + .container{ + width: 90% !important; } - } + } } + + + + + + + + + diff --git a/YStemAndChess/src/app/pages/learnings/learnings.component.css b/YStemAndChess/src/app/pages/learnings/learnings.component.css index f6651a637..9b2bc7ca3 100644 --- a/YStemAndChess/src/app/pages/learnings/learnings.component.css +++ b/YStemAndChess/src/app/pages/learnings/learnings.component.css @@ -227,4 +227,8 @@ body { ul { margin-bottom: 0px; } + +.lesson-btn{ + background-color: yellow; +} /*# sourceMappingURL=learnings.component.css.map */ diff --git a/YStemAndChess/src/app/pages/learnings/learnings.component.html b/YStemAndChess/src/app/pages/learnings/learnings.component.html index 5ee45cff2..84f176277 100644 --- a/YStemAndChess/src/app/pages/learnings/learnings.component.html +++ b/YStemAndChess/src/app/pages/learnings/learnings.component.html @@ -1,16 +1,15 @@
    - + + +
    -
    -
    - +
    + +
    +
    +
    + + +
    + +
    + +
    +
    +
    +

    {{ section.name }} +

    +
    +
    + +
    +
    + +
    +
    +

    Try this!

    +

    {{ info }}

    +
    +
    +
    +
    +
    +
    + + + +
    +
    +
    +
    + +
    + + + +
    +
    + +
    +
    +
    - +
    + +
    \ No newline at end of file diff --git a/YStemAndChess/src/app/pages/learnings/learnings.component.scss b/YStemAndChess/src/app/pages/learnings/learnings.component.scss index a2a9c6874..c9b0eaa63 100644 --- a/YStemAndChess/src/app/pages/learnings/learnings.component.scss +++ b/YStemAndChess/src/app/pages/learnings/learnings.component.scss @@ -19,7 +19,7 @@ } } .chess { - height: 35rem; + height: 46rem; iframe { min-width: 100%; min-height: 100%; @@ -62,11 +62,145 @@ overflow: hidden; } +.lesson-btn{ + background-color: #EAD94C !important; + border: none; + box-shadow: 3px 4px #D4DDDD; + width: 100px; + padding: 6px; + border-radius: 5px; + font-weight: bold; +} + +.play-btn{ + background-color: #D4DDDD; + border: none; + box-shadow: 3px 4px #74cc33; + width: 100px; + padding: 6px; + border-radius: 5px; + font-weight: bold; +} + +.next-btn{ + background-color: #74cc33 !important; + border: none; + box-shadow: 3px 4px #EAD94C; + width: 100px; + padding: 6px; + border-radius: 5px; +} + +.refresh-btn{ + background-color: #74cc33 !important; + border: none; + box-shadow: 3px 4px #EAD94C; + width: 50px; + padding: 6px; + border-radius: 5px; +} + + +.icon-size{ + font-size: 20px; +} + + + +.btn-div{ + display: flex; + justify-content: space-between; + padding:5px 10px +} + +.subsection-section{ + background-color: #D4DDDD; + box-shadow: 3px 4px green; +} + +.tab button { + background-color: #D4DDDD; + float: left; + border:none; + border-right:1px solid black; + // border-radius:5px; + outline: none; + cursor: pointer; + box-shadow: 3px 4px #74cc33; + +} + +.active { + background-color: #EAD94C !important; +} + +.basic{ + border-radius: 5px 0 0 5px; +} + +.special{ + border-radius: 0 5px 5px 0; +} + +.lesson-instruction-section{ + background-color: #bcd9a0; + padding:25px 0 0 0; + border-radius:4px; + box-shadow: 8px 8px #D4DDDD; +} + +.lesson-instruction{ + font-size:20px; + font-weight: bold; +} + + +.lesson-play-section{ + margin-top:45px; +} + +.instruction-detail{ + padding: 0px 25px 0px 80px; +} + @media (max-width: 375) { .chess { height: 10rem; } } + +@media only screen and (max-width: 470px) { + .btn-tabs { + font-size: 12px; + height: 36px; + padding: 0; + } +} + +@media only screen and (min-width: 470px) and (max-width: 769px) { + .btn-tabs { + font-size: 14px; + padding: 0; + } +} + +@media only screen and (max-width: 321px) { + .chess { + height: 20rem; + } +} + +@media only screen and (min-width: 321px) and (max-width:376px) { + .chess { + height: 24rem; + } +} + +@media only screen and (min-width: 376px) and (max-width:426px) { + .chess { + height: 27rem; + } +} /* @media (max-width: 1400px) { #content-container { diff --git a/YStemAndChess/src/app/pages/learnings/learnings.component.ts b/YStemAndChess/src/app/pages/learnings/learnings.component.ts index 9eea1b736..d201d635a 100644 --- a/YStemAndChess/src/app/pages/learnings/learnings.component.ts +++ b/YStemAndChess/src/app/pages/learnings/learnings.component.ts @@ -3,6 +3,8 @@ import { DomSanitizer } from '@angular/platform-browser'; import { LessonsService } from 'src/app/lessons.service'; import { Chess } from 'src/app/models/Chess'; import { environment } from 'src/environments/environment'; +import { setPermissionLevel } from '../../globals'; +import { CookieService } from 'ngx-cookie-service'; @Component({ selector: 'app-learnings', @@ -10,21 +12,105 @@ import { environment } from 'src/environments/environment'; styleUrls: ['./learnings.component.scss'], }) export class LearningsComponent { + public playLink = 'play-nolog'; + public username = ''; + public role = ''; + public link = ''; + public logged = false; chess; info = 'Welcome to Learnings'; isExpanded = false; chessSrc; + sections; + currentFen; + activeState = { + name: 'Basic', + fen: '8/8/8/P7/8/5p2/8/8 w k - 0 1', + info: `Pawns move one square only. + But when they reach the other side of the board, they become a stronger piece!`, + }; + lessonNumber = 0; + activeTabIndex = 0 + - constructor(private ls: LessonsService, private sanitization: DomSanitizer) { + constructor(private ls: LessonsService, private sanitization: DomSanitizer,private cookie: CookieService) { + this.chessSrc = this.sanitization.bypassSecurityTrustResourceUrl( environment.urls.chessClientURL ); this.chess = new Chess('chessBd', true); + + this.loadLessons(); + // this.setStateAsActive(this.ls.learningsArray[0].subSections[0].fen); } - sections = this.ls.getLearnings(); + + + async ngOnInit() { + let pLevel = 'nLogged'; + this.setStateAsActive(this.ls.learningsArray[0].subSections[0]); + this.activeState = this.ls.learningsArray[0].subSections[0]; + + console.log("active state--->", this.activeState) + let uInfo = await setPermissionLevel(this.cookie); + if (uInfo['error'] == undefined) { + this.logged = true; + pLevel = uInfo['role']; + this.username = uInfo['username']; + this.role = uInfo['role']; + if (this.role === 'student') { + this.playLink = 'student'; + } else if (this.role === 'mentor') { + this.playLink = 'play-mentor'; + } + } + + // this.startLesson(this.ls.learningsArray[0].subSections[0]); + } + + setStateAsActive(state) { + console.log("click state---->", state) + var firstObj = { + 'info': state.info, + 'fen': state.fen, + 'event':'' + }; + console.log("first obj---->", firstObj) + + setTimeout(() => { + // this.chess.newGameInit(state.fen); + this.activeState = state; + this.startLesson(firstObj); + }, 500); + + + + } + + loadNextLesson(){ + this.lessonNumber = this.lessonNumber+1; + this.loadLessons(); + } + + loadPrevLesson(){ + this.lessonNumber = this.lessonNumber-1; + this.loadLessons(); + } + + loadLessons(){ + + this.sections = this.ls.getLearnings(this.lessonNumber); + } + + refresh() { + this.chess.newGameInit(this.currentFen); + } + showSubSection(event): void { + + + /* chaging the + and -, to highlight the button that controls the panel */ /* Toggle between hiding and showing the active panel */ @@ -43,8 +129,11 @@ export class LearningsComponent { event.srcElement.textContent = elText; } - startLesson({ info, fen }): void { + startLesson({ info, fen,event }): void { + console.log("start lesson call---->", info) this.info = info; this.chess.newGameInit(fen); + this.currentFen = fen; + } } diff --git a/YStemAndChess/src/app/pages/lessons/lessons.component.html b/YStemAndChess/src/app/pages/lessons/lessons.component.html index 0d94c1697..13c625917 100644 --- a/YStemAndChess/src/app/pages/lessons/lessons.component.html +++ b/YStemAndChess/src/app/pages/lessons/lessons.component.html @@ -47,7 +47,7 @@
    -