fill broke it; need to go back through with npm run dev running and c…

…heck over details
CodeWithAloha · Sep 20, 2023 · 62f8a40 · 62f8a40
1 parent de83836
commit 62f8a40
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 20 deletions.
diff --git a/src/components/Clients.js b/src/components/Clients.js
@@ -13,14 +13,14 @@ const Clients = () => {
       <div className="flex items-center justify-center pb-40">
         <Image
           alt='Hawaii Zoning Atlus'
-          src="./assets/projectsAssets/client1.png"
+          src="/./assets/projectsAssets/client1.png"
           width='500'
           height='500'
           className="h-full  w-1/3 lg:w-1/4 "
         />
         <Image
           alt='The Civil Beat - Law Center For Public Interest'
-          src="./assets/projectsAssets/client2.png"
+          src="/./assets/projectsAssets/client2.png"
           width='500'
           height='500'
           className="h-full w-1/3 lg:w-1/4 "

diff --git a/src/components/HistoricalProjects.js b/src/components/HistoricalProjects.js
@@ -10,13 +10,13 @@ const HistoricalProjects = () => {
       </h2>
       <div className=" flex gap-10 flex-col xl:flex-row ">
         <ProjectCard
-          src="./assets/projectsAssets/foodoasis.jpg"
+          // src="./assets/projectsAssets/foodoasis.jpg"
           title="FOOD OASIS"
           text="Resource for Community Food Help"
         />
 
         <ProjectCard
-          src="./assets/projectsAssets/uipa.jpg"
+          src="/./assets/projectsAssets/uipa.jpg"
           title="UIPA.ORG"
           text="Publishes public records and request"
           className="max-h-1/2"

diff --git a/src/components/HomePage.js b/src/components/HomePage.js
@@ -9,7 +9,7 @@ const HomePage = () => {
       <NavBar />
       <div className="max-h-full flex items-center justify-center flex-col lg:flex-row">
         <div className="scale-[80%]  2xl:scale-90 xl:pl-20 flex flex-col items-center">
-          <Image alt='' src="hero-image.png" width='1300' height='1300' className="w-full max-w-[900px] animate-float" />
+          <Image alt='' src="/hero-image.png" width='1300' height='1300' className="w-full max-w-[900px] animate-float" />
           <div className='w-1/3 h-4 mt-12 rounded-full blur-2xl bg-gradient-to-t bg-black'></div>
         </div>
 

diff --git a/src/components/Logo.js b/src/components/Logo.js
@@ -10,7 +10,7 @@ const Logo = () => {
       <Link href="/" whileHover={{ scale: 1.5 }}>
         <Image
           alt='Code with Aloha logo'
-          src="../logo.png"
+          src="/../logo.png"
           width='500'
           height='500'
           className="xl:max-h-24 max-h-[3rem] cursor-pointer m-2 hover:animate-pulse"

diff --git a/src/components/OurFocus.js b/src/components/OurFocus.js
@@ -6,7 +6,7 @@ const TextBlock = ({ src, alt, title, text, className = "" }) => {
     <div
       className={`flex items-center justify-between gap-10 px-4 lg:px-10 flex-col xl:flex-row ${className}`}
     >
-      <Image src={src} alt='' className="h-100 xl:p-10 pt-20" />
+      <Image fill src={src} alt='' className="h-100 xl:p-10 pt-20" />
       <div className="max-w-lg">
         <h4 className="xl:text-5xl text-3xl font-semibold mb-10 text-center font-satisfy">
           {title}
@@ -29,7 +29,7 @@ const OurFocus = () => {
           Our focus{" "}
         </h2>
         <TextBlock
-          src="./assets/meet.png"
+          src="/./assets/meet.png"
           alt="meet illustration"
           width='500'
           height='283'
@@ -40,7 +40,7 @@ const OurFocus = () => {
         />
 
         <TextBlock
-          src="./assets/progress.png"
+          src="/./assets/progress.png"
           alt="make an impact illustration"
           width='500'
           height='266'
@@ -51,7 +51,7 @@ const OurFocus = () => {
         />
 
         <TextBlock
-          src="./assets/experience.png"
+          src="/./assets/experience.png"
           alt="gain experience illustration"
           width='500'
           height='215'

diff --git a/src/components/Projects.js b/src/components/Projects.js
@@ -12,7 +12,7 @@ export const ProjectCard = ({ src, title, text, className = "" , handleClick}) =
      "
       onClick={handleClick}
     >
-      <Image src={src} alt ='' className={`${className}  w-2/3 rounded-lg`} />
+      <Image fill src={src} alt ='' className={`${className}  w-2/3 rounded-lg`} />
       <h5 className="font-semibold text-3xl py-6">{title} </h5>
       <p className=" w-3/5  text-md xl:text-xl">{text}</p>
     </div>
@@ -44,9 +44,9 @@ const Projects = () => {
 
       <Image
         alt=""
-        src="./assets/projectsAssets/projects.png"
+        src="/./assets/projectsAssets/projects.png"
         width='500'
-        headers='500'
+        height='500'
         className="lg:h-40 h-24 mt-20"
       />
       <h2 className="text-4xl xl:text-7xl drop-shadow-xl text-center">
@@ -61,7 +61,7 @@ const Projects = () => {
 
       <div className=" flex pt-10  gap-20 flex-col xl:flex-row">
         <ProjectCard
-          src="./assets/projectsAssets/HawaiiZoningAtlas.png"
+          src="/./assets/projectsAssets/HawaiiZoningAtlas.png"
           alt="hawaii zoning atlas illustration"
           width='1325'
           height='985'
@@ -71,7 +71,7 @@ const Projects = () => {
         />
 
         <ProjectCard
-          src="./assets/projectsAssets/habitat-full.jpg"
+          src="/./assets/projectsAssets/habitat-full.jpg"
           alt="habitat for humanity illustration"
           width='1080'
           height='1080'
@@ -83,7 +83,7 @@ const Projects = () => {
         />
 
         <ProjectCard
-          src="./assets/projectsAssets/HIERR.png"
+          src="/./assets/projectsAssets/HIERR.png"
           alt="HIERR illustration"
           width='1126'
           height='873'

diff --git a/src/components/WhatToExpect.js b/src/components/WhatToExpect.js
@@ -4,7 +4,7 @@ import Image from 'next/image'
 const TextBlock =({src, title, text}) => {
     return (
       <div className=" flex-1 h-12 flex items-center flex-col ">
-        <Image alt='' src={src} className="h-12" />
+        <Image fill alt='' src={src} className="h-12" />
         <h5
           className="font-extrabold py-8 text-transparent lg:text-3xl text-xl
           font-montserat bg-clip-text bg-gradient-to-r from-red-400 to-yellow-400"
@@ -28,7 +28,7 @@ const WhatToExpect = () => {
 
       <div className="flex gap-10 flex-col xl:flex-row lg:pb-40">
         <TextBlock
-          src="./assets/one.png"
+          src="/./assets/one.png"
           width='500'
           height='500'
           title="Meet & Greet"
@@ -39,7 +39,7 @@ const WhatToExpect = () => {
         />
 
         <TextBlock
-          src="./assets/two.png"
+          src="/./assets/two.png"
           width='500'
           height='500'
           title="Debrief on projects and announcements"
@@ -52,7 +52,7 @@ const WhatToExpect = () => {
         />
 
         <TextBlock
-          src="./assets/three.png"
+          src="/./assets/three.png"
           width='500'
           height='500'
           title="Participate in breakout rooms"