thedanielmark · fabianferno · Jan 13, 2021 · Jan 13, 2021 · Jan 13, 2021 · Jan 13, 2021
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,15 +10,20 @@
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
     "axios": "^0.21.1",
+    "confetti-react": "^2.4.4",
     "fetch": "^1.1.0",
-    "framer-motion": "^2.9.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "framer-motion": "^2.9.5",
+    "jquery": "^3.5.1",
+    "react": "^16.14.0",
+    "react-bootstrap": "^1.4.3",
+    "react-dom": "^16.14.0",
     "react-helmet-async": "^1.0.7",
+    "react-responsive-carousel": "^3.2.11",
     "react-router-dom": "^5.2.0",
-    "react-scripts": "^3.4.3",
+    "react-scripts": "^3.4.4",
     "react-tabs": "^3.1.2",
-    "swr": "^0.3.7"
+    "react-use": "^15.3.8",
+    "swr": "^0.3.11"
   },
   "scripts": {
     "start": "react-scripts start",

diff --git a/public/css/style.css b/public/css/style.css
@@ -1,3 +1,5 @@
+@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
+
 /*------------------------------------------------------------------
  [Master Stylesheet]
 
@@ -8757,9 +8759,7 @@ section {
 
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
-    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: 'Montserrat', sans-serif;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
@@ -39536,11 +39536,24 @@ div.tagsinput span.tag a {
   font-weight: 600;
 }
 
+.underbox span {
+  padding-left: 10px;
+  padding-right: 10px;
+  background-image: linear-gradient(to right, transparent calc(81% - 5px), #7d26c2 0%, #fd0081 100%);
+  background-size: 0;
+  background-repeat: no-repeat;
+  display: inline;
+  transition: 0.5s ease;
+}
+
+.underbox:hover span {
+  background-size: 100%;
+}
+
 .landing-big-text {
-  line-height: 1;
   font-family: "Inter", sans-serif;
   font-size: 3rem;
-  font-weight: 800;
+  font-weight: 700;
   background: linear-gradient(to right, #7d26c2 0%, #fd0081 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -39780,7 +39793,8 @@ div.tagsinput span.tag a {
   box-shadow: 2px 1000px 1px #000000 inset;
 }
 
-.gradient-button:hover {
+.active-track, .track-btn:hover, .gradient-button:hover  {
+  transition: 0.5s ease;
   box-shadow: none;
   color: white;
 }
@@ -39850,13 +39864,13 @@ div.tagsinput span.tag a {
 }
 
 .timeline .event:before {
-  left: -207px;
+  left: -230px;
   content: attr(data-date);
-  text-align: right;
+  text-align: left;
   font-weight: bold;
-  font-size: 1.2em;
+  font-size: 1.5em;
   min-width: 120px;
-  letter-spacing: 3px;
+  letter-spacing: 1px;
   line-height: 18px;
 }
 
@@ -39906,12 +39920,51 @@ div.tagsinput span.tag a {
   right: -55.8px;
 }
 
+.docs {
+  font-family: 'Montserrat', sans-serif;
+  color: "#e5e5e5";
+}
+
+.docs h4 {
+  letter-spacing: 3px;
+  font-weight: bold;
+  color:#ffffff;
+}
+
+.docs a {
+  text-decoration: none;
+  font-weight: bold;
+  color:#ffffff;
+}
+
+.docs a:hover {
+  transition: 0.3s ease;
+  font-weight: bold;
+}
+
+.docs strong {
+  color:#cfcfcf;
+}
+
 .text-pink {
-  line-height: 22px;
-  letter-spacing: 4px;
-  text-transform: uppercase;
+  border-radius: 50px;
+  display: inline;
+  background: linear-gradient(101deg, #ff00f200 0%, #d100d8a9 100%);
   font-weight: bold;
-  color: #e154e6;
+  letter-spacing:3px;
+  color: #ffffff;
+  text-transform: uppercase;
+  padding-right: 5px;
+  padding-top: 3px;
+  padding-bottom: 3px;
 }
 
+.track-btn {
+  letter-spacing: 1px;
+  line-height: 20px;
+}
+
+
+
+
 /*# sourceMappingURL=../maps/horizontal-layout-light/style.css.map */
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
-    
+
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
@@ -36,7 +36,7 @@
     <link rel="canonical" href="https://elevate.pattarai.in" />
 
     <!-- Favicons -->
-    <link rel="favicon" href="public/images/favicon.png" />
+    <link rel="favicon" href="public/images/favicon.ico" />
     <link href="public/images/favicon.png" rel="icon" />
     <link href="public/images/favicon.png" rel="apple-touch-icon" />
     <!--
@@ -52,7 +52,9 @@
 
   <body style="background-color: #000">
     <noscript>You need to enable JavaScript to run this app.</noscript>
+
     <div id="root"></div>
+
     <script src="js/vendor.bundle.base.js"></script>
     <script src="js/off-canvas.js"></script>
     <script src="js/hoverable-collapse.js"></script>
@@ -84,5 +86,8 @@
       firebase.initializeApp(firebaseConfig);
       firebase.analytics();
     </script>
+    <script type="application/javascript">
+      $('.carousel').carousel();
+    </script>
   </body>
 </html>
diff --git a/src/App.js b/src/App.js
@@ -17,12 +17,17 @@ import CodeOfConduct from "./pages/CodeOfConduct";
 import ProposalGuidelines from "./pages/ProposalGuidelines";
 import PrivacyPolicy from "./pages/PrivacyPolicy";
 import Tracks from "./pages/Tracks";
-import CFP from "./pages/CFP";
+import RegisterSpeakers from "./pages/RegisterSpeakers";
+import CallForProposal from "./pages/CallForProposal";
 
 // import Settings from "./pages/Settings";
 import Error404 from "./pages/Error404";
 
+
 export default class App extends Component {
+
+
+
   render() {
     return (
       <Router>
@@ -43,7 +48,8 @@ export default class App extends Component {
             component={ProposalGuidelines}
           />
           <Route exact path="/privacy-policy" component={PrivacyPolicy} />
-          <Route exact path="/cfp" component={CFP} />
+          <Route exact path="/registerspeakers" component={RegisterSpeakers} />
+          <Route exact path="/cfp" component={CallForProposal} />
 
           <Route exact path="/404" component={Error404} />
           <Redirect to="/404" />

diff --git a/src/elevate-logo-reveal.mp4 b/src/elevate-logo-reveal.mp4
diff --git a/src/images/elevate-logo-animated.gif b/src/images/elevate-logo-animated.gif
diff --git a/src/images/logo-animated.gif b/src/images/logo-animated.gif
diff --git a/src/pages/CFP.jsx b/src/pages/CFP.jsx
diff --git a/src/pages/CallForProposal.jsx b/src/pages/CallForProposal.jsx
@@ -0,0 +1,49 @@
+/*index.jsx*/
+import React from "react";
+import "../App.css";
+import { motion } from "framer-motion";
+import logosquare from "../../src/images/elevate_square.png";
+import logofull from "../../src/images/logo-full.png";
+import { BrowserRouter as Router, Link } from "react-router-dom";
+
+//Functional Component
+export default function CallForProposal() {
+  const easing = [0.6, -0.05, 0.01, 0.99];
+  const fade1 = {
+    initial: {
+      opacity: 0,
+    },
+    animate: {
+      opacity: 1,
+      transition: {
+        duration: 1,
+        ease: easing,
+      },
+    },
+  };
+
+  return (
+    <motion.div exit={{ opacity: 0 }} initial="initial" animate="animate">
+      <motion.div variants={fade1} className="container py-3">
+        <div id="cfp-script-holder" className="container py-5 text-center">
+          <div className="d-md-flex d-block align-items-center justify-content-center bg-dark">
+            {/* <Link to="/" className="py-2">
+              <img
+                src={logosquare}
+                alt="conf_elevate"
+                height="150vh"
+                className="pb-3 pt-3"
+                srcset=""
+              />
+            </Link>
+            <div className="h3 text-white pl-md-4 pl-0 pb-3 pb-md-0">
+              connect. learn. elevate^
+            </div> */}
+          </div>
+          {/* <div class="container text-white pt-5" id="cfpform"></div> */}
+          <iframe title="speaker-register-form" src="https://docs.google.com/forms/d/e/1FAIpQLSdDFQ_NaCZpRhgGOsgSvtDxykcXUawYOIApo7cioMq5yDyYRw/viewform?embedded=true" className='container' height="1000px"  style={{ backgroundColor:'#222222', overflow:'hidden'}} frameBorder={0} marginHeight={0} marginWidth={0}>Loading…</iframe>
+        </div>
+      </motion.div>
+    </motion.div>
+  );
+}
diff --git a/src/pages/CodeOfConduct.jsx b/src/pages/CodeOfConduct.jsx
@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import React from "react";
 import { Helmet, HelmetProvider } from "react-helmet-async";
 import MainContent from "./components/CodeOfConduct/MainContent";
 

diff --git a/src/pages/Error404.jsx b/src/pages/Error404.jsx
@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import React from "react";
 import { Helmet, HelmetProvider } from "react-helmet-async";
 import MainContent from "./components/Error/MainContent";