updated teams
This commit is contained in:
@@ -54,11 +54,7 @@
|
||||
--card-opacity: 1;
|
||||
}
|
||||
|
||||
.pc-card-wrapper:hover::before,
|
||||
.pc-card-wrapper.active::before {
|
||||
filter: contrast(1) saturate(2) blur(40px) opacity(1);
|
||||
transform: scale(0.9) translate3d(0, 0, 0.1px);
|
||||
}
|
||||
|
||||
|
||||
.pc-card {
|
||||
height: 80svh;
|
||||
@@ -93,11 +89,7 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pc-card:hover,
|
||||
.pc-card.active {
|
||||
transition: none;
|
||||
transform: translate3d(0, 0, 0.1px) rotateX(var(--rotate-y)) rotateY(var(--rotate-x));
|
||||
}
|
||||
|
||||
|
||||
.pc-card * {
|
||||
display: grid;
|
||||
@@ -184,11 +176,6 @@
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.pc-card:hover .pc-shine,
|
||||
.pc-card.active .pc-shine {
|
||||
filter: brightness(0.85) contrast(1.5) saturate(0.5);
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.pc-card:hover .pc-shine::before,
|
||||
.pc-card.active .pc-shine::before,
|
||||
|
||||
@@ -48,8 +48,12 @@ const ProfileCardComponent = ({
|
||||
contactText = "Contact",
|
||||
showUserInfo = true,
|
||||
onContactClick,
|
||||
|
||||
zoom = 1,
|
||||
disableAura = false, // keep tilt, but swap hover rainbow → static cyan glow
|
||||
|
||||
// ✅ ADDED: vertical offset (in px). Positive moves the image DOWN.
|
||||
avatarOffsetY = 0,
|
||||
}) => {
|
||||
const wrapRef = useRef(null);
|
||||
const cardRef = useRef(null);
|
||||
@@ -233,6 +237,9 @@ const ProfileCardComponent = ({
|
||||
|
||||
const avatarTransform = `translateX(-50%) scale(${zoom || 1})`;
|
||||
|
||||
// ✅ ADDED: compose final transform with vertical offset (px)
|
||||
const avatarTransformWithOffset = `${avatarTransform} translateY(${avatarOffsetY}px)`;
|
||||
|
||||
return (
|
||||
<div
|
||||
ref={wrapRef}
|
||||
@@ -252,7 +259,8 @@ const ProfileCardComponent = ({
|
||||
src={avatarUrl}
|
||||
alt={`${name || "User"} avatar`}
|
||||
loading="lazy"
|
||||
style={{ transform: avatarTransform }}
|
||||
/* ✅ CHANGED to use the new transform with offset */
|
||||
style={{ transform: avatarTransformWithOffset }}
|
||||
/>
|
||||
|
||||
{showUserInfo && (
|
||||
|
||||
@@ -36,6 +36,7 @@ const members = [
|
||||
gmail: "mailto:rishikakalidas@gmail.com",
|
||||
zoom: 1,
|
||||
disableAura: true,
|
||||
|
||||
},
|
||||
{
|
||||
name: "Bibhu",
|
||||
@@ -67,16 +68,17 @@ const members = [
|
||||
zoom: 1.5,
|
||||
disableAura: true,
|
||||
},
|
||||
// {
|
||||
// name: "Ashwani Senapati",
|
||||
// title: "Web Lead",
|
||||
// handle: "ashwani",
|
||||
// avatarUrl: "/team/weblead.png",
|
||||
// linkedin: "https://www.linkedin.com/in/ashwani-senapati-ba294827a/",
|
||||
// gmail: "mailto:senapatiashwani47@gmail.com",
|
||||
// zoom: 1.5,
|
||||
// disableAura: true,
|
||||
// },
|
||||
{
|
||||
name: "Ashwani Senapati",
|
||||
title: "Web Lead",
|
||||
handle: "ashwani",
|
||||
avatarUrl: "/team/weblead.png",
|
||||
linkedin: "https://www.linkedin.com/in/ashwani-senapati-ba294827a/",
|
||||
gmail: "mailto:senapatiashwani47@gmail.com",
|
||||
zoom: 1.5,
|
||||
disableAura: true,
|
||||
avatarOffset: 100
|
||||
},
|
||||
];
|
||||
|
||||
export default function TeamPage() {
|
||||
@@ -133,7 +135,8 @@ export default function TeamPage() {
|
||||
showUserInfo={false}
|
||||
showBehindGradient={false}
|
||||
zoom={m.zoom} // ✅ Apply per-member zoom
|
||||
d//isableAura={m.disableAura} // ✅ Apply per-member aura toggle
|
||||
//disableAura={m.disableAura} // ✅ Apply per-member aura toggle
|
||||
avatarOffsetY={m.avatarOffset}
|
||||
/>
|
||||
|
||||
{/* Social Links */}
|
||||
|
||||
Reference in New Issue
Block a user