Meta and alt

public/index.html

@@ -6,6 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta name="UBC AgroBot" content="UBC AgroBot's website 🌱" />
+    <meta
+      name="description"
+      content="Explore UBC AgroBot's projects, meet our team, and learn how to join our mission to innovate agricultural robotics."
+    />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/favicon.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a

src/components/about/Testimonials.js

@@ -78,6 +78,7 @@ function Testimonials() {
           <div className="flex space-x-4 px-4">
             {row_one.map((testimonial, index) => (
               <Card
+                key={index}
                 name={testimonial.name}
                 title={testimonial.title}
                 quote={testimonial.quote}

src/components/home/HomeProjects.js

@@ -137,7 +137,7 @@ function Project({
         </div>
       </animated.div>
       <div className="w-[47.5%] h-[50vh] bg-[#2e1b0f1f] relative top-[50vh] rounded-full items-center align-middle flex">
-        <img src={MobileImg} />
+        <img src={MobileImg} alt={`3D model of ${ProjectName}`} />
       </div>
     </div>
   )
@@ -171,7 +171,11 @@ function HomeProjects() {
               {proj.ProjectName}
             </h2>
             <p className="text-mobile-body mb-8">{proj.Text}</p>
-            <img src={proj.MobileImg} className="w-[280px]" />
+            <img
+              src={proj.MobileImg}
+              className="w-[280px]"
+              alt={`3D model of ${proj.ProjectName}`}
+            />
             <div className="mt-8 mb-12 flex justify-center items-center">
               <Link
                 to={proj.href}

src/components/recruitment/SubteamOverlay.js

@@ -167,24 +167,26 @@ function SubteamOverlay({ setOverlayId, overlayId }) {
         responsibilities: [
           'Research and test a broad range of autonomous algorithms to find out what works well for Agrobot',
         ],
-        technologies: ['Python, ROS, Gazebo, Issac sim, Algorithm design, Reinforcement learning'],
+        technologies: [
+          'Python, ROS, Gazebo, Issac sim, Algorithm design, Reinforcement learning',
+        ],
         what_you_will_learn: [
           {
             bold: 'Reactive navigation: ',
             text: 'Deploy algorithms that can navigate a robot without any explicit knowledge of positioning',
           },
           {
             bold: 'SLAM: ',
-            text: 'Deploy navigation algorithms that build a map of Agrobot\'s surroundings and localize Agrobot within that map',
+            text: "Deploy navigation algorithms that build a map of Agrobot's surroundings and localize Agrobot within that map",
           },
           {
             bold: 'Robot sims',
-            text: 'Learn how to debug and test navigation algorithms inside a simulator'
+            text: 'Learn how to debug and test navigation algorithms inside a simulator',
           },
           {
             bold: 'Reinforcement Learning',
-            text: 'Deploy RL models that navigate Agrobot and compare them to SLAM and reactive techniques'
-          }
+            text: 'Deploy RL models that navigate Agrobot and compare them to SLAM and reactive techniques',
+          },
         ],
       }
       break

src/components/recruitment/Timeline.tsx

@@ -25,7 +25,7 @@ function Timeline() {
   const start_day = new Date(2025, 0, 5)
   const end_day = new Date(2025, 0, 22)
 
-  console.log(start_day);
+  console.log(start_day)
   if (today > end_day || today < start_day) {
     return (
       <p className="text-[32px] font-medium pt-8">

tailwind.config.js

@@ -1,43 +1,42 @@
 /** @type {import('tailwindcss').Config} */
-const plugin = require('tailwindcss/plugin');
+const plugin = require('tailwindcss/plugin')
 
 module.exports = {
-  content: [
-    "./src/**/*.{js,jsx,ts,tsx}",
-  ],
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
   theme: {
     extend: {
       margin: {
-        'standard': '192px',
-        'mobile-standard': '192px'
+        standard: '192px',
+        'mobile-standard': '192px',
       },
       width: {
-        'content': '1000px',
+        content: '1000px',
         'mobile-content': '300px',
       },
       fontSize: {
-        'header': '48px',
-        'body': '32px',
+        header: '48px',
+        body: '32px',
         'mobile-header': '40px',
-        'mobile-body': '20px'
+        'mobile-body': '20px',
       },
       fontFamily: {
-        'RobotoMono': ['Roboto Mono', 'monospace'],
-        'Inter': ['Inter', 'sans-serif'],
-        'Roboto': ['Roboto', 'sans-serif'],
+        RobotoMono: ['Roboto Mono', 'monospace'],
+        Inter: ['Inter', 'sans-serif'],
+        Roboto: ['Roboto', 'sans-serif'],
       },
       placeholderColor: {
         'custom-green': '#78BE20', // Example custom color
       },
       filter: {
-        'figma-shadow': 'drop-shadow(0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.5))',
+        'figma-shadow':
+          'drop-shadow(0.25rem 0.25rem 0.25rem rgba(0, 0, 0, 0.5))',
       },
       minWidth: {
-        '128': '31rem',
+        128: '31rem',
       },
       minHeight: {
-        '128': '62rem',
-      }
+        128: '62rem',
+      },
     },
   },
   variants: {
@@ -48,22 +47,25 @@ module.exports = {
   plugins: [
     require('tailwindcss-filters'),
     plugin(function ({ addUtilities }) {
-      addUtilities({
-        '.bg-glass': {
-          background: 'rgba(255, 255, 255, 0.81)',
-        },
-        '.shadow-glass': {
-          'box-shadow': '0 4px 30px rgba(0, 0, 0, 0.1)',
+      addUtilities(
+        {
+          '.bg-glass': {
+            background: 'rgba(255, 255, 255, 0.81)',
+          },
+          '.shadow-glass': {
+            'box-shadow': '0 4px 30px rgba(0, 0, 0, 0.1)',
+          },
+          '.backdrop-blur-glass': {
+            'backdrop-filter': 'blur(5px)',
+            '-webkit-backdrop-filter': 'blur(5px)',
+          },
+          '.border-glass': {
+            'border-radius': '16px',
+            border: '1px solid rgba(255, 255, 255, 0.49)',
+          },
         },
-        '.backdrop-blur-glass': {
-          'backdrop-filter': 'blur(5px)',
-          '-webkit-backdrop-filter': 'blur(5px)',
-        },
-        '.border-glass': {
-          'border-radius': '16px',
-          'border': '1px solid rgba(255, 255, 255, 0.49)',
-        },
-      }, ['responsive', 'hover']);
+        ['responsive', 'hover']
+      )
     }),
     require('@tailwindcss/forms'),
     function ({ addUtilities }) {
@@ -73,7 +75,6 @@ module.exports = {
         },
       }
       addUtilities(newUtilities, ['responsive', 'hover', 'focus'])
-    }
+    },
   ],
-
 }