Gr8-CLR commited on
Commit
fddd2cc
·
verified ·
1 Parent(s): 0a3c5b8

The words need to be even clearer. My name Cameron Rafaela in a gold gradient that is emittinga dark blue hue

Browse files
Files changed (1) hide show
  1. 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, #6366f1 0%, #3b82f6 100%);
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: #6366f1;
114
  font-family: 'Inter', monospace;
115
- font-weight: 600;
116
- text-shadow: 0 0 15px rgba(99, 102, 241, 0.9);
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 = 25;
786
- p.drawingContext.shadowColor = 'rgba(99, 102, 241, 0.9)';
787
- p.fill(99, 102, 241, 255); // Full opacity for main text
788
- p.textSize(fontSize);
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 = 20;
796
- p.drawingContext.shadowColor = 'rgba(129, 140, 248, 0.7)';
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 * 35); // Slower fade
801
- p.fill(129, 140, 248, Math.max(trailOpacity, 50));
802
- p.textSize(fontSize - (j * 0.3)); // Slower size reduction
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: 0x6366f1,
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');