My name must not be yellow but actual gold colored
Browse files- index.html +16 -16
index.html
CHANGED
|
@@ -18,11 +18,12 @@
|
|
| 18 |
font-family: 'Inter', sans-serif;
|
| 19 |
}
|
| 20 |
.gradient-text {
|
| 21 |
-
background: linear-gradient(135deg, #FFD700 0%, #
|
| 22 |
-webkit-background-clip: text;
|
| 23 |
-webkit-text-fill-color: transparent;
|
| 24 |
background-clip: text;
|
| 25 |
-
filter: drop-shadow(0 0
|
|
|
|
| 26 |
}
|
| 27 |
.hero-gradient {
|
| 28 |
background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);
|
|
@@ -112,7 +113,7 @@
|
|
| 112 |
color: #FFD700;
|
| 113 |
font-family: 'Inter', monospace;
|
| 114 |
font-weight: 700;
|
| 115 |
-
text-shadow: 0 0
|
| 116 |
}
|
| 117 |
.dark-glass {
|
| 118 |
background: rgba(17, 24, 39, 0.8);
|
|
@@ -780,31 +781,30 @@
|
|
| 780 |
let text = chars[i][Math.floor(drops[i]) % chars[i].length];
|
| 781 |
// Main text with enhanced readability
|
| 782 |
p.push();
|
| 783 |
-
p.drawingContext.shadowBlur =
|
| 784 |
-
p.drawingContext.shadowColor = 'rgba(
|
| 785 |
-
p.fill(255, 215, 0, 255); //
|
| 786 |
-
p.textSize(fontSize);
|
| 787 |
p.textStyle(p.BOLD);
|
| 788 |
p.text(text, i * fontSize, currentY);
|
| 789 |
p.pop();
|
| 790 |
// Enhanced trail with better visibility
|
| 791 |
p.push();
|
| 792 |
-
p.drawingContext.shadowBlur =
|
| 793 |
-
p.drawingContext.shadowColor = 'rgba(
|
| 794 |
for (let j = 1; j < 6; j++) { // Longer trail
|
| 795 |
if (currentY - j * fontSize > 0) {
|
| 796 |
let trailY = currentY - j * fontSize;
|
| 797 |
-
let trailOpacity = 255 - (j *
|
| 798 |
-
p.fill(255,
|
| 799 |
-
p.textSize(fontSize - (j * 0.3)); // Slower size reduction
|
| 800 |
p.textStyle(p.NORMAL);
|
| 801 |
let trailText = chars[i][(Math.floor(drops[i]) - j) % chars[i].length];
|
| 802 |
p.text(trailText, i * fontSize, trailY);
|
| 803 |
}
|
| 804 |
}
|
| 805 |
p.pop();
|
| 806 |
-
|
| 807 |
-
// Random reset with even slower frequency
|
| 808 |
if (currentY > p.height && Math.random() > 0.995) {
|
| 809 |
drops[i] = Math.floor(p.random(-50, 0));
|
| 810 |
individualSpeeds[i] = p.random(0.1, 0.25); // Reset and randomize speed
|
|
@@ -850,8 +850,8 @@ new p5(matrixSketch);
|
|
| 850 |
color: 0xFFD700,
|
| 851 |
backgroundColor: 0x111827,
|
| 852 |
points: 10.00,
|
| 853 |
-
maxDistance:
|
| 854 |
-
spacing:
|
| 855 |
});
|
| 856 |
// Mobile Menu Toggle
|
| 857 |
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
|
|
|
|
| 18 |
font-family: 'Inter', sans-serif;
|
| 19 |
}
|
| 20 |
.gradient-text {
|
| 21 |
+
background: linear-gradient(135deg, #FFD700 0%, #FFC125 25%, #FFB90F 50%, #FFD700 75%, #FFC125 100%);
|
| 22 |
-webkit-background-clip: text;
|
| 23 |
-webkit-text-fill-color: transparent;
|
| 24 |
background-clip: text;
|
| 25 |
+
filter: drop-shadow(0 0 25px rgba(255, 215, 0, 0.9)) drop-shadow(0 0 50px rgba(255, 215, 0, 0.6)) drop-shadow(0 0 75px rgba(255, 215, 0, 0.3));
|
| 26 |
+
text-shadow: 0 0 20px rgba(255, 215, 0, 0.8);
|
| 27 |
}
|
| 28 |
.hero-gradient {
|
| 29 |
background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);
|
|
|
|
| 113 |
color: #FFD700;
|
| 114 |
font-family: 'Inter', monospace;
|
| 115 |
font-weight: 700;
|
| 116 |
+
text-shadow: 0 0 25px rgba(255, 215, 0, 0.9), 0 0 50px rgba(255, 215, 0, 0.7), 0 0 75px rgba(255, 215, 0, 0.5);
|
| 117 |
}
|
| 118 |
.dark-glass {
|
| 119 |
background: rgba(17, 24, 39, 0.8);
|
|
|
|
| 781 |
let text = chars[i][Math.floor(drops[i]) % chars[i].length];
|
| 782 |
// Main text with enhanced readability
|
| 783 |
p.push();
|
| 784 |
+
p.drawingContext.shadowBlur = 35;
|
| 785 |
+
p.drawingContext.shadowColor = 'rgba(255, 215, 0, 0.95)';
|
| 786 |
+
p.fill(255, 215, 0, 255); // Pure gold color for main text
|
| 787 |
+
p.textSize(fontSize);
|
| 788 |
p.textStyle(p.BOLD);
|
| 789 |
p.text(text, i * fontSize, currentY);
|
| 790 |
p.pop();
|
| 791 |
// Enhanced trail with better visibility
|
| 792 |
p.push();
|
| 793 |
+
p.drawingContext.shadowBlur = 30;
|
| 794 |
+
p.drawingContext.shadowColor = 'rgba(255, 215, 0, 0.85)';
|
| 795 |
for (let j = 1; j < 6; j++) { // Longer trail
|
| 796 |
if (currentY - j * fontSize > 0) {
|
| 797 |
let trailY = currentY - j * fontSize;
|
| 798 |
+
let trailOpacity = 255 - (j * 20); // Slower fade
|
| 799 |
+
p.fill(255, 215, 0, Math.max(trailOpacity, 100)); // Gold trail
|
| 800 |
+
p.textSize(fontSize - (j * 0.3)); // Slower size reduction
|
| 801 |
p.textStyle(p.NORMAL);
|
| 802 |
let trailText = chars[i][(Math.floor(drops[i]) - j) % chars[i].length];
|
| 803 |
p.text(trailText, i * fontSize, trailY);
|
| 804 |
}
|
| 805 |
}
|
| 806 |
p.pop();
|
| 807 |
+
// Random reset with even slower frequency
|
|
|
|
| 808 |
if (currentY > p.height && Math.random() > 0.995) {
|
| 809 |
drops[i] = Math.floor(p.random(-50, 0));
|
| 810 |
individualSpeeds[i] = p.random(0.1, 0.25); // Reset and randomize speed
|
|
|
|
| 850 |
color: 0xFFD700,
|
| 851 |
backgroundColor: 0x111827,
|
| 852 |
points: 10.00,
|
| 853 |
+
maxDistance: 25.00,
|
| 854 |
+
spacing: 18.00
|
| 855 |
});
|
| 856 |
// Mobile Menu Toggle
|
| 857 |
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
|