sebastjanartic
84cde4e194
Adjust layout to improve content visibility on the homepage
...
Update horizontal scrolling and padding in the category row component, and adjust homepage container padding for better content presentation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/M6U47Dp
2025-09-01 14:57:12 +00:00
sebastjanartic
4be4039707
Limit content width on larger screens for better viewing
...
Update `max-width` CSS classes in `netflix-grid.tsx` and `home.tsx` to enforce a maximum width of 6 "xl" units, improving layout on large monitors.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:49:20 +00:00
sebastjanartic
7111366f08
Improve video browsing experience with responsive scrolling and layout adjustments
...
Update UI elements for better navigation and content display, including responsive scrolling in category rows, adjusted margins, and optimized video card widths for various screen sizes. Also enhances the overall layout with wider containers for improved viewing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:48:03 +00:00
sebastjanartic
0c1d1e7053
Improve video carousel navigation by enabling smooth scrolling on hover
...
Update client/src/components/netflix-grid.tsx to trigger smooth scrolling of video categories when hovering over navigation arrows.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:45:24 +00:00
sebastjanartic
0956bbba7d
Improve video browsing by allowing users to scroll four videos at a time
...
Update the `CategoryRow` component in `netflix-grid.tsx` to adjust the scroll amount for video navigation buttons. The scroll amount is now calculated to move exactly four cards at a time (312px per card), ensuring a consistent browsing experience. Additionally, navigation arrows are now explicitly styled and positioned for better usability.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:44:58 +00:00
sebastjanartic
6e8e6d7167
Limit displayed video cards and adjust layout for desktop view
...
Update client/src/components/netflix-grid.tsx and client/src/pages/home.tsx to adjust the display of video cards and container widths for a better desktop experience.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 14:41:47 +00:00
sebastjanartic
52b2846821
Add navigation arrows to all video rows for easier browsing
...
Update client/src/components/netflix-grid.tsx to ensure navigation arrows are always visible on video rows, removing conditional rendering based on hideScrollButtons prop.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 13:30:56 +00:00
sebastjanartic
c0f16f92e4
Improve the visual design of video row navigation buttons
...
Update the styling and positioning of the navigation arrows for video rows, making them smaller and more visually subtle.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 13:29:45 +00:00
sebastjanartic
a1ef7eb7e4
Improve row navigation by adding visual cues for scrolling
...
Modify the `CategoryRow` component in `netflix-grid.tsx` to display a semi-transparent red background on navigation arrows, indicating their presence and potential functionality.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/8e9f2b36-ec9c-4acc-b19b-5304fa9790c5/0CzYEcy
2025-09-01 13:20:22 +00:00
sebastjanartic
8bd0640ed9
Adjust video row display and add navigation arrows for desktop
...
Removes right scroll button from NetflixGrid component, adjusts video widths, and adds navigation arrows to the end of each row for desktop view, improving user experience and navigation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:18:00 +00:00
sebastjanartic
0932300f25
Improve scrolling experience for video category rows
...
Adjust the right scroll button's appearance and size in the `CategoryRow` component, making it larger and more prominent for desktop users.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:16:34 +00:00
sebastjanartic
6ee2a6b948
Improve visibility and interaction of row navigation arrows
...
Update `netflix-grid.tsx` to increase the size and opacity of the left and right navigation buttons, and their respective Chevron icons, for enhanced usability on larger screens.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:15:11 +00:00
sebastjanartic
3f3a0587fa
Update video categories to Slovenian language
...
Translate "Meist Angesehen" to "Najbolj gledano" and "Trending Now" to "Priljubljeno zdaj" in the NetflixGrid component and update the conditional rendering for the top 10 number overlay.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:14:10 +00:00
sebastjanartic
d08188e48f
Adjust layout for video card display and spacing
...
Update `netflix-grid.tsx` to modify CSS classes for category rows and video cards, adjusting margins, padding, and widths for improved visual presentation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:13:38 +00:00
sebastjanartic
be94dce16d
Improve video card appearance by removing hover effects
...
Remove subtle scaling and opacity transitions from video cards on hover to prevent unintended micro-animations.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:08:26 +00:00
sebastjanartic
99b6bef33a
Adjust homepage layout to add margin on larger screens
...
Update the home page component to include left and right margins (lg:mx-[38px]) on larger screen sizes for better visual spacing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 8e9f2b36-ec9c-4acc-b19b-5304fa9790c5
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-09-01 13:06:08 +00:00
sebastjanartic
fea2730de5
Improve search functionality for video content by removing unnecessary logs
...
Remove console logs from the FolxStadlPage component to clean up the output and improve performance.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/pSwkS7z
2025-09-01 05:05:10 +00:00
sebastjanartic
917e6b1a20
Improve video filtering and display logic for Folx Stadl content
...
Adds console logs to client/src/pages/FolxStadlPage.tsx to debug and verify the filtering of videos containing "FOLX STADL" and "FOLXSTADL" in their titles and descriptions, including after search queries.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/Y7Evsxg
2025-09-01 05:02:49 +00:00
sebastjanartic
a7ea13c377
Improve video fetching by enabling dynamic query parameter support
...
Update the FolxStadlPage component to dynamically construct API query parameters using URLSearchParams, enhancing flexibility and addressing potential issues with fixed query strings in the useQuery hook.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/XzF7myD
2025-09-01 05:00:42 +00:00
sebastjanartic
ef52d070d9
Improve search functionality to update URL with search queries
...
Refactors the onChange handler in FolxStadlPage.tsx to update the URL with the search query using `setLocation` whenever the input value changes, ensuring search state is reflected in the URL.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/YOKUxse
2025-09-01 04:56:25 +00:00
sebastjanartic
a34fc28345
Improve search functionality to include video titles and descriptions
...
Update FolxStadlPage to filter videos by title and description based on search query, enhancing search relevance.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/Uw7sw4i
2025-09-01 04:52:39 +00:00
sebastjanartic
4297267681
Enhance video metadata for better social sharing and search engine visibility
...
Implement detailed Open Graph and Twitter Card meta tags, including video duration, release date, and site name. Update structured data for Google search results to include comprehensive video object information. Modify the thumbnail generation process to directly resize the original thumbnail to social media dimensions (1200x630) without applying a branding overlay.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/xVB32z7
2025-08-31 21:12:08 +00:00
sebastjanartic
c43057ec77
Use actual video thumbnails for social media sharing
...
Integrates node-fetch and sharp to download and overlay branding on actual video thumbnails from Bunny.net for social media sharing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/xVB32z7
2025-08-31 21:06:44 +00:00
sebastjanartic
faed7a9b62
Update social media sharing with video details and improved thumbnails
...
Update server-side rendering to correctly inject Open Graph and Twitter card metadata, including dynamic video titles, descriptions, and optimized thumbnail URLs for social media sharing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/xVB32z7
2025-08-31 21:02:16 +00:00
sebastjanartic
cc0cfe3120
Improve video filtering to display all Folx Stadl content
...
Update the video query to fetch more videos and adjust the filtering logic to include all "FOLX STADL" and "FOLXSTADL" titles, ensuring comprehensive display of related content.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/xVB32z7
2025-08-31 20:47:47 +00:00
sebastjanartic
0425cb899a
Add social media sharing previews for videos
...
Implement a server-side API to generate dynamic social media shareable image thumbnails for videos and update the client to utilize this new API for open graph and Twitter meta tags.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/mbX83Mu
2025-08-31 20:44:31 +00:00
sebastjanartic
87e07be40f
Add support for iOS app icons and PWA favicons
...
Updates `client/index.html` and `client/public/manifest.json` to include proper iOS icon links and specifies PNG format for favicons. Enhances the `/api/favicon` endpoint to generate PNG favicons using `sharp` for various sizes and includes the "go4" text for larger icons. Also adds `@types/compression` to `package.json` and `package-lock.json`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/mbX83Mu
2025-08-31 20:25:15 +00:00
sebastjanartic
7c02d0310a
Improve the app's experience when added to the iPhone home screen
...
Implement Progressive Web App (PWA) features for enhanced mobile experience, including service worker registration, manifest.json updates for standalone mode, and CSS adjustments for iOS safe area and touch interactions.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/mbX83Mu
2025-08-31 20:20:49 +00:00
sebastjanartic
17dbdf81f1
Update node-fetch dependency to improve security and performance
...
Downgrades the node-fetch package from v3.3.2 to v2.0.0 in package.json and package-lock.json to address security vulnerabilities.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/ab9cd02a-d0b2-4288-9ceb-1964d0059648/piSLh4r
2025-08-31 09:00:52 +00:00
sebastjanartic
314dd7220f
Saved your changes before starting work
...
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ab9cd02a-d0b2-4288-9ceb-1964d0059648
Replit-Commit-Checkpoint-Type: full_checkpoint
2025-08-31 08:58:36 +00:00
sebastjanartic
15d53b0e49
Update social media image to a static file for better consistency
...
Replaced dynamic Open Graph and Twitter image meta tags pointing to `/api/og-image` with a static file reference to `/go4-video-social-share.png` in `client/index.html`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-31 08:49:12 +00:00
sebastjanartic
3988d363f1
Update logo to match brand guidelines with a larger, gradient design
...
Update client/public/go4-video-social-share.png and attached_assets/generated_images/Larger_logo_with_matching_gradient_4e0c306b.png with new logo assets.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-31 08:05:24 +00:00
sebastjanartic
736d750799
Update logo to display centered without text
...
Add a new image file `Simple_centered_go4_logo_only_afd0ea54.png` to the attached assets, intended for use as a centered logo without accompanying text.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-31 08:04:37 +00:00
sebastjanartic
d3c3f0bd74
Update logo to be centered with text below it
...
Add a new centered logo to the public assets and update relevant references.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-31 08:03:39 +00:00
sebastjanartic
879a6d6b55
Add new social sharing and branding assets to the platform
...
Add images for social sharing, platform branding, and temporary logo files.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-31 08:02:52 +00:00
sebastjanartic
0074fbb2b9
Update shared image to include the logo and description
...
Add Facebook_logo_with_description_26e2257a.png to attached_assets/generated_images/.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-31 08:00:55 +00:00
sebastjanartic
f9f1ad7ffe
Improve social media sharing image for videos
...
Update the Open Graph image tag in the VideoPage component to prioritize custom thumbnails, then video thumbnails, and finally a fallback social share image (go4-video-social-share.png) for improved social media previews.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-31 08:00:14 +00:00
sebastjanartic
e28cb10ba3
Improve video player security by restricting embedded content execution
...
Add sandbox attribute to the video player iframe in VideoPage.tsx to enhance security.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:38:43 +00:00
sebastjanartic
be30dec98a
Adjust swipe sensitivity for video navigation
...
Modify swipe detection threshold in VideoPage.tsx from 50px to 20px for more responsive video navigation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:30:27 +00:00
sebastjanartic
2c1f1a66be
Improve touch controls for video scaling on mobile devices
...
Adjust touch overlay positioning on the VideoPage component to prevent interference with bottom video controls, allowing for proper scaling actions on mobile.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:28:42 +00:00
sebastjanartic
6c9ee677b2
Improve video controls display for mobile users
...
Adjust touch overlay on mobile devices to only appear on the edges of the video player, ensuring better visibility and interaction with video controls in `client/src/pages/VideoPage.tsx`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:27:28 +00:00
sebastjanartic
1ad5b17540
Hide scroll arrows on the homepage for mobile devices
...
Updated the `CategoryRow` component in `netflix-grid.tsx` to hide the left and right scroll chevron buttons on smaller screen sizes (md breakpoint and below) by adding the `hidden md:flex` CSS classes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:25:50 +00:00
sebastjanartic
3b988f2566
Remove forced autoplay for embedded videos
...
Update VideoPage.tsx to remove the 'autoplay=1' query parameter from the iframe src attribute for embedded videos.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:24:56 +00:00
sebastjanartic
81ea7abde1
Improve video navigation on mobile devices
...
Adds touch event handlers and a dedicated touch overlay to the video player page, enabling horizontal swipe navigation on mobile. The `touchAction` CSS property is set to 'pan-y pinch-zoom' on the main video container and 'none' on the overlay to prevent default browser behaviors while allowing vertical scrolling and pinch-to-zoom.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:24:21 +00:00
sebastjanartic
61cbd47c7b
Adjust video player navigation button transparency for better visibility
...
Update CSS classes for previous and next video navigation buttons on the VideoPage component to use a lighter background transparency (from bg-black/70 to bg-black/40).
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:11:45 +00:00
sebastjanartic
4a21b2bf6d
Improve navigation buttons for video playback
...
Update the styling and size of the previous and next video navigation buttons on the VideoPage component, making them more visually appealing and user-friendly.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:11:15 +00:00
sebastjanartic
bad85bbe55
Improve video navigation button styling and remove console logs
...
Remove console logs from video navigation functions and update button class names for improved styling.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:10:23 +00:00
sebastjanartic
3eff6352c4
Improve video navigation with previous and next buttons
...
Update VideoPage to fetch more recommended videos and enhance the functionality and styling of previous/next video navigation buttons, including added console logs for debugging.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:09:51 +00:00
sebastjanartic
011730c699
Improve video player navigation and playback controls for better user experience
...
Update VideoPage component to adjust styling for previous/next video buttons and iframe element. Specifically, modifies button background opacity, removes z-index from iframe, and adds pointer-events style to both buttons and iframe for improved interaction.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:07:59 +00:00
sebastjanartic
03b851afa9
Increase the number of recommended videos shown on the video page
...
Updated the API call in VideoPage.tsx to fetch 150 recommended videos instead of 20.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/zJYuV6w
2025-08-30 23:07:20 +00:00