From 4d09201c6941b6ac5982e1c37836e40b6a6773a4 Mon Sep 17 00:00:00 2001
From: Arman D <adrismir@gmail.com>
Date: Mon, 17 Mar 2025 15:16:54 -0700
Subject: [PATCH 1/5] add description for seo

---
 public/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/index.html b/public/index.html
index 3bd20dd..514b24f 100755
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,7 @@
     <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

From f9d81e0484787c0b07b7fc70b4b059e2ecc4a006 Mon Sep 17 00:00:00 2001
From: Arman D <adrismir@gmail.com>
Date: Mon, 17 Mar 2025 15:25:25 -0700
Subject: [PATCH 2/5] all alt text for accessibility

---
 src/components/home/HomeProjects.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/home/HomeProjects.js b/src/components/home/HomeProjects.js
index b564804..dcf49d3 100644
--- a/src/components/home/HomeProjects.js
+++ b/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,7 @@ 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}

From 44c823bd3285e27b55e07b77cdfd69029219ee93 Mon Sep 17 00:00:00 2001
From: Arman D <adrismir@gmail.com>
Date: Mon, 17 Mar 2025 15:26:17 -0700
Subject: [PATCH 3/5] fix lint err by adding key prop

---
 src/components/about/Testimonials.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/about/Testimonials.js b/src/components/about/Testimonials.js
index 1a73473..de588e5 100644
--- a/src/components/about/Testimonials.js
+++ b/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}

From 1105b2a43ffd3dec5f13d9be05ab1b72ebcf3d7b Mon Sep 17 00:00:00 2001
From: Arman D <adrismir@gmail.com>
Date: Mon, 17 Mar 2025 15:28:46 -0700
Subject: [PATCH 4/5] format changed files with prettier

---
 public/index.html                   | 5 ++++-
 src/components/home/HomeProjects.js | 6 +++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/public/index.html b/public/index.html
index 514b24f..4abb6bc 100755
--- a/public/index.html
+++ b/public/index.html
@@ -6,7 +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." />
+    <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
diff --git a/src/components/home/HomeProjects.js b/src/components/home/HomeProjects.js
index dcf49d3..894b11e 100644
--- a/src/components/home/HomeProjects.js
+++ b/src/components/home/HomeProjects.js
@@ -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]" alt={`3D model of ${proj.ProjectName}`}/>
+            <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}

From 4abc555dcccbcdf783e1d2ccffa7fa4be5541951 Mon Sep 17 00:00:00 2001
From: Arman D <adrismir@gmail.com>
Date: Mon, 17 Mar 2025 19:58:22 -0700
Subject: [PATCH 5/5] fix files failing prettier test

---
 src/components/recruitment/SubteamOverlay.js | 12 ++--
 src/components/recruitment/Timeline.tsx      |  2 +-
 tailwind.config.js                           | 69 ++++++++++----------
 3 files changed, 43 insertions(+), 40 deletions(-)

diff --git a/src/components/recruitment/SubteamOverlay.js b/src/components/recruitment/SubteamOverlay.js
index 08f4aa0..d805f02 100644
--- a/src/components/recruitment/SubteamOverlay.js
+++ b/src/components/recruitment/SubteamOverlay.js
@@ -167,7 +167,9 @@ 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: ',
@@ -175,16 +177,16 @@ function SubteamOverlay({ setOverlayId, overlayId }) {
           },
           {
             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
diff --git a/src/components/recruitment/Timeline.tsx b/src/components/recruitment/Timeline.tsx
index 5423736..5cc8a83 100644
--- a/src/components/recruitment/Timeline.tsx
+++ b/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">
diff --git a/tailwind.config.js b/tailwind.config.js
index 995e19a..4775a41 100644
--- a/tailwind.config.js
+++ b/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'])
-    }
+    },
   ],
-
 }