Chore/landing page edit (#111)

* chore/Add gradient color to UniBot hero, install live-code-block

* chore/Remove react live support (not deemed necessary at the moment)

Author: Gurpranked

docusaurus.config.js

@@ -97,7 +97,7 @@ const config = {
         indexDocs:true,
         indexBlog:true,
       })
-    ]
+    ],
   ],
 
 

src/css/custom.css

@@ -50,6 +50,20 @@
   background-color: grey.800;
 }
 
+[data-theme='dark'] .unibot_theme_hero_text {
+  background: radial-gradient(circle, #7a37a4 0%, #ac4cc4 50%, rgb(191, 127, 223) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
+[data-theme='light'] .unibot_theme_hero_text {
+  background: radial-gradient(circle, #a444c4 0%, #6e3399 50%, rgb(59, 41, 67) 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+
 .meeting_recording_iframe {
   border:none;
   position: absolute;

src/pages/index.js

@@ -6,7 +6,6 @@ import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Link from '@docusaurus/Link';
 import { useColorMode } from '@docusaurus/theme-common';
 import 'animate.css';
-
 // MUI
 import Stack from '@mui/material/Stack';
 import Box from '@mui/material/Box';
@@ -225,8 +224,8 @@ function Members() {
 const LandingPageUniBotiFrame = () => (
     <div class="hero shadow--lw">
         <div class="container">
-            <h1 class="hero__title">UniBot</h1>
-            <p class="hero_subtitle">For all your UML Questions</p>
+            <h1 class="hero__title unibot_theme_hero_text">UniBot</h1>
+            <p class="hero__subtitle">For all your UML Questions</p>
             <div style={{paddingBottom: '25px'}}>
                 <Link to="https://github.com/UMLCloudComputing/UniBot" class="button button--secondary button--outline button--lg" >Github</Link>
             </div>