Commit Graph

155 Commits

Author SHA1 Message Date
sebastjanartic
e8765ebbfc Add ad banner to video pages to match live stream layout
Integrates the AdSenseAd component with adSlot="5629279662" below the video description on the VideoPage.tsx component.

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/PY5hDT5
2025-09-26 17:07:00 +00:00
sebastjanartic
abee17e58e 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
2025-09-26 16:04:35 +00:00
sebastjanartic
2e44295457 Navigate to individual video pages instead of using modals
Update video click handlers to navigate to dedicated video pages and pass show context via URL parameters. Modify video page to correctly filter recommended videos based on the show context.

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/CdguB3F
2025-09-17 11:16:34 +00:00
sebastjanartic
00f9419cb8 Update ad placement and format for better user experience
Update `AdSenseAd` component in `VideoPage.tsx` to use `adSlot="1372934919"` and `adFormat="auto"`, replacing the previous `adSlot="1234567894"` and `adFormat="rectangle"`.

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/eNJCYo3
2025-09-04 16:36:03 +00:00
sebastjanartic
728207e554 Update ad placement and configuration for better user experience
Modify the AdSenseAd component in VideoPage.tsx to use adSlot "5629279662" and adFormat "auto", replacing the previous rectangle ad configuration.

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/eNJCYo3
2025-09-04 16:35:14 +00:00
sebastjanartic
dd8ec301e2 Integrate ads to enhance platform monetization and user engagement
Introduce AdSenseAd component and integrate it across multiple pages (VideoPage, Home) to display various ad formats, including header, sidebar, and mid-content placements.

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/tiAdL5T
2025-09-04 16:24:43 +00:00
sebastjanartic
bfea83b609 Update text colors and translations for improved user experience
This commit addresses several UI and text-related changes across multiple components and pages. Key updates include:
- Modifying link hover colors from a specific red (#da234d) to white for better contrast and consistency.
- Adjusting text colors in various elements, such as buttons and labels, to white for improved readability.
- Translating loading messages and "no results found" messages into German for enhanced localization.
- Minor adjustments to the loading spinner text.

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/B14VAa5
2025-09-04 14:35:39 +00:00
sebastjanartic
395dba2daa Update the website's accent color to a vibrant red hue
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
2025-09-04 14:32:14 +00:00
sebastjanartic
3714cb7367 Update branding to use a new vibrant red color scheme
Apply the new primary red color #da234d across various UI components, including buttons, loaders, logos, and progress bars, to refresh the platform's visual identity.

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/C6hzfGb
2025-09-04 14:30:03 +00:00
sebastjanartic
ea3c606092 Update website's primary color to a vibrant pink for a more engaging user experience
Replace color values `#ec4c73` and `gradient-primary` with `#e91e63` across multiple components including CookieConsent, loading-spinner, netflix-grid, search-header, thumbnail-generator, video-ads, video-card, video-grid, video-modal, and various page components to unify the brand's visual identity.

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/nDZrZ7M
2025-09-04 14:08:45 +00:00
sebastjanartic
3fb75d4a7b Update website logos to use a new vibrant color scheme
Replace the gradient-primary class with a solid background color (bg-[#ec4c73]) for logos across various components to reflect the new branding.

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/xm26Qxg
2025-09-04 13:51:33 +00:00
sebastjanartic
ff28e9a5aa Update header link colors to a new shade for better visual distinction
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
2025-09-04 13:45:09 +00:00
sebastjanartic
b5f0b50c4a Update platform branding and sharing links to reflect the new domain name
This commit updates all instances of the old domain name "go4.video" to the new domain name "video.folx.tv" across various frontend components, including modals, headers, cards, and page metadata. It also includes updates to sharing intent URLs for Twitter and WhatsApp to use the new domain. Additionally, CSS for Video.js loading animations has been added to `index.css`.

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/jh6R7y2
2025-09-04 13:34:31 +00:00
sebastjanartic
20ccad65c1 Make the header transparent across the entire platform
Update CSS to make the header transparent, removing background and backdrop filter. Modify button colors in various components from a gradient to a solid rose color. Change placeholder text in the loading spinner.

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/jh6R7y2
2025-09-04 13:29:26 +00:00
sebastjanartic
c132ac0657 Update legal links to German language for better user experience
Updated privacy policy and terms and conditions links to display "Datenschutz" and "Nutzungsbedingungen" respectively across multiple pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/gjpMN2A
2025-09-03 20:33:41 +00:00
sebastjanartic
f6904184ca Add essential legal links to all pages for compliance
Integrate "Impressum", "Privacy Policy", and "Terms and Conditions" links across multiple pages, including FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, VideoPage, and home.tsx, addressing a requirement for visible legal documentation. Also, update copyright year in VideoPage to 2025.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/gjpMN2A
2025-09-03 20:31:48 +00:00
sebastjanartic
991d3416a8 Remove unused code block in video page component
Remove redundant div element from the VideoPage component's JSX structure.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/gjpMN2A
2025-09-03 17:46:36 +00:00
sebastjanartic
b456b175ea Remove automatic video playback and navigation features
Removes the autoplay functionality and related timers from the video player component in VideoPage.tsx, as well as adjusts integrations in the .replit file.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/gjpMN2A
2025-09-03 17:44:20 +00:00
sebastjanartic
de11d2a297 Add feature to automatically play the next video when one finishes
Implement autoplay functionality for videos. When a video finishes, it will automatically advance to the next video in the sequence after a set delay, with a toggle for enabling/disabling the feature.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/gjpMN2A
2025-09-03 17:34:59 +00:00
sebastjanartic
ccb36e484e Improve video data refresh rate for better performance
Adjust the refetchInterval for view counts from 30 seconds to 2 minutes in VideoPage and Home components to optimize data fetching and reduce potential load.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/gjpMN2A
2025-09-03 14:44:42 +00:00
sebastjanartic
59db5be03f Enhance video platform with real-time updates and refined visual elements
Improve video view count refresh rates and update PWA manifest and app icon visuals.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/3dnI7Tc
2025-09-03 13:22:45 +00:00
sebastjanartic
529d81649a Create shorter, more manageable video links for sharing
Update video sharing URLs to use a truncated 8-character ID derived from the original UUID, impacting client-side routing and sharing components.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/3dnI7Tc
2025-09-03 13:01:37 +00:00
sebastjanartic
1e50f5ba67 Improve video view tracking by using a shortened identifier
Update the video view tracking API calls to use a truncated version of the video ID (first 8 characters after removing hyphens) in `bunny-video-modal.tsx`, `video-modal.tsx`, and `VideoPage.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/gueMD9C
2025-09-03 12:12:05 +00:00
sebastjanartic
c5dd773a8b Improve video loading and social media sharing functionality
Fixes video loading errors by increasing retries and improving error handling in `VideoPage.tsx`. Updates social media prerendering in `server/index.ts` to correctly handle both short and full video IDs, ensuring proper metadata display for shared links.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/HCAS0JG
2025-09-03 12:06:16 +00:00
sebastjanartic
faa1eaf74e Update video navigation to use shorter, generated IDs
Modify the navigation logic in VideoPage.tsx to use a shortened, generated ID (first 8 characters after removing hyphens) for video routing instead of the full UUID.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/HCAS0JG
2025-09-03 11:16:49 +00:00
sebastjanartic
46a4abd430 Improve video recommendations and filtering logic for better content discovery
Update `VideoPage.tsx` to correctly filter recommended videos by excluding the current video's ID. Enhance category-based video filtering by using a temporary variable for the video title and safely accessing its properties.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/HCAS0JG
2025-09-03 11:14:13 +00:00
sebastjanartic
49fbc393a6 Improve social media image and URL generation for better sharing
Update social media image URL to use cache-busting with current timestamp and prioritize Bunny.net thumbnail.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/HCAS0JG
2025-09-03 10:59:42 +00:00
sebastjanartic
169b4b777b Improve video sharing by optimizing thumbnails and meta descriptions
Update meta description for videos to include title and platform details. Implement logic to fetch and resize actual thumbnails from Bunny.net for social media sharing, using JPEG format for better quality and setting a 2-hour cache. Also, improve video not found error handling and logging.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/HCAS0JG
2025-09-03 10:57:38 +00:00
sebastjanartic
78ff5e47f8 Update social media sharing to use dynamic URLs and images
Update client/index.html and client/src/pages/VideoPage.tsx to dynamically set social media meta tags (og:url, og:image, twitter:image) to the current domain and video-specific thumbnails, resolving issues with incorrect sharing previews.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
2025-09-03 10:51:32 +00:00
sebastjanartic
3ade22e7a1 Improve video page descriptions for better search engine visibility
Update meta and Open Graph descriptions to use original video descriptions or a fallback German description for improved SEO and social sharing. Add German locale.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
2025-09-03 10:49:26 +00:00
sebastjanartic
967aa3025c Improve social media sharing by updating image generation
Updates social media image generation to use a new, dynamically generated image with a cache-busting parameter, ensuring up-to-date previews on platforms like WhatsApp and Viber. This includes enhancements to the SVG generation process using Sharp for optimized PNG output.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
2025-09-03 10:47:45 +00:00
sebastjanartic
5716c576c6 Visually indicate video navigation direction with animated dots
Update VideoPage component to add visual feedback for video navigation. A state variable `activeDot` controls the styling of navigation dots, changing to a gradient when a direction is selected and returning to a default style after a short delay. This provides users with a visual cue indicating the direction of video transitions.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
2025-09-03 09:03:39 +00:00
sebastjanartic
2a0faf1521 Adjust video player navigation dots to a consistent size
Update the CSS for the video player navigation dots in VideoPage.tsx, removing fixed width and height Tailwind classes and applying inline styles for consistent 8px dimensions.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
2025-09-03 09:02:19 +00:00
sebastjanartic
10dd4ad073 Add navigation dots to video player for mobile viewing
Adds mobile-specific navigation dots to the video player on the VideoPage component, allowing users to cycle through videos using touch gestures.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
2025-09-03 09:01:36 +00:00
sebastjanartic
d7a7eddf6d Translate UI elements and search placeholders to German
Update navigation links from "Home" to "Startseite" and search input placeholders from "Search..." to "Suchen..." across multiple pages for German language support. Also, modifies a loading message in `GeschichteLiedPage.tsx` from "Loading GESCHICHTE VUM LIED..." to "Loading GESCHICHTE DES LIEDES...". The footer structure in `home.tsx` is also refactored.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 17:13:59 +00:00
sebastjanartic
a863534a9a Improve video navigation button visibility on hover
Adjusted the hover opacity of the previous and next video navigation buttons from 100% to 75% in `VideoPage.tsx` to provide a subtle visual change.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:36:07 +00:00
sebastjanartic
e0e20b7e8b Improve video player controls by showing them only on hover
Add hover effects to video player navigation buttons, making them visible only when the user hovers over the video player.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:35:30 +00:00
sebastjanartic
c39d821989 Update video player navigation buttons with new colors and styles
Refactors VideoCard and VideoPreviewThumbnail components, updates navigation buttons on VideoPage with a new gradient style, and modifies the company logo's styling on the Home page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/d05DGZF
2025-09-02 15:30:43 +00:00
sebastjanartic
72bded4b3d Introduce a new custom loading spinner component with animations
Replace existing simple loading indicators with a new animated `LoadingSpinner` component across various pages and components, including `HLSPreviewThumbnail`, `NetflixGrid`, `ThumbnailGenerator`, `VideoAds`, `VideoGrid`, `FolxStadlPage`, `GeschichteLiedPage`, `GipfelstammtischPage`, and `VideoPage`. The new component features a customizable size, text, and a pulsing gradient animation, improving the visual feedback during loading states.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/UbX8tN8
2025-09-02 10:38:08 +00:00
sebastjanartic
91885b4505 Standardize pagination button styles across multiple pages
Update pagination button classes in FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, and VideoPage to include consistent styling for height, padding, and flex alignment, ensuring a uniform look and feel for navigation elements.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
2025-09-01 22:06:20 +00:00
sebastjanartic
6781c400fa Improve navigation button size and position for video playback
Adjusted the CSS classNames for the previous and next video navigation buttons on the VideoPage component. Specifically, changed `left-1` to `left-2` and `right-1` to `right-2` for positioning, and updated the `w-10 h-10` for size. Also added console logs to aid in debugging video filtering.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
2025-09-01 22:03:08 +00:00
sebastjanartic
ccc10bb5a7 Improve video recommendations by refining category filtering
Update VideoPage component to correctly filter videos related to "Geschichte des Liedes" by simplifying the conditional logic and adding console logs for debugging.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
2025-09-01 22:00:52 +00:00
sebastjanartic
23b20d5105 Improve video navigation by adding touch swipe functionality
Add console logs to the VideoPage component to aid in debugging touch swipe gesture recognition and video navigation logic.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
2025-09-01 21:59:13 +00:00
sebastjanartic
5b26f41fa7 Improve video navigation between related content within categories
Refine video navigation logic in VideoPage.tsx to filter videos by category (Gipfelstammtisch, Geschichte des Liedes, FOLX STADL) ensuring correct swipe functionality and preventing navigation to unrelated videos.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/DyHCx4q
2025-09-01 21:58:03 +00:00
sebastjanartic
3d8ed65c92 Enhance mobile menu with new sub-pages and improved layout
Update mobile navigation in multiple pages (FolxStadlPage, GeschichteLiedPage, GipfelstammtischPage, VideoPage, home.tsx) to include new sub-pages and refine the visual presentation. The changes introduce a "Navigation" section with categorized links and improved styling for better usability on mobile devices.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
2025-09-01 21:16:20 +00:00
sebastjanartic
4317d57528 Improve search bar appearance and functionality across the platform
Update the CSS class for search input elements in multiple pages to increase width from w-48 to w-56, enhancing visual appeal.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
2025-09-01 21:06:03 +00:00
sebastjanartic
6f92900220 Shrink the website logo size in the header slightly
Adjusted logo dimensions from w-12 to w-10 and text size from text-3xl to text-2xl across multiple page components (FolxStadlPage.tsx, GeschichteLiedPage.tsx, GipfelstammtischPage.tsx, VideoPage.tsx, home.tsx) to reduce the overall logo footprint in the header.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
2025-09-01 21:01:46 +00:00
sebastjanartic
a9d0df44ad Add a new page for Gipfelstammtisch videos
Introduce a new route and page component for "Gipfelstammtisch" content, and add navigation links to access it from various parts of the application.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
2025-09-01 20:57:18 +00:00
sebastjanartic
1ef55beaa5 Update header styles and navigation links across multiple pages
Applies consistent header styling and navigation links to VideoPage and FolxStadlPage, including larger logo, updated spacing, and hover effects for navigation items.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/2xHHKQn
2025-09-01 20:51:07 +00:00
sebastjanartic
5034289fd2 Center and limit content width for better display on large screens
Introduces a new CSS class `.container` with `max-width: 1200px` and `margin: 0 auto` to center content. This class is applied to main content areas in `FolxStadlPage.tsx`, `VideoPage.tsx`, and `home.tsx` to resolve layout stretching issues on wide monitors.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/SHCPaqp
2025-09-01 17:53:34 +00:00