From 168f7b81706e175aabd389aac2575d920c64887d Mon Sep 17 00:00:00 2001 From: MridulTi Date: Wed, 31 Aug 2022 17:30:51 +0530 Subject: [PATCH] Added Resources in RoadMap on a new Page with /roadmap route --- .../public/Images-public/svg/Rocket.svg | 14 ++ .../public/Images-public/svg/cloud.png | Bin 0 -> 9817 bytes funwithphysics/src/App.js | 18 ++ funwithphysics/src/Components/Home/Home.css | 208 +----------------- funwithphysics/src/Components/Home/Home.js | 125 +---------- .../src/Components/RoadMap/RoadMap.css | 205 +++++++++++++++++ .../src/Components/RoadMap/RoadMap.js | 141 ++++++++++++ 7 files changed, 387 insertions(+), 324 deletions(-) create mode 100644 funwithphysics/public/Images-public/svg/Rocket.svg create mode 100644 funwithphysics/public/Images-public/svg/cloud.png create mode 100644 funwithphysics/src/Components/RoadMap/RoadMap.css create mode 100644 funwithphysics/src/Components/RoadMap/RoadMap.js diff --git a/funwithphysics/public/Images-public/svg/Rocket.svg b/funwithphysics/public/Images-public/svg/Rocket.svg new file mode 100644 index 000000000..dd222a76b --- /dev/null +++ b/funwithphysics/public/Images-public/svg/Rocket.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/funwithphysics/public/Images-public/svg/cloud.png b/funwithphysics/public/Images-public/svg/cloud.png new file mode 100644 index 0000000000000000000000000000000000000000..7f4beb3c3334edb714184e66ba87a0351875eb9a GIT binary patch literal 9817 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 literal 0 HcmV?d00001 diff --git a/funwithphysics/src/App.js b/funwithphysics/src/App.js index 976222b49..67a364564 100644 --- a/funwithphysics/src/App.js +++ b/funwithphysics/src/App.js @@ -59,6 +59,7 @@ import CalContinuity from "./Components/Integration/Topic/Calculator"; import Trigonometry from "./Components/Trigonometry/trigonometry"; import CalTrigonometryFunctions from "./Components/Trigonometry/Topic/Calculator"; import CalHyperbola from "./Components/Geometry/Topic/Calculator"; +import RoadMap from "./Components/RoadMap/RoadMap"; const Home = lazy(() => { return Promise.all([ @@ -143,6 +144,23 @@ const App = () => { } > + + + + + } + > + + + + } + > h1{ - margin-bottom: 5%; -} + .btn-exams{ background-color: #ffffff; color: #000; - border:0.1rem solid #000; + border:0.2rem solid #000; width: 20vw; padding: 0% 5%; text-align: center; @@ -70,120 +64,8 @@ h2 { background-color: #2c2b30; color: #ffffff; } -.roadmap-underline{ - border: 0.1rem solid #F3703B; - background-color: #F3703B; - width: 15vw; - margin: 0% 42%; - margin-bottom: 5%; -} -.Roadmap-title{ - width: 20vw; - margin: 10% 40% ; - position: absolute; - color: #000; -} -.Roadmap-title>h3{ - border-radius: 0.5rem; - margin: 60% 0%; - padding: 5% ; -} -.Roadmap-title>h3:active{ - font-size:1.5rem; - width: 18vw; - margin-left: 5%; -} -.svg-rocket{ - -} -a{ - color: #000; -} -a:hover{ - color: blue; - text-decoration: none; -} -.svg-cloud{ - z-index: 10; - width: 100vw; - margin-top: -20%; - margin-left: 0%; -} -.left-top-B{ - position: absolute; - font-size: 7rem; - margin-top: 30%; - right: 12rem; - color: rgb(73, 73, 73); -} -.left-B{ - position: absolute; - font-size: 7rem; - margin-top: -30%; - color: rgb(73, 73, 73); - right: 12rem; -} -.right-B{ - position: absolute; - font-size: 7rem; - margin-top: -115%; - color: rgb(73, 73, 73); - left: 12rem; -} -.C1{ - background-color: #F3703B; -} -.C2{ - background-color: #FFD303; -} -.left-top-T{ - position: absolute; - right:17rem; - margin-top: 36%; -} -.left-top-T>h5{ - margin: 5% 0%; - width: 30vw; - padding: 0.5% 0%; - background-color: turquoise; -} -.left-top-T>h5:active{ - font-size: 1.2rem; - width: 29vw; - margin-left: 2%; -} -.left-T{ - position: absolute; - right:17rem; - margin-top: -20%; -} -.left-T>h5{ - margin: 5% 0%; - padding: 0.5% 0%; - width: 30vw; - background-color: turquoise; -} -.left-T>h5:active{ - font-size: 1.2rem; - width: 29vw; - margin-left: 2%; -} -.right-T{ - position: absolute; - left:17rem; - margin-top: -110%; -} -.right-T>h5{ - margin: 5% 0%; - width: 30vw; - padding: 0.5% 0%; - - background-color: turquoise; -} -.right-T>h5:active{ - width: 29vw; - font-size: 1.2rem; - margin-left: 2%; +.btn-exam-link:hover{ + color: #ffffff; } /*---Feature Section---*/ @@ -206,86 +88,8 @@ a:hover{ gap: 2%; } .btn-exams{ - width: 11vw; - } - .Roadmap>h1{ - margin-bottom: 2%; - } - .Roadmap-title>h3:active{ - font-size:1.4rem; - width: 8vw; - margin-left:25%; - } - .roadmap-underline{ - width: 10vw; - margin: 0% 45% 5%; - } - .left-top-B{ - position: absolute; - font-size: 7rem; - margin-top: 12%; - right:19rem; - color: rgb(73, 73, 73); - } - .left-B{ - position: absolute; - font-size: 7rem; - margin-top: -13%; - color: rgb(73, 73, 73); - right: 19rem; - } - .right-B{ - position: absolute; - font-size: 7rem; - margin-top: -55%; - color: rgb(73, 73, 73); - left: 17rem; - } - .Roadmap-title{ - margin: 6% 41%; - } - .Roadmap-title>h3{ - width: 10vw; - font-size: 1.5rem; - border-radius: 0.5rem; - margin:25% 20%; - padding: 5% ; - } - .left-top-T{ - right: 27rem; - margin-top: 13%; - } - .left-top-T>h5:active{ - width: 18vw; - font-size: 1.2rem; - margin-left: 5%; - } - .left-top-T>h5{ - width: 20vw; - } - .left-T{ - right: 27rem; - margin: -10% 0%; - } - .left-T>h5{ - width: 20vw; - } - .left-T>h5:active{ - width: 18vw; - font-size: 1.2rem; - margin-left: 5%; - } - .right-T{ - left:25rem; - margin: -55% 0%; - } - .right-T>h5{ - width: 20vw; - } - .right-T>h5:active{ - width: 18vw; - font-size: 1.2rem; - margin-left: 5%; + width: 12vw; + text-align: center; } } @media screen and (max-width: 768px) { diff --git a/funwithphysics/src/Components/Home/Home.js b/funwithphysics/src/Components/Home/Home.js index b1626723b..839672e2c 100644 --- a/funwithphysics/src/Components/Home/Home.js +++ b/funwithphysics/src/Components/Home/Home.js @@ -1,5 +1,6 @@ import React, { useContext, useEffect, useState,useRef } from "react"; import "../Home/Home.css"; +import {Link} from "react-router-dom"; import { Button } from "react-bootstrap"; import Footer from "../Footer/Footer"; import { LearnMore } from "../LearnMore"; @@ -12,7 +13,6 @@ const Home = () => { const backToTopRef=useRef(null) const [loading, setloading] = useState(true); const { dispatch } = useContext(Context); - const [RoadMap,showRoadMap]=useState(false); useEffect(() => { setTimeout(() => { setloading(false); @@ -41,16 +41,6 @@ const bookReaderStyle = { backToTopRef.current!==null&&(backToTopRef.current.style.display = 'none') else backToTopRef.current!==null&&(backToTopRef.current.style.display = 'block') } - function changeRoadMapState(){ - if(RoadMap==true){ - showRoadMap(false); - }else{ - showRoadMap(true); - window.scrollTo(0,1050); - } - } - const l="}"; - const r="{"; useEffect(() => { window.addEventListener('scroll', handleScroll, { passive: true }) @@ -103,121 +93,12 @@ const bookReaderStyle = { {' '} Learn - 0 - + +
- {RoadMap &&
-

RoadMap

-
-
- {/* Competitive Exam-1 */} - -

{l}

-

JEE

-

{r}

- - - {/* Competitive Exam-1 */} - -

{l}

-

BITSAT

-

{r}

- - {/* Competitive Exam-1 */} - -

{l}

-

NEET

-

{r}

- - {/* Competitive Exam-1 */} - -

{l}

-

KVPY

-

{r}

- - {/* Competitive Exam-1 */} - -

{l}

-

NEST

-

{r}

- - {/* Competitive Exam-1 */} - -

{l}

-

NATA

-

{r}

- - {/* Competitive Exam-1 */} - -

{l}

-

NDA & NA

-

{r}

- -
- - - -
- }

Learn

diff --git a/funwithphysics/src/Components/RoadMap/RoadMap.css b/funwithphysics/src/Components/RoadMap/RoadMap.css new file mode 100644 index 000000000..edaf3dd9f --- /dev/null +++ b/funwithphysics/src/Components/RoadMap/RoadMap.css @@ -0,0 +1,205 @@ +.Roadmap{ + padding: 5% 0% 0%; + margin-bottom: -10%; + text-align: center; +} +.Roadmap>h1{ + margin-bottom: 5%; +} +.roadmap-underline{ + border: 0.1rem solid #F3703B; + background-color: #F3703B; + width: 15vw; + margin: 0% 42%; + margin-bottom: 5%; + } + .Roadmap-title{ + width: 20vw; + margin: 10% 40% ; + position: absolute; + color: #000; + } + .Roadmap-title>h3{ + border-radius: 0.5rem; + margin: 60% 0%; + padding: 5% ; + } + .Roadmap-title>h3:active{ + font-size:1.5rem; + width: 18vw; + margin-left: 5%; + } + a{ + color: #000; + } + a:hover{ + color: blue; + text-decoration: none; + } + .svg-cloud{ + z-index: 10; + width: 100vw; + margin-top: -20%; + margin-left: 0%; + } + .left-top-B{ + position: absolute; + font-size: 7rem; + margin-top: 30%; + right: 12rem; + color: rgb(73, 73, 73); + } + .left-B{ + position: absolute; + font-size: 7rem; + margin-top: -30%; + color: rgb(73, 73, 73); + right: 12rem; + } + .right-B{ + position: absolute; + font-size: 7rem; + margin-top: -115%; + color: rgb(73, 73, 73); + left: 12rem; + } + .C1{ + background-color: #F3703B; + } + .C2{ + background-color: #FFD303; + } + .left-top-T{ + position: absolute; + right:17rem; + margin-top: 36%; + } + .left-top-T>h5{ + margin: 5% 0%; + width: 30vw; + padding: 0.5% 0%; + background-color: turquoise; + } + .left-top-T>h5:active{ + font-size: 1.2rem; + width: 29vw; + margin-left: 2%; + } + .left-T{ + position: absolute; + right:17rem; + margin-top: -20%; + } + .left-T>h5{ + margin: 5% 0%; + padding: 0.5% 0%; + width: 30vw; + background-color: turquoise; + } + .left-T>h5:active{ + font-size: 1.2rem; + width: 29vw; + margin-left: 2%; + } + .right-T{ + position: absolute; + left:17rem; + margin-top: -110%; + } + .right-T>h5{ + margin: 5% 0%; + width: 30vw; + padding: 0.5% 0%; + + background-color: turquoise; + } + .right-T>h5:active{ + width: 29vw; + font-size: 1.2rem; + margin-left: 2%; + } +@media screen and (min-width:1200px){ + .Roadmap{ + margin-bottom: -5%; + } + .Roadmap>h1{ + margin-bottom: 2%; + } + .Roadmap-title>h3:active{ + font-size:1.4rem; + width: 8vw; + margin-left:25%; + } + .roadmap-underline{ + width: 10vw; + margin: 0% 45% 5%; + } + .left-top-B{ + position: absolute; + font-size: 7rem; + margin-top: 12%; + right:19rem; + color: rgb(73, 73, 73); + } + .left-B{ + position: absolute; + font-size: 7rem; + margin-top: -13%; + color: rgb(73, 73, 73); + right: 19rem; + } + .right-B{ + position: absolute; + font-size: 7rem; + margin-top: -55%; + color: rgb(73, 73, 73); + left: 17rem; + } + .Roadmap-title{ + margin: 6% 41%; + } + .Roadmap-title>h3{ + width: 10vw; + font-size: 1.5rem; + border-radius: 0.5rem; + margin:25% 20%; + padding: 5% ; + } + .left-top-T{ + right: 27rem; + margin-top: 13%; + } + .left-top-T>h5:active{ + width: 18vw; + font-size: 1.2rem; + margin-left: 5%; + } + .left-top-T>h5{ + width: 20vw; + } + .left-T{ + right: 27rem; + margin: -10% 0%; + } + .left-T>h5{ + width: 20vw; + } + .left-T>h5:active{ + width: 18vw; + font-size: 1.2rem; + margin-left: 5%; + } + .right-T{ + left:25rem; + margin: -55% 0%; + } + .right-T>h5{ + width: 20vw; + } + .right-T>h5:active{ + width: 18vw; + font-size: 1.2rem; + margin-left: 5%; + } + +} \ No newline at end of file diff --git a/funwithphysics/src/Components/RoadMap/RoadMap.js b/funwithphysics/src/Components/RoadMap/RoadMap.js new file mode 100644 index 000000000..611d305c5 --- /dev/null +++ b/funwithphysics/src/Components/RoadMap/RoadMap.js @@ -0,0 +1,141 @@ +import React, { useContext, useEffect, useState,useRef } from "react"; +import "./RoadMap.css"; +import Footer from "../Footer/Footer"; +import Navbar from "../Navbar/Navbar"; +export default function RoadMap(){ + const l="}"; + const r="{"; + const backToTopRef=useRef(null) + + //back to top functionality + const handleScroll = () => { + const position = window.pageYOffset + //console.log(position) + if (position === 0) + backToTopRef.current!==null&&(backToTopRef.current.style.display = 'none') + else backToTopRef.current!==null&&(backToTopRef.current.style.display = 'block') + } + + useEffect(() => { + window.addEventListener('scroll', handleScroll, { passive: true }) + + return () => { + window.removeEventListener('scroll', handleScroll) + } + }, []) + + return( +
+ +
+

RoadMap

+
+
+ {/* Competitive Exam-1 */} + +

{l}

+

JEE

+

{r}

+ + + {/* Competitive Exam-1 */} + +

{l}

+

BITSAT

+

{r}

+ + {/* Competitive Exam-1 */} + +

{l}

+

NEET

+

{r}

+ + {/* Competitive Exam-1 */} + +

{l}

+

KVPY

+

{r}

+ + {/* Competitive Exam-1 */} + +

{l}

+

NEST

+

{r}

+ + {/* Competitive Exam-1 */} + +

{l}

+

NATA

+

{r}

+ + {/* Competitive Exam-1 */} + +

{l}

+

NDA & NA

+

{r}

+ +
+ + + +
+
+ ) +} \ No newline at end of file