From 5ccd4ec8233934c230d73906506e350aa81ea7d4 Mon Sep 17 00:00:00 2001 From: Suraj Gaire Date: Sat, 23 Jul 2022 00:10:42 +0545 Subject: [PATCH 1/6] working on dark-light mode --- prepros.config | 16 + src/App.jsx | 17 +- src/Components/Navbar/index.jsx | 70 +- src/Components/Navbar/styles/style.css | 29 +- src/Components/Navbar/styles/style.css.map | 1 + src/Components/Navbar/styles/style.scss | 54 +- src/Pages/Home/index.jsx | 9 +- src/Pages/Home/styles/style.css | 781 ++++++++++++++++++++- src/Pages/Home/styles/style.css.map | 1 + src/Pages/Home/styles/style.scss | 7 + src/index-dist.css | 1 + src/index.css | 7 +- 12 files changed, 969 insertions(+), 24 deletions(-) create mode 100644 src/Components/Navbar/styles/style.css.map create mode 100644 src/Pages/Home/styles/style.css.map create mode 100644 src/index-dist.css diff --git a/prepros.config b/prepros.config index 62c7725..5a08116 100644 --- a/prepros.config +++ b/prepros.config @@ -414,6 +414,18 @@ "sortAttrs": true, "removeDimensions": true }, + "tailwindcss": { + "rootDir": "", + "content": [ + "**/*.html", + "**/*.php", + "**/*.js", + "!wp-admin", + "!wp-includes", + "!node_modules", + "!Prepros Export" + ] + }, "turf": { "rootDir": "" }, @@ -575,6 +587,10 @@ "task": "copy", "enable": true }, + { + "task": "tailwindcss", + "enable": false + }, { "task": "postcss-import", "enable": false diff --git a/src/App.jsx b/src/App.jsx index a14ad22..253ba8b 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -2,13 +2,24 @@ * @components Custom main components */ import Home from "./Pages/Home"; +import React from "react"; -import 'reactjs-popup/dist/index.css'; +import "reactjs-popup/dist/index.css"; function App() { + const [lightMode, setLightMode] = React.useState(false); + + const handleLightMode = () => { + setLightMode((prev) => !prev); + }; + return ( -
- +
+
); } diff --git a/src/Components/Navbar/index.jsx b/src/Components/Navbar/index.jsx index 4402f9d..de314ea 100644 --- a/src/Components/Navbar/index.jsx +++ b/src/Components/Navbar/index.jsx @@ -3,7 +3,8 @@ import "./styles/style.css"; import React from "react"; import Marquee from "react-fast-marquee"; -function Navbar({ refs }) { +function Navbar({ refs, lightMode, setLightMode,handleLightMode }) { + const { HomeRef, AboutRef, @@ -13,13 +14,22 @@ function Navbar({ refs }) { GalleryRef, DocumentsRef, } = refs; - + // console.log(ref) const scrollToElement = (ref) => - window.scrollTo({ top: ref.current.offsetTop - 50, behavior: "smooth" }); + window.scrollTo( + ref.curren === "HomeRef" + ? { top: window.top } + : { top: ref.current.offset - 50 } + ); + // window.scrollTo({ top: ref.current.offsetTop - 50, behavior: "smooth" }); return ( -
-
+
+
{/*

#1 All the relevant remaining AMA @@ -51,7 +61,9 @@ function Navbar({ refs }) {

*/}
-
+
scrollToElement(HomeRef)} className="navbar__logo"> Playpoint

-
-
- +
+
+
- +
{/*
*/} -
- +
+
- +
-
@@ -92,6 +127,13 @@ function Navbar({ refs }) { Blogs_
+
); diff --git a/src/Components/Navbar/styles/style.css b/src/Components/Navbar/styles/style.css index 6d09d64..f42ba69 100644 --- a/src/Components/Navbar/styles/style.css +++ b/src/Components/Navbar/styles/style.css @@ -10,6 +10,15 @@ background: linear-gradient(to left, #7463b1, #317db0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } +.nav__container .topbar__container.lightMode { + background: #262626 !important; + color: #fff !important; +} +.nav__container .topbar__container.darkMode { + background: #fff !important; + color: #000 !important; + border-bottom: 1px solid #B6B6B6; +} .nav__container .topbar__container .marquee-container .overlay { display: none; } @@ -43,6 +52,14 @@ backdrop-filter: blur(10px); z-index: 5; } +.nav__container .navbar__container.lightMode { + background: #262626 !important; + color: #fff !important; +} +.nav__container .navbar__container.darkMode { + background: #fff !important; + color: #000 !important; +} .nav__container .navbar__container .navbar__logo { display: -webkit-box; display: -ms-flexbox; @@ -87,6 +104,14 @@ cursor: pointer; font-size: 16px; } +.nav__container .navbar__container .navbar__links button.lightMode { + background: #262626 !important; + color: #fff !important; +} +.nav__container .navbar__container .navbar__links button.darkMode { + background: #fff !important; + color: #000 !important; +} .nav__container .navbar__container .navbar__app { border: 1px solid #fff; border-radius: 10px; @@ -96,10 +121,10 @@ cursor: pointer; } .nav__container .navbar__container .navbar__app a { - color: #fff; text-decoration: none; } .nav__container .navbar__container .navbar__app:hover { background-color: #5308f7; color: #fff; -} \ No newline at end of file +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/Components/Navbar/styles/style.css.map b/src/Components/Navbar/styles/style.css.map new file mode 100644 index 0000000..6e8d338 --- /dev/null +++ b/src/Components/Navbar/styles/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAoBE;EACE,gBAAA;EACA,WAAA;EACA,cAAA;EACA,mCAAA;EACA,mBAAA;EAAqB,8BAAA;EAKlB,+BAAA;EACH,qFAAA;EAAA,sDAAA;EAIG,qEAAA;ACxBP;AD0BI;EAvBF,8BAAA;EACA,sBAAA;ACAF;ADyBI;EA/BF,2BAAA;EACA,sBAAA;EAgCI,gCAAA;ACtBN;AD0BM;EACE,aAAA;ACxBR;AD4BQ;EACE,cAAA;EACA,iBAAA;AC1BV;ADgCE;EACE,eAAA;EACA,mCAAA;EACA,MAAA;EACA,OAAA;EACA,gBAAA;EACA,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,iBAAA;EACA,WAAA;EACA,kCAAA;EACA,eAAA;EACA,gBAAA;EACA,2CAAA;EACA,mCAAA;UAAA,2BAAA;EACA,UAAA;AC9BJ;AD+BI;EA/DF,8BAAA;EACA,sBAAA;ACmCF;AD+BI;EAxEF,2BAAA;EACA,sBAAA;AC4CF;AD+BI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,8BAAA;EAAA,6BAAA;MAAA,uBAAA;UAAA,mBAAA;EACA,eAAA;AC7BN;AD+BM;EACE,WAAA;EACA,sBAAA;KAAA,mBAAA;EACA,kBAAA;AC7BR;ADgCM;EACE,iBAAA;AC9BR;ADmCI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;ACjCN;ADmCM;EAJF;IAKI,aAAA;EChCN;AACF;ADkCM;EACE,WAAA;EACA,qBAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;EACA,eAAA;AChCR;ADiCQ;EAzGN,8BAAA;EACA,sBAAA;AC2EF;ADiCQ;EAlHN,2BAAA;EACA,sBAAA;ACoFF;ADmCI;EACE,sBAAA;EACA,mBAAA;EACA,kBAAA;EACA,iCAAA;EAAA,yBAAA;EACA,eAAA;ACjCN;AD4CM;EAEE,qBAAA;AC3CR;AD8CM;EACE,yBAAA;EACA,WAAA;AC5CR","file":"style.css"} \ No newline at end of file diff --git a/src/Components/Navbar/styles/style.scss b/src/Components/Navbar/styles/style.scss index 4eb1ede..c0ac3e6 100644 --- a/src/Components/Navbar/styles/style.scss +++ b/src/Components/Navbar/styles/style.scss @@ -1,4 +1,23 @@ +$darkBackground:#262626; +$darkColor:#000; + +$lightBackground:#fff; +$lightColor:#fff; + +$darkMode:true; + +@mixin lightMode { + background: $lightBackground !important; + color: $darkColor !important; +} + +@mixin darkMode { + background: $darkBackground !important; + color: $lightColor !important; +} + .nav__container { + .topbar__container { margin-top: 75px; color: #fff; @@ -16,6 +35,14 @@ #317db0 ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + &.lightMode{ + @include darkMode() + } + &.darkMode{ + @include lightMode(); + border-bottom:1px solid #B6B6B6; + } + .marquee-container { .overlay { display: none; @@ -48,6 +75,13 @@ background-color: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); z-index: 5; + &.lightMode { + @include darkMode() + } + + &.darkMode { + @include lightMode() + } .navbar__logo { display: flex; @@ -63,6 +97,7 @@ p { font-weight: bold; + // color: "000"; } } @@ -82,6 +117,13 @@ border: none; cursor: pointer; font-size: 16px; + &.lightMode { + @include darkMode() + } + + &.darkMode { + @include lightMode() + } } } @@ -92,8 +134,17 @@ transition: 0.3s all ease; cursor: pointer; + // button { + // &.lightMode { + // @include darkMode() + // } + // &.darkMode { + // @include lightMode() + // } + // } + a { - color: #fff; + // color: #fff; text-decoration: none; } @@ -104,3 +155,4 @@ } } } + diff --git a/src/Pages/Home/index.jsx b/src/Pages/Home/index.jsx index 5b6234c..04b14f1 100644 --- a/src/Pages/Home/index.jsx +++ b/src/Pages/Home/index.jsx @@ -19,7 +19,7 @@ import Footer from "../../Components/Footer"; // import PolarChart from "./components/PolarChart"; // import BannerImage from "../../Assets/Banner.png"; -function Home() { +function Home({ lightMode, setLightMode, handleLightMode }) { // refs const HomeRef = React.useRef(); const AboutRef = React.useRef(); @@ -39,7 +39,12 @@ function Home() { return (
- +

Message from Playpoint 🔺

diff --git a/src/Pages/Home/styles/style.css b/src/Pages/Home/styles/style.css index 5f57b0c..eb475eb 100644 --- a/src/Pages/Home/styles/style.css +++ b/src/Pages/Home/styles/style.css @@ -1 +1,780 @@ -@-webkit-keyframes glow{0%{text-shadow:0 0 0 #2a2a2a,0 0 5px #2a2a2a,0 0 10px #3c2184,0 0 20px #3c2184,0 0 50px #3c2184,0 0 60px #3c2184,0 0 70px #3c2184}to{text-shadow:0 0 10px #575757,0 0 20px #353535,0 0 30px #5739a8,0 0 50px #5739a8,0 0 60px #5739a8,0 0 70px #5739a8,0 0 80px #5739a8}}@keyframes glow{0%{text-shadow:0 0 0 #2a2a2a,0 0 5px #2a2a2a,0 0 10px #3c2184,0 0 20px #3c2184,0 0 50px #3c2184,0 0 60px #3c2184,0 0 70px #3c2184}to{text-shadow:0 0 10px #575757,0 0 20px #353535,0 0 30px #5739a8,0 0 50px #5739a8,0 0 60px #5739a8,0 0 70px #5739a8,0 0 80px #5739a8}}.home__container{margin-top:70px;position:relative}.home__container p{line-height:1.5}.home__container .home__container__landing{width:100vw;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.home__container .home__container__landing{margin-top:95px;-webkit-transform:scale(2.2);transform:scale(2.2)}}.home__container .home__container__about{color:#fff;padding:0 5vw}@media (max-width:768px){.home__container .home__container__about{margin-top:105px}}.home__container .home__container__about .absolute__title{font-family:"Fira Code",monospace;font-size:8em;opacity:0.3;-webkit-text-fill-color:#000;-webkit-text-stroke-width:4px;-webkit-text-stroke-color:#fff}@media (max-width:768px){.home__container .home__container__about .absolute__title{font-size:4em;-webkit-text-stroke-width:2px}}.home__container .home__container__about .title{font-family:"Fira Code",monospace}.home__container .home__container__about .home__container__about__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:992px){.home__container .home__container__about .home__container__about__content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.home__container .home__container__about .home__container__about__content .description,.home__container .home__container__about .home__container__about__content .icon{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}@media (max-width:992px){.home__container .home__container__about .home__container__about__content .description,.home__container .home__container__about .home__container__about__content .icon{-webkit-box-flex:1;-ms-flex:1;flex:1}}.home__container .home__container__about .home__container__about__content .description .title{font-size:1.5em;margin-bottom:20px}.home__container .home__container__about .home__container__about__content .description .title .stroke{-webkit-text-fill-color:#000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;font-family:"Roboto",sans-serif}@media (max-width:768px){.home__container .home__container__about .home__container__about__content .description .title{font-size:1em}}.home__container .home__container__about .home__container__about__content .description p{font-family:"Roboto",sans-serif;font-size:18px;line-height:1.6;color:#c3c3c3}.home__container .home__container__about .home__container__about__content .description p b{color:#fff}.home__container .home__container__about .home__container__about__content .description p ol{margin:20px}.home__container .home__container__about .home__container__about__content .icon{position:relative}@media (max-width:992px){.home__container .home__container__about .home__container__about__content .icon{margin-top:50px}}@media (max-width:992px){.home__container .home__container__about .home__container__about__content .icon{margin-top:30px}}.home__container .home__container__about .home__container__about__content .icon img{width:70%;-o-object-fit:contain;object-fit:contain;display:block;margin:0 auto;z-index:1}@media (max-width:768px){.home__container .home__container__about .home__container__about__content .icon img{width:80%}}.home__container .home__container__about .home__container__about__content .icon img.absolute__icon{position:absolute;bottom:0;right:0;z-index:-1;opacity:0.5}@media (max-width:992px){.home__container .home__container__about .home__container__about__content .icon img.absolute__icon{right:50px}}@media (max-width:768px){.home__container .home__container__about .home__container__about__content .icon img.absolute__icon{right:10px}}.home__container .home__container__tokenSale{background-size:cover;margin:90px 5vw;border-radius:15px}@media (max-width:768px){.home__container .home__container__tokenSale{margin:50px 5vw}}.home__container .home__container__tokenSale .title h1{font-family:"Fira Code",monospace;font-size:5em;opacity:0.3;-webkit-text-fill-color:#000;-webkit-text-stroke-width:4px;-webkit-text-stroke-color:#fff;text-align:center}@media (max-width:768px){.home__container .home__container__tokenSale .title h1{font-size:2.5em;-webkit-text-stroke-width:2px}}.home__container .home__container__tokenSale .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:992px){.home__container .home__container__tokenSale .content{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media (max-width:768px){.home__container .home__container__tokenSale .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.home__container .home__container__tokenSale .content .content__description,.home__container .home__container__tokenSale .content .content__video{color:#fff}.home__container .home__container__tokenSale .content .content__video video{width:30vw;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.home__container .home__container__tokenSale .content .content__video video{width:80vw}}.home__container .home__container__tokenSale .content .content__description{margin-left:50px;font-size:18px;font-family:"Roboto",sans-serif;color:#c3c3c3}.home__container .home__container__tokenSale .content .content__description b{color:#fff}@media (max-width:768px){.home__container .home__container__tokenSale .content .content__description{margin-left:0}}.home__container .home__container__tokenSale .content .content__description .stroke__colored{-webkit-text-fill-color:#000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#6f48d8;font-size:2.5em}@media (max-width:768px){.home__container .home__container__tokenSale .content .content__description .stroke__colored{font-size:2em}}.home__container .home__container__tokenSale .content .content__description .heading{font-size:3em;margin-bottom:20px}@media (max-width:768px){.home__container .home__container__tokenSale .content .content__description .heading{font-size:2.5em}}.home__container .home__container__tokenSale .content .content__description ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px;list-style-type:disc;margin-bottom:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:768px){.home__container .home__container__tokenSale .content .content__description ul{margin-left:35px}}.home__container .home__container__tokenSale .content .content__description ul li{margin-right:50px}.home__container .home__container__tokenSale .content .content__description .marketing{opacity:0.4}.home__container .home__container__tokenSale .tokenEconomics{margin-top:90px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:992px){.home__container .home__container__tokenSale .tokenEconomics{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:768px){.home__container .home__container__tokenSale .tokenEconomics{margin:50px 5vw}}.home__container .home__container__tokenSale .tokenEconomics .absolute__title{position:absolute;opacity:0.1;top:5vh;right:50%;font-size:3em;z-index:1}@media (max-width:768px){.home__container .home__container__tokenSale .tokenEconomics .absolute__title{font-size:2em;left:10%}}.home__container .home__container__tokenSale .tokenEconomics .absolute__title h1{-webkit-text-fill-color:#000;-webkit-text-stroke-width:4px;-webkit-text-stroke-color:#fff;font-family:"Fira Code",monospace}@media (max-width:768px){.home__container .home__container__tokenSale .tokenEconomics .absolute__title h1{-webkit-text-stroke-width:2px}}.home__container .home__container__tokenSale .tokenEconomics .chart,.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;max-width:45vw}@media (max-width:992px){.home__container .home__container__tokenSale .tokenEconomics .chart,.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:100vw;width:100%}}.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content h1{font-size:50px;margin-bottom:20px;font-family:"Fira Code",monospace}.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content h1 .stroke{-webkit-text-fill-color:#000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff}@media (max-width:768px){.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content h1{font-size:35px;margin-bottom:20px}}.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content p{font-family:"Roboto",sans-serif;font-size:19px;color:#c3c3c3}.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content p .highlight{color:#9361ff}.home__container .home__container__tokenSale .tokenEconomics .chart{z-index:2}.home__container .home__container__tokenSale .tokenEconomics .chart canvas{margin-left:50px;max-width:36vw;-o-object-fit:contain;object-fit:contain}@media (max-width:992px){.home__container .home__container__tokenSale .tokenEconomics .chart canvas{margin-left:0;max-width:85vw;width:85vw;margin-top:50px}}.home__container .home__container__roadmap{color:#fff;position:relative;padding:0 5vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:80px}@media (max-width:768px){.home__container .home__container__roadmap{padding:0}}.home__container .home__container__roadmap .absolute__title{position:absolute;opacity:0.1;top:10vh;left:50%;font-size:5em}@media (max-width:768px){.home__container .home__container__roadmap .absolute__title{font-size:2em;left:10%}}.home__container .home__container__roadmap .absolute__title h1{-webkit-text-fill-color:#000;-webkit-text-stroke-width:4px;-webkit-text-stroke-color:#fff;font-family:"Fira Code",monospace}@media (max-width:768px){.home__container .home__container__roadmap .absolute__title h1{-webkit-text-stroke-width:2px}}.home__container .home__container__roadmap .roadmap__title{font-size:50px;margin-bottom:40px;font-family:"Fira Code",monospace}@media (max-width:768px){.home__container .home__container__roadmap .roadmap__title{font-size:35px;margin-bottom:20px}}.home__container .home__container__roadmap p{font-family:"Roboto",sans-serif;font-size:17px}.home__container .home__container__roadmap .top__description{max-width:50vw;margin-bottom:40px;text-align:center;opacity:0.5;font-size:19px}@media (max-width:768px){.home__container .home__container__roadmap .top__description{max-width:80vw}}.home__container .home__container__roadmap .timeline__container .title{font-family:"Fira Code",monospace;margin-bottom:20px;font-size:2.5em}@media (max-width:768px){.home__container .home__container__roadmap .timeline__container .title{font-size:18px;margin-bottom:10px}}.home__container .home__container__roadmap .timeline__container .p{color:#adadad}.home__container .home__container__roadmap .timeline__container .p li{margin-bottom:20px;list-style:none}.home__container .home__container__roadmap .timeline__container .p li b{font-size:19px;line-height:2;color:#fff}.home__container .home__container__roadmap .timeline__container .p li span{color:#00d56a;font-weight:bold}@media (max-width:991px){.home__container .home__container__roadmap .timeline__container .MuiTimelineItem-root:before{-webkit-box-flex:0;-ms-flex:0;flex:0}}.home__container .home__container__gallery{display:block;margin:0 auto;margin-top:120px;width:100%;padding:0 5vw}@media (max-width:768px){.home__container .home__container__gallery{margin-top:50px}}.home__container .home__container__gallery .row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 5px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.home__container .home__container__gallery .row .column{-ms-flex:25%;-webkit-box-flex:25%;flex:25%;max-width:25%;padding:0 5px}.home__container .home__container__gallery .row .column .image-box{width:100%;position:relative;margin:auto;overflow:hidden;vertical-align:middle;margin-top:10px}.home__container .home__container__gallery .row .column img{width:100%;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;display:block;-webkit-transform:scale(1);transform:scale(1)}.home__container .home__container__gallery .row .column img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:992px){.home__container .home__container__gallery .row .column{-ms-flex:50%;-webkit-box-flex:50%;flex:50%;max-width:50%}}@media screen and (max-width:768px){.home__container .home__container__gallery .row .column{-ms-flex:100%;-webkit-box-flex:100%;flex:100%;max-width:100%}}.home__container .home__container__documents{color:#fff;margin:100px 5vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}@media (max-width:992px){.home__container .home__container__documents{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:768px){.home__container .home__container__documents{margin:50px 5vw}}.home__container .home__container__documents .documents__links,.home__container .home__container__documents .faqs{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;font-family:"Roboto",sans-serif}@media (max-width:992px){.home__container .home__container__documents .documents__links,.home__container .home__container__documents .faqs{-webkit-box-flex:1;-ms-flex:1;flex:1}}.home__container .home__container__documents .absolute{position:absolute;font-size:15em;-webkit-text-fill-color:#000;-webkit-text-stroke-width:2px;z-index:-1;top:50%;-webkit-text-stroke-color:#fff;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0.1}.home__container .home__container__documents .overlay{width:0;height:0}.home__container .home__container__documents .faqs h1{font-family:"Fira Code",monospace;font-size:4em}@media (max-width:768px){.home__container .home__container__documents .faqs h1{font-size:2em}}.home__container .home__container__documents .faqs .faq__description{color:#999999;font-size:18px;margin-top:20px}.home__container .home__container__documents .faqs .faqs__container{margin-top:40px}.home__container .home__container__documents .faqs .faqs__container .MuiPaper-root{background:transparent;color:#fff}.home__container .home__container__documents .faqs .faqs__container .MuiAccordionSummary-root{border-top:0.2px solid #dedede}.home__container .home__container__documents .faqs .faqs__container .MuiTypography-root{font-size:18px;font-weight:600}.home__container .home__container__documents .faqs .faqs__container .MuiAccordionDetails-root .MuiTypography-root{font-size:16px;font-weight:400;color:#b9b9b9}.home__container .home__container__documents .faqs .faqs__container .MuiAccordionSummary-expandIconWrapper{color:#fff}.home__container .home__container__documents .documents__links{margin-left:80px;font-size:18px;color:#a7a7a7}@media (max-width:992px){.home__container .home__container__documents .documents__links{margin-left:0;margin-top:50px}}.home__container .home__container__documents .documents__links h1{font-size:4em;-webkit-text-fill-color:#000;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;font-family:"Fira Code",monospace}@media (max-width:768px){.home__container .home__container__documents .documents__links h1{font-size:2em}}.home__container .home__container__documents .documents__links .MuiButton-root{margin-bottom:20px;background:#000;border:0.5px solid #fff;color:#fff;padding:0}.home__container .home__container__documents .documents__links .MuiButton-root:hover{background:#5308f7}.home__container .home__container__documents .documents__links .MuiButton-root a{padding:0 40px;text-decoration:none;color:#fff}.home__container .home__container__documents .documents__links img{width:100%;border-radius:15px;margin-top:25px;margin-bottom:20px}@media (max-width:768px){.home__container .home__container__documents .documents__links img{width:90vw}}.home__container .home__container__documents .documents__links b{color:#9361ff}.home__container .home__container__documents .documents__links b.content__highlight{color:#fff}.home__container .home__container__documents .documents__links .contractAddr a{color:#fff;text-decoration:none}@media (max-width:768px){.home__container .home__container__documents .documents__links .contractAddr{font-size:14px}}.home__container .footer__container{color:#fff;padding:0 5vw;margin-bottom:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.home__container .footer__container .update{font-family:"Fira Code",monospace;font-size:18px}.home__container .footer__container ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none}@media (max-width:768px){.home__container .footer__container ul{margin-top:20px}}.home__container .footer__container ul a{color:#fff;margin-left:30px;font-size:30px;text-decoration:none} \ No newline at end of file +@-webkit-keyframes glow { + from { + text-shadow: 0 0 0 #2a2a2a, 0 0 5px #2a2a2a, 0 0 10px #3c2184, 0 0 20px #3c2184, 0 0 50px #3c2184, 0 0 60px #3c2184, 0 0 70px #3c2184; + } + to { + text-shadow: 0 0 10px rgb(87, 87, 87), 0 0 20px #353535, 0 0 30px #5739a8, 0 0 50px #5739a8, 0 0 60px #5739a8, 0 0 70px #5739a8, 0 0 80px #5739a8; + } +} +@keyframes glow { + from { + text-shadow: 0 0 0 #2a2a2a, 0 0 5px #2a2a2a, 0 0 10px #3c2184, 0 0 20px #3c2184, 0 0 50px #3c2184, 0 0 60px #3c2184, 0 0 70px #3c2184; + } + to { + text-shadow: 0 0 10px rgb(87, 87, 87), 0 0 20px #353535, 0 0 30px #5739a8, 0 0 50px #5739a8, 0 0 60px #5739a8, 0 0 70px #5739a8, 0 0 80px #5739a8; + } +} +.home__container { + margin-top: 70px; + position: relative; +} +.home__container p { + line-height: 1.5; +} +.home__container .home__container__landing { + width: 100vw; + -o-object-fit: contain; + object-fit: contain; +} +@media (max-width: 768px) { + .home__container .home__container__landing { + margin-top: 95px; + -webkit-transform: scale(2.2); + transform: scale(2.2); + } +} +.home__container .home__container__about { + color: #fff; + padding: 0 5vw; +} +@media (max-width: 768px) { + .home__container .home__container__about { + margin-top: 105px; + } +} +.home__container .home__container__about .absolute__title { + font-family: "Fira Code", monospace; + font-size: 8em; + opacity: 0.3; + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 4px; + -webkit-text-stroke-color: #fff; +} +@media (max-width: 768px) { + .home__container .home__container__about .absolute__title { + font-size: 4em; + -webkit-text-stroke-width: 2px; + } +} +.home__container .home__container__about .title { + font-family: "Fira Code", monospace; +} +.home__container .home__container__about .home__container__about__content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (max-width: 992px) { + .home__container .home__container__about .home__container__about__content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} +.home__container .home__container__about .home__container__about__content .description, +.home__container .home__container__about .home__container__about__content .icon { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; +} +@media (max-width: 992px) { + .home__container .home__container__about .home__container__about__content .description, +.home__container .home__container__about .home__container__about__content .icon { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + } +} +.home__container .home__container__about .home__container__about__content .description .title { + font-size: 1.5em; + margin-bottom: 20px; +} +.home__container .home__container__about .home__container__about__content .description .title .stroke { + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #fff; + font-family: "Roboto", sans-serif; +} +@media (max-width: 768px) { + .home__container .home__container__about .home__container__about__content .description .title { + font-size: 1em; + } +} +.home__container .home__container__about .home__container__about__content .description p { + font-family: "Roboto", sans-serif; + font-size: 18px; + line-height: 1.6; + color: #c3c3c3; +} +.home__container .home__container__about .home__container__about__content .description p b { + color: #fff; +} +.home__container .home__container__about .home__container__about__content .description p ol { + margin: 20px; +} +.home__container .home__container__about .home__container__about__content .icon { + position: relative; +} +@media (max-width: 992px) { + .home__container .home__container__about .home__container__about__content .icon { + margin-top: 50px; + } +} +@media (max-width: 992px) { + .home__container .home__container__about .home__container__about__content .icon { + margin-top: 30px; + } +} +.home__container .home__container__about .home__container__about__content .icon img { + width: 70%; + -o-object-fit: contain; + object-fit: contain; + display: block; + margin: 0 auto; + z-index: 1; +} +@media (max-width: 768px) { + .home__container .home__container__about .home__container__about__content .icon img { + width: 80%; + } +} +.home__container .home__container__about .home__container__about__content .icon img.absolute__icon { + position: absolute; + bottom: 0; + right: 0; + z-index: -1; + opacity: 0.5; +} +@media (max-width: 992px) { + .home__container .home__container__about .home__container__about__content .icon img.absolute__icon { + right: 50px; + } +} +@media (max-width: 768px) { + .home__container .home__container__about .home__container__about__content .icon img.absolute__icon { + right: 10px; + } +} +.home__container .home__container__tokenSale { + background-size: cover; + margin: 90px 5vw; + border-radius: 15px; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale { + margin: 50px 5vw; + } +} +.home__container .home__container__tokenSale .title h1 { + font-family: "Fira Code", monospace; + font-size: 5em; + opacity: 0.3; + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 4px; + -webkit-text-stroke-color: #fff; + text-align: center; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .title h1 { + font-size: 2.5em; + -webkit-text-stroke-width: 2px; + } +} +.home__container .home__container__tokenSale .content { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (max-width: 992px) { + .home__container .home__container__tokenSale .content { + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + } +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .content { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } +} +.home__container .home__container__tokenSale .content .content__video, +.home__container .home__container__tokenSale .content .content__description { + color: #fff; +} +.home__container .home__container__tokenSale .content .content__video video { + width: 30vw; + -o-object-fit: contain; + object-fit: contain; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .content .content__video video { + width: 80vw; + } +} +.home__container .home__container__tokenSale .content .content__description { + margin-left: 50px; + font-size: 18px; + font-family: "Roboto", sans-serif; + color: #c3c3c3; +} +.home__container .home__container__tokenSale .content .content__description b { + color: #fff; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .content .content__description { + margin-left: 0; + } +} +.home__container .home__container__tokenSale .content .content__description .stroke__colored { + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #6f48d8; + font-size: 2.5em; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .content .content__description .stroke__colored { + font-size: 2em; + } +} +.home__container .home__container__tokenSale .content .content__description .heading { + font-size: 3em; + margin-bottom: 20px; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .content .content__description .heading { + font-size: 2.5em; + } +} +.home__container .home__container__tokenSale .content .content__description ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + margin-top: 30px; + list-style-type: disc; + margin-bottom: 30px; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .content .content__description ul { + margin-left: 35px; + } +} +.home__container .home__container__tokenSale .content .content__description ul li { + margin-right: 50px; +} +.home__container .home__container__tokenSale .content .content__description .marketing { + opacity: 0.4; +} +.home__container .home__container__tokenSale .tokenEconomics { + margin-top: 90px; + color: #fff; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + position: relative; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} +@media (max-width: 992px) { + .home__container .home__container__tokenSale .tokenEconomics { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .tokenEconomics { + margin: 50px 5vw; + } +} +.home__container .home__container__tokenSale .tokenEconomics .absolute__title { + position: absolute; + opacity: 0.1; + top: 5vh; + right: 50%; + font-size: 3em; + z-index: 1; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .tokenEconomics .absolute__title { + font-size: 2em; + left: 10%; + } +} +.home__container .home__container__tokenSale .tokenEconomics .absolute__title h1 { + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 4px; + -webkit-text-stroke-color: #fff; + font-family: "Fira Code", monospace; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .tokenEconomics .absolute__title h1 { + -webkit-text-stroke-width: 2px; + } +} +.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content, +.home__container .home__container__tokenSale .tokenEconomics .chart { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + max-width: 45vw; +} +@media (max-width: 992px) { + .home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content, +.home__container .home__container__tokenSale .tokenEconomics .chart { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + max-width: 100vw; + width: 100%; + } +} +.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content h1 { + font-size: 50px; + margin-bottom: 20px; + font-family: "Fira Code", monospace; +} +.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content h1 .stroke { + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #fff; +} +@media (max-width: 768px) { + .home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content h1 { + font-size: 35px; + margin-bottom: 20px; + } +} +.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content p { + font-family: "Roboto", sans-serif; + font-size: 19px; + color: #c3c3c3; +} +.home__container .home__container__tokenSale .tokenEconomics .tokenEconomics__content p .highlight { + color: #9361ff; +} +.home__container .home__container__tokenSale .tokenEconomics .chart { + z-index: 2; +} +.home__container .home__container__tokenSale .tokenEconomics .chart canvas { + margin-left: 50px; + max-width: 36vw; + -o-object-fit: contain; + object-fit: contain; +} +@media (max-width: 992px) { + .home__container .home__container__tokenSale .tokenEconomics .chart canvas { + margin-left: 0; + max-width: 85vw; + width: 85vw; + margin-top: 50px; + } +} +.home__container .home__container__roadmap { + color: #fff; + position: relative; + padding: 0 5vw; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + margin-top: 80px; +} +@media (max-width: 768px) { + .home__container .home__container__roadmap { + padding: 0; + } +} +.home__container .home__container__roadmap .absolute__title { + position: absolute; + opacity: 0.1; + top: 10vh; + left: 50%; + font-size: 5em; +} +@media (max-width: 768px) { + .home__container .home__container__roadmap .absolute__title { + font-size: 2em; + left: 10%; + } +} +.home__container .home__container__roadmap .absolute__title h1 { + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 4px; + -webkit-text-stroke-color: #fff; + font-family: "Fira Code", monospace; +} +@media (max-width: 768px) { + .home__container .home__container__roadmap .absolute__title h1 { + -webkit-text-stroke-width: 2px; + } +} +.home__container .home__container__roadmap .roadmap__title { + font-size: 50px; + margin-bottom: 40px; + font-family: "Fira Code", monospace; +} +@media (max-width: 768px) { + .home__container .home__container__roadmap .roadmap__title { + font-size: 35px; + margin-bottom: 20px; + } +} +.home__container .home__container__roadmap p { + font-family: "Roboto", sans-serif; + font-size: 17px; +} +.home__container .home__container__roadmap .top__description { + max-width: 50vw; + margin-bottom: 40px; + text-align: center; + opacity: 0.5; + font-size: 19px; +} +@media (max-width: 768px) { + .home__container .home__container__roadmap .top__description { + max-width: 80vw; + } +} +.home__container .home__container__roadmap .timeline__container .title { + font-family: "Fira Code", monospace; + margin-bottom: 20px; + font-size: 2.5em; +} +@media (max-width: 768px) { + .home__container .home__container__roadmap .timeline__container .title { + font-size: 18px; + margin-bottom: 10px; + } +} +.home__container .home__container__roadmap .timeline__container .p { + color: #adadad; +} +.home__container .home__container__roadmap .timeline__container .p li { + margin-bottom: 20px; + list-style: none; +} +.home__container .home__container__roadmap .timeline__container .p li b { + font-size: 19px; + line-height: 2; + color: #fff; +} +.home__container .home__container__roadmap .timeline__container .p li span { + color: #00d56a; + font-weight: bold; +} +@media (max-width: 991px) { + .home__container .home__container__roadmap .timeline__container .MuiTimelineItem-root::before { + -webkit-box-flex: 0; + -ms-flex: 0; + flex: 0; + } +} +.home__container .home__container__gallery { + display: block; + margin: 0 auto; + margin-top: 120px; + width: 100%; + padding: 0 5vw; +} +@media (max-width: 768px) { + .home__container .home__container__gallery { + margin-top: 50px; + } +} +.home__container .home__container__gallery .row { + display: -ms-flexbox; + /* IE10 */ + display: -webkit-box; + display: flex; + -ms-flex-wrap: wrap; + /* IE10 */ + flex-wrap: wrap; + padding: 0 5px; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + /* Responsive layout - makes a two column-layout instead of four columns */ + /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ +} +.home__container .home__container__gallery .row .column { + -ms-flex: 25%; + /* IE10 */ + -webkit-box-flex: 25%; + flex: 25%; + max-width: 25%; + padding: 0 5px; +} +.home__container .home__container__gallery .row .column .image-box { + width: 100%; + position: relative; + margin: auto; + overflow: hidden; + vertical-align: middle; + margin-top: 10px; +} +.home__container .home__container__gallery .row .column img { + width: 100%; + cursor: pointer; + -webkit-transition: all 0.3s ease; + transition: all 0.3s ease; + display: block; + -webkit-transform: scale(1); + transform: scale(1); +} +.home__container .home__container__gallery .row .column img:hover { + -webkit-transform: scale(1.1); + transform: scale(1.1); +} +@media screen and (max-width: 992px) { + .home__container .home__container__gallery .row .column { + -ms-flex: 50%; + -webkit-box-flex: 50%; + flex: 50%; + max-width: 50%; + } +} +@media screen and (max-width: 768px) { + .home__container .home__container__gallery .row .column { + -ms-flex: 100%; + -webkit-box-flex: 100%; + flex: 100%; + max-width: 100%; + } +} +.home__container .home__container__documents { + color: #fff; + margin: 100px 5vw; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; + position: relative; +} +@media (max-width: 992px) { + .home__container .home__container__documents { + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + } +} +@media (max-width: 768px) { + .home__container .home__container__documents { + margin: 50px 5vw; + } +} +.home__container .home__container__documents .faqs, +.home__container .home__container__documents .documents__links { + -webkit-box-flex: 1; + -ms-flex: 1 1 0px; + flex: 1 1 0; + font-family: "Roboto", sans-serif; +} +@media (max-width: 992px) { + .home__container .home__container__documents .faqs, +.home__container .home__container__documents .documents__links { + -webkit-box-flex: 1; + -ms-flex: 1; + flex: 1; + } +} +.home__container .home__container__documents .absolute { + position: absolute; + font-size: 15em; + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 2px; + z-index: -1; + top: 50%; + -webkit-text-stroke-color: #fff; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + opacity: 0.1; +} +.home__container .home__container__documents .overlay { + width: 0; + height: 0; +} +.home__container .home__container__documents .faqs h1 { + font-family: "Fira Code", monospace; + font-size: 4em; +} +@media (max-width: 768px) { + .home__container .home__container__documents .faqs h1 { + font-size: 2em; + } +} +.home__container .home__container__documents .faqs .faq__description { + color: rgb(153, 153, 153); + font-size: 18px; + margin-top: 20px; +} +.home__container .home__container__documents .faqs .faqs__container { + margin-top: 40px; +} +.home__container .home__container__documents .faqs .faqs__container .MuiPaper-root { + background: transparent; + color: #fff; +} +.home__container .home__container__documents .faqs .faqs__container .MuiAccordionSummary-root { + border-top: 0.2px solid #dedede; +} +.home__container .home__container__documents .faqs .faqs__container .MuiTypography-root { + font-size: 18px; + font-weight: 600; +} +.home__container .home__container__documents .faqs .faqs__container .MuiAccordionDetails-root .MuiTypography-root { + font-size: 16px; + font-weight: 400; + color: #b9b9b9; +} +.home__container .home__container__documents .faqs .faqs__container .MuiAccordionSummary-expandIconWrapper { + color: #fff; +} +.home__container .home__container__documents .documents__links { + margin-left: 80px; + font-size: 18px; + color: #a7a7a7; +} +@media (max-width: 992px) { + .home__container .home__container__documents .documents__links { + margin-left: 0; + margin-top: 50px; + } +} +.home__container .home__container__documents .documents__links h1 { + font-size: 4em; + -webkit-text-fill-color: #000; + /* Will override color (regardless of order) */ + -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #fff; + font-family: "Fira Code", monospace; +} +@media (max-width: 768px) { + .home__container .home__container__documents .documents__links h1 { + font-size: 2em; + } +} +.home__container .home__container__documents .documents__links .MuiButton-root { + margin-bottom: 20px; + background: #000; + border: 0.5px solid #fff; + color: #fff; + padding: 0; +} +.home__container .home__container__documents .documents__links .MuiButton-root:hover { + background: #5308f7; +} +.home__container .home__container__documents .documents__links .MuiButton-root a { + padding: 0 40px; + text-decoration: none; + color: #fff; +} +.home__container .home__container__documents .documents__links img { + width: 100%; + border-radius: 15px; + margin-top: 25px; + margin-bottom: 20px; +} +@media (max-width: 768px) { + .home__container .home__container__documents .documents__links img { + width: 90vw; + } +} +.home__container .home__container__documents .documents__links b { + color: #9361ff; +} +.home__container .home__container__documents .documents__links b.content__highlight { + color: #fff; +} +.home__container .home__container__documents .documents__links .contractAddr a { + color: #fff; + text-decoration: none; +} +@media (max-width: 768px) { + .home__container .home__container__documents .documents__links .contractAddr { + font-size: 14px; + } +} +.home__container .footer__container { + color: #fff; + padding: 0 5vw; + margin-bottom: 50px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} +.home__container .footer__container .update { + font-family: "Fira Code", monospace; + font-size: 18px; +} +.home__container .footer__container ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + list-style-type: none; +} +@media (max-width: 768px) { + .home__container .footer__container ul { + margin-top: 20px; + } +} +.home__container .footer__container ul a { + color: #fff; + margin-left: 30px; + font-size: 30px; + text-decoration: none; +} + +.lightMode { + background: #fff; + color: #000; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/Pages/Home/styles/style.css.map b/src/Pages/Home/styles/style.css.map new file mode 100644 index 0000000..f986d9b --- /dev/null +++ b/src/Pages/Home/styles/style.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/src/Pages/Home/styles/style.scss b/src/Pages/Home/styles/style.scss index 2500f96..d586d41 100644 --- a/src/Pages/Home/styles/style.scss +++ b/src/Pages/Home/styles/style.scss @@ -11,6 +11,8 @@ } } + + .home__container { margin-top: 70px; position: relative; @@ -735,3 +737,8 @@ } } } + +.lightMode { + background: #fff; + color: #000; +} diff --git a/src/index-dist.css b/src/index-dist.css new file mode 100644 index 0000000..988d702 --- /dev/null +++ b/src/index-dist.css @@ -0,0 +1 @@ +@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600&display=swap");*{margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body,html{overflow-x:hidden!important}body{z-index:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;background:"#fff"}.popup-content{color:#fff;border:none!important;padding:10px;border-radius:16px;background:#000!important;text-align:center;font-family:"Fira Code",monospace}.popup-content h3{padding:15px 0}.popup-content p{padding:15px 0;line-height:1.5} \ No newline at end of file diff --git a/src/index.css b/src/index.css index 57cbaad..9027589 100644 --- a/src/index.css +++ b/src/index.css @@ -20,7 +20,7 @@ body { -moz-osx-font-smoothing: grayscale; position: relative; background: #000; - + /* background: "#fff"; */ } .popup-content{ @@ -40,4 +40,9 @@ body { .popup-content p{ padding: 15px 0; line-height: 1.5; +} + +.lightMode { + background: #fff; + color: #000; } \ No newline at end of file From 9c1433bda0fab559c29e7c3d9311fb7ea27c96fb Mon Sep 17 00:00:00 2001 From: Suraj Gaire Date: Sat, 23 Jul 2022 01:55:16 +0545 Subject: [PATCH 2/6] changed to vite --- public/index.html => index.html | 15 +++++++++++--- package.json | 36 ++++++++++----------------------- src/App.jsx | 2 +- src/{index.js => index.jsx} | 28 ++++++++++++------------- vite.config.js | 7 +++++++ 5 files changed, 44 insertions(+), 44 deletions(-) rename public/index.html => index.html (55%) rename src/{index.js => index.jsx} (58%) create mode 100644 vite.config.js diff --git a/public/index.html b/index.html similarity index 55% rename from public/index.html rename to index.html index 936a160..d5d7e8b 100644 --- a/public/index.html +++ b/index.html @@ -2,23 +2,32 @@ - + - + + + + + + + - + Playpoint | Decentralized P2E Prediction Platform
+ + + diff --git a/package.json b/package.json index defe414..f2d5c61 100644 --- a/package.json +++ b/package.json @@ -1,8 +1,8 @@ { "name": "ico-ui", - "homepage": ".", - "version": "0.1.0", "private": true, + "version": "0.0.0", + "type": "module", "dependencies": { "@emotion/react": "^11.7.1", "@emotion/styled": "^11.6.0", @@ -26,28 +26,14 @@ "web-vitals": "^2.1.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test", - "eject": "react-scripts eject", - "deploy": "yarn build --profile && git push origin main && firebase deploy" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "eslintConfig": { - "extends": [ - "react-app", - "react-app/jest" - ] - }, - "browserslist": { - "production": [ - ">0.2%", - "not dead", - "not op_mini all" - ], - "development": [ - "last 1 chrome version", - "last 1 firefox version", - "last 1 safari version" - ] + "devDependencies": { + "@types/react": "^18.0.15", + "@types/react-dom": "^18.0.6", + "@vitejs/plugin-react": "^2.0.0", + "vite": "^3.0.0" } -} +} \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index 253ba8b..0265206 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -14,7 +14,7 @@ function App() { }; return ( -
+
, - document.getElementById('root') -) + document.getElementById("root") +); // If you want to start measuring performance in your app, pass a function // to log results (for example: reportWebVitals(console.log)) // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals -reportWebVitals(console.log) +reportWebVitals(console.log); // If you want your app to work offline and load faster, you can change // unregister() to register() below. Note this comes with some pitfalls. // Learn more about service workers: https://cra.link/PWA -register(); \ No newline at end of file +register(); diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..3f43fc4 --- /dev/null +++ b/vite.config.js @@ -0,0 +1,7 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [react()] +}) \ No newline at end of file From 2fe4baf4800abdf57016b843c00c72aeb2a70c27 Mon Sep 17 00:00:00 2001 From: Suraj Gaire Date: Sat, 23 Jul 2022 03:57:20 +0545 Subject: [PATCH 3/6] light mode enabled --- src/Components/Navbar/index.jsx | 76 +++++++++++++++++++++++---- src/Pages/Home/index.jsx | 37 +++++++++---- src/Pages/Home/styles/style.css | 67 +++++++++++++++++++----- src/Pages/Home/styles/style.css.map | 2 +- src/Pages/Home/styles/style.scss | 80 ++++++++++++++++++++++++----- 5 files changed, 214 insertions(+), 48 deletions(-) diff --git a/src/Components/Navbar/index.jsx b/src/Components/Navbar/index.jsx index de314ea..9cbb0b1 100644 --- a/src/Components/Navbar/index.jsx +++ b/src/Components/Navbar/index.jsx @@ -2,9 +2,58 @@ import "./styles/style.css"; import React from "react"; import Marquee from "react-fast-marquee"; +import { Switch } from "@mui/material"; +import { styled } from "@mui/material/styles"; +import FormControlLabel from "@mui/material/FormControlLabel"; -function Navbar({ refs, lightMode, setLightMode,handleLightMode }) { +const MaterialUISwitch = styled(Switch)(({ theme }) => ({ + width: 62, + height: 34, + padding: 7, + "& .MuiSwitch-switchBase": { + margin: 1, + padding: 0, + transform: "translateX(6px)", + "&.Mui-checked": { + color: "#fff", + transform: "translateX(22px)", + "& .MuiSwitch-thumb:before": { + backgroundImage: `url('data:image/svg+xml;utf8,')`, + }, + "& + .MuiSwitch-track": { + opacity: 1, + backgroundColor: theme.palette.mode === "dark" ? "#8796A5" : "#aab4be", + }, + }, + }, + "& .MuiSwitch-thumb": { + backgroundColor: theme.palette.mode === "dark" ? "#003892" : "#001e3c", + width: 32, + height: 32, + "&:before": { + content: "''", + position: "absolute", + width: "100%", + height: "100%", + left: 0, + top: 0, + backgroundRepeat: "no-repeat", + backgroundPosition: "center", + backgroundImage: `url('data:image/svg+xml;utf8,')`, + }, + }, + "& .MuiSwitch-track": { + opacity: 1, + backgroundColor: theme.palette.mode === "dark" ? "#8796A5" : "#aab4be", + borderRadius: 20 / 2, + }, +})); +function Navbar({ refs, lightMode, setLightMode, handleLightMode }) { const { HomeRef, AboutRef, @@ -26,9 +75,9 @@ function Navbar({ refs, lightMode, setLightMode,handleLightMode }) { return (
{/*

@@ -122,18 +171,23 @@ function Navbar({ refs, lightMode, setLightMode,handleLightMode }) { +

- + + } + /> + +
); diff --git a/src/Pages/Home/index.jsx b/src/Pages/Home/index.jsx index 04b14f1..ecf9e46 100644 --- a/src/Pages/Home/index.jsx +++ b/src/Pages/Home/index.jsx @@ -108,22 +108,36 @@ function Home({ lightMode, setLightMode, handleLightMode }) { _ -
-

Playpoint

+
+

+ Playpoint +

-

- is an online Play to Earn (P2E) and{" "} - prediction-pool platform, based on real-time sporting +

+ is an online{" "} + + Play to Earn (P2E) + {" "} + and prediction-pool platform, based on real-time sporting events. It is supported by decentralized blockchain network and its primary network comprises:

    -
  1. Logical Marketplace
    2. -
  2. Virtual Showcase Vendor,
    3. -
  3. Prediction Questionnaire Hub, and
    4. -
  4. Variant Prediction Pools.
    5. +
  5. + Logical Marketplace{" "} +
    6. +
  6. + Virtual Showcase Vendor, +
    7. +
  7. + Prediction Questionnaire Hub, and{" "} +
    8. +
  8. + Variant Prediction Pools.{" "} +
+

The affiliated participants can take part in the prediction pool sweepstakes by selecting a match or matches (fixtures) prescribed in the Playpoint Showcase. After the selection, the @@ -133,6 +147,7 @@ function Home({ lightMode, setLightMode, handleLightMode }) { Playpoint Questionnaires hub.
The participants acquiring the highest score range, in percentage, become prize contenders. +

@@ -323,13 +338,13 @@ function Home({ lightMode, setLightMode, handleLightMode }) {

Roadmap_

Roadmap_

-

+

Roadmap _

-

+

Playpoint will continue to grow with new features, systems, and cross-chain expansions. The roadmap below indicates the expected milestones in development. diff --git a/src/Pages/Home/styles/style.css b/src/Pages/Home/styles/style.css index eb475eb..151bff7 100644 --- a/src/Pages/Home/styles/style.css +++ b/src/Pages/Home/styles/style.css @@ -454,6 +454,14 @@ margin-bottom: 20px; } } +.home__container .home__container__roadmap .roadmap__title.lightMode { + color: #000; + background: transparent; +} +.home__container .home__container__roadmap .roadmap__title.darkMode { + color: #fff; + background: transparent; +} .home__container .home__container__roadmap p { font-family: "Roboto", sans-serif; font-size: 17px; @@ -465,6 +473,14 @@ opacity: 0.5; font-size: 19px; } +.home__container .home__container__roadmap .top__description.lightMode { + color: #000; + background: transparent; +} +.home__container .home__container__roadmap .top__description.darkMode { + color: #fff; + background: transparent; +} @media (max-width: 768px) { .home__container .home__container__roadmap .top__description { max-width: 80vw; @@ -484,18 +500,44 @@ .home__container .home__container__roadmap .timeline__container .p { color: #adadad; } +.home__container .home__container__roadmap .timeline__container .p.lightMode { + background: #262626 !important; + color: #fff !important; +} +.home__container .home__container__roadmap .timeline__container .p.darkMode { + background: #fff !important; + color: #000 !important; +} +.home__container .home__container__roadmap .timeline__container .p b { + color: #fff; +} +.home__container .home__container__roadmap .timeline__container .p b.lightMode { + background: #262626 !important; + color: #fff !important; +} +.home__container .home__container__roadmap .timeline__container .p b.darkMode { + background: #262626 !important; + color: #fff !important; +} .home__container .home__container__roadmap .timeline__container .p li { margin-bottom: 20px; list-style: none; } -.home__container .home__container__roadmap .timeline__container .p li b { - font-size: 19px; - line-height: 2; - color: #fff; +.home__container .home__container__roadmap .timeline__container .p li.lightMode { + background: #262626 !important; + color: #fff !important; +} +.home__container .home__container__roadmap .timeline__container .p li.darkMode { + background: #fff !important; + color: #000 !important; } -.home__container .home__container__roadmap .timeline__container .p li span { - color: #00d56a; - font-weight: bold; +.home__container .home__container__roadmap .timeline__container .p p.lightMode { + background: #262626 !important; + color: #fff !important; +} +.home__container .home__container__roadmap .timeline__container .p p.darkMode { + background: #fff !important; + color: #000 !important; } @media (max-width: 991px) { .home__container .home__container__roadmap .timeline__container .MuiTimelineItem-root::before { @@ -504,6 +546,12 @@ flex: 0; } } +.home__container .button__container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + gap: 20px; +} .home__container .home__container__gallery { display: block; margin: 0 auto; @@ -772,9 +820,4 @@ font-size: 30px; text-decoration: none; } - -.lightMode { - background: #fff; - color: #000; -} /*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/src/Pages/Home/styles/style.css.map b/src/Pages/Home/styles/style.css.map index f986d9b..e563768 100644 --- a/src/Pages/Home/styles/style.css.map +++ b/src/Pages/Home/styles/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AACA;EACE;IACE,qIAAA;ECAF;EDIA;IACE,iJAAA;ECFF;AACF;ADNA;EACE;IACE,qIAAA;ECAF;EDIA;IACE,iJAAA;ECFF;AACF;AD0BA;EACE,gBAAA;EACA,kBAAA;ACxBF;AD0BE;EACE,gBAAA;ACxBJ;AD4BE;EACE,YAAA;EACA,sBAAA;KAAA,mBAAA;AC1BJ;AD4BI;EAJF;IAKI,gBAAA;IACA,6BAAA;YAAA,qBAAA;ECzBJ;AACF;AD6BE;EACE,WAAA;EACA,cAAA;AC3BJ;AD8BI;EALF;IAMI,iBAAA;EC3BJ;AACF;AD6BI;EACE,mCAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,+BAAA;AC1BN;AD4BM;EARF;IASI,cAAA;IACA,8BAAA;ECzBN;AACF;AD4BI;EACE,mCAAA;AC1BN;AD6BI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AC3BN;AD6BM;EAJF;IAKI,4BAAA;IAAA,6BAAA;QAAA,0BAAA;YAAA,sBAAA;IACA,yBAAA;QAAA,sBAAA;YAAA,mBAAA;EC1BN;AACF;AD4BM;;EAEE,mBAAA;MAAA,iBAAA;UAAA,WAAA;AC1BR;AD4BQ;EAJF;;IAKI,mBAAA;QAAA,WAAA;YAAA,OAAA;ECxBR;AACF;AD4BQ;EACE,gBAAA;EACA,mBAAA;AC1BV;AD4BU;EACE,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,+BAAA;EACA,iCAAA;ACzBZ;AD4BU;EAXF;IAYI,cAAA;ECzBV;AACF;AD4BQ;EACE,iCAAA;EACA,eAAA;EACA,gBAAA;EACA,cAAA;AC1BV;AD4BU;EACE,WAAA;AC1BZ;AD8BU;EACE,YAAA;AC5BZ;ADiCM;EACE,kBAAA;AC/BR;ADiCQ;EAHF;IAII,gBAAA;EC9BR;AACF;ADgCQ;EAPF;IAQI,gBAAA;EC7BR;AACF;AD+BQ;EACE,UAAA;EACA,sBAAA;KAAA,mBAAA;EACA,cAAA;EACA,cAAA;EACA,UAAA;AC7BV;AD+BU;EAPF;IAQI,UAAA;EC5BV;AACF;AD8BU;EACE,kBAAA;EACA,SAAA;EACA,QAAA;EACA,WAAA;EACA,YAAA;AC5BZ;AD8BY;EAPF;IAQI,WAAA;EC3BZ;AACF;AD6BY;EAXF;IAYI,WAAA;EC1BZ;AACF;ADkCE;EACE,sBAAA;EACA,gBAAA;EACA,mBAAA;AChCJ;ADkCI;EALF;IAMI,gBAAA;EC/BJ;AACF;ADkCM;EACE,mCAAA;EACA,cAAA;EACA,YAAA;EACA,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,+BAAA;EACA,kBAAA;AC/BR;ADiCQ;EATF;IAUI,gBAAA;IACA,8BAAA;EC9BR;AACF;ADkCI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;AChCN;ADkCM;EAJF;IAKI,wBAAA;QAAA,qBAAA;YAAA,uBAAA;EC/BN;AACF;ADiCM;EARF;IASI,4BAAA;IAAA,6BAAA;QAAA,0BAAA;YAAA,sBAAA;IACA,yBAAA;QAAA,sBAAA;YAAA,mBAAA;EC9BN;AACF;ADgCM;;EAEE,WAAA;AC9BR;ADkCQ;EACE,WAAA;EACA,sBAAA;KAAA,mBAAA;AChCV;ADkCU;EAJF;IAKI,WAAA;EC/BV;AACF;ADmCM;EACE,iBAAA;EACA,eAAA;EACA,iCAAA;EACA,cAAA;ACjCR;ADmCQ;EACE,WAAA;ACjCV;ADqCQ;EAXF;IAYI,cAAA;EClCR;AACF;ADoCQ;EACE,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,kCAAA;EACA,gBAAA;ACjCV;ADmCU;EANF;IAOI,cAAA;EChCV;AACF;ADmCQ;EACE,cAAA;EACA,mBAAA;ACjCV;ADmCU;EAJF;IAKI,gBAAA;EChCV;AACF;ADmCQ;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,gBAAA;EACA,qBAAA;EACA,mBAAA;EACA,mBAAA;MAAA,eAAA;ACjCV;ADmCU;EAPF;IAQI,iBAAA;EChCV;AACF;ADkCU;EACE,kBAAA;AChCZ;ADoCQ;EACE,YAAA;AClCV;ADuCI;EACE,gBAAA;EACA,WAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,kBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;ACrCN;ADuCM;EAPF;IAQI,mBAAA;QAAA,eAAA;IACA,4BAAA;IAAA,6BAAA;QAAA,0BAAA;YAAA,sBAAA;ECpCN;AACF;ADsCM;EAZF;IAaI,gBAAA;ECnCN;AACF;ADqCM;EACE,kBAAA;EACA,YAAA;EACA,QAAA;EACA,UAAA;EACA,cAAA;EACA,UAAA;ACnCR;ADqCQ;EARF;IASI,cAAA;IACA,SAAA;EClCR;AACF;ADoCQ;EACE,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,+BAAA;EACA,mCAAA;ACjCV;ADmCU;EANF;IAOI,8BAAA;EChCV;AACF;ADoCM;;EAEE,mBAAA;MAAA,iBAAA;UAAA,WAAA;EACA,eAAA;AClCR;ADoCQ;EALF;;IAMI,mBAAA;QAAA,WAAA;YAAA,OAAA;IACA,gBAAA;IACA,WAAA;EChCR;AACF;ADoCQ;EACE,eAAA;EACA,mBAAA;EACA,mCAAA;AClCV;ADoCU;EACE,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,+BAAA;ACjCZ;ADoCU;EAXF;IAYI,eAAA;IACA,mBAAA;ECjCV;AACF;ADoCQ;EACE,iCAAA;EACA,eAAA;EACA,cAAA;AClCV;ADoCU;EACE,cAAA;AClCZ;ADuCM;EACE,UAAA;ACrCR;ADuCQ;EACE,iBAAA;EACA,eAAA;EACA,sBAAA;KAAA,mBAAA;ACrCV;ADuCU;EALF;IAMI,cAAA;IACA,eAAA;IACA,WAAA;IACA,gBAAA;ECpCV;AACF;AD2CE;EACE,WAAA;EACA,kBAAA;EACA,cAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,4BAAA;EAAA,6BAAA;MAAA,0BAAA;UAAA,sBAAA;EACA,gBAAA;ACzCJ;AD2CI;EATF;IAUI,UAAA;ECxCJ;AACF;AD0CI;EACE,kBAAA;EACA,YAAA;EACA,SAAA;EACA,SAAA;EACA,cAAA;ACxCN;AD0CM;EAPF;IAQI,cAAA;IACA,SAAA;ECvCN;AACF;ADyCM;EACE,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,+BAAA;EACA,mCAAA;ACtCR;ADwCQ;EANF;IAOI,8BAAA;ECrCR;AACF;ADyCI;EACE,eAAA;EACA,mBAAA;EACA,mCAAA;ACvCN;AD0CM;EANF;IAOI,eAAA;IACA,mBAAA;ECvCN;AACF;ADwCM;EACE,WAAA;EACA,uBAAA;ACtCR;ADwCM;EACE,WAAA;EACA,uBAAA;ACtCR;AD0CI;EACE,iCAAA;EACA,eAAA;ACxCN;AD2CI;EACE,eAAA;EACA,mBAAA;EACA,kBAAA;EACA,YAAA;EACA,eAAA;ACzCN;AD0CM;EACE,WAAA;EACA,uBAAA;ACxCR;AD0CM;EACE,WAAA;EACA,uBAAA;ACxCR;AD2CM;EAfF;IAgBI,eAAA;ECxCN;AACF;AD4CM;EACE,mCAAA;EACA,mBAAA;EACA,gBAAA;AC1CR;AD4CQ;EALF;IAMI,eAAA;IACA,mBAAA;ECzCR;AACF;AD4CM;EACE,cAAA;AC1CR;AD2CQ;EA1cN,8BAAA;EACA,sBAAA;ACkaF;AD0CQ;EAldN,2BAAA;EACA,sBAAA;AC2aF;AD0CQ;EACE,WAAA;ACxCV;ADyCU;EAndR,8BAAA;EACA,sBAAA;AC6aF;ADwCU;EAtdR,8BAAA;EACA,sBAAA;ACibF;ADyCQ;EACE,mBAAA;EACA,gBAAA;ACvCV;ADwCU;EA9dR,8BAAA;EACA,sBAAA;ACybF;ADuCU;EAteR,2BAAA;EACA,sBAAA;ACkcF;ADwCU;EAteR,8BAAA;EACA,sBAAA;ACicF;ADuCU;EA9eR,2BAAA;EACA,sBAAA;AC0cF;AD0CQ;EADF;IAEI,mBAAA;QAAA,WAAA;YAAA,OAAA;ECvCR;AACF;AD4CE;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,SAAA;AC1CJ;AD8CE;EACE,cAAA;EACA,cAAA;EACA,iBAAA;EACA,WAAA;EACA,cAAA;AC5CJ;AD8CI;EAPF;IAQI,gBAAA;EC3CJ;AACF;AD6CI;EACE,oBAAA;EAAsB,SAAA;EACtB,oBAAA;EAAA,aAAA;EACA,mBAAA;EAAqB,SAAA;EACrB,eAAA;EACA,cAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EA8BA,0EAAA;EASA,uGAAA;AC9EN;ADyCM;EACE,aAAA;EAAe,SAAA;EACf,qBAAA;UAAA,SAAA;EACA,cAAA;EACA,cAAA;ACtCR;ADwCQ;EACE,WAAA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,sBAAA;EACA,gBAAA;ACtCV;ADyCQ;EACE,WAAA;EACA,eAAA;EACA,iCAAA;EAAA,yBAAA;EACA,cAAA;EACA,2BAAA;UAAA,mBAAA;ACvCV;ADyCU;EACE,6BAAA;UAAA,qBAAA;ACvCZ;AD6CM;EACE;IACE,aAAA;IACA,qBAAA;YAAA,SAAA;IACA,cAAA;EC3CR;AACF;AD+CM;EACE;IACE,cAAA;IACA,sBAAA;YAAA,UAAA;IACA,eAAA;EC7CR;AACF;ADmDE;EACE,WAAA;EACA,iBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,wBAAA;MAAA,qBAAA;UAAA,uBAAA;EACA,kBAAA;ACjDJ;ADmDI;EAPF;IAQI,mBAAA;QAAA,eAAA;IACA,4BAAA;IAAA,6BAAA;QAAA,0BAAA;YAAA,sBAAA;EChDJ;AACF;ADkDI;EAZF;IAaI,gBAAA;EC/CJ;AACF;ADiDI;;EAEE,mBAAA;MAAA,iBAAA;UAAA,WAAA;EACA,iCAAA;AC/CN;ADiDM;EALF;;IAMI,mBAAA;QAAA,WAAA;YAAA,OAAA;EC7CN;AACF;ADgDI;EACE,kBAAA;EACA,eAAA;EACA,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,WAAA;EACA,QAAA;EACA,+BAAA;EACA,mCAAA;UAAA,2BAAA;EACA,YAAA;AC7CN;ADgDI;EACE,QAAA;EACA,SAAA;AC9CN;ADkDM;EACE,mCAAA;EACA,cAAA;AChDR;ADkDQ;EAJF;IAKI,cAAA;EC/CR;AACF;ADkDM;EACE,yBAAA;EACA,eAAA;EACA,gBAAA;AChDR;ADmDM;EACE,gBAAA;ACjDR;ADmDQ;EACE,uBAAA;EACA,WAAA;ACjDV;ADoDQ;EACE,+BAAA;AClDV;ADsDQ;EACE,eAAA;EACA,gBAAA;ACpDV;ADwDU;EACE,eAAA;EACA,gBAAA;EACA,cAAA;ACtDZ;AD0DQ;EACE,WAAA;ACxDV;AD6DI;EACE,iBAAA;EACA,eAAA;EACA,cAAA;AC3DN;AD6DM;EALF;IAMI,cAAA;IACA,gBAAA;EC1DN;AACF;AD4DM;EACE,cAAA;EACA,6BAAA;EAA+B,8CAAA;EAC/B,8BAAA;EACA,+BAAA;EACA,mCAAA;ACzDR;AD2DQ;EAPF;IAQI,cAAA;ECxDR;AACF;AD2DM;EACE,mBAAA;EACA,gBAAA;EACA,wBAAA;EACA,WAAA;EACA,UAAA;ACzDR;AD2DQ;EACE,mBAAA;ACzDV;AD4DQ;EACE,eAAA;EACA,qBAAA;EACA,WAAA;AC1DV;AD8DM;EACE,WAAA;EACA,mBAAA;EACA,gBAAA;EACA,mBAAA;AC5DR;AD8DQ;EANF;IAOI,WAAA;EC3DR;AACF;AD8DM;EACE,cAAA;AC5DR;AD8DQ;EACE,WAAA;AC5DV;ADiEQ;EACE,WAAA;EACA,qBAAA;AC/DV;ADiEQ;EALF;IAMI,eAAA;EC9DR;AACF;ADmEE;EACE,WAAA;EACA,cAAA;EACA,mBAAA;EACA,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,mBAAA;EACA,yBAAA;MAAA,sBAAA;UAAA,8BAAA;EACA,mBAAA;MAAA,eAAA;ACjEJ;ADmEI;EACE,mCAAA;EACA,eAAA;ACjEN;ADoEI;EACE,oBAAA;EAAA,oBAAA;EAAA,aAAA;EACA,qBAAA;AClEN;ADoEM;EAJF;IAKI,gBAAA;ECjEN;AACF;ADmEM;EACE,WAAA;EACA,iBAAA;EACA,eAAA;EACA,qBAAA;ACjER","file":"style.css"} \ No newline at end of file diff --git a/src/Pages/Home/styles/style.scss b/src/Pages/Home/styles/style.scss index d586d41..4625dbf 100644 --- a/src/Pages/Home/styles/style.scss +++ b/src/Pages/Home/styles/style.scss @@ -11,6 +11,24 @@ } } +$darkBackground:#262626; +$darkColor:#000; + +$lightBackground:#fff; +$lightColor:#fff; + +$darkMode:true; + +@mixin lightMode { + background: $lightBackground !important; + color: $darkColor !important; +} + +@mixin darkMode { + background: $darkBackground !important; + color: $lightColor !important; +} + .home__container { @@ -416,6 +434,14 @@ font-size: 35px; margin-bottom: 20px; } + &.lightMode { + color: #000; + background: transparent; + } + &.darkMode { + color: #fff; + background: transparent; + } } p { @@ -429,6 +455,14 @@ text-align: center; opacity: 0.5; font-size: 19px; + &.lightMode { + color: #000; + background: transparent; + } + &.darkMode { + color: #fff; + background: transparent; + } @media (max-width: 768px) { max-width: 80vw; @@ -449,20 +483,39 @@ .p { color: #adadad; + &.lightMode { + @include darkMode() + } + &.darkMode { + @include lightMode() + } + b{ + color: #fff; + &.lightMode{ + @include darkMode() + } + &.darkMode { + @include darkMode() + } + } + li { margin-bottom: 20px; list-style: none; - - b { - font-size: 19px; - line-height: 2; - color: #fff; + &.lightMode { + @include darkMode() } - - span { - color: #00d56a; - font-weight: bold; + &.darkMode { + @include lightMode() + } + } + p { + &.lightMode { + @include darkMode() + } + &.darkMode { + @include lightMode() } } } @@ -475,6 +528,11 @@ } } + .button__container { + display: flex; + gap: 20px; + } + // @section => gallery .home__container__gallery { display: block; @@ -738,7 +796,3 @@ } } -.lightMode { - background: #fff; - color: #000; -} From 288af77a56de50b0c232b34625ef6ca9b057d79c Mon Sep 17 00:00:00 2001 From: Suraj Gaire Date: Mon, 25 Jul 2022 09:00:44 +0545 Subject: [PATCH 4/6] lightMode updated --- prepros.config | 10 + src/App.jsx | 11 + src/Assets/About1 (1).png | Bin 0 -> 14778 bytes src/Components/Footer/index.jsx | 28 +- src/Components/Footer/styles/style.css | 1 + src/Components/Footer/styles/style.scss | 31 + src/Components/Navbar/index.jsx | 86 +-- src/Components/Navbar/styles/style.css | 18 +- src/Components/Navbar/styles/style.css.map | 2 +- src/Components/Navbar/styles/style.scss | 27 +- src/Components/Team/index.jsx | 23 + src/Components/Team/styles/style.scss | 0 src/Pages/Home/components/Faqs.jsx | 127 +++- src/Pages/Home/components/Timeline.jsx | 60 +- src/Pages/Home/index.jsx | 173 ++++-- src/Pages/Home/styles/style.css | 334 +++++++--- src/Pages/Home/styles/style.css.map | 2 +- src/Pages/Home/styles/style.scss | 678 ++++++++++++++------- src/index.css | 10 +- 19 files changed, 1115 insertions(+), 506 deletions(-) create mode 100644 src/Assets/About1 (1).png create mode 100644 src/Components/Team/index.jsx create mode 100644 src/Components/Team/styles/style.scss diff --git a/prepros.config b/prepros.config index 5a08116..9ce37e5 100644 --- a/prepros.config +++ b/prepros.config @@ -929,6 +929,16 @@ } }, "files": [ + { + "file": "src/Components/Footer/styles/style.scss", + "config": { + "tasks": { + "minify-css": { + "enable": true + } + } + } + }, { "file": "src/Components/Navbar/styles/style.scss", "config": { diff --git a/src/App.jsx b/src/App.jsx index 0265206..0aa19c6 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -12,6 +12,17 @@ function App() { const handleLightMode = () => { setLightMode((prev) => !prev); }; + console.log(lightMode) + + React.useEffect(() => { + lightMode + ? (document.body.style.background === "white" && + document.body.style.color === "black") + : (document.body.style.background === "black" && + document.body.style.color === "white") + + }, [lightMode]); + console.log(document.body.style); return (

diff --git a/src/Assets/About1 (1).png b/src/Assets/About1 (1).png new file mode 100644 index 0000000000000000000000000000000000000000..8f439fed9027f0161c3289880396c5d69641254f GIT binary patch literal 14778 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 U{ls>Z(CEXHUb*l90000007L`uaR2}S literal 0 HcmV?d00001 diff --git a/src/Components/Footer/index.jsx b/src/Components/Footer/index.jsx index ebc7eec..f8ed2f9 100644 --- a/src/Components/Footer/index.jsx +++ b/src/Components/Footer/index.jsx @@ -1,57 +1,67 @@ import React from "react"; import "remixicon/fonts/remixicon.css"; +import "./styles/style.css"; -export default function Footer() { +export default function Footer({ lightMode }) { return ( -
-
Website Last Updated: May 17, 2022
-