added revolux oc job desc,

switches to hash router

package.json

@@ -2,7 +2,7 @@
   "name": "ucsc-ieee",
   "version": "0.1.0",
   "private": true,
-  "homepage": "https://ucscieee.com",
+  "homepage": "https://ucscieee.lk",
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
     "@fortawesome/free-brands-svg-icons": "^5.15.3",

src/App.js

@@ -14,10 +14,10 @@ import NewsList from "./components/Common/NewsList";
 const Home = lazy(() => import("./components/Landing"));
 const EventDetails = lazy(() => import("./components/Landing/EventDetails"));
 const PreviousOfficers = lazy(() => import("./components/PreviousOfficers"));
+const RevoluxOCJobDesc = lazy(() => import("./components/Landing/Misc/RevoluxOCJobDesc.js"));
 
 const App = () => {
   return (
-    <Router>
       <Suspense fallback={<Loading/>}>
         <main>
           <Switch>
@@ -36,12 +36,19 @@ const App = () => {
               <PreviousOfficers/>
               <Footer/>
             </Route>
+            <Route path="/revolux-oc-job-desc">
+              <RevoluxOCJobDesc/>
+            </Route>
           </Switch>
-          <NewsList/>
-          <SocialMedia/>
+          {window.location.hash !== "#/revolux-oc-job-desc" && (
+              <>
+                <NewsList/>
+                <SocialMedia/>
+              </>
+          )}
+
         </main>
       </Suspense>
-    </Router>
   );
 };
 

src/components/Landing/Misc/RevoluxOCJobDesc.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import "./styles.css";
+
+const RevoluxOCJobDesc = () => {
+    const figmaUrl = "https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FkeS1y4OejeWxRbDBFk3iDy%2FRevolUX3.0-initial%3Fpage-id%3D9%253A8781%26type%3Ddesign%26node-id%3D28-9460%26viewport%3D-7373%252C3588%252C0.68%26t%3D2JDoTcb0oun6XIvD-1%26scaling%3Dscale-down%26starting-point-node-id%3D28%253A9854%26mode%3Ddesign";
+
+    return (
+        <div style={{width: '100vw', height: 'calc(100vh + 50px)', position: 'relative', background: 'rgb(0, 0, 0)' }}>
+            <iframe
+                style={{
+                    border: '1px solid rgba(0, 0, 0, 0.1)', position: 'relative', margin: '0',
+                    padding: '0',
+                    boxSizing: 'border-box',
+                    overflow: 'hidden'
+                }}
+                width="100%"
+                height="100%"
+                src={figmaUrl}
+                allowFullScreen
+                title='RevolUX 3.0 OC Job Description'
+            ></iframe>
+        </div>
+    );
+};
+
+export default RevoluxOCJobDesc;

src/components/Landing/Misc/styles.css

@@ -0,0 +1,6 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    overflow: hidden;
+}

src/index.js

@@ -1,6 +1,15 @@
 import React from "react";
 import ReactDOM from "react-dom";
+import { HashRouter } from "react-router-dom";
 import "./index.css";
 import App from "./App";
 
-ReactDOM.render(<App/>, document.getElementById("root"));
+// ReactDOM.render(<App />, document.getElementById("root"));
+ReactDOM.render(
+    <React.StrictMode>
+        <HashRouter>
+            <App />
+        </HashRouter>
+    </React.StrictMode>,
+    document.getElementById('root')
+);