dmce-gits · ganupadval · Sep 9, 2022
diff --git a/package.json b/package.json
@@ -1,26 +1,23 @@
 {
-  "name": "faq-animation",
+  "name": "team",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
     "@testing-library/user-event": "^13.5.0",
-    "firebase": "^9.9.1",
+    "aos": "^3.0.0-beta.6",
+    "framer-motion": "^7.3.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.4.0",
-    "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
-    "react-viewer": "^3.2.2",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
-    "eject": "react-scripts eject",
-    "deploy": "npm run build && gh-deploy -d build"
+    "eject": "react-scripts eject"
   },
   "eslintConfig": {
     "extends": [
@@ -41,6 +38,6 @@
     ]
   },
   "devDependencies": {
-    "tailwindcss": "^3.1.6"
+    "tailwindcss": "^3.1.8"
   }
 }
diff --git a/public/Raj/buttom.jpeg b/public/Raj/buttom.jpeg
diff --git a/public/Raj/buttomleft.jpeg b/public/Raj/buttomleft.jpeg
diff --git a/public/Raj/buttomright.jpeg b/public/Raj/buttomright.jpeg
diff --git a/public/Raj/front.jpeg b/public/Raj/front.jpeg
diff --git a/public/Raj/left.jpeg b/public/Raj/left.jpeg
diff --git a/public/Raj/right.jpeg b/public/Raj/right.jpeg
diff --git a/public/Raj/top.jpeg b/public/Raj/top.jpeg
diff --git a/public/Raj/topleft.jpeg b/public/Raj/topleft.jpeg
diff --git a/public/Raj/topright.jpeg b/public/Raj/topright.jpeg
diff --git a/public/Yash/buttom.jpeg b/public/Yash/buttom.jpeg
diff --git a/public/Yash/buttomleft.jpeg b/public/Yash/buttomleft.jpeg
diff --git a/public/Yash/buttomright.jpeg b/public/Yash/buttomright.jpeg
diff --git a/public/Yash/front.jpeg b/public/Yash/front.jpeg
diff --git a/public/Yash/left.jpeg b/public/Yash/left.jpeg
diff --git a/public/Yash/right.jpeg b/public/Yash/right.jpeg
diff --git a/public/Yash/top.jpeg b/public/Yash/top.jpeg
diff --git a/public/Yash/topleft.jpeg b/public/Yash/topleft.jpeg
diff --git a/public/Yash/topright.jpeg b/public/Yash/topright.jpeg
diff --git a/public/allmembers/Aarushi.jpg b/public/allmembers/Aarushi.jpg
diff --git a/public/allmembers/Aishwarya.jpg b/public/allmembers/Aishwarya.jpg
diff --git a/public/allmembers/Akshata.jpg b/public/allmembers/Akshata.jpg
diff --git a/public/allmembers/Akshay.jpg b/public/allmembers/Akshay.jpg
diff --git a/public/allmembers/Amshitha.jpg b/public/allmembers/Amshitha.jpg
diff --git a/public/allmembers/Aniket.jpg b/public/allmembers/Aniket.jpg
diff --git a/public/allmembers/AthangB.jpg b/public/allmembers/AthangB.jpg
diff --git a/public/allmembers/AthangP.jpg b/public/allmembers/AthangP.jpg
diff --git a/public/allmembers/Atharvi.jpg b/public/allmembers/Atharvi.jpg
diff --git a/public/allmembers/Deep.jpg b/public/allmembers/Deep.jpg
diff --git a/public/allmembers/Dhruv.jpg b/public/allmembers/Dhruv.jpg
diff --git a/public/allmembers/Harshal.jpg b/public/allmembers/Harshal.jpg
diff --git a/public/allmembers/Ishika.jpg b/public/allmembers/Ishika.jpg
diff --git a/public/allmembers/Jay.jpg b/public/allmembers/Jay.jpg
diff --git a/public/allmembers/Jidnyasa.jpg b/public/allmembers/Jidnyasa.jpg
diff --git a/public/allmembers/Krupa.jpg b/public/allmembers/Krupa.jpg
diff --git a/public/allmembers/Manas.jpg b/public/allmembers/Manas.jpg
diff --git a/public/allmembers/Maulya.jpg b/public/allmembers/Maulya.jpg
diff --git a/public/allmembers/Mohan.jpg b/public/allmembers/Mohan.jpg
diff --git a/public/allmembers/Mrunmayee.jpg b/public/allmembers/Mrunmayee.jpg
diff --git a/public/allmembers/Muntzar.jpg b/public/allmembers/Muntzar.jpg
diff --git a/public/allmembers/Nirmiti.jpg b/public/allmembers/Nirmiti.jpg
diff --git a/public/allmembers/Prajna.jpg b/public/allmembers/Prajna.jpg
diff --git a/public/allmembers/Pratham.jpg b/public/allmembers/Pratham.jpg
diff --git a/public/allmembers/Pratik.jpg b/public/allmembers/Pratik.jpg
diff --git a/public/allmembers/Prem.jpg b/public/allmembers/Prem.jpg
diff --git a/public/allmembers/Raj.jpg b/public/allmembers/Raj.jpg
diff --git a/public/allmembers/Sagar.jpg b/public/allmembers/Sagar.jpg
diff --git a/public/allmembers/Saikiran.jpg b/public/allmembers/Saikiran.jpg
diff --git a/public/allmembers/Saumya.jpg b/public/allmembers/Saumya.jpg
diff --git a/public/allmembers/Shruti.jpg b/public/allmembers/Shruti.jpg
diff --git a/public/allmembers/Snehal.jpg b/public/allmembers/Snehal.jpg
diff --git a/public/allmembers/Tanmay.jpg b/public/allmembers/Tanmay.jpg
diff --git a/public/allmembers/Tanushree.jpg b/public/allmembers/Tanushree.jpg
diff --git a/public/allmembers/Yash.jpg b/public/allmembers/Yash.jpg
diff --git a/public/allmembers/You_.jpg b/public/allmembers/You_.jpg
diff --git a/public/index.html b/public/index.html
@@ -2,11 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/GITS.png" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
-    <meta name="description" content="GITs DMCE Website" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/GITS.png" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -21,7 +24,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>GITs DMCE</title>
+    <title>React App</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/public/manifest.json b/public/manifest.json
@@ -7,11 +7,6 @@
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
     },
-    {
-      "src": "GITS.png",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
     {
       "src": "logo192.png",
       "type": "image/png",

diff --git a/public/stars-bg.png b/public/stars-bg.png
diff --git a/public/team.jpg b/public/team.jpg
diff --git a/src/App.css b/src/App.css
@@ -1,43 +1,176 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-.bg-backimage {
-  background-image: url("../public/background.png");
-  background-repeat: repeat;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url("http://fonts.cdnfonts.com/css/larabiefont");
+
+.App {
+  text-align: center;
+  height: "100%";
+  min-height: 100vh;
+}
+
+body {
+  min-height: 100vh;
+  background-color: #000000;
+  background-image: url(/public/stars-bg.png);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background-size: contain;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.eid {
+  /* background-image: "url(/Yash/front.jpeg)"; */
+  margin: 18px;
+}
+.btnDiv {
+  display: flex;
+  justify-content: center;
+}
+.the-team {
+  height: 790px;
+  margin: 0;
+  padding: 0;
+}
+
+.li {
+  position: absolute;
+  opacity: 0;
+  cursor: crosshair;
+  z-index: 9;
+  width: 8.33333%;
+  padding: 0 0.625em 1.25em;
+  display: inline;
+  height: auto;
+  float: left;
+  -webkit-transition: all 0.3s ease;
+  transition: all 0.3s ease;
+}
+.visible-member {
+  position: relative;
+  opacity: 1;
+  top: 0 !important;
+  left: 0 !important;
+}
+.eye {
+  width: 60px;
+  height: 60px;
+  text-indent: -9999px;
+  background-size: 660px 6300px;
+  /* background-image: url(/public/team.jpg); */
+  margin: 0 auto;
+  -webkit-border-radius: 100%;
+  -moz-border-radius: 100%;
+  border-radius: 100%;
+}
+.tooltip-title {
+  font-size: 11px;
+  position: absolute;
+  white-space: nowrap;
+  top: auto;
+  background: #34aadc;
+  color: #fff;
+  display: none;
+  padding: 3px 10px;
+}
+
+@keyframes fadeDown {
+  from {
+    opacity: 0;
+    transform: translate3d(0, -30px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.smooth-fade-in {
+  -webkit-animation-name: fadeDown;
+  -webkit-animation-duration: 0.6s;
+  -webkit-animation-timing-function: ease-in-out;
+  -webkit-animation-fill-mode: both;
+  animation-name: fadeDown;
+  animation-duration: 0.6s;
+  animation-timing-function: ease-in-out;
+  animation-fill-mode: both;
+}
+
+.team-title {
+  font-family: "Larabiefont", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 60px;
+  line-height: 121px;
+  /* identical to box height */
+
+  text-align: center;
+  letter-spacing: 0.44px;
+  text-transform: uppercase;
+
+  color: #00ffff;
+}
+.small {
+  font-size: 40px;
+}
+
+[data-title]:hover:after {
+  opacity: 1;
+  transition: all 0.1s ease 0.5s;
+  visibility: visible;
+}
+[data-title]:after {
+  content: attr(data-title);
+  background: #34aadc;
+  color: #fff;
+  font-size: 80%;
+  position: absolute;
+  padding: 1px 5px 2px 5px;
+  bottom: -1.6em;
+  left: 100%;
+  white-space: nowrap;
+  box-shadow: 1px 1px 3px #222222;
+  opacity: 0;
+  border: 1px solid #222222;
+  z-index: 99999;
+  visibility: hidden;
+}
+[data-title] {
+  position: relative;
+}