The words need to be even clearer. My name Cameron Rafaela in a gold gradient that is emittinga dark blue hue
Browse files- index.html +17 -20
index.html
CHANGED
|
@@ -17,15 +17,14 @@
|
|
| 17 |
* {
|
| 18 |
font-family: 'Inter', sans-serif;
|
| 19 |
}
|
| 20 |
-
|
| 21 |
.gradient-text {
|
| 22 |
-
background: linear-gradient(135deg, #
|
| 23 |
-webkit-background-clip: text;
|
| 24 |
-webkit-text-fill-color: transparent;
|
| 25 |
background-clip: text;
|
|
|
|
| 26 |
}
|
| 27 |
-
|
| 28 |
-
.hero-gradient {
|
| 29 |
background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);
|
| 30 |
}
|
| 31 |
|
|
@@ -110,10 +109,10 @@
|
|
| 110 |
opacity: 0.35;
|
| 111 |
}
|
| 112 |
.matrix-text {
|
| 113 |
-
color: #
|
| 114 |
font-family: 'Inter', monospace;
|
| 115 |
-
font-weight:
|
| 116 |
-
text-shadow: 0 0
|
| 117 |
}
|
| 118 |
.dark-glass {
|
| 119 |
background: rgba(17, 24, 39, 0.8);
|
|
@@ -779,27 +778,25 @@
|
|
| 779 |
for (let i = 0; i < drops.length; i++) {
|
| 780 |
let currentY = drops[i] * fontSize;
|
| 781 |
let text = chars[i][Math.floor(drops[i]) % chars[i].length];
|
| 782 |
-
|
| 783 |
// Main text with enhanced readability
|
| 784 |
p.push();
|
| 785 |
-
p.drawingContext.shadowBlur =
|
| 786 |
-
p.drawingContext.shadowColor = 'rgba(
|
| 787 |
-
p.fill(
|
| 788 |
-
|
| 789 |
p.textStyle(p.BOLD);
|
| 790 |
p.text(text, i * fontSize, currentY);
|
| 791 |
p.pop();
|
| 792 |
-
|
| 793 |
// Enhanced trail with better visibility
|
| 794 |
p.push();
|
| 795 |
-
p.drawingContext.shadowBlur =
|
| 796 |
-
p.drawingContext.shadowColor = 'rgba(
|
| 797 |
for (let j = 1; j < 6; j++) { // Longer trail
|
| 798 |
if (currentY - j * fontSize > 0) {
|
| 799 |
let trailY = currentY - j * fontSize;
|
| 800 |
-
let trailOpacity = 255 - (j *
|
| 801 |
-
p.fill(
|
| 802 |
-
|
| 803 |
p.textStyle(p.NORMAL);
|
| 804 |
let trailText = chars[i][(Math.floor(drops[i]) - j) % chars[i].length];
|
| 805 |
p.text(trailText, i * fontSize, trailY);
|
|
@@ -850,12 +847,12 @@ new p5(matrixSketch);
|
|
| 850 |
minWidth: 200.00,
|
| 851 |
scale: 1.00,
|
| 852 |
scaleMobile: 1.00,
|
| 853 |
-
color:
|
| 854 |
backgroundColor: 0x111827,
|
| 855 |
points: 10.00,
|
| 856 |
maxDistance: 20.00,
|
| 857 |
spacing: 15.00
|
| 858 |
-
|
| 859 |
// Mobile Menu Toggle
|
| 860 |
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
|
| 861 |
const mobileMenu = document.getElementById('mobile-menu');
|
|
|
|
| 17 |
* {
|
| 18 |
font-family: 'Inter', sans-serif;
|
| 19 |
}
|
|
|
|
| 20 |
.gradient-text {
|
| 21 |
+
background: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FF8C00 100%);
|
| 22 |
-webkit-background-clip: text;
|
| 23 |
-webkit-text-fill-color: transparent;
|
| 24 |
background-clip: text;
|
| 25 |
+
filter: drop-shadow(0 0 20px rgba(0, 0, 139, 0.8)) drop-shadow(0 0 40px rgba(0, 0, 139, 0.4));
|
| 26 |
}
|
| 27 |
+
.hero-gradient {
|
|
|
|
| 28 |
background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%);
|
| 29 |
}
|
| 30 |
|
|
|
|
| 109 |
opacity: 0.35;
|
| 110 |
}
|
| 111 |
.matrix-text {
|
| 112 |
+
color: #FFD700;
|
| 113 |
font-family: 'Inter', monospace;
|
| 114 |
+
font-weight: 700;
|
| 115 |
+
text-shadow: 0 0 20px rgba(0, 0, 139, 0.9) 0 0 40px rgba(0, 0, 139, 0.5);
|
| 116 |
}
|
| 117 |
.dark-glass {
|
| 118 |
background: rgba(17, 24, 39, 0.8);
|
|
|
|
| 778 |
for (let i = 0; i < drops.length; i++) {
|
| 779 |
let currentY = drops[i] * fontSize;
|
| 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 = 30;
|
| 784 |
+
p.drawingContext.shadowColor = 'rgba(0, 0, 139, 0.95)';
|
| 785 |
+
p.fill(255, 215, 0, 255); // Gold color for main text
|
| 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 = 25;
|
| 793 |
+
p.drawingContext.shadowColor = 'rgba(0, 0, 139, 0.8)';
|
| 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 * 25); // Slower fade
|
| 798 |
+
p.fill(255, 193, 37, Math.max(trailOpacity, 80)); // Darker gold trail
|
| 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);
|
|
|
|
| 847 |
minWidth: 200.00,
|
| 848 |
scale: 1.00,
|
| 849 |
scaleMobile: 1.00,
|
| 850 |
+
color: 0xFFD700,
|
| 851 |
backgroundColor: 0x111827,
|
| 852 |
points: 10.00,
|
| 853 |
maxDistance: 20.00,
|
| 854 |
spacing: 15.00
|
| 855 |
+
});
|
| 856 |
// Mobile Menu Toggle
|
| 857 |
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
|
| 858 |
const mobileMenu = document.getElementById('mobile-menu');
|