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
99b6bef33a
Adjust homepage layout to add margin on larger screens
...
Update the home page component to include left and right margins (lg:mx-[38px]) on larger screen sizes for better visual spacing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:06:08 +00:00
sebastjanartic
fea2730de5
Improve search functionality for video content by removing unnecessary logs
...
Remove console logs from the FolxStadlPage component to clean up the output and improve performance.
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/pSwkS7z
2025-09-01 05:05:10 +00:00
sebastjanartic
917e6b1a20
Improve video filtering and display logic for Folx Stadl content
...
Adds console logs to client/src/pages/FolxStadlPage.tsx to debug and verify the filtering of videos containing "FOLX STADL" and "FOLXSTADL" in their titles and descriptions, including after search queries.
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/Y7Evsxg
2025-09-01 05:02:49 +00:00
sebastjanartic
a7ea13c377
Improve video fetching by enabling dynamic query parameter support
...
Update the FolxStadlPage component to dynamically construct API query parameters using URLSearchParams, enhancing flexibility and addressing potential issues with fixed query strings in the useQuery hook.
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/XzF7myD
2025-09-01 05:00:42 +00:00
sebastjanartic
ef52d070d9
Improve search functionality to update URL with search queries
...
Refactors the onChange handler in FolxStadlPage.tsx to update the URL with the search query using `setLocation` whenever the input value changes, ensuring search state is reflected in the URL.
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/YOKUxse
2025-09-01 04:56:25 +00:00
sebastjanartic
a34fc28345
Improve search functionality to include video titles and descriptions
...
Update FolxStadlPage to filter videos by title and description based on search query, enhancing search relevance.
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/Uw7sw4i
2025-09-01 04:52:39 +00:00
sebastjanartic
cc0cfe3120
Improve video filtering to display all Folx Stadl content
...
Update the video query to fetch more videos and adjust the filtering logic to include all "FOLX STADL" and "FOLXSTADL" titles, ensuring comprehensive display of related content.
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/xVB32z7
2025-08-31 20:47:47 +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
87e07be40f
Add support for iOS app icons and PWA favicons
...
Updates `client/index.html` and `client/public/manifest.json` to include proper iOS icon links and specifies PNG format for favicons. Enhances the `/api/favicon` endpoint to generate PNG favicons using `sharp` for various sizes and includes the "go4" text for larger icons. Also adds `@types/compression` to `package.json` and `package-lock.json`.
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:25:15 +00:00
sebastjanartic
7c02d0310a
Improve the app's experience when added to the iPhone home screen
...
Implement Progressive Web App (PWA) features for enhanced mobile experience, including service worker registration, manifest.json updates for standalone mode, and CSS adjustments for iOS safe area and touch interactions.
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:20:49 +00:00
sebastjanartic
15d53b0e49
Update social media image to a static file for better consistency
...
Replaced dynamic Open Graph and Twitter image meta tags pointing to `/api/og-image` with a static file reference to `/go4-video-social-share.png` in `client/index.html`.
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:49:12 +00:00
sebastjanartic
3988d363f1
Update logo to match brand guidelines with a larger, gradient design
...
Update client/public/go4-video-social-share.png and attached_assets/generated_images/Larger_logo_with_matching_gradient_4e0c306b.png with new logo assets.
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:05:24 +00:00
sebastjanartic
736d750799
Update logo to display centered without text
...
Add a new image file `Simple_centered_go4_logo_only_afd0ea54.png` to the attached assets, intended for use as a centered logo without accompanying text.
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:04:37 +00:00
sebastjanartic
d3c3f0bd74
Update logo to be centered with text below it
...
Add a new centered logo to the public assets and update relevant references.
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:03:39 +00:00
sebastjanartic
879a6d6b55
Add new social sharing and branding assets to the platform
...
Add images for social sharing, platform branding, and temporary logo files.
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:02:52 +00:00
sebastjanartic
0074fbb2b9
Update shared image to include the logo and description
...
Add Facebook_logo_with_description_26e2257a.png to attached_assets/generated_images/.
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:55 +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
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
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
71d2f1fdae
Update navigation logic to use Wouter for smoother page transitions
...
Replaced direct window.location.href assignments with setLocation from Wouter in FolxStadlPage.tsx to improve client-side routing and prevent full page reloads.
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:57:27 +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
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
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
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
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
56edcd1c5e
Update website meta information to reflect new content focus
...
Update the title, description, and Open Graph/Twitter meta tags in client/index.html to reflect the new content focus on "Top-Inhalte von Folx TV" and its specific offerings.
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:13:47 +00:00
sebastjanartic
5f632f57fd
Add favicon and manifest file for improved website branding
...
Implement an API endpoint for dynamic favicon generation using SVG and add a manifest.json file for progressive web app capabilities.
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:10:06 +00:00
sebastjanartic
5306fde0be
Add custom images for sharing links on social media
...
Adds an API endpoint `/api/og-image` to generate dynamic Open Graph and Twitter Card images using SVG, and updates `index.html` to include these meta tags.
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:09:11 +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
50ff3e85f3
Add functionality to generate social media images for videos
...
Adds a new client-side JavaScript file, social-image-generator.js, which includes a function `createSocialImage`. This function utilizes the Canvas API to generate a base64 encoded PNG image suitable for social media sharing. The generated image features a gradient background, a logo placeholder with a play icon, and text including the platform name "go4.video" and a subtitle.
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:59:39 +00:00
sebastjanartic
84d1c3eb79
Add tools to generate favicons and social media images
...
Adds two new HTML files: `generate-favicon.html` for creating favicons in various sizes, and `generate-social-image.html` for generating social media share images with predefined branding.
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:57:43 +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
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
410e8412eb
Improve page loading speed by reducing fetched video data
...
Optimize video fetching by limiting the number of videos loaded per request on the home and Folx Stadl pages from 1000/200 to 50.
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:41:17 +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
c358344011
Improve mobile header appearance with background and blur effects
...
Add media query for mobile devices to apply sticky header styling with a blurred background and adjusted padding.
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:34:36 +00:00
sebastjanartic
e53138f4e9
Improve layout and navigation for mobile devices
...
Introduces a collapsible mobile menu with a search bar and navigation links to enhance user experience on smaller screens.
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:33:16 +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
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
84c43e3b9b
Improve homepage layout and visual appeal with gradient background
...
Update the Home page component to include a new linear gradient background and a simplified header structure, enhancing the visual presentation.
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:10:52 +00:00
sebastjanartic
1604bdaab0
Make the header scroll with the page content
...
Adjusted the `Home` component in `client/src/pages/home.tsx` to ensure the header scrolls with the page content by modifying its CSS positioning from `fixed` to `static`.
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:09:57 +00:00
sebastjanartic
e21dbee631
Remove development banner to fix page scrolling issues
...
Removed the Replit development banner script from index.html to resolve horizontal scrolling problems.
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:09:18 +00:00
sebastjanartic
f9b11ebe26
Add test element to home page for scrolling verification
...
Added a red test header element to the client/src/pages/home.tsx file to verify scrolling behavior.
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:08:16 +00:00
sebastjanartic
22574ea118
Improve header structure and styling for better responsiveness
...
Refactors the header component in `home.tsx` to use inline styles and simplify the structure for improved responsiveness, while retaining core navigation and 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/Z1wmn8z
2025-08-30 21:07:12 +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
bb7abf35c5
Update header to be transparent and add menu icon
...
Modify the header component in the client to use a transparent background and include the Menu icon from lucide-react.
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 21:01:29 +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
c43c443559
Remove transparent header and fix page scrolling issues
...
Replaces the transparent, scroll-attached header component with a fixed header with a background, improving UI consistency and addressing user-reported scrolling behavior.
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:50:27 +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
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
52a9a86077
Improve header navigation and branding across the platform
...
Updated header component in FolxStadlPage.tsx:
- Changed div className from "flex items-center gap-4" to "flex items-center space-x-4".
- Changed span to h1 for the logo text "go4.video".
- Updated link className for "Home" to change hover color from "text-white" to "text-bunny-blue".
- Added a new link for "FOLX STADL" with hover color "text-bunny-blue".
- Removed the absolute positioning and centering of the "FOLX STADL" 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/izllXJt
2025-08-30 20:40:12 +00:00
sebastjanartic
24598c43f0
Center the FOLX STADL title on the page
...
Adjusted CSS for the FOLX STADL title in `FolxStadlPage.tsx` to use absolute positioning and translate for centering.
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:39:07 +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
4cbfb7b528
Update site navigation by adding the main logo and removing redundancy
...
Refactors the header component in `FolxStadlPage.tsx` to consistently display the site logo and remove a duplicate logo link from the right-hand navigation.
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:37:15 +00:00
sebastjanartic
a43a1a584f
Adjust layout of Folx Stadl page to center title and reposition logo
...
Modify client/src/pages/FolxStadlPage.tsx to center the "FOLX STADL" title, move the logo to the right side, and rearrange navigation elements for a more organized layout.
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:36:17 +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
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
ff859c58bf
Update video pages to link directly to individual video content
...
Modify FolxStadlPage to navigate to a dedicated video URL instead of opening a modal when a video is clicked.
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:26:55 +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
b083bda306
Remove decorative triangles from the home page layout
...
Removes the absolutely positioned decorative triangles from the home page component in client/src/pages/home.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/W2v7sFm
2025-08-30 20:11:10 +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
824eb7a6f7
Update page title to remove "Episodes"
...
Modify FolxStadlPage.tsx to display "FOLX STADL" instead of "FOLX STADL Epizode".
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:04:27 +00:00
sebastjanartic
2bc76c9531
Remove decorative icons from navigation menu items
...
Update the navigation menu in the FolxStadlPage component to remove the home and episodes icons, aligning with user feedback.
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:04:07 +00:00
sebastjanartic
ae0339fde8
Add mobile navigation for easier page traversal and menu access
...
Implement a collapsible mobile menu with a hamburger icon toggle on the Folx Stadl page, allowing users to navigate back and access menu options.
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:03:24 +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
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
ae72ca8609
Add pagination and sorting to video listings
...
Implements client-side pagination for video content, allowing users to navigate through video lists with "Previous" and "Next" buttons and a page number indicator.
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:48:39 +00:00
sebastjanartic
7119dd7b9a
Remove hardcoded episode title from Folx Stadl page
...
Removed the static "FOLX STADL S4 Episodes" heading from the FolxStadlPage component in the client.
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:47:57 +00:00
sebastjanartic
9629db06d8
Remove pagination controls and update section title on Stadl page
...
Removes pagination logic and buttons from the FolxStadlPage, simplifying the UI, and updates the main section title to "FOLX STADL S4 Episodes".
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:47:38 +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
50172e55f5
Remove unnecessary visual debugging elements from the application's styling
...
Remove the `:after` pseudo-element from the `body` in `client/src/index.css`, which was previously used for visual debugging with a grid 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/Sy6XHzr
2025-08-30 16:40:57 +00:00
sebastjanartic
545523aa6e
Add a visual overlay to the application interface
...
Add a CSS pseudo-element to `client/src/index.css` to create a fixed, full-screen overlay with a repeating gradient pattern, potentially for debugging or visual feedback.
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:39:55 +00:00
sebastjanartic
4a0b1dde6d
Add grid overlay for testing layout alignment
...
Adds CSS rules to `client/src/index.css` to enable a visual grid overlay for layout testing when the `show-grid` class is applied to the body.
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:39:17 +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
c69adf3f67
Improve video display layout with descriptions and details
...
Restructure the video display on the FolxStadlPage to a three-column grid, separating the VideoCard and its associated description and metadata 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:18:47 +00:00
sebastjanartic
8b607a002b
Display video descriptions directly below the video player
...
Adjusted the layout in `FolxStadlPage.tsx` to place video descriptions below the video player component, moving view count and duration information above the description.
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:18:14 +00:00
sebastjanartic
b470e39bc3
Translate the video platform content into German
...
Update client-side text content within FolxStadlPage.tsx to support German localization, including navigation elements, page titles, descriptions, and status messages.
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:16:30 +00:00
sebastjanartic
91ffbbc645
Add pagination to display videos across multiple pages
...
Integrates client-side pagination for the Folx Stadl page, displaying videos in chunks of 10 per page with navigation controls.
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:15:21 +00:00
sebastjanartic
a0fac4f731
Add descriptions for each video alongside the video player
...
Updated the FolxStadlPage component to display video titles, descriptions, durations, and view counts, alongside the VideoCard, using a new 3-column grid layout.
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:11:59 +00:00
sebastjanartic
bc8fe24e1a
Improve video page layout for better display of show information
...
Adjusted grid layout to allocate more space for video listings and simplified the displayed information on the right-hand side for a more compact view.
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:11:14 +00:00
sebastjanartic
22387c5148
Organize video content to display descriptions alongside videos
...
Restructures the FolxStadlPage component to a two-column layout, placing video descriptions on the right side of the video list using lg:grid-cols-3.
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:10:22 +00:00
sebastjanartic
2a5b323759
Improve video loading and filtering for specific content
...
Update the video query to include a limit of 200 videos and refine filtering to correctly display all "FOLX STADL S4" videos, including both formats.
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:09:14 +00:00
sebastjanartic
27cbb2f130
Integrate Bunny.net player for video playback and modal functionality
...
Replaces the generic VideoModal with BunnyVideoModal, integrating Bunny.net player for all video content and updating the modal to handle video changes.
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/mlEmv7S
2025-08-30 16:07:46 +00:00
sebastjanartic
753c82daaf
Add specific videos for the Folx Stadl S04 series to the platform
...
Update the data fetching logic in FolxStadlPage to correctly retrieve and filter videos related to "FOLX STADL S4" from the API endpoint.
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/mlEmv7S
2025-08-30 16:03:22 +00:00
sebastjanartic
7c60129fd4
Improve filtering to display specific Folx Stadl videos
...
Update the video filtering logic in `FolxStadlPage.tsx` to correctly display videos titled "FOLX STADL S4".
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 16:01:19 +00:00
sebastjanartic
353f1048b7
Update event title to remove redundant numbering
...
Change the event title on the Folx Stadl page from "FOLX STADL 04" to "FOLX STADL" by modifying `client/src/pages/FolxStadlPage.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:56:54 +00:00
sebastjanartic
348f22ef08
Update page title to include specific venue number
...
Update client/src/pages/FolxStadlPage.tsx to change the page title from "FOLX STADL" to "FOLX STADL 04".
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:56:36 +00:00
sebastjanartic
258fcb04f6
Improve filtering for specific video content on the page
...
Ensure the filtering logic for "FOLX STADL" videos correctly handles potential undefined `videos` array by adding an `Array.isArray` check in `FolxStadlPage.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:55:52 +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
sebastjanartic
018cb354c2
Adjust video modal layout to improve display of video information
...
Update client/src/components/bunny-video-modal.tsx to modify margin-top for the video info sidebar, improving the visual presentation of video titles.
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:05:32 +00:00
sebastjanartic
54b04ac96d
Improve video modal layout and spacing for better usability
...
Adjusted header margin and added gap between video player elements in the BunnyVideoModal 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:04:56 +00:00
sebastjanartic
9c2f7fc793
Adjust spacing and margins within the video modal component for better visual presentation
...
Reduce gap between video player and sidebar, and adjust margins on sidebar elements within the `BunnyVideoModal` 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:04:03 +00:00
sebastjanartic
e3735ba4c1
Adjust spacing and padding within the video modal for better visual presentation
...
Adjusted gap between video player and sidebar, and padding within the video info sidebar in `bunny-video-modal.tsx` to improve UI spacing.
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:03:31 +00:00
sebastjanartic
df189481a4
Adjust video display size on smaller screens for better spacing
...
Modify the width of video elements within the category grid on mobile viewports to resolve excessive empty space.
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:02:18 +00:00
sebastjanartic
c9d97c3543
Improve spacing and alignment for category titles on the grid
...
Adjust margin-bottom and margin-left for category titles in `netflix-grid.tsx` to align with other UI elements.
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:00:49 +00:00
sebastjanartic
8b36470d2c
Update video card appearance with improved text and background styling
...
Refactor the `VideoCard` component to adjust the overlay's background color to black with a 75% opacity, blur effect, and update the text styling for the title and metadata.
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 14:58:10 +00:00
sebastjanartic
ed2447177b
Improve video card layout and text sizing for various screen sizes
...
Adjusted text sizes and padding within the video card component to ensure better responsiveness across different display dimensions.
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 14:53:35 +00:00
sebastjanartic
b40640b9d8
Update video card appearance to use orange and purple gradients
...
Modified the `VideoCard` component to change the gradient background from black/purple to orange/purple, and updated text and border colors to match the new theme.
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 14:51:07 +00:00
sebastjanartic
54d1471e99
Adjust video card spacing and visual elements for improved appearance
...
Update the spacing between videos in the Netflix grid component by changing the gap from '1' to '3'. Modify the styling of the video title overlay in the VideoCard component, increasing padding, font sizes, and overall visual prominence for a better user experience.
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 14:49:59 +00:00
sebastjanartic
4b3c7fa7d4
Improve the appearance of video titles and metadata on cards
...
Update the video card component to use a gradient background and improved styling for the video title and metadata, enhancing 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 14:47:46 +00:00
sebastjanartic
d29f5e24eb
Enhance video card progress bar with a vibrant gradient and glow effect
...
Update client/src/components/video-card.tsx to apply a multi-color gradient and glow effect to the video progress bar, improving visual feedback during playback.
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 14:45:55 +00:00
sebastjanartic
f10c46f0d8
Improve video grid scrolling behavior when modal is open
...
Introduce a `hideScrollButtons` prop to `CategoryRow` in `netflix-grid.tsx` to conditionally render scroll buttons based on the `isModalOpen` state, preventing scroll button interference when a modal is active.
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 14:39:17 +00:00
sebastjanartic
0442820789
Adjust video card layout and remove duration display
...
Modify the `VideoCard` component to adjust the positioning of the title overlay and remove the duration badge.
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 14:34:36 +00:00
sebastjanartic
83cc193eec
Hide video title when preview is actively playing
...
Conditionally render the video title overlay in VideoCard component based on the `showPreview` state to hide it during active playback 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/DVZN4Rp
2025-08-30 14:33:46 +00:00
sebastjanartic
72e447505c
Display video title and upload date directly on the video card preview
...
Update `VideoCard` component to overlay video title, view count, and upload date above the duration badge. Removes redundant title and metadata from below the preview.
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 14:33:05 +00:00
sebastjanartic
1a996d1009
Make video grid sections extend fully to the screen edges
...
Adjust padding and margins in the Netflix grid component and home page layout to ensure video sections display edge-to-edge.
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 14:29:27 +00:00
sebastjanartic
a763f63922
Adjust spacing for content rows in the video grid
...
Modify margin-bottom for the first category row in netflix-grid.tsx to reduce spacing.
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 14:27:54 +00:00
sebastjanartic
5364933fa7
Adjust spacing for video categories to improve layout consistency
...
Update `client/src/components/netflix-grid.tsx` to modify margin-top for the first category to `mt-2 mb-2`.
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 14:18:26 +00:00
sebastjanartic
fbaec69744
Make navigation arrows partially transparent for a cleaner look
...
Update netflix-grid.tsx to change the background class for left and right chevron buttons, making them semi-transparent (bg-black/50) instead of fully opaque (bg-black).
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 14:17:07 +00:00
sebastjanartic
fec2e45e48
Improve visibility of navigation arrows for video categories
...
Update the z-index of the category row navigation arrows in `netflix-grid.tsx` to ensure they are displayed above other elements.
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 14:13:16 +00:00
sebastjanartic
7be1faa01d
Improve carousel navigation button appearance and visibility
...
Update CSS classes for carousel navigation buttons to enhance visual style and ensure better visibility.
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 14:12:05 +00:00
sebastjanartic
12b362391d
Improve visibility of navigation arrows on video carousels
...
Adjust the opacity of the left and right navigation arrows in the `netflix-grid.tsx` component to be visible at 70% by default, improving discoverability and usability.
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 14:11:19 +00:00
sebastjanartic
27f1e6906e
Improve video modal and grid scrolling functionality
...
Removes debug logs from the video modal and adds console logs for grid scrolling events in NetflixGrid.
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 14:10:40 +00:00
sebastjanartic
1ad9d9860b
Add debug logging to the video modal component
...
Add a useEffect hook to the BunnyVideoModal component to log the modal's open state and the current video title 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/DVZN4Rp
2025-08-30 14:10:12 +00:00
sebastjanartic
893be796ca
Remove unnecessary logging from video grid component
...
Remove console.log statement in netflix-grid.tsx for handling video clicks.
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 14:09:04 +00:00
sebastjanartic
722b561f8d
Log video clicks for better debugging and analysis
...
Add a console log to the handleVideoClick function in NetflixGrid.tsx to log the clicked video's 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 14:05:50 +00:00
sebastjanartic
3e44572079
Adjust spacing for categories in the video grid display
...
Modify the bottom margin of category rows in `netflix-grid.tsx` from `mb-3` to `mb-2` for the second category onwards.
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/iazasnP
2025-08-30 14:03:44 +00:00
sebastjanartic
81923b340d
Adjust spacing between video categories on the main grid
...
Modify margin-bottom class for category divs in NetflixGrid component to reduce vertical spacing.
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/iazasnP
2025-08-30 14:03:15 +00:00
sebastjanartic
161a030184
Adjust spacing for category titles in the video grid
...
Update `CategoryRow` component in `netflix-grid.tsx` to reduce bottom margin of category titles from `mb-1` to `mb-0`.
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/iazasnP
2025-08-30 14:02:26 +00:00
sebastjanartic
90d414f6cd
Adjust layout to improve visual spacing between category rows
...
Modify NetflixGrid component to reduce bottom margin for the first category row, aligning spacing with subsequent rows.
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/iazasnP
2025-08-30 14:01:33 +00:00
sebastjanartic
8e59e63e81
Adjust spacing below video categories for better visual hierarchy
...
Modify the `NetflixGrid` component to reduce bottom margin for the second category row, improving layout spacing.
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/iazasnP
2025-08-30 14:01:04 +00:00
sebastjanartic
0dd464231d
Adjust spacing for video categories on the homepage
...
Update CSS class in `netflix-grid.tsx` to reduce top margin for category rows.
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/iazasnP
2025-08-30 14:00:02 +00:00
sebastjanartic
fd4036fae0
Adjust spacing for video category rows
...
Modify the top margin for the first category row in NetflixGrid from 'mt-8' to 'mt-4' in client/src/components/netflix-grid.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/iazasnP
2025-08-30 13:59:45 +00:00
sebastjanartic
d9d1e173b3
Add more space above the top 10 trending videos
...
Adjust margin for the first category row in the NetflixGrid component to provide additional vertical spacing.
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/iazasnP
2025-08-30 13:59:16 +00:00
sebastjanartic
7cff7d09a2
Improve category display with adjusted text height for better visual spacing
...
Update `CategoryRow` component to include a `h2` element for the category title with specific styling for improved visual presentation and spacing.
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/iazasnP
2025-08-30 13:58:34 +00:00
sebastjanartic
a947c01320
Improve video titles to prevent overflow and ensure consistent display
...
Update the VideoCard component to use the `truncate` class for video titles, ensuring they do not overflow and maintain a consistent 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/iazasnP
2025-08-30 13:57:09 +00:00
sebastjanartic
bfd769bb4b
Shrink video titles to fit on a single line
...
Adjust the CSS class for video titles in `video-card.tsx` to use `text-sm` for smaller font size, ensuring titles fit on a single line.
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/iazasnP
2025-08-30 13:56:19 +00:00
sebastjanartic
d15db9df77
Improve video title display to ensure it fits on one line
...
Update the `VideoCard` component to set `line-clamp-1` for the video title, ensuring it displays on a single line.
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/iazasnP
2025-08-30 13:55:13 +00:00
sebastjanartic
cf35fd3d72
Improve grid layout by using a CSS class for spacing
...
Refactor netflix-grid.tsx to replace inline margin style with a Tailwind CSS class `mb-6` for consistent spacing.
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/iazasnP
2025-08-30 13:53:57 +00:00
sebastjanartic
b5f5aaee38
Remove category titles from video grid for cleaner display
...
Removes the category titles from the netflix-grid component in the client, simplifying the visual presentation of 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/iazasnP
2025-08-30 13:52:20 +00:00
sebastjanartic
cd63bb4766
Adjust spacing to ensure consistent layout across all categories
...
Remove negative bottom margin from the third category in the Netflix grid 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/iazasnP
2025-08-30 13:51:38 +00:00
sebastjanartic
b93e808b61
Adjust spacing below video categories on the homepage
...
Modify the margin-bottom CSS property for the third category in the NetflixGrid component to reduce vertical spacing.
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/iazasnP
2025-08-30 13:50:42 +00:00
sebastjanartic
8d5f60dcfa
Adjust spacing between content categories for better visual flow
...
Modify the bottom margin for the third category in the NetflixGrid component to `0px` and reduce the margin for other categories to `24px`.
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/iazasnP
2025-08-30 13:50:20 +00:00
sebastjanartic
40e7af9be3
Adjust spacing between video categories on the main page
...
Update NetflixGrid component to reduce bottom margin for the third category from 16px to 8px.
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/iazasnP
2025-08-30 13:48:15 +00:00
sebastjanartic
02a0c38d36
Adjust spacing between video categories for better visual appeal
...
Modify the margin-bottom for the third category in the Netflix grid component to 16px, while other categories maintain a 32px margin.
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/iazasnP
2025-08-30 13:47:36 +00:00
sebastjanartic
819aa8e9d4
Improve spacing and layout of video categories on the homepage
...
Adjusted CSS styling in `client/src/components/netflix-grid.tsx` to add bottom margin to each category row, improving visual separation and user experience.
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/iazasnP
2025-08-30 13:46:29 +00:00
sebastjanartic
6d7899ea50
Improve video grid layout and category row spacing
...
Update `netflix-grid.tsx` to apply a gap of 6 to the grid container and remove unnecessary top margin from the category row.
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/iazasnP
2025-08-30 13:45:38 +00:00
sebastjanartic
e35a79c74b
Improve grid layout and spacing for better visual appeal
...
Update NetflixGrid component to remove unnecessary divs and adjust margin-bottom for CategoryRow.
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/iazasnP
2025-08-30 13:45:03 +00:00
sebastjanartic
4ceb8342a4
Improve video grid layout by removing unnecessary top padding
...
Remove the conditional `pt-4` class from the first category div in the NetflixGrid component to ensure consistent spacing.
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/iazasnP
2025-08-30 13:44:31 +00:00
sebastjanartic
38f4f887f3
Improve visual layout by adjusting spacing and adding a top padding to the first category row
...
Adjusted main content padding on the home page from `pt-4` to `pt-0` and added `pt-4` conditionally to the first category row in `NetflixGrid` to refine vertical spacing.
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/iazasnP
2025-08-30 13:43:36 +00:00
sebastjanartic
3ab93a0cb3
Improve grid layout by adding spacing between video categories
...
Update the NetflixGrid component to include bottom margin for category rows in client/src/components/netflix-grid.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/iazasnP
2025-08-30 13:42:49 +00:00
sebastjanartic
1c79a7b57d
Adjust spacing for video grid rows to improve visual presentation
...
Modify CSS class in `netflix-grid.tsx` to remove bottom padding from category rows, aligning with design specifications.
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/iazasnP
2025-08-30 13:41:58 +00:00
sebastjanartic
67d533f88f
Adjust spacing for video categories on the homepage
...
Modify the spacing class in `client/src/components/netflix-grid.tsx` from `-space-y-2` to `space-y-1` to reduce vertical space between category rows.
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/iazasnP
2025-08-30 13:37:51 +00:00
sebastjanartic
a6c400bbb4
Adjust spacing between video categories on the homepage
...
Update `client/src/components/netflix-grid.tsx` to change the negative margin from `-space-y-2` to `-space-y-2` to reduce the vertical spacing between category rows.
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/iazasnP
2025-08-30 13:37:09 +00:00
sebastjanartic
b3c227fe79
Reduce top spacing for category rows on the homepage
...
Adjusted the margin-top style for category rows in `netflix-grid.tsx` to remove excessive top spacing.
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/iazasnP
2025-08-30 13:36:16 +00:00
sebastjanartic
9d874495e1
Increase spacing above the first video category on the home page
...
Adjusted the top padding of the main content element in `client/src/pages/home.tsx` from `pt-0` to `pt-4` to provide more vertical space.
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/iazasnP
2025-08-30 13:35:38 +00:00
sebastjanartic
d125917713
Improve spacing between video categories on the homepage
...
Add a top margin to the category row component to provide better visual separation between content 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/iazasnP
2025-08-30 13:34:48 +00:00
sebastjanartic
7fa8eb251d
Adjust spacing for a cleaner home page layout
...
Update padding on the main content element in the home page component to reduce top padding.
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/iazasnP
2025-08-30 13:34:02 +00:00
sebastjanartic
7478a7b6bf
Adjust spacing for recently added videos category
...
Update padding on the main content container in `client/src/pages/home.tsx` to improve layout spacing for the "Recently Added" 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/iazasnP
2025-08-30 13:33:24 +00:00
sebastjanartic
aa9805f788
Adjust spacing for video grid rows to improve visual presentation
...
Update `client/src/components/netflix-grid.tsx` to reduce the bottom padding of category rows from `pb-8` to `pb-2`, slightly adjusting the visual spacing between rows.
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/iazasnP
2025-08-30 13:31:58 +00:00
sebastjanartic
81ac15005b
Improve video category layout for better spacing and visual appeal
...
Adjust CSS class in NetflixGrid component to change vertical spacing between video categories from -space-y-8 to space-y-1.
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/iazasnP
2025-08-30 13:31:13 +00:00
sebastjanartic
435bfe23a2
Adjust spacing between video rows for better visual appeal
...
Update client/src/components/netflix-grid.tsx to increase the vertical spacing between categories by modifying the negative margin utility 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/iazasnP
2025-08-30 13:30:36 +00:00
sebastjanartic
d3fa718a25
Adjust spacing between video categories for better visual presentation
...
Modify CSS class on netflix-grid.tsx to reduce negative vertical spacing between category rows.
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/iazasnP
2025-08-30 13:29:40 +00:00
sebastjanartic
63a1e7ec3f
Reduce vertical spacing between video categories on the grid
...
Update `netflix-grid.tsx` to reduce vertical spacing (`space-y-0`) between categories in the Netflix grid 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/iazasnP
2025-08-30 13:28:55 +00:00
sebastjanartic
bae022498b
Reduce excessive spacing above video categories on the main page
...
Reduce the vertical spacing above each category row in the NetflixGrid component by changing the class from `space-y-12` to `space-y-2`.
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/iazasnP
2025-08-30 13:28:05 +00:00
sebastjanartic
bb3067664a
Reduce space above category titles on the grid
...
Adjusted the margin-bottom class on the category row div in `netflix-grid.tsx` to `relative group` to remove the extra space above category titles.
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/iazasnP
2025-08-30 13:27:10 +00:00
sebastjanartic
8f0e26c37a
Adjust spacing between video category titles on the grid
...
Modify the margin-bottom CSS property for category titles within the netflix-grid component to reduce spacing.
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/iazasnP
2025-08-30 13:26:27 +00:00
sebastjanartic
412b0221d4
Improve video display and scaling for smoother browsing
...
Update netflix-grid.tsx to include `overflow-hidden` on the relative div and adjust video scaling on hover for a better user experience.
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/iazasnP
2025-08-30 13:25:20 +00:00
sebastjanartic
0f4a74ef47
Improve video hover effect for better visual interaction
...
Update CSS classes in `netflix-grid.tsx` to enhance the hover effect on video elements, increasing their z-index on hover to bring them to the front.
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/iazasnP
2025-08-30 13:23:32 +00:00
sebastjanartic
ef77969844
Improve video grid spacing and responsiveness on smaller screens
...
Adjust padding in the category row component to prevent video overlap when expanding grid tiles.
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/iazasnP
2025-08-30 13:22:14 +00:00
sebastjanartic
9f616d7d89
Reduce spacing between rows and category titles
...
Adjusted margin-bottom for the category row container and category titles in the netflix-grid component from `mb-2` to `mb-1` to decrease vertical spacing.
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/iazasnP
2025-08-30 13:21:21 +00:00
sebastjanartic
98c1dfab2b
Adjust spacing and video sizes in the grid view for better usability
...
Update CSS classes in `netflix-grid.tsx` to reduce margin bottom for category titles and adjust the width of video elements within different screen size breakpoints.
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/iazasnP
2025-08-30 13:20:33 +00:00
sebastjanartic
8b8664b2de
Reduce vertical spacing within video category rows
...
Adjusted margin-bottom for category containers and titles in `netflix-grid.tsx` to decrease vertical spacing.
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/iazasnP
2025-08-30 13:19:27 +00:00
sebastjanartic
8ef2facc0c
Hide scroll buttons on mobile devices for better interaction
...
Modify the netflix-grid component to conditionally render left and right scroll buttons using Tailwind CSS's 'hidden md:flex' class, ensuring they are only visible on medium-sized screens and larger.
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/iazasnP
2025-08-30 13:14:13 +00:00
sebastjanartic
7185633a94
Add HLS playback for video previews and improve scrolling experience
...
Integrate HLS.js for HLS video playback in video cards, enabling sound and smoother preview functionality. Updates server-side Bunny.net configuration to use signed HLS URLs for MP4 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/iazasnP
2025-08-30 13:10:23 +00:00
sebastjanartic
77055dec61
Improve video display by hiding numbers on hover
...
Update the `CategoryRow` component to hide the "Top 10" number overlay when the mouse leaves the video or when hovering over a different video, and to display the number only when a specific video is not selected.
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/7j5FE92
2025-08-30 13:05:00 +00:00
sebastjanartic
74a94cacac
Fix video disappearing when hovering over grid items
...
Reset clickedVideoId state on mouse enter in CategoryRow component to prevent unintended video hiding.
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/7j5FE92
2025-08-30 13:03:14 +00:00
sebastjanartic
6583dfb235
Improve video grid interaction by preventing accidental hiding
...
Adjusted the `CategoryRow` component in `netflix-grid.tsx` to prevent the video details from hiding when hovering over a different video within the same category row, specifically when a video is already selected.
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/7j5FE92
2025-08-30 13:02:49 +00:00
sebastjanartic
d550ccb428
Update video player aspect ratio for mobile devices to 16:9
...
Adjust the aspect ratio of the video card component in client/src/components/video-card.tsx to 16:9 on mobile devices.
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/7j5FE92
2025-08-30 13:01:19 +00:00
sebastjanartic
8d5dd20cf3
Improve video selection highlighting and display on hover
...
Update the `CategoryRow` component in `netflix-grid.tsx` to manage the `clickedVideoId` state. This state is used to conditionally render the "Top 10" number overlay on videos. When a video is clicked, its ID is stored in `clickedVideoId`. The overlay is now hidden if the `clickedVideoId` matches the current video's ID. Additionally, hovering over a video category row resets `clickedVideoId` to `null` to ensure the number reappears when the mouse leaves the video. The `onClick` handler for `VideoCard` is modified to update this state and then call the original `onVideoClick` 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/7j5FE92
2025-08-30 12:59:37 +00:00
sebastjanartic
b5f0bcb2ae
Improve video navigation by repositioning scroll buttons
...
Refactors the horizontal scrolling mechanism in the `netflix-grid.tsx` component, replacing broad scroll areas with targeted left and right arrow buttons. These buttons appear on hover and are positioned to prevent interference with video selection.
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/7j5FE92
2025-08-30 12:58:16 +00:00
sebastjanartic
6af0b01f23
Stop automatic scrolling when moving the mouse away from the category
...
Adds a check to clear the existing scroll interval before starting a new one in the `startAutoScroll` function within the `CategoryRow` 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/6upLu3q
2025-08-30 12:56:24 +00:00
sebastjanartic
0d97d83050
Add smooth scrolling to video rows by hovering over directional areas
...
Introduce auto-scrolling functionality to the CategoryRow component. When a user hovers over the left or right half of the row's area, the row will automatically scroll in that direction. This is achieved using `setInterval` for continuous scrolling and clearing the interval on mouse leave. The previous fixed buttons have been replaced with these interactive hover areas.
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/6upLu3q
2025-08-30 12:52:34 +00:00
sebastjanartic
debc079e39
Remove play button overlay from video cards
...
Remove the play button overlay element from the VideoCard component in client/src/components/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/6upLu3q
2025-08-30 12:50:31 +00:00
sebastjanartic
8716a2aae0
Improve scrolling experience by adjusting video grid spacing
...
Adjusted padding and margins in the Netflix grid component to allow for true edge-to-edge display of videos and ensure sufficient space for scroll buttons on various 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/6upLu3q
2025-08-30 12:50:03 +00:00
sebastjanartic
50fa13147f
Improve video browsing experience with adaptive scrolling and full-width display
...
Adjusts `CategoryRow` component to utilize viewport width for scroll amounts and applies responsive widths to video cards, enhancing horizontal navigation 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/6upLu3q
2025-08-30 12:48:43 +00:00
sebastjanartic
30b8be3502
Adjust video display and scrolling for improved mobile viewing
...
Update CSS and JavaScript to implement responsive card widths, adjust scroll amounts for different screen sizes (mobile, tablet, desktop), and modify hover effects for a better user experience on mobile devices.
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/6upLu3q
2025-08-30 12:46:46 +00:00
sebastjanartic
c035c0bd4d
Update video player to use correct URLs
...
Updates the video player component to use `videoUrlMp4` and `videoUrl` properties for MP4 and HLS sources respectively, instead of the previously used `mp4Url` and `hlsUrl`.
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/6upLu3q
2025-08-30 12:44:12 +00:00
sebastjanartic
e7d66d289d
Adapt video previews for a better mobile experience
...
Adjust video preview delay and controls for mobile devices, and set preload to metadata for MP4 sources.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-30 12:43:09 +00:00
sebastjanartic
2355fc4da6
Restored to '7fd7127003398a269f1f765208c8baced728aafb'
...
Replit-Restored-To: 7fd7127003
2025-08-30 12:39:34 +00:00
sebastjanartic
e9172e83e6
Improve video display with responsive grid layout
...
Refactors the SimpleCarousel component to use a flex-wrap container, removing horizontal scroll buttons and implementing responsive styling for video posters based on screen size. Adds CSS for the new layout and adjusts the "Top 10" number overlay positioning.
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/kdQ95gE
2025-08-29 23:26:37 +00:00
sebastjanartic
c7ed5a36d5
Improve carousel functionality and visual presentation for video content
...
Refactors the `SimpleCarousel` component to use horizontal scrolling with duplicated content for an infinite scrolling effect. Updates styling for video cards, including dynamic sizing and improved visual overlays for "Top 10" content. Removes fixed poster styling from `index.css`.
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/kdQ95gE
2025-08-29 23:23:48 +00:00
sebastjanartic
94b2c8747b
Improve carousel layout for better visual presentation
...
Refactor client/src/components/simple-carousel.tsx to use a flexbox layout for video cards with responsive styling, replacing the previous scrollable div. Also, add new CSS rules to client/src/index.css for poster styling.
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/kdQ95gE
2025-08-29 23:22:56 +00:00
sebastjanartic
44a070668e
Improve font loading and add fallback for better display
...
Updates client/index.html and client/src/index.css to improve Oswald font loading with preconnect hints and adds a fallback font stack for desktop users in the .oswald-text class.
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/kdQ95gE
2025-08-29 20:22:20 +00:00
sebastjanartic
5564863b27
Add interactive scrolling and navigation to video carousels
...
Update `SimpleCarousel` component to include left/right scroll buttons, implement infinite scrolling effect by duplicating video list, and refine visual styling for video cards.
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/kdQ95gE
2025-08-29 20:21:41 +00:00
sebastjanartic
abb3f4492c
Display videos side-by-side in a grid layout
...
Removes carousel functionality and implements a responsive grid layout for displaying videos, directly addressing user feedback to show videos next to each other.
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/kdQ95gE
2025-08-29 20:20:58 +00:00
sebastjanartic
00274ffa27
Apply Oswald font to enhance the platform's visual appearance and branding
...
Integrates the Oswald font across the client-side by adding Google Fonts CDN links and applying the new 'oswald-text' class to relevant text elements in components like SearchHeader, SimpleCarousel, and VideoCard, as well as defining the font styles in index.css.
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/kdQ95gE
2025-08-29 20:19:43 +00:00
sebastjanartic
3313d7ab18
Update video card appearance for better readability and visual appeal
...
Refactor VideoCard component to simplify title overlay styling, remove cinematic text animations, and adjust text size and color for improved clarity.
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/kdQ95gE
2025-08-29 20:14:31 +00:00
sebastjanartic
9d73ffc20e
Enhance video titles with more cinematic and attractive visual effects
...
Improve video card component styling to include animated text glow, scale effects, and gradient overlays for a more cinematic presentation. Update CSS with new keyframes and hover effects.
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/kdQ95gE
2025-08-29 20:13:44 +00:00
sebastjanartic
f20817d542
Remove video duration display from video cards
...
Removes the duration display overlay from the VideoCard component in client/src/components/video-card.tsx.
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/kdQ95gE
2025-08-29 20:11:43 +00:00