add clsf logo

Author: sadraiiali

docusaurus.config.ts

@@ -64,12 +64,12 @@ const config: Config = {
 
   themeConfig: {
     // Replace with your project's social card
-    image: 'img/clsf.png',
+    image: 'img/clsf_logo.jpg',
     navbar: {
       title: 'CLSF',
       logo: {
-        alt: 'My Site Logo',
-        src: 'img/clsf.svg',
+        alt: 'CLSF Logo',
+        src: 'img/clsf_logo.jpg',
       },
       items: [
         {

src/components/HomepageFeatures/index.tsx

@@ -24,7 +24,7 @@ const FeatureList: FeatureItem[] = [
   },
   {
     title: 'Soccer Simulation 2D',
-    Svg: require('@site/static/img/ss2d.svg').default,
+    Svg: require('@site/static/img/ss2d_logo.svg').default,
     description: (
       <>
         The RoboCup 2D Simulated Soccer League is the oldest of the RoboCup Soccer Simulation Leagues. It consists of a number of competitions with computer simulated soccer matches as the main event.
@@ -47,13 +47,15 @@ const FeatureList: FeatureItem[] = [
 
 function Feature({title, Svg, description, link}: FeatureItem) {
   return (
-    <div className={clsx('col col--4')}>
+    <div className={clsx('col col--4')} style={{padding:'20px'}}>
       <div className="text--center" style={{display: 'flex', justifyContent: 'center', alignItems: 'center'}}>
         <Svg className={styles.featureSvg} role="img" style={{height: '150px', width: '220px', margin: 'auto'}}/>
       </div>
-      <div className="text--center padding-horiz--md">
+      <div className="text--center padding-horiz--md" style={{paddingBottom:'20px', paddingTop:'20px'}}>
         <Heading as="h3">{title}</Heading>
-        <p>{description}</p>
+        <p style={{textAlign:'justify'}}>
+          {description}
+          </p>
         {link && (
           <Link
             className="button button--secondary button--lg"

src/pages/index.module.css

@@ -11,10 +11,20 @@
   color: white;
 }
 
+
+
 @media screen and (max-width: 996px) {
   .heroBanner {
     padding: 2rem;
   }
+  .heroBanner h1 {
+    font-size: 2em!important;
+    text-align: left!important;
+  }
+  .heroBanner p {
+    font-size: 1em;
+    text-align: left;
+  }
 }
 
 .buttons {