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
