Thecodeventurer (#26)

* Removed dp.jpg" * Images Updated and Data.json filled with image * Images Links Added to Teams Card * Blur Fixed for Our Team
GDGCampusAEC · Oct 29, 2023 · b18f65c · b18f65c
1 parent 52ce532
commit b18f65c
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -4,11 +4,12 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
+    <link rel="icon" type="image/x-icon" href="./src/assets/gdsc-logo.png">
     <meta
       name="description"
       content="Web site created using create-react-app"
     />
-    <title>React App</title>
+    <title>GDSC AEC</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/marqueeCards/Marquee.jsx b/src/components/marqueeCards/Marquee.jsx
@@ -2,12 +2,18 @@ import Marquee from "react-fast-marquee";
 
 const MarqueeCards = ({ children, direction }) => {
   const containerStyle = {};
+  const gradientWidthCalc = () => {
+    const width = window.innerWidth;
+    if (width > 1024) return 400;
+    if (width > 768) return 200;
+    return 50;
+  };
   return (
     <Marquee
       style={{ containerStyle }}
       direction={direction}
       gradient={true}
-      gradientWidth={500}
+      gradientWidth={gradientWidthCalc()}
       speed={100}
       pauseOnHover={true}
     >

diff --git a/src/components/team/Card.jsx b/src/components/team/Card.jsx
@@ -8,10 +8,10 @@ export default function Card({
   twitter,
   colour,
 }) {
-  console.log(image);
-  console.log(colour);
+  // console.log(image);
+  // console.log(colour);
   const className = `flex flex-col m-6 justify-center gap-2 items-center shadow-[0px_0px_15px_2px_rgba(0,0,0,0.17)] border-b-8 border-b-[${colour}] border-solid
-  w-[18rem] h-[22rem] shrink-0`;
+  w-[18rem] h-[22rem] shrink-0 rounded-[1rem]`;
 
   return (
     <div className={className}>