From 19e66f682e262bcd2d32f2b03f932a4425938e48 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 23 Aug 2023 10:49:54 +0530 Subject: [PATCH] removed hover on member and colour scheme of whole site --- public/members.css | 33 +- public/styles.css | 4 +- src/App.js | 68 +- src/pages/membersPage.jsx | 4 +- yarn.lock | 17462 ++++++++++++++++++------------------ 5 files changed, 8769 insertions(+), 8802 deletions(-) diff --git a/public/members.css b/public/members.css index f982e922..12697fc7 100644 --- a/public/members.css +++ b/public/members.css @@ -14,54 +14,39 @@ .profile-card { position: relative; width: 15rem; - height: 15rem; background: var(--link-color); padding: 20px; - border-radius: 50%; box-shadow: 0 0 22px #3336; - transition: 0.6s; margin: 0 25px; -} - -.profile-card:hover { border-radius: 10px; - height: 400px; + height: 500px; + background-color: rgba(130, 87, 160, 0.596); } + + .profile-card .profile-img { position: relative; width: 100%; - height: 100%; - transition: 0.6s; z-index: 0; } -.profile-card:hover .profile-img { - transform: translateY(-80px); -} + .profile-img img { aspect-ratio: 1/1; width: 100%; border-radius: 50%; box-shadow: 0 0 22px #3336; - transition: 0.6s; object-fit: contain; background: whitesmoke; -} - -.profile-card:hover img { border-radius: 10px; + } .profile-card .caption { text-align: center; - transform: translateY(-240px); - opacity: 0; - transition: 0.6s ease-in-out; color: white; -} -.profile-card:hover .caption { - opacity: 1; + } .profile-card .caption h3 { @@ -83,8 +68,8 @@ font-size: 18px; } -.profile-card:hover .team-social-links .s-icon { - color: aqua; +.profile-card .team-social-links .s-icon { + color: indigo; } .section-buttons { diff --git a/public/styles.css b/public/styles.css index 32a11e3e..336c13a8 100644 --- a/public/styles.css +++ b/public/styles.css @@ -4,7 +4,7 @@ --font-inter: Inter; /* font sizes */ - --font-size-11xl: 30px; + --font-size-11xl: 50px; --font-size-8xl: 27px; --font-size-41xl: 60px; --font-size-16xl: 35px; @@ -31,7 +31,7 @@ --body-darker-background: #bbb; --body_color: #fff; --navbar-background: #ececec; - --link-color: #55d7dc; + --link-color: rgb(199, 162, 224);; --color-text-primary: #dddddd; --color-text-secondary: #bfbfbf; --color-text-tertiary: #7e7e7e; diff --git a/src/App.js b/src/App.js index 1ffeb9d3..83c50046 100644 --- a/src/App.js +++ b/src/App.js @@ -1,52 +1,34 @@ -import React from "react"; -import underConstructionImage from './static/images/underconstruction.png'; +import {React,useState} from "react"; +// import underConstructionImage from './static/images/underconstruction.png'; -// import { HashRouter } from "react-router-dom"; -// import Navbar from "./components/navbar"; -// import Headroom from "react-headroom"; -// import AnimatedCursor from "./components/animatedCursor"; -// import AnimatedRoutes from "./components/AnimatedRoutes"; -// eslint-disable-next-line -// import Preloader from "./components/Preloader"; +import { HashRouter } from "react-router-dom"; +import Navbar from "./components/navbar"; +import Headroom from "react-headroom"; +import AnimatedCursor from "./components/animatedCursor"; +import AnimatedRoutes from "./components/AnimatedRoutes"; // eslint-disable-next-line +import Preloader from "./components/Preloader"; const App = () => { - // const initialTheme = localStorage.getItem("selectedTheme"); - // console.log(`Found ${initialTheme} mode in local storage, setting theme that only.`); - // const [theme, setTheme] = useState(initialTheme); - // const setThemeOuter = (currentTheme)=>{ - // setTheme(currentTheme) - // } + const initialTheme = localStorage.getItem("selectedTheme"); + console.log(`Found ${initialTheme} mode in local storage, setting theme that only.`); + const [theme, setTheme] = useState(initialTheme); + const setThemeOuter = (currentTheme)=>{ + setTheme(currentTheme) + } return ( // Uncomment the below lines to Have everything working! - // <> - // - // - // - // - // - // - // - // - // -
- Under Construction -

Coming Soon!

-
+ <> + + + + + + + + + + ); }; diff --git a/src/pages/membersPage.jsx b/src/pages/membersPage.jsx index 7e5b696d..94d91290 100644 --- a/src/pages/membersPage.jsx +++ b/src/pages/membersPage.jsx @@ -3,6 +3,7 @@ import { motion } from "framer-motion"; import InstagramIcon from "@mui/icons-material/Instagram"; import LinkedInIcon from "@mui/icons-material/LinkedIn"; import profileData from "../data/memberData"; +import Footer from "../components/footer"; const MembersPage = () => { const [selectedSection, setSelectedSection] = useState("finalYear"); @@ -16,7 +17,7 @@ const MembersPage = () => { ); const cardVariants = { - initial: { opacity: 0, y: -100 }, + initial: { opacity: 0, y: 0 }, animate: { opacity: 1, y: 0 }, }; @@ -114,7 +115,6 @@ const MembersPage = () => { ))} - {/*