minor improvements

.firebase/hosting.YnVpbGQ.cache

@@ -1,24 +1,25 @@
-android-chrome-192x192.png,1664772209652,a774834c0a2562866d2de6483b3a6020abbdf84f9d01176876257257925f968c
-android-chrome-512x512.png,1664772209652,049bba4aa631637cc8403e7498c33e5c9aeb8704036e421815695847fb5257c2
-apple-touch-icon.png,1664772209653,87fa571f3083d5e00f99d0b5320b73d58a3788d70807d1beddf1cc53e9c1b467
-browserconfig.xml,1664772209653,2695dcd619cb04eb47a1e1fd60de6df540795cd264418fcc455b31808b867082
-favicon-16x16.png,1664772209653,1ddaabe4ed22a8bcae9c8ad54994f7f6c3d6fe35c0811eac91ea44ae7d9597f7
-favicon-32x32.png,1664772209654,77017cc6b3aa6eeb390a8d92eb56e4e14165edd86857689add8ebde450f0b7c1
-favicon.ico,1666838943552,11ca53efcdb2acdab9c4938d7f41d3c6c7fcc5cb10333e0cbc52a7f10b1de71b
+android-chrome-192x192.png,1669489148828,a774834c0a2562866d2de6483b3a6020abbdf84f9d01176876257257925f968c
+android-chrome-512x512.png,1669489148828,049bba4aa631637cc8403e7498c33e5c9aeb8704036e421815695847fb5257c2
+apple-touch-icon.png,1669489148829,87fa571f3083d5e00f99d0b5320b73d58a3788d70807d1beddf1cc53e9c1b467
+browserconfig.xml,1669261740842,6acd655db9d0c9069f30156d37fc38c1bdd1b976d19a26f481f527efcd7055f8
+favicon-16x16.png,1669489148829,1ddaabe4ed22a8bcae9c8ad54994f7f6c3d6fe35c0811eac91ea44ae7d9597f7
+favicon-32x32.png,1669489148830,77017cc6b3aa6eeb390a8d92eb56e4e14165edd86857689add8ebde450f0b7c1
+favicon.ico,1669489148831,11ca53efcdb2acdab9c4938d7f41d3c6c7fcc5cb10333e0cbc52a7f10b1de71b
 logo192.png,1664772209655,3ee59515172ee198f3be375979df15ac5345183e656720a381b8872b2a39dc8b
 logo512.png,1664772209655,ee7e2f3fdb8209c4b6fd7bef6ba50d1b9dba30a25bb5c3126df057e1cb6f5331
 manifest.json,1664772209655,5c997de1364b8be939319fa9209abd77f2caf7f8844999a9e2e9173f844e7840
-mstile-150x150.png,1664772209656,ef3b6f1e0ce9b31268035c3c4355aeec5e71cf1a86ce39bde2c156d321b34dc9
+mstile-150x150.png,1669489148831,ef3b6f1e0ce9b31268035c3c4355aeec5e71cf1a86ce39bde2c156d321b34dc9
 robots.txt,1664772209656,b2090cf9761ef60aa06e4fab97679bd43dfa5e5df073701ead5879d7c68f1ec5
-asset-manifest.json,1669435919881,c6aff9dada86d3d4a04b8bbbde35706771203f7e50a6b4a4d13a6191476c1032
-index.html,1669435919880,b403f7a18d2979a21e08ac56dd4f9a3995960546e8aa83741a71b32ca78c0013
-static/js/373.dbdf7271.chunk.js,1669435919893,1f93e17cbd7a510bc2407e66018fd4f49a47c9b0ace6654e44bea7acf00582f0
-static/js/main.9bd655b9.js.LICENSE.txt,1669435919893,1454364b2a064d432882fe4d4cadfb90193e5536b2eccb9f92f38c3ed8e569f6
-static/css/main.f12985f1.css,1669435919893,21a21e72fe9f60e42d5ba0e3b0aa8f3b5341788ac11e3d4a2f4f9de2a6a94d6a
-static/media/navimg.817c689ec4f076ff326b.png,1669435919893,1f722ebb98f4c649a321f89fc8f2e01a45e4221bac2d272ee44d0cbd5f720422
-static/css/main.f12985f1.css.map,1669435919893,17990a966c3115c2bd65cd6a2b4970246ca80d948d8498548a1e01897896b0b4
-static/media/README.a951e402eac44f68502b.md,1669435919893,73e25396baf89a345c1c113a9747a1e792f0722afc7a3807bf761f3c20d92627
-static/media/app-idea.4e3d32dedd1859adfcb0.PNG,1669435919893,b4635da5b97bdca30bea85d7500fb868afd30ae1574488fa5ab5015c137d1efe
-static/media/code.50ae4fa88bfa71b8b8a7.jpg,1669435919893,171adee1abae1ba6a5dccfa08004f6674ae44eb067f2f2452b3bcadf874374f8
-static/js/main.9bd655b9.js,1669435919894,dcb9b5b06f6d6260d30c2561205742096393d8acaa459212f132187bfb501fd0
-static/js/main.9bd655b9.js.map,1669435919895,0a50ad1c753c081b13a830491ad5a14ffc52e82ba607511add61403154599c36
+asset-manifest.json,1669519083057,ee8622535592f4c41425aa314b2efe2b3e6444c7904c9f669696ba890a4e058b
+index.html,1669519083057,a071a4466e6d9c7f02c059cb0b3ca33f73edfc1ec6fcf69e3dfb01e668d75a4e
+static/js/373.6d153091.chunk.js,1669519083066,f85ec9b9e522cba77f587e1a6c846a1a7a60eae1c35a6ec5337dcf60d4a49352
+static/js/main.28e75320.js.LICENSE.txt,1669519083066,2f04f8a3fd2a1d0aaa9ac02f027cb484e34edcf2847ab8830c574615a7fd2220
+static/css/main.4cefa486.css,1669519083066,c456c8070c06131d729261525600d89f5f4237fe7fb3e755bba3bf4a6bf87ef4
+static/css/main.4cefa486.css.map,1669519083066,044c5cd7fb6b1b9f5cda000b51bdbe1bec9565c5d9fcaf0ee48486542ec46240
+static/media/README.9b45970892790da10a05.md,1669519083066,0a681fe0ee654a1f27013ad61f4ae42bf8a2171f829753f5452310a81205e443
+static/media/navimg.817c689ec4f076ff326b.png,1669519083066,1f722ebb98f4c649a321f89fc8f2e01a45e4221bac2d272ee44d0cbd5f720422
+static/media/app-idea.4e3d32dedd1859adfcb0.PNG,1669519083065,b4635da5b97bdca30bea85d7500fb868afd30ae1574488fa5ab5015c137d1efe
+static/media/code.50ae4fa88bfa71b8b8a7.jpg,1669519083066,171adee1abae1ba6a5dccfa08004f6674ae44eb067f2f2452b3bcadf874374f8
+static/js/main.28e75320.js,1669519083066,1530837f37d6d4dcc1b8e2207bf1ea6f41212f6be96601712dd6d7e261b0455f
+static/media/code.62cdfc7fe032d26f872e.mp4,1669519083069,97d5854019c1bdcb35f672464b972c6408dc63449e2762fed72ad3eef84ed258
+static/js/main.28e75320.js.map,1669519083068,c7996c69b11b7ab2ad07d3710a4f48e5fee7e41af84fd9ce9148ced01e5a968c

src/components/landing/intro/IntroSection.tsx

@@ -7,16 +7,26 @@ import Navbar from "./Navbar/Navbar";
 import Subheader from "./Subheader";
 import Lottie from "react-lottie-player";
 import lottieJson from "../assets/lottie.json";
+import Video from "./assets/code.mp4";
 
 const IntroSection: React.FC<{}> = (props) => {
   return (
     <div className={"relative bg-neutral-900 h-screen overflow-hidden"}>
-      <Lottie
-        className={"absolute w-screen h-screen z-2 opacity-30 md:opacity-10"}
+
+      <video
+
+        muted
+        autoPlay
+        playsInline
         loop
-        animationData={lottieJson}
-        play
-      />
+        className={"absolute min-w-full min-h-full max-h-none max-w-none z-2 opacity-20 md:opacity-5 blur-sm"}
+      >
+        <source
+          src={Video}
+          type="video/mp4"
+        />
+        Your browser does not support the video tag.
+      </video>
       <div className={"absolute z-10 w-full p-5 pb-20 h-screen"}>
         <div
           className={

src/components/workshops/Workshop.tsx

@@ -16,7 +16,9 @@ const Workshop: React.FC<{}> = (props) => {
                     <p className={"text-center text-lg md:text-xl font-Poppins text-zinc-300 mt-3 max-w-2xl mx-auto"}>{workshopHook.description}</p>
                 </div>
             </AnimatedBg>
-            <MarkdownPreview className={"font-Poppins p-10 pt-14 max-w-4xl mx-auto bg-zinc-900"} source={workshopHook.markdown} />
+            <MarkdownPreview warpperElement={{
+                "data-color-mode": "dark"
+            }} className={"p-10 pt-14 max-w-3xl mx-auto bg-zinc-900"} source={workshopHook.markdown} />
         </div>
     );
 }

src/react-app-env.d.ts

@@ -1 +1,5 @@
 /// <reference types="react-scripts" />
+declare module '*.mp4' {
+    const src: string;
+    export default src;
+}