Add a live streaming link to all page headers and navigation
Integrate a "LIVE" link with pulsing animation into the header navigation of multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, VideoPage) and the LivePage itself. This includes updating the LivePage's header to include a search bar and mobile menu toggle. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/H8zer6l
This commit is contained in:
@@ -127,6 +127,11 @@ export default function FolxStadlPage() {
|
||||
GIPFELSTAMMTISCH
|
||||
<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="/live" className="relative text-red-500 hover:text-red-400 transition-colors group font-bold flex items-center space-x-1">
|
||||
<span className="w-2 h-2 bg-red-500 rounded-full animate-pulse"></span>
|
||||
<span>LIVE</span>
|
||||
<span className="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-red-400 via-red-500 to-red-600 transition-all duration-300 group-hover:w-full"></span>
|
||||
</Link>
|
||||
</nav>
|
||||
|
||||
<div className="relative">
|
||||
@@ -193,6 +198,14 @@ export default function FolxStadlPage() {
|
||||
>
|
||||
GIPFELSTAMMTISCH
|
||||
</Link>
|
||||
<Link
|
||||
href="/live"
|
||||
className="text-red-500 hover:text-red-400 transition-colors font-bold py-1 border-l-2 border-transparent hover:border-red-500 pl-3 flex items-center space-x-2"
|
||||
onClick={() => setIsMobileMenuOpen(false)}
|
||||
>
|
||||
<span className="w-2 h-2 bg-red-500 rounded-full animate-pulse"></span>
|
||||
<span>LIVE</span>
|
||||
</Link>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user