sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
1,257 Commits 1 Branch 0 Tags 117 MiB
9ceb8d3fc6
Commit Graph

170 Commits

Author SHA1 Message Date
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
sebastjanartic
0425cb899a Add social media sharing previews for videos 
Implement a server-side API to generate dynamic social media shareable image thumbnails for videos and update the client to utilize this new API for open graph and Twitter meta tags.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/mbX83Mu
 2025-08-31 20:44:31 +00:00
sebastjanartic
f9f1ad7ffe Improve social media sharing image for videos 
Update the Open Graph image tag in the VideoPage component to prioritize custom thumbnails, then video thumbnails, and finally a fallback social share image (go4-video-social-share.png) for improved social media previews.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-31 08:00:14 +00:00
sebastjanartic
e28cb10ba3 Improve video player security by restricting embedded content execution 
Add sandbox attribute to the video player iframe in VideoPage.tsx to enhance security.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:38:43 +00:00
sebastjanartic
be30dec98a Adjust swipe sensitivity for video navigation 
Modify swipe detection threshold in VideoPage.tsx from 50px to 20px for more responsive video navigation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:30:27 +00:00
sebastjanartic
2c1f1a66be Improve touch controls for video scaling on mobile devices 
Adjust touch overlay positioning on the VideoPage component to prevent interference with bottom video controls, allowing for proper scaling actions on mobile.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:28:42 +00:00
sebastjanartic
6c9ee677b2 Improve video controls display for mobile users 
Adjust touch overlay on mobile devices to only appear on the edges of the video player, ensuring better visibility and interaction with video controls in `client/src/pages/VideoPage.tsx`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:27:28 +00:00
sebastjanartic
3b988f2566 Remove forced autoplay for embedded videos 
Update VideoPage.tsx to remove the 'autoplay=1' query parameter from the iframe src attribute for embedded videos.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:24:56 +00:00
sebastjanartic
81ea7abde1 Improve video navigation on mobile devices 
Adds touch event handlers and a dedicated touch overlay to the video player page, enabling horizontal swipe navigation on mobile. The `touchAction` CSS property is set to 'pan-y pinch-zoom' on the main video container and 'none' on the overlay to prevent default browser behaviors while allowing vertical scrolling and pinch-to-zoom.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:24:21 +00:00
sebastjanartic
61cbd47c7b Adjust video player navigation button transparency for better visibility 
Update CSS classes for previous and next video navigation buttons on the VideoPage component to use a lighter background transparency (from bg-black/70 to bg-black/40).

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:11:45 +00:00
sebastjanartic
4a21b2bf6d Improve navigation buttons for video playback 
Update the styling and size of the previous and next video navigation buttons on the VideoPage component, making them more visually appealing and user-friendly.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:11:15 +00:00
sebastjanartic
bad85bbe55 Improve video navigation button styling and remove console logs 
Remove console logs from video navigation functions and update button class names for improved styling.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:10:23 +00:00
sebastjanartic
3eff6352c4 Improve video navigation with previous and next buttons 
Update VideoPage to fetch more recommended videos and enhance the functionality and styling of previous/next video navigation buttons, including added console logs for debugging.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:09:51 +00:00
sebastjanartic
011730c699 Improve video player navigation and playback controls for better user experience 
Update VideoPage component to adjust styling for previous/next video buttons and iframe element. Specifically, modifies button background opacity, removes z-index from iframe, and adds pointer-events style to both buttons and iframe for improved interaction.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:07:59 +00:00
sebastjanartic
03b851afa9 Increase the number of recommended videos shown on the video page 
Updated the API call in VideoPage.tsx to fetch 150 recommended videos instead of 20.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:07:20 +00:00
sebastjanartic
0aaabb1998 Improve video playback by ensuring it displays correctly on screen 
Update the video player to include a higher z-index, ensuring it is layered correctly and visible above other elements on the page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:06:24 +00:00
sebastjanartic
e65ed970ad Fix video display issues on the video page 
Removed unnecessary overlay div and simplified iframe loading logic in VideoPage.tsx to resolve display problems.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
 2025-08-30 23:05:36 +00:00
sebastjanartic
a62eedb25c Fix black screen issue by properly loading video player 
Update VideoPage to add a black overlay div with id 'video-overlay' that is hidden after the iframe video player loads, resolving the black screen issue reported by the user.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 23:04:15 +00:00
sebastjanartic
a5962fd556 Improve video player opacity transition on load 
Add null check for video player element before setting opacity in VideoPage.tsx to prevent potential runtime errors.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 23:03:44 +00:00
sebastjanartic
17186275f6 Improve video playback experience with smoother transitions and better loading 
Update VideoPage component in client/src/pages/VideoPage.tsx to enhance video loading by adding a black background overlay and gradually fading in the iframe content with a 500ms delay after the video is ready, ensuring a smoother visual experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 23:03:10 +00:00
sebastjanartic
b948699373 Improve video playback by preventing automatic playback on load 
Update the iframe source to include `&poster=0` to prevent automatic video playback when the page loads, addressing user reports of unexpected video behavior.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 23:02:22 +00:00
sebastjanartic
b035404a3b Remove video loading indicator and related states 
Removes the `isVideoLoading` state and associated logic in `VideoPage.tsx` to simplify video playback initialization.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 23:01:03 +00:00
sebastjanartic
69b7473ce0 Improve video playback by hiding thumbnail before video loads 
Add a loading indicator and manage video loading state to prevent the thumbnail from appearing briefly before playback starts.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:59:56 +00:00
sebastjanartic
fbc1bfab09 Improve video navigation by using state for smoother transitions 
Update VideoPage component to use setLocation for navigation, replacing direct window.location.href assignment for smoother client-side routing.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:54:30 +00:00
sebastjanartic
5456496e27 Update video player to allow seamless transitions between videos 
Replace direct window location changes with programmatic navigation for smoother video playback transitions.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:52:54 +00:00
sebastjanartic
dbf70f9e2f Update video player to enable sound by default 
Modify VideoPage.tsx to remove the 'muted=0' parameter from the iframe source, allowing autoplay with sound.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:51:11 +00:00
sebastjanartic
b2a4cfd8d4 Enable videos to autoplay with sound on the platform 
Modify the video player to automatically play videos with sound when they are loaded, and adjust the video card component to disable hover previews on mobile devices.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:47:39 +00:00
sebastjanartic
5d783fc250 Enable users to swipe between videos on mobile devices 
Implement touch event handlers for swipe gestures on the video player component to navigate between videos, and adjust navigation button visibility for mobile responsiveness.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:44:53 +00:00
sebastjanartic
c58677ab47 Improve navigation button appearance and touch responsiveness on mobile devices 
Adjusted styling and sizing for previous/next video navigation buttons in VideoPage.tsx to enhance touch targets and ensure proper rendering on smaller screens, addressing reported mobile usability issues.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:44:03 +00:00
sebastjanartic
293bb47baf Update website text to support German language display 
Modify UI text elements in VideoPage.tsx to display German strings instead of English or Slovenian.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:43:06 +00:00
sebastjanartic
5efd448cff Update copyright text to include German translation 
Update copyright string in VideoPage.tsx to include German translation "Alle Rechte vorbehalten."

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:35:06 +00:00
sebastjanartic
5db02f02f3 Update video page layout for better responsiveness and wider display 
Adjusts the container width and column layout in `VideoPage.tsx` to use a max-w-7xl container and change the flex direction from `xl:flex-row` to `lg:flex-row`, and modifies the sidebar width from `xl:w-80 2xl:w-96` to `lg:w-96` for improved responsiveness.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:33:29 +00:00
sebastjanartic
74896a357e Adjust layout for improved video page responsiveness across devices 
Update CSS class names in `VideoPage.tsx` to use `w-full` and adjust container widths for better responsiveness on different screen sizes, specifically targeting `md` and `xl` breakpoints.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:32:49 +00:00
sebastjanartic
1e8aa40ff8 Improve video page layout for better mobile experience 
Adjust layout properties in VideoPage.tsx to use `md:flex-row` and `md:w-96` for improved responsiveness on medium-sized screens and above.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
 2025-08-30 22:31:28 +00:00
sebastjanartic
24f6333ddf Restored to '8b2eb2a6aafb181bb1f91b8959d05ff22e192916' 
Replit-Restored-To: 8b2eb2a6aa
 2025-08-30 22:28:18 +00:00
sebastjanartic
d02b447c3e Adjust video navigation button appearance and positioning on the page 
Update styling and positioning of navigation buttons on the VideoPage component in client/src/pages/VideoPage.tsx.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/9NQBiz8
 2025-08-30 22:27:25 +00:00
sebastjanartic
f9c60b67da Update the video page to support German language and improve navigation 
Add German language support to the video page, including UI text and date formatting. This commit also refines navigation arrow visibility and styling on the video player.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/9NQBiz8
 2025-08-30 22:25:55 +00:00
sebastjanartic
af4284cb37 Update website and search functionality with German language translations 
Update search input placeholders and various text elements across the application to German.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/9NQBiz8
 2025-08-30 22:15:46 +00:00
sebastjanartic
25562ab317 Update interface text to German for better user experience 
Translate UI elements and messages from English to German across various components and pages, including video availability, loading states, and recommendations.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/9NQBiz8
 2025-08-30 22:03:12 +00:00
sebastjanartic
4b46ac1b64 Adjust spacing for recommended videos to reduce visual clutter 
Update the 'space-y' utility class from 'space-y-3' to 'space-y-2' and adjust padding from 'p-3' to 'p-2' in the VideoPage component to decrease the vertical spacing between recommended video items.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/9NQBiz8
 2025-08-30 21:45:42 +00:00
sebastjanartic
646c79feb5 Improve video recommendation display with concise view and upload time 
Update VideoPage.tsx to consolidate video view count and creation date into a single line, enhancing the visual presentation of recommended videos.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/9NQBiz8
 2025-08-30 21:44:56 +00:00
sebastjanartic
9c889df962 Improve mobile menu display and functionality across pages 
Refactor mobile menu component to improve its display and responsiveness on different pages, including the addition of a search bar within the mobile menu.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/xbALwBu
 2025-08-30 21:38:19 +00:00
sebastjanartic
e7fe1e6016 Make the header stay in place when scrolling down the page 
Update CSS to change the header's position from sticky to fixed, ensuring it remains visible at the top of the viewport. Add padding to the body to prevent content from being obscured by the fixed header.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/BesXHXW
 2025-08-30 21:23:51 +00:00
sebastjanartic
0875db5a5c Remove unnecessary 'relative' positioning from sticky headers 
Removes the 'relative' class from the header div in FolxStadlPage, VideoPage, home, and not-found pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/ltgXnRK
 2025-08-30 21:21:46 +00:00
sebastjanartic
bfa6b23421 Fix header to be static on all pages 
Removes the `position: 'static'` style from container divs on FolxStadlPage, VideoPage, Home, and NotFound pages to ensure the header remains static.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/rbkPQlw
 2025-08-30 21:20:35 +00:00
sebastjanartic
0c04653411 Improve video display and header stacking on all pages 
Adjust z-index values in NetflixGrid and VideoPage components to resolve header overlap issues.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/rfllMl3
 2025-08-30 21:19:21 +00:00
sebastjanartic
b8f931a0a0 Make the website header sticky and visually enhanced 
Implement a sticky header with improved styling, including background blur and border, across multiple pages by changing CSS classes and ensuring proper positioning.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 051a65da-1176-4478-a61c-c662f2a15536
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/051a65da-1176-4478-a61c-c662f2a15536/qNN47yK
 2025-08-30 21:16:49 +00:00
sebastjanartic
5d18414f25 Improve video sharing functionality and clean up page structure 
Update share buttons to use divs instead of buttons for better accessibility, and adjust the header element in the home page component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 917af350-dda6-4e65-b67d-4f315b389291
Replit-Commit-Checkpoint-Type: full_checkpoint
 2025-08-30 21:12:27 +00:00
sebastjanartic
dd5452afba Prevent header from sticking to the top of the page on all pages 
Introduce a new CSS class `header-non-sticky` to override default sticky positioning of headers across various pages (Home, VideoPage, FolxStadlPage, NotFound). This ensures the header remains static and does not obscure content.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Z1wmn8z
 2025-08-30 21:06:07 +00:00
sebastjanartic
327582adef Adjust layout for improved visual presentation across pages 
Remove unused search header imports and change header positioning to static on multiple pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Z1wmn8z
 2025-08-30 21:04:22 +00:00
sebastjanartic
de39a841d2 Update logo appearance with a primary gradient and shadow effect 
Adjusted the logo's styling in multiple pages (FolxStadlPage, VideoPage, home) by applying a 'gradient-primary' class and a shadow, enhancing its visual presence.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
 2025-08-30 20:58:08 +00:00
sebastjanartic
549a0b4a78 Remove unnecessary background blur and gradients from page headers 
Update header component styles in FolxStadlPage, VideoPage, and home pages to remove `backdrop-blur-sm` and `gradient-primary`, setting the logo background to `bg-transparent`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
 2025-08-30 20:57:18 +00:00
sebastjanartic
c34d6f9d69 Make page headers transparent and float with scrolling 
Update header background to be transparent in FolxStadlPage, VideoPage, and Home pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
 2025-08-30 20:55:14 +00:00
sebastjanartic
12997a2e53 Make page headers more transparent and less intrusive 
Update header background and border opacity in multiple page components to create a more subtle visual effect.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
 2025-08-30 20:54:10 +00:00
sebastjanartic
66824ab3ed Add a search bar for videos to the main pages 
Integrates a search input and icon into the header navigation of the Folx Stadl, Video, and Home pages, enabling users to search for videos.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
 2025-08-30 20:52:53 +00:00
sebastjanartic
20bf8e939b Add transparent navigation header with logo and links 
Replace SearchHeader component with a custom transparent header containing the logo, home, and FOLX STADL links for both VideoPage and Home pages.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/lK7HRF1
 2025-08-30 20:51:16 +00:00
sebastjanartic
b9a21c4ee7 Add search and view mode functionality to video pages 
Introduces state management for search queries and view modes (grid/list) on both FolxStadlPage and VideoPage, enhancing user interaction and navigation with updated SearchHeader props.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
 2025-08-30 20:45:13 +00:00
sebastjanartic
8d319bca14 Add search bar to video streaming pages 
Replace custom header components with a reusable SearchHeader component on the FolxStadlPage and VideoPage, integrating search functionality.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
 2025-08-30 20:44:08 +00:00
sebastjanartic
5d6a4ab8b1 Apply consistent header styling across all pages 
Updates the header component's styling to match the design of the 'Folx Stadl' page, ensuring a uniform look and feel across the application. This involves modifying CSS classes and structure in `client/src/components/search-header.tsx` and `client/src/pages/VideoPage.tsx` to achieve the desired aesthetic.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
 2025-08-30 20:41:38 +00:00
sebastjanartic
ac09688eeb Improve header design by adjusting height and logo spacing 
Adjust the height of the header element and modify the spacing around the logo for an improved visual presentation in the `VideoPage` component.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
 2025-08-30 20:38:15 +00:00
sebastjanartic
f157385dd6 Add navigation arrows to move between videos seamlessly 
Introduce previous and next navigation arrows on the video player interface, allowing users to easily cycle through available videos. Icons for ChevronLeft and ChevronRight are added to lucide-react. Navigation logic is implemented in the VideoPage component to handle cycling through videos using window.location.href.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
 2025-08-30 20:29:15 +00:00
sebastjanartic
357ef9c50e Update video viewing to navigate directly to video pages 
Modify `NetflixGrid` and `VideoGrid` to navigate to individual video pages instead of opening modals. Remove debug logs and styling from `VideoPage` component, and update recommended videos display.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
 2025-08-30 20:25:04 +00:00
sebastjanartic
90c50cc1da Improve visual layering and stacking context for video page elements 
Adjust z-index values for header and main content containers on the VideoPage to ensure correct visual layering, especially with overlapping elements or complex CSS.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DFHhzsd
 2025-08-30 20:23:11 +00:00
sebastjanartic
e967dfdecd Improve video page layout with added visual styling 
Update VideoPage.tsx to include background colors and borders for main video section and its container, likely for debugging or visual development purposes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DFHhzsd
 2025-08-30 20:21:41 +00:00
sebastjanartic
f847f921ca Improve video recommendations display with debugging information 
Update VideoPage.tsx to display the count of recommended videos and change the thumbnail background color for debugging purposes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DFHhzsd
 2025-08-30 20:20:37 +00:00
sebastjanartic
5679ce6ff0 Improve how recommended videos are displayed on the video page 
Update the recommended videos section on the VideoPage component to include debugging visual indicators.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DFHhzsd
 2025-08-30 20:19:57 +00:00
sebastjanartic
ae56bdc0fa Add debugging logs for recommended videos 
Added console logs in VideoPage.tsx to debug and inspect the recommended videos data, including videoId, total videos, filtered count, and a sample of the recommended videos.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/DFHhzsd
 2025-08-30 20:14:34 +00:00
sebastjanartic
cb27862cb5 Improve video page layout for recommended videos 
Update CSS class for recommended videos sidebar on the VideoPage component to ensure proper rendering on all screen sizes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/W2v7sFm
 2025-08-30 20:12:48 +00:00
sebastjanartic
1066402619 Improve video sharing by using custom thumbnails when available 
Update `client/src/pages/VideoPage.tsx` to prioritize `customThumbnailUrl` over `thumbnailUrl` for Open Graph and Twitter meta tags, enhancing social sharing previews.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Sy6XHzr
 2025-08-30 20:00:13 +00:00
sebastjanartic
4b415de2c9 Improve video sharing functionality and page meta tags 
Update `bunny-video-modal.tsx` to support custom share domains and modify `VideoPage.tsx` to dynamically update meta tags (title, description, Open Graph, Twitter Card) for enhanced social sharing, using `VITE_SHARE_DOMAIN` environment variable for custom domain configuration.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/Sy6XHzr
 2025-08-30 19:58:59 +00:00
sebastjanartic
2355fc4da6 Restored to '7fd7127003398a269f1f765208c8baced728aafb' 
Replit-Restored-To: 7fd7127003
 2025-08-30 12:39:34 +00:00
sebastjanartic
eb14429383 Remove picture-in-picture mode from video player to improve user experience 
Remove the 'picture-in-picture' permission from the iframe allow attribute in both BunnyVideoModal and VideoPage components.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
 2025-08-29 16:18:10 +00:00
sebastjanartic
22aac877b9 Add video navigation and translate UI elements to Slovenian 
Introduce left/right arrow navigation for videos and translate several UI strings to Slovenian.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/14Urb47
 2025-08-28 20:24:30 +00:00
sebastjanartic
c17c51c82c Remove the back button and add a search icon to the video page 
Replaces the desktop "Back" button on the VideoPage with a search icon, and removes the button entirely.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/mzoDqOY
 2025-08-28 19:53:20 +00:00
sebastjanartic
e8fbff8a8b Update mobile button to navigate back to previous page 
Replaces the mobile menu button with a back navigation button in the VideoPage component, and updates its data-testid.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/bJSx96m
 2025-08-28 19:52:07 +00:00
sebastjanartic
9885905652 Adjust the display of mobile menus and add a navigation button 
Update the animation for the mobile menu on the video page and add a mobile navigation button to the 404 page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/jevPZgI
 2025-08-28 19:50:53 +00:00
sebastjanartic
6cb28870a2 Improve footer design by repositioning and resizing decorative triangles 
Refactor CSS for footer triangle elements in VideoPage, Home, and NotFound components, adjusting positioning and dimensions for better visual appeal and to prevent text overlap.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/GLdjeU9
 2025-08-28 19:19:41 +00:00
sebastjanartic
e3b00c1c2c Remove unused category and tag information from video displays 
Removes the rendering of video categories and tags from the modal, video card, and video page components in the client.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/BjeofQf
 2025-08-28 19:10:40 +00:00
sebastjanartic
43390116b7 Add mobile menu and display video categories and tags 
Integrates a mobile-friendly menu with search functionality and displays video categories and tags fetched from Bunny.net metadata, enhancing content discoverability and user experience on all devices.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/wsHCZ4W
 2025-08-28 18:27:23 +00:00
sebastjanartic
42883d8409 Restored to '44d6f571a5a2b8bce0fd4e8a9eae76204284885b' 
Replit-Restored-To: 44d6f571a5
 2025-08-28 17:43:16 +00:00
sebastjanartic
b744eb1bf5 Integrate Bunny.net iframe player for video playback 
Replace HLS.js video player with Bunny.net iframe embed in VideoPage.tsx to utilize their CDN for video streaming.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/52uJ2fJ
 2025-08-28 17:43:05 +00:00
sebastjanartic
eb29cb0b7e Improve video playback by integrating HLS.js for adaptive streaming 
Replace the iframe embed with a video player utilizing HLS.js for adaptive streaming and update the hls.js dependency to version 1.6.11.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/52uJ2fJ
 2025-08-28 17:41:55 +00:00
sebastjanartic
506bd52dc3 Revert to original Bunny.net player for video playback 
Reverts client-side video player to use Bunny.net's iframe embed and updates server storage to reflect the original Bunny.net iframe URLs instead of HLS stream URLs.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/Biq0lDI
 2025-08-28 17:39:36 +00:00
sebastjanartic
ece04e8891 Update video player to use Video.js and HLS streaming 
Integrate Video.js for improved video playback and switch to HLS streaming from Bunny.net CDN. Update server storage to reflect new video URL format for HLS compatibility.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/M1DfQp9
 2025-08-28 17:36:25 +00:00
sebastjanartic
e0f349703f Update video player to use Bunny.net embed for improved streaming 
Integrates Bunny.net's iframe embed for video playback on the client-side and updates the video URL format in the database storage to reflect this change.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/k4pa29Y
 2025-08-28 17:34:38 +00:00
sebastjanartic
3481a92615 Improve video view count display and optimize Bunny service integration 
Update `formatViews` to handle undefined view counts and instantiate `BunnyService` in `bunny.ts`.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/eEXLcyA
 2025-08-28 17:30:37 +00:00