homepage and agroponics formatting

UBCAgroBot · Dec 5, 2024 · 712dc51 · 712dc51
1 parent 42a8ef3
commit 712dc51
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 9 deletions.
diff --git a/src/components/home/HomeProjects.js b/src/components/home/HomeProjects.js
@@ -66,7 +66,7 @@ const projects = [
     ModelComponent: AgropickerMod,
     MobileImg: AgroArm2DModel,
     background: { background: '#cdff70' },
-    href: '/#',
+    href: '#',
   },
 ]
 
@@ -119,7 +119,7 @@ function Project({
     >
       <animated.div
         style={useFadeIn(containerRef)}
-        className="w-[47.5%] sticky top-[20vh]"
+        className="w-[47.5%] sticky top-[20vh] "
       >
         <div className="w-full h-full rounded-[46px] p-8">
           <h2 className="text-mobile-header lg:text-header font-bold mb-4">
@@ -136,7 +136,7 @@ function Project({
           </div>
         </div>
       </animated.div>
-      <div className="w-[47.5%] h-[50vh] bg-[#2e1b0f1f] relative top-[50vh] rounded-full">
+      <div className="w-[47.5%] h-[50vh] bg-[#2e1b0f1f] relative top-[50vh] rounded-full items-center align-middle flex">
         <img src={MobileImg} />
       </div>
     </div>

diff --git a/src/components/projects/agroponics/AgroponicsMain.js b/src/components/projects/agroponics/AgroponicsMain.js
@@ -90,7 +90,7 @@ const AgroponicsMain = () => {
 
   return (
     <section className="lg:h-[190vh] w-full bg-black flex flex-col gap-[2rem] justify-start pt-10">
-      <div className="w-full h-[60vh] lg:h-[100vh] pt-8 opacity-1">
+      <div className="w-full h-[40vh] lg:h-[100vh] pt-8 opacity-1">
         {!isMobile ? (
           <AgroponicModelView
             id={modelContainer}
@@ -101,7 +101,7 @@ const AgroponicsMain = () => {
             vectorPosition={[0, 0, 0]}
           />
         ) : (
-          <img src={AgroponicModel2D}></img>
+          <img src={AgroponicModel2D} className="mt-10 mb-[-200px]"></img>
         )}
       </div>
       <div className="w-full h-[60vh] lg:h-[75vh] flex flex-col lg:flex-row ">
@@ -111,15 +111,13 @@ const AgroponicsMain = () => {
             <h2 className="text-white text-center text-[42px] lg:text-[7rem] font-bold mb-2">
               AgroPonics
             </h2>
-            <p className="text-white text-center text-[18px] lg:text-[1.25rem]">
+            <p className="text-white text-center text-[18px] lg:text-[1.25rem] mb-20">
               The Agroponics team designs autonomous hydroponic systems through
               multidisciplinary collaboration. It integrates IoT for automation,
               structural design for optimized environments, and experimental
               research on growth of staple foods. The aim is to enhance
               agricultural efficiency by reducing resource use and improving
-              crop production in a controlled, sustainable setting. If you would
-              like to see some of what we have been working on, see our blog
-              website here!
+              crop production in a controlled, sustainable setting.
             </p>
             <div className="flex justify-center mt-2"></div>
             {/* TODO: Place the featured image here */}