sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update header link colors to a new shade for better visual distinction

Browse Source 
Modify the gradient colors used for hover effects on navigation links across multiple pages, replacing a purple-to-blue gradient with a more vibrant pink-to-red gradient.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/8hcWvfS
This commit is contained in:
sebastjanartic 2025-09-04 13:45:09 +00:00
parent a0918c0fff
commit ff28e9a5aa
5 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/pages/FolxStadlPage.tsx
View File

@ -113,19 +113,19 @@ export default function FolxStadlPage() {
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
</nav>

8
client/src/pages/GeschichteLiedPage.tsx
View File

@ -115,19 +115,19 @@ export default function GeschichteLiedPage() {
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
</nav>

8
client/src/pages/GipfelstammtischPage.tsx
View File

@ -115,19 +115,19 @@ export default function GipfelstammtischPage() {
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
</nav>

8
client/src/pages/VideoPage.tsx
View File

@ -353,19 +353,19 @@ export default function VideoPage() {
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</Link>
</nav>

8
client/src/pages/not-found.tsx
View File

@ -31,19 +31,19 @@ export default function NotFound() {
<nav className="flex space-x-6">
<a href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group" data-testid="link-home">
Home
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</a>
<a href="/folx-stadl" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</a>
<a href="/geschichte-lied" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</a>
<a href="/gipfelstammtisch" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-purple-400 via-blue-500 to-purple-600 transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#ec4c73] to-[#e91e63] transition-all duration-300 group-hover:w-full"></span>
</a>
</nav>
</div>