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

Adjust visual elements and remove interactive cursor effects

Browse Source 
Modify CSS for stats cards and remove custom cursor and magnetic button functionalities. Adjust star density and styling.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: d8148dec-8af6-43ca-9107-95f002b8cf0b
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/4FgL9ZB
This commit is contained in:
abhiramtx
2025-11-08 23:16:34 +00:00
parent 7be56448b1
commit d1e63cb3bc
2 changed files with 3 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
static/css/styles.css
View File

@@ -472,7 +472,7 @@ hr {
.stats-card {
text-align: center;
padding: 32px;
background: rgba(26, 26, 26, 0.3);
background: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border-radius: 16px;
@@ -481,7 +481,7 @@ hr {
}
.stats-card:hover {
background: rgba(26, 26, 26, 0.5);
background: rgba(0, 0, 0, 0.5);
transform: translateY(-4px);
box-shadow: 0 12px 24px rgba(255, 255, 255, 0.05);
}
@@ -1746,28 +1746,6 @@ hr::after {
box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}
.home-but {
position: relative;
overflow: hidden;
}
.home-but::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background: rgba(59, 130, 246, 0.3);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: width 0.3s ease, height 0.3s ease;
}
.home-but:hover::before {
width: 150%;
height: 150%;
}
.scroll-indicator {
position: fixed;
@@ -1788,52 +1766,6 @@ a, button, .stats-card, .card, .member-card {
cursor: pointer !important;
}
body {
cursor: none;
}
.custom-cursor {
width: 20px;
height: 20px;
border: 2px solid #3b82f6;
border-radius: 50%;
position: fixed;
pointer-events: none;
z-index: 10000;
transition: all 0.15s ease;
transform: translate(-50%, -50%);
mix-blend-mode: difference;
}
.custom-cursor-follower {
width: 40px;
height: 40px;
border: 1px solid rgba(59, 130, 246, 0.3);
border-radius: 50%;
position: fixed;
pointer-events: none;
z-index: 9999;
transition: all 0.3s ease;
transform: translate(-50%, -50%);
}
.custom-cursor.hover {
width: 50px;
height: 50px;
background: rgba(59, 130, 246, 0.1);
}
@media (max-width: 850px) {
.custom-cursor,
.custom-cursor-follower {
display: none;
}
body {
cursor: default;
}
}
.sub-header,
.hero-title {
color: var(--white);