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

Update the website's accent color to a vibrant red hue

Browse Source 
Replace all instances of the previous blue accent color with a new red color across various components and pages, including buttons, navigation links, progress bars, and decorative elements.

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/ZMEU6bO
This commit is contained in:
sebastjanartic
2025-09-04 14:32:14 +00:00
parent 3714cb7367
commit 395dba2daa
20 changed files with 134 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/pages/FolxStadlPage.tsx
+17 -17
View File
@@ -111,21 +111,21 @@ export default function FolxStadlPage() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
</nav>
@@ -135,7 +135,7 @@ export default function FolxStadlPage() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-[#da234d] transition-colors w-56"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
</div>
@@ -167,28 +167,28 @@ export default function FolxStadlPage() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -208,7 +208,7 @@ export default function FolxStadlPage() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-bunny-blue focus:bg-white/15 transition-all w-full"
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-[#da234d] focus:bg-white/15 transition-all w-full"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-white/60 w-4 h-4" />
</div>
@@ -312,13 +312,13 @@ export default function FolxStadlPage() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/GeschichteLiedPage.tsx
+17 -17
View File
@@ -113,21 +113,21 @@ export default function GeschichteLiedPage() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
</nav>
@@ -137,7 +137,7 @@ export default function GeschichteLiedPage() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-[#da234d] transition-colors w-56"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
</div>
@@ -169,28 +169,28 @@ export default function GeschichteLiedPage() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -210,7 +210,7 @@ export default function GeschichteLiedPage() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-bunny-blue focus:bg-white/15 transition-all w-full"
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-[#da234d] focus:bg-white/15 transition-all w-full"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-white/60 w-4 h-4" />
</div>
@@ -313,13 +313,13 @@ export default function GeschichteLiedPage() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/GipfelstammtischPage.tsx
+17 -17
View File
@@ -113,21 +113,21 @@ export default function GipfelstammtischPage() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
</nav>
@@ -137,7 +137,7 @@ export default function GipfelstammtischPage() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-[#da234d] transition-colors w-56"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
</div>
@@ -169,28 +169,28 @@ export default function GipfelstammtischPage() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -210,7 +210,7 @@ export default function GipfelstammtischPage() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-bunny-blue focus:bg-white/15 transition-all w-full"
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-[#da234d] focus:bg-white/15 transition-all w-full"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-white/60 w-4 h-4" />
</div>
@@ -313,13 +313,13 @@ export default function GipfelstammtischPage() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/Impressum.tsx
+2 -2
View File
@@ -6,7 +6,7 @@ export default function Impressum() {
<div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */}
<div className="mb-6">
<Link href="/" className="text-bunny-blue hover:text-purple-400 transition-colors">
<Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
← Zurück zur Startseite
</Link>
</div>
@@ -106,7 +106,7 @@ export default function Impressum() {
<p>
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit:
<br />
<a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer" className="text-bunny-blue hover:text-purple-400 transition-colors">
<a href="https://ec.europa.eu/consumers/odr/" target="_blank" rel="noopener noreferrer" className="text-[#da234d] hover:text-purple-400 transition-colors">
https://ec.europa.eu/consumers/odr/
</a>
</p>
client/src/pages/PrivacyPolicy.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ export default function PrivacyPolicy() {
<div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */}
<div className="mb-6">
<Link href="/" className="text-bunny-blue hover:text-purple-400 transition-colors">
<Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
← Zurück zur Startseite
</Link>
</div>
client/src/pages/TermsOfService.tsx
+1 -1
View File
@@ -6,7 +6,7 @@ export default function TermsOfService() {
<div className="container max-w-4xl mx-auto px-4 py-8">
{/* Back to home link */}
<div className="mb-6">
<Link href="/" className="text-bunny-blue hover:text-purple-400 transition-colors">
<Link href="/" className="text-[#da234d] hover:text-purple-400 transition-colors">
← Zurück zur Startseite
</Link>
</div>
client/src/pages/VideoPage.tsx
+22 -22
View File
@@ -351,21 +351,21 @@ export default function VideoPage() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</Link>
</nav>
@@ -375,7 +375,7 @@ export default function VideoPage() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-[#da234d] transition-colors w-56"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
</div>
@@ -407,28 +407,28 @@ export default function VideoPage() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -448,7 +448,7 @@ export default function VideoPage() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-bunny-blue focus:bg-white/15 transition-all w-full"
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-[#da234d] focus:bg-white/15 transition-all w-full"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-white/60 w-4 h-4" />
</div>
@@ -621,7 +621,7 @@ export default function VideoPage() {
onClick={() => navigateToVideo('prev')}
className={`rounded-full transition-colors duration-300 ease-in-out ${
activeDot === 'left'
? 'bg-gradient-to-r from-purple-500 to-blue-500'
? 'bg-gradient-to-r from-[#da234d] to-[#da234d]'
: 'bg-white/25 hover:bg-white/40'
}`}
style={{
@@ -636,7 +636,7 @@ export default function VideoPage() {
<button
className={`rounded-full transition-colors duration-300 ease-in-out ${
activeDot === 'center'
? 'bg-gradient-to-r from-purple-500 to-blue-500'
? 'bg-gradient-to-r from-[#da234d] to-[#da234d]'
: 'bg-white/25'
}`}
style={{
@@ -652,7 +652,7 @@ export default function VideoPage() {
onClick={() => navigateToVideo('next')}
className={`rounded-full transition-colors duration-300 ease-in-out ${
activeDot === 'right'
? 'bg-gradient-to-r from-purple-500 to-blue-500'
? 'bg-gradient-to-r from-[#da234d] to-[#da234d]'
: 'bg-white/25 hover:bg-white/40'
}`}
style={{
@@ -797,8 +797,8 @@ export default function VideoPage() {
{/* Footer - same as home page */}
<footer className="bunny-gray/50 border-t border-white/10 mt-16 relative overflow-hidden">
{/* Triangle decorations in footer - manjši in bolje pozicionirani */}
<div className="absolute top-2 right-10 w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[25px] border-b-purple-400/5 rotate-12 z-0"></div>
<div className="absolute top-1 left-10 w-0 h-0 border-l-[15px] border-l-transparent border-r-[15px] border-r-transparent border-b-[20px] border-b-blue-400/4 -rotate-12 z-0"></div>
<div className="absolute top-2 right-10 w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[25px] border-b-[#da234d]/5 rotate-12 z-0"></div>
<div className="absolute top-1 left-10 w-0 h-0 border-l-[15px] border-l-transparent border-r-[15px] border-r-transparent border-b-[20px] border-b-[#da234d]/4 -rotate-12 z-0"></div>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 relative z-10">
<div className="flex flex-col items-center justify-center space-y-4">
@@ -812,13 +812,13 @@ export default function VideoPage() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/home.tsx
+13 -13
View File
@@ -87,19 +87,19 @@ export default function Home() {
{/* Desktop navigation */}
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<Link href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group">
<Link href="/" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
Startseite
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 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">
<Link href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 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">
<Link href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 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">
<Link href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-rose-400 via-pink-500 to-rose-600 transition-all duration-300 group-hover:w-full"></span>
</Link>
@@ -111,7 +111,7 @@ export default function Home() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-bunny-blue transition-colors w-56"
className="bg-white border border-gray-300 rounded-lg px-4 py-1.5 pl-10 text-sm text-gray-900 placeholder-gray-500 focus:outline-none focus:border-[#da234d] transition-colors w-56"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
</div>
@@ -143,28 +143,28 @@ export default function Home() {
<nav className="flex flex-col space-y-4">
<Link
href="/"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
Startseite
</Link>
<Link
href="/folx-stadl"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
FOLX STADL
</Link>
<Link
href="/geschichte-lied"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
DIE GESCHICHTE DES LIEDES
</Link>
<Link
href="/gipfelstammtisch"
className="text-bunny-light hover:text-bunny-blue transition-colors font-medium py-1 border-l-2 border-transparent hover:border-bunny-blue pl-3"
className="text-bunny-light hover:text-[#da234d] transition-colors font-medium py-1 border-l-2 border-transparent hover:border-[#da234d] pl-3"
onClick={() => setIsMobileMenuOpen(false)}
>
GIPFELSTAMMTISCH
@@ -184,7 +184,7 @@ export default function Home() {
placeholder="Suchen..."
value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)}
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-bunny-blue focus:bg-white/15 transition-all w-full"
className="bg-white/10 border border-white/20 rounded-lg px-4 py-2.5 pl-10 text-sm text-white placeholder-white/60 focus:outline-none focus:border-[#da234d] focus:bg-white/15 transition-all w-full"
/>
<Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-white/60 w-4 h-4" />
</div>
@@ -217,13 +217,13 @@ export default function Home() {
{/* Legal Links */}
<div className="flex items-center space-x-6 text-sm">
<Link href="/impressum" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/impressum" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Impressum
</Link>
<Link href="/privacy" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/privacy" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Datenschutz
</Link>
<Link href="/terms" className="text-bunny-muted hover:text-bunny-blue transition-colors">
<Link href="/terms" className="text-bunny-muted hover:text-[#da234d] transition-colors">
Nutzungsbedingungen
</Link>
</div>
client/src/pages/not-found.tsx
+12 -12
View File
@@ -9,8 +9,8 @@ export default function NotFound() {
{/* Header - same as other pages */}
<div className="header-sticky bg-transparent overflow-hidden">
{/* Triangle decorations in header */}
<div className="absolute top-2 right-20 w-0 h-0 border-l-[35px] border-l-transparent border-r-[35px] border-r-transparent border-b-[50px] border-b-blue-400/15 rotate-12"></div>
<div className="absolute top-3 left-1/3 w-0 h-0 border-l-[25px] border-l-transparent border-r-[25px] border-r-transparent border-b-[35px] border-b-purple-400/12 -rotate-6"></div>
<div className="absolute top-2 right-20 w-0 h-0 border-l-[35px] border-l-transparent border-r-[35px] border-r-transparent border-b-[50px] border-b-[#da234d]/15 rotate-12"></div>
<div className="absolute top-3 left-1/3 w-0 h-0 border-l-[25px] border-l-transparent border-r-[25px] border-r-transparent border-b-[35px] border-b-[#da234d]/12 -rotate-6"></div>
<div className="absolute top-1 right-1/2 w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[30px] border-b-cyan-400/10 rotate-45"></div>
<div className="triangle-decoration-2 opacity-30" style={{top: '10px', right: '15%'}}></div>
@@ -29,21 +29,21 @@ export default function NotFound() {
<div className="hidden md:flex items-center space-x-6">
<nav className="flex space-x-6">
<a href="/" className="relative text-bunny-light hover:text-bunny-blue transition-colors group" data-testid="link-home">
<a href="/" className="relative text-bunny-light hover:text-[#da234d] 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-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<a href="/folx-stadl" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
FOLX STADL
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<a href="/geschichte-lied" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
DIE GESCHICHTE DES LIEDES
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] 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">
<a href="/gipfelstammtisch" className="relative text-bunny-light hover:text-[#da234d] transition-colors group">
GIPFELSTAMMTISCH
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[#da234d] to-[#da234d] transition-all duration-300 group-hover:w-full"></span>
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-[#da234d] transition-all duration-300 group-hover:w-full"></span>
</a>
</nav>
</div>
@@ -141,8 +141,8 @@ export default function NotFound() {
{/* Footer - same as other pages */}
<footer className="bunny-gray/50 border-t border-white/10 mt-16 relative overflow-hidden">
{/* Triangle decorations in footer - manjši in bolje pozicionirani */}
<div className="absolute top-2 right-10 w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[25px] border-b-purple-400/5 rotate-12 z-0"></div>
<div className="absolute top-1 left-10 w-0 h-0 border-l-[15px] border-l-transparent border-r-[15px] border-r-transparent border-b-[20px] border-b-blue-400/4 -rotate-12 z-0"></div>
<div className="absolute top-2 right-10 w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[25px] border-b-[#da234d]/5 rotate-12 z-0"></div>
<div className="absolute top-1 left-10 w-0 h-0 border-l-[15px] border-l-transparent border-r-[15px] border-r-transparent border-b-[20px] border-b-[#da234d]/4 -rotate-12 z-0"></div>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 relative z-10">
<div className="flex flex-col md:flex-row items-center justify-between">