sebastjanartic
7f19a13d73
Improve spacing and scrolling in video category rows
...
Adjust horizontal spacing for video cards and update scrolling logic in the CategoryRow component to use a new gap value (16px instead of 12px), affecting the scroll amount calculation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:31:03 +00:00
sebastjanartic
6abaaca81d
Adjust video grid spacing for better visual alignment
...
Update the scroll amount in the Netflix grid component to scroll by 4 cards with adjusted card width (240px + 12px gap), improving visual alignment.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:29:44 +00:00
sebastjanartic
8ff6ddf080
Adjust content width for better visual presentation on various screens
...
Update maxWidth from '1100px' to '1000px' in netflix-grid.tsx and home.tsx to improve layout consistency.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:27:44 +00:00
sebastjanartic
2946c68537
Adjust width of video cards in category rows
...
Reduce the width of video cards in NetflixGrid component from 260px to 240px.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:26:31 +00:00
sebastjanartic
1839100f6d
Adjust video card display and container width for better content visibility
...
Updates the maximum width of the main content container and the width of individual video cards in the Netflix grid component to improve layout and display of multiple items.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:25:58 +00:00
sebastjanartic
7969211351
Improve video grid navigation and display for better user experience
...
Update the Netflix grid component to display videos in groups of four with updated card widths, container max-width, and implemented click-based scrolling for navigation arrows.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:25:30 +00:00
sebastjanartic
31b0f41dee
Adjust video card size to display fewer items per row
...
Update the CSS class in `netflix-grid.tsx` to change the width of video cards, adjusting the display of items within category rows.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:24:02 +00:00
sebastjanartic
dc62c6ccb1
Improve video grid layout and spacing for better viewing
...
Adjust max-width of category rows and individual video card widths within the Netflix grid component to accommodate more content per row. Update home page header padding for consistency.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/fyyFszO
2025-09-01 15:22:58 +00:00
sebastjanartic
96ae4a3fc6
Improve layout and remove test text from video grid
...
Adjust max-width of category rows and remove placeholder text from category titles.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/7xJ1fA0
2025-09-01 15:12:48 +00:00
sebastjanartic
8829c3464b
Update category titles to include a test prefix
...
Add "TEST SPREMEMBA - " prefix to category titles in the netflix-grid component.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/7xJ1fA0
2025-09-01 15:08:33 +00:00
sebastjanartic
39f8c6c927
Improve video grid layout with adjusted maximum width and red background
...
Adjusted `netflix-grid.tsx` to set `maxWidth` to '800px' and added a semi-transparent red background to the scrollable container.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/7xJ1fA0
2025-09-01 15:07:53 +00:00
sebastjanartic
31ea54c1d5
Improve video grid layout for better content visibility
...
Update the `CategoryRow` component in `netflix-grid.tsx` to adjust the maximum width and centering of the video grid, and modify the width of individual video items for improved display.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/7xJ1fA0
2025-09-01 15:06:55 +00:00
sebastjanartic
548098feaa
Adjust layout to improve video grid display and scrolling
...
Modify the container div in `netflix-grid.tsx` to remove max-width and adjust the scrollable row's padding and max-width for better edge-to-edge display.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/7xJ1fA0
2025-09-01 15:06:02 +00:00
sebastjanartic
3d28babfbe
Update video grid navigation to use circular buttons
...
Refactor the navigation arrows in the `netflix-grid.tsx` component to use circular buttons with improved styling and functionality.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/srjpoes
2025-09-01 15:04:29 +00:00
sebastjanartic
6c96096968
Improve video grid layout and navigation with track-style arrows
...
Adjusted netflix-grid.tsx: Modified container classes for `CategoryRow` to ensure videos do not overflow horizontally (`max-w-6xl mx-auto` and `px-4`). Changed navigation arrows to a gradient track style positioned at the edges of the container, replacing circular buttons. Updated video card widths for various screen sizes to `w-280px` to `w-340px`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/srjpoes
2025-09-01 15:03:43 +00:00
sebastjanartic
fb6c395d85
Improve video grid layout and spacing for better visual appeal
...
Adjusted CSS classes in `netflix-grid.tsx` to increase gap between videos and update video card widths for various screen sizes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/srjpoes
2025-09-01 15:02:21 +00:00
sebastjanartic
8148df4888
Adjust video grid spacing and sizing for improved visual presentation
...
Update client/src/components/netflix-grid.tsx to modify the flex gap from 3 to 2 and adjust the width of video elements across different screen sizes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/srjpoes
2025-09-01 15:01:49 +00:00
sebastjanartic
1caa063eed
Update UI text to German for specific categories
...
Translate category titles "Najbolj gledano" to "Meistgesehen" and "Priljubljeno zdaj" to "Beliebt jetzt" within the NetflixGrid component and adjust conditional rendering logic for the "Top 10" overlay.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/M6U47Dp
2025-09-01 15:00:14 +00:00
sebastjanartic
84cde4e194
Adjust layout to improve content visibility on the homepage
...
Update horizontal scrolling and padding in the category row component, and adjust homepage container padding for better content presentation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/M6U47Dp
2025-09-01 14:57:12 +00:00
sebastjanartic
4be4039707
Limit content width on larger screens for better viewing
...
Update `max-width` CSS classes in `netflix-grid.tsx` and `home.tsx` to enforce a maximum width of 6 "xl" units, improving layout on large monitors.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:49:20 +00:00
sebastjanartic
7111366f08
Improve video browsing experience with responsive scrolling and layout adjustments
...
Update UI elements for better navigation and content display, including responsive scrolling in category rows, adjusted margins, and optimized video card widths for various screen sizes. Also enhances the overall layout with wider containers for improved viewing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:48:03 +00:00
sebastjanartic
0c1d1e7053
Improve video carousel navigation by enabling smooth scrolling on hover
...
Update client/src/components/netflix-grid.tsx to trigger smooth scrolling of video categories when hovering over navigation arrows.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:45:24 +00:00
sebastjanartic
0956bbba7d
Improve video browsing by allowing users to scroll four videos at a time
...
Update the `CategoryRow` component in `netflix-grid.tsx` to adjust the scroll amount for video navigation buttons. The scroll amount is now calculated to move exactly four cards at a time (312px per card), ensuring a consistent browsing experience. Additionally, navigation arrows are now explicitly styled and positioned for better usability.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:44:58 +00:00
sebastjanartic
6e8e6d7167
Limit displayed video cards and adjust layout for desktop view
...
Update client/src/components/netflix-grid.tsx and client/src/pages/home.tsx to adjust the display of video cards and container widths for a better desktop experience.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:41:47 +00:00
sebastjanartic
52b2846821
Add navigation arrows to all video rows for easier browsing
...
Update client/src/components/netflix-grid.tsx to ensure navigation arrows are always visible on video rows, removing conditional rendering based on hideScrollButtons prop.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 13:30:56 +00:00
sebastjanartic
c0f16f92e4
Improve the visual design of video row navigation buttons
...
Update the styling and positioning of the navigation arrows for video rows, making them smaller and more visually subtle.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 13:29:45 +00:00
sebastjanartic
a1ef7eb7e4
Improve row navigation by adding visual cues for scrolling
...
Modify the `CategoryRow` component in `netflix-grid.tsx` to display a semi-transparent red background on navigation arrows, indicating their presence and potential functionality.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 13:20:22 +00:00
sebastjanartic
8bd0640ed9
Adjust video row display and add navigation arrows for desktop
...
Removes right scroll button from NetflixGrid component, adjusts video widths, and adds navigation arrows to the end of each row for desktop view, improving user experience and navigation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:18:00 +00:00
sebastjanartic
0932300f25
Improve scrolling experience for video category rows
...
Adjust the right scroll button's appearance and size in the `CategoryRow` component, making it larger and more prominent for desktop users.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:16:34 +00:00
sebastjanartic
6ee2a6b948
Improve visibility and interaction of row navigation arrows
...
Update `netflix-grid.tsx` to increase the size and opacity of the left and right navigation buttons, and their respective Chevron icons, for enhanced usability on larger screens.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:15:11 +00:00
sebastjanartic
3f3a0587fa
Update video categories to Slovenian language
...
Translate "Meist Angesehen" to "Najbolj gledano" and "Trending Now" to "Priljubljeno zdaj" in the NetflixGrid component and update the conditional rendering for the top 10 number overlay.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:14:10 +00:00
sebastjanartic
d08188e48f
Adjust layout for video card display and spacing
...
Update `netflix-grid.tsx` to modify CSS classes for category rows and video cards, adjusting margins, padding, and widths for improved visual presentation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:13:38 +00:00
sebastjanartic
be94dce16d
Improve video card appearance by removing hover effects
...
Remove subtle scaling and opacity transitions from video cards on hover to prevent unintended micro-animations.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:08:26 +00:00
sebastjanartic
1ad5b17540
Hide scroll arrows on the homepage for mobile devices
...
Updated the `CategoryRow` component in `netflix-grid.tsx` to hide the left and right scroll chevron buttons on smaller screen sizes (md breakpoint and below) by adding the `hidden md:flex` CSS classes.
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:25:50 +00:00
sebastjanartic
9bf9eb7cd0
Update navigation to use router for smoother video transitions
...
Replaced window.location.href with setLocation from wouter for client-side routing to individual video pages.
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:56:01 +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
0b35c4fed2
Improve video preview loading and interaction on mobile devices
...
Shorten video preview delay on smaller screens and add touch event listeners to VideoCard component for better 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:42:11 +00:00
sebastjanartic
8a2d5403ad
Enable video autoplay on mobile devices by default
...
Update VideoCard component to set `muted` to `true` on mobile viewports (width < 768px) to enable autoplay functionality.
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:40:45 +00:00
sebastjanartic
b8c7a9cc19
Enable audio for video previews on the platform
...
Update the VideoCard component to enable audio playback for video previews, rather than defaulting to muted.
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:38:34 +00:00
sebastjanartic
8b2eb2a6aa
Ensure video scroll buttons are always visible on the main page
...
Update the NetflixGrid component to remove the prop that conditionally hides scroll buttons, ensuring they are always displayed.
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:24:02 +00:00
sebastjanartic
b7d3a9883d
Improve video playback and navigation on mobile devices
...
Adjusted scroll button styling for better mobile visibility and enabled autoplay for video previews on mobile devices, fixing issues with user navigation and playback.
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:22:54 +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
0b764fd360
Organize video categories and adjust data fetching for better display
...
Update NetflixGrid to reorder categories and increase the limit for video fetching in the home page API call to ensure all content sections are populated.
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:55:04 +00:00
sebastjanartic
b8a6f41d3e
Reorder video categories displayed on the homepage
...
Reorders the "Meist Angesehen" video category to appear after "FOLX STADL" in the NetflixGrid component.
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:54:01 +00:00
sebastjanartic
21bc648048
Reorder video categories displayed on the homepage
...
Reorder the 'Meist Angesehen' and 'FOLX STADL' video categories to appear after 'GDL VIDEO' and before 'Trending Now' in the `NetflixGrid` component.
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:52:55 +00:00
sebastjanartic
7182ef47e4
Refine video filtering to exclude specific content types
...
Update the NetflixGrid component to filter out videos with "Gipfelstammtisch" in their titles, in addition to existing "FOLX STADL" exclusions, ensuring only "Geschichte des Liedes" videos are displayed.
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:28:47 +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
a953ab5f2f
Make the search header transparent and sticky
...
Update the `SearchHeader` component's CSS class to `bg-transparent` and remove the `sticky top-0 z-50 relative` positioning, allowing it to blend seamlessly with the page 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/izllXJt
2025-08-30 20:48:43 +00:00
sebastjanartic
a39bfcdba4
Make the search header sticky to keep it visible
...
Update client/src/components/search-header.tsx to make the SearchHeader component sticky at the top of the viewport.
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:47:44 +00:00
sebastjanartic
a573f504c0
Update search header to remove sticky positioning
...
Removes the `sticky top-0 z-50` CSS properties from the search header component in `client/src/components/search-header.tsx`.
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:46:37 +00:00
sebastjanartic
926d0eaf16
Make the header on the homepage transparent
...
Adjusted the background and border styles for the SearchHeader component to achieve a transparent 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/izllXJt
2025-08-30 20:46:14 +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
d27c7c00d0
Reduce header height and remove unused view switching buttons
...
Shorten the header height in the search component from 20 to 16 units and remove the grid and list view toggle buttons from the filter bar.
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:33:12 +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
d1b2c3ee90
Improve navigation by using a dedicated routing library
...
Replace all anchor tags with Link components from the 'wouter' library to enable client-side routing and prevent page reloads between sections.
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:06:33 +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
46add6e4d5
Add FOLX STADL videos to the homepage grid
...
Introduce filtering and conditional rendering in NetflixGrid component to display videos with "FOLX STADL" or "FOLXSTADL" in their titles, adding a new section for them if present.
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:51:20 +00:00
sebastjanartic
5dcc1591b7
Add a mobile menu to the website header for navigation
...
Update the search header component to include a mobile menu toggle button and navigation links, replacing the previous search icon 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/Sy6XHzr
2025-08-30 19:49:43 +00:00
sebastjanartic
5572b7df36
Prevent videos from automatically playing on mobile touch interactions
...
Remove auto-play functionality for video cards on mobile devices by disabling the hover effect initiation via touch events in `video-card.tsx`.
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:44:47 +00:00
sebastjanartic
e6ed9a81df
Adjust video modal layout to improve appearance on various screen sizes
...
Modify the `BunnyVideoModal` component to remove centering of video content and ensure proper layout alignment across different screen resolutions.
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:42:53 +00:00
sebastjanartic
5db19c829c
Improve video modal layout for better mobile viewing experience
...
Adjusted flexbox properties and margins in the video modal component to ensure proper centering and alignment of video content and related information on smaller screens.
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:42:06 +00:00
sebastjanartic
0a0248012e
Improve video modal layout for better mobile responsiveness
...
Adjust the layout of the video modal in `bunny-video-modal.tsx` to be more responsive on smaller screens by modifying margin classes and flex direction.
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 16:58:34 +00:00
sebastjanartic
465d4c1923
Improve video modal layout and styling for better presentation
...
Adjusted flex alignment for video title and share button, and updated button styling for share functionality in the video modal 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/Sy6XHzr
2025-08-30 16:38:17 +00:00
sebastjanartic
ae6e5b7bc0
Add video sharing functionality with social media options
...
Integrate social media sharing buttons (Facebook, Twitter, WhatsApp) and a copy-to-clipboard option for video links within the video modal.
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 16:37:47 +00:00
sebastjanartic
7461c29491
Move share button below video information in modal
...
Update the `BunnyVideoModal` component to relocate the share button and its associated social media sharing options below the video's informational details.
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 16:36:52 +00:00
sebastjanartic
b0ac76dc9d
Hide video title overlays on specific pages for a cleaner display
...
Add a `hideOverlay` prop to VideoCard component to conditionally render the title overlay. Update FolxStadlPage to utilize this prop.
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 16:33:15 +00:00
sebastjanartic
18f139a6cd
Adjust video modal layout to improve title visibility
...
Modify BunnyVideoModal component: align header to the right and remove title display, simplifying modal header structure.
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 16:31:12 +00:00
sebastjanartic
9a0e13e629
Adjust video player size and position for better viewing
...
Modify the max-width of the video player container to "max-w-lg" and add "ml-8" for left margin in bunny-video-modal.tsx.
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 16:29:46 +00:00
sebastjanartic
52213b6e10
Align video player and information to the left side of the screen
...
Adjusted CSS class in `bunny-video-modal.tsx` to remove `mx-auto` from video player and info containers, aligning them to the left.
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 16:29:00 +00:00
sebastjanartic
308b045620
Ensure video player and information display at consistent sizes
...
Update the layout in `bunny-video-modal.tsx` to make the video player and its associated information consistently sized across different 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/Sy6XHzr
2025-08-30 16:28:02 +00:00
sebastjanartic
bed93bb270
Improve video detail layout for better viewing on all devices
...
Refactors the `BunnyVideoModal` component to adjust the layout of video details, placing them below the video on mobile and in a sidebar on larger screens, improving responsiveness.
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 16:27:02 +00:00
sebastjanartic
7fa619e261
Make video player and details centered and larger on the page
...
Adjusted layout in BunnyVideoModal to center the video player and its associated text content within a larger maximum width container, and increased text sizes for better readability.
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/QQTyNAb
2025-08-30 16:25:00 +00:00
sebastjanartic
4ef2883c54
Position video details below the video player for all screen sizes
...
Adjusted layout in `bunny-video-modal.tsx` to ensure video title, views, duration, and description are consistently displayed below the video player by removing conditional rendering based on screen size and adjusting flex properties.
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/QQTyNAb
2025-08-30 16:23:39 +00:00
sebastjanartic
c7d3b4fc09
Update video modal to use German language translations
...
Translate various UI elements and date/view formats within the video modal component from English to German to support internationalization.
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/QQTyNAb
2025-08-30 16:20:41 +00:00
sebastjanartic
31f74b9953
Add a dedicated page to display all FOLX STADL videos
...
Create a new route and page component for "FOLX STADL" that displays a grid of related 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/DVZN4Rp
2025-08-30 15:54:26 +00:00
sebastjanartic
1ebfd09b78
Make category titles uppercase for better visibility
...
Update the `CategoryRow` component in `netflix-grid.tsx` to display category titles in uppercase using the `uppercase` Tailwind CSS class.
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/DVZN4Rp
2025-08-30 15:51:02 +00:00
sebastjanartic
b255469643
Show top 10 most viewed videos with ranking numbers
...
Update netflix-grid.tsx to display ranking numbers for the top 10 most viewed videos, changing the category title check from "Top 10" to "Meist Angesehen".
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/DVZN4Rp
2025-08-30 15:50:19 +00:00
sebastjanartic
5662a8076a
Update title for top videos list to German
...
Change "Top 10 Videos Today" to "Meist Angesehen" in the NetflixGrid component for German language localization.
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/DVZN4Rp
2025-08-30 15:49:29 +00:00
sebastjanartic
2be9645339
Adjust positioning of "Top 10" number overlay on video grid
...
Adjust CSS class `absolute top-2 left-2` to `absolute top-0 left-2` in netflix-grid.tsx to reposition the "Top 10" number overlay.
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/DVZN4Rp
2025-08-30 15:48:17 +00:00
sebastjanartic
d6f23bc4c4
Improve text styling for top 10 video category
...
Update the CSS class for the "Top 10" category to use white text color with a black text shadow, replacing the previous gradient 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/DVZN4Rp
2025-08-30 15:46:30 +00:00
sebastjanartic
14368b4bc1
Enhance top 10 category display with gradient styling
...
Update the styling for the "Top 10" category in the Netflix grid component to use a gradient background for enhanced visual appeal.
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/DVZN4Rp
2025-08-30 15:45:56 +00:00
sebastjanartic
752fdd052c
Update video progress bar colors to match the logo
...
Modify the video progress bar and hover states to use a cyan-to-purple gradient, replacing the previous orange gradient, in `client/src/components/video-card.tsx` and `client/src/components/video-modal.tsx`.
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/DVZN4Rp
2025-08-30 15:44:54 +00:00
sebastjanartic
0e110cddce
Improve video categorization to show more related content
...
Update the Netflix grid component to include videos with variations in the "FOLX STADL S4" title, ensuring better content display in the "FOLX STADL" section.
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/DVZN4Rp
2025-08-30 15:43:05 +00:00
sebastjanartic
d4f116f845
Improve video card title appearance with larger font size
...
Update the font size and weight of the video title on the video card component for better readability.
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/DVZN4Rp
2025-08-30 15:41:01 +00:00
sebastjanartic
87da0fa837
Update section title to reflect GDL VIDEO content
...
Change the title of the "Recently Added" section to "GDL VIDEO" in the netflix-grid component to better categorize the displayed 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/DVZN4Rp
2025-08-30 15:38:49 +00:00
sebastjanartic
d165402632
Reduce transparency of video card titles for better readability
...
Adjust background opacity from 0.3 to 0.4 for video titles on video cards.
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/DVZN4Rp
2025-08-30 15:37:34 +00:00
sebastjanartic
94fa4d51b9
Improve video titles with a gradient color style
...
Update the `VideoCard` component to display video titles with a gradient background.
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/DVZN4Rp
2025-08-30 15:36:26 +00:00
sebastjanartic
32673ff335
Update video card titles to use orange color for better visibility
...
Modify the text color of the video title in the VideoCard component from default to orange-500 for improved visual distinction.
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/DVZN4Rp
2025-08-30 15:34:50 +00:00
sebastjanartic
a7a7a477ca
Update video card to remove orange title color
...
Modify client/src/components/video-card.tsx to change the text color of the video title from orange to the default text color.
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/DVZN4Rp
2025-08-30 15:34:09 +00:00
sebastjanartic
8b1b1598ff
Make the video title on the card display in orange
...
Change the text color of the video title on the VideoCard component from default to orange-400.
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/DVZN4Rp
2025-08-30 15:33:32 +00:00
sebastjanartic
65725f33c6
Adjust video card title overlay transparency for better readability
...
Update the background color of the video card title overlay in `client/src/components/video-card.tsx` from `bg-black/50` to `bg-black/30` to decrease its opacity.
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/DVZN4Rp
2025-08-30 15:33:01 +00:00
sebastjanartic
2c46b13de8
Update video progress bar to use orange color scheme
...
Modify the color palette for video progress bars and associated elements within VideoCard and VideoModal components from blue/purple to orange.
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/DVZN4Rp
2025-08-30 15:32:07 +00:00
sebastjanartic
1152c317fb
Update video display to exclude individual artist content
...
Modify the NetflixGrid component to filter out videos tagged with "FOLX STADL" or "FOLXSTADL", grouping remaining videos by performer.
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/DVZN4Rp
2025-08-30 15:27:14 +00:00
sebastjanartic
ff7660be82
Organize recently added videos by performer for better browsing
...
Adjust the "Recently Added" grid to filter videos from the "Geschichte des Liedes" collection, group them by performer, sort each group by upload date, and then distribute them by taking one from each performer per round to a maximum of 15 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/DVZN4Rp
2025-08-30 15:25:14 +00:00
sebastjanartic
6e68075851
Update grid to display specific Folx Stadl S4 collections
...
Modify the NetflixGrid component to filter videos and display up to 15 items with "FOLX STADL S4" in their title.
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/DVZN4Rp
2025-08-30 15:13:10 +00:00
sebastjanartic
11d8dc70f6
Update the title of the "Popular Videos" section to "FOLX STADL"
...
Rename the "Popular Videos" section title to "FOLX STADL" in the netflix-grid.tsx 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/DVZN4Rp
2025-08-30 15:12:08 +00:00
sebastjanartic
0c704fdcfc
Update grid title to reflect trending videos
...
Changed the title of the top 10 videos section from "FOLX STADL" to "Top 10 Videos Today" in the `netflix-grid.tsx` 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/DVZN4Rp
2025-08-30 15:11:27 +00:00
sebastjanartic
2e6dc4dd36
Update the title for the top videos section to reflect current branding
...
Modify client/src/components/netflix-grid.tsx to change the display title from "Top 10 Videos Today" to "FOLX STADL".
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/DVZN4Rp
2025-08-30 15:10:59 +00:00
sebastjanartic
49c2842f74
Improve video modal layout for better mobile and desktop viewing
...
Adjusted the layout of the video modal to display video information below the player on mobile devices and within a sidebar on desktop, enhancing responsiveness.
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/DVZN4Rp
2025-08-30 15:07:24 +00:00
