KeshavAnandCode/FTCWebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust website appearance and hover effects for better visual appeal

Browse Source 
Update CSS to modify gradient intensity, remove blue hue from hover effects, disable header underline animation, and adjust card and member card hover box shadows.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Event-Id: f68f428d-70ec-4a47-a6d1-2c184410f756
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/MFdA8rN
This commit is contained in:
abhiramtx
2025-11-08 22:30:32 +00:00
parent 84dd309a52
commit 922ede1a5c
2 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1762640871239.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

20
static/css/styles.css
View File

@@ -42,9 +42,9 @@ body::after {
width: 200%; width: 200%;
height: 200%; height: 200%;
background: background:
radial-gradient(circle at 30% 20%, rgba(59, 130, 246, 0.03) 0%, transparent 40%), radial-gradient(circle at 30% 20%, rgba(59, 130, 246, 0.08) 0%, transparent 40%),
radial-gradient(circle at 70% 60%, rgba(139, 92, 246, 0.03) 0%, transparent 40%), radial-gradient(circle at 70% 60%, rgba(139, 92, 246, 0.08) 0%, transparent 40%),
radial-gradient(circle at 50% 80%, rgba(59, 130, 246, 0.02) 0%, transparent 50%); radial-gradient(circle at 50% 80%, rgba(59, 130, 246, 0.06) 0%, transparent 50%);
pointer-events: none; pointer-events: none;
z-index: 0; z-index: 0;
animation: float-background 20s ease-in-out infinite; animation: float-background 20s ease-in-out infinite;
@@ -629,9 +629,8 @@ hr {
.card:hover, .card:hover,
.card-sponsors:hover { .card-sponsors:hover {
border-color: var(--accent);
transform: translateY(-8px); transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(59, 130, 246, 0.2); box-shadow: 0 20px 40px rgba(255, 255, 255, 0.05);
} }
.card-content, .card-content,
@@ -656,7 +655,7 @@ hr {
.card:hover img, .card:hover img,
.card-sponsors:hover img { .card-sponsors:hover img {
transform: scale(1.15); transform: scale(1.15);
filter: brightness(0) invert(1) drop-shadow(0 0 20px rgba(59, 130, 246, 0.4)); filter: brightness(0) invert(1) drop-shadow(0 0 20px rgba(255, 255, 255, 0.3));
} }
.members-container { .members-container {
@@ -686,8 +685,7 @@ hr {
.member-card:hover { .member-card:hover {
background: var(--gray-700); background: var(--gray-700);
transform: translateY(-8px); transform: translateY(-8px);
border-color: var(--accent); box-shadow: 0 20px 40px rgba(255, 255, 255, 0.05);
box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);
} }
.member-image { .member-image {
@@ -827,7 +825,7 @@ hr {
} }
.competition-card:hover { .competition-card:hover {
border-color: var(--accent); box-shadow: 0 8px 16px rgba(255, 255, 255, 0.05);
} }
.competition-card-img { .competition-card-img {
@@ -968,8 +966,8 @@ span.emoji:hover::after {
} }
.robo-card:hover { .robo-card:hover {
border-color: var(--accent);
transform: translateY(-4px); transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(255, 255, 255, 0.05);
} }
.robo-card img { .robo-card img {
@@ -1444,7 +1442,7 @@ body::before {
} }
.heading:hover::after { .heading:hover::after {
width: 80%; width: 0;
} }
.robo-card { .robo-card {