sebastjanartic
ea3c606092
Update website's primary color to a vibrant pink for a more engaging user experience
...
Replace color values `#ec4c73` and `gradient-primary` with `#e91e63` across multiple components including CookieConsent, loading-spinner, netflix-grid, search-header, thumbnail-generator, video-ads, video-card, video-grid, video-modal, and various page components to unify the brand's visual identity.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/nDZrZ7M
2025-09-04 14:08:45 +00:00
sebastjanartic
88a2967b93
Update video progress bar colors to a new vibrant pinkish-red gradient
...
Update the color scheme for video progress bars and category indicators from a purple gradient to a new pinkish-red gradient, incorporating specific hex color codes for both the main progress bar and its associated glow and dot elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/PO46AHf
2025-09-04 13:52:57 +00:00
sebastjanartic
b5f0b50c4a
Update platform branding and sharing links to reflect the new domain name
...
This commit updates all instances of the old domain name "go4.video" to the new domain name "video.folx.tv" across various frontend components, including modals, headers, cards, and page metadata. It also includes updates to sharing intent URLs for Twitter and WhatsApp to use the new domain. Additionally, CSS for Video.js loading animations has been added to `index.css`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/jh6R7y2
2025-09-04 13:34:31 +00:00
sebastjanartic
60c3ca23b3
Ensure videos start muted by default on the platform
...
Modify the VideoCard component to force muted state on onLoadStart, onPlay, and onCanPlay events for Video.js player.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/JlONw6J
2025-09-04 13:07:43 +00:00
sebastjanartic
e2c6d9bee8
Ensure video playback respects mute settings on various devices
...
Update VideoCard component to correctly apply the muted state for HLS and native HLS playback, resolving issues where audio was intermittently muted or unmuted.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/JlONw6J
2025-09-04 12:33:57 +00:00
sebastjanartic
dc20d4a07a
Shorten video titles displayed on cards for better readability
...
Update client/src/components/video-card.tsx to truncate video titles to 35 characters for the main title, 50 characters for the subtitle, and 60 characters with an ellipsis for the full title display, improving UI consistency and preventing layout issues.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/HCAS0JG
2025-09-03 11:10:13 +00:00
sebastjanartic
258383ce36
Shorten video URLs for improved sharing and user experience
...
Refactors video routing and client-side components to generate and utilize shortened, 8-character IDs derived from the full UUIDs. This change enhances the usability of shared video links by removing dashes and truncating the UUID. The backend now supports fetching videos by either the short or full ID, ensuring backward compatibility. Additionally, ad retrieval and view count updates correctly use the full video ID to maintain data integrity with Bunny.net and the database.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/HCAS0JG
2025-09-03 11:03:27 +00:00
sebastjanartic
e9478bc7a4
Improve video title and description display for better user experience
...
Update the video card and video page components to correctly parse and display video titles and descriptions, splitting titles at ' - ' and handling missing descriptions gracefully.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
2025-09-03 09:15:40 +00:00
sebastjanartic
ce61c60e42
Improve video title and description display on cards and pages
...
Update client-side components (VideoCard, GeschichteLiedPage) to correctly display video titles and descriptions, removing unnecessary splitting of the title field and ensuring descriptions are properly rendered.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/OdlP8Wj
2025-09-03 09:15:01 +00:00
sebastjanartic
02f736006e
Adjust video title appearance for better readability on mobile devices
...
Update `VideoCard` component to increase font size for the video description part on mobile view.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:27:17 +00:00
sebastjanartic
ff5aa68ab9
Increase the size of video titles on the homepage for mobile devices
...
Adjusted the font size of video titles within the VideoCard component for mobile viewports from text-xl to text-2xl to improve readability and prominence on smaller screens.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:25:42 +00:00
sebastjanartic
7f0a46e6d9
Increase title size on mobile video cards for better readability
...
Update `VideoCard.tsx` to increase the font size of video titles on mobile devices from `text-lg` to `text-xl` within the component's conditional styling.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:23:44 +00:00
sebastjanartic
1c7589d6c8
Improve video titles and descriptions for better readability on all devices
...
Adjust text size for video titles and descriptions in VideoCard component for improved mobile and desktop display.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:20:42 +00:00
sebastjanartic
5c61884e9c
Adjust spacing and text size for improved readability on mobile devices
...
Reduce vertical spacing in the Netflix grid component and adjust font sizes in VideoCard for mobile responsiveness to address user feedback on small text and excessive spacing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:18:55 +00:00
sebastjanartic
4ee92b9c9e
Improve video details display for mobile users
...
Update text sizes and line clamping for video titles, descriptions, and metadata on mobile devices. Add "read more" functionality for truncated descriptions.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:12:47 +00:00
sebastjanartic
0bd2357d80
Improve video card display and text readability on mobile devices
...
Adjust font sizes and line clamp for video titles and descriptions in the VideoCard component for better mobile presentation.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:11:32 +00:00
sebastjanartic
98a6f4860e
Improve mobile responsiveness for video cards and page layouts
...
Refactor client-side logic in `video-card.tsx` to dynamically detect mobile devices and video page presence using `useState` and `useEffect` hooks, improving responsiveness and handling navigation changes.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:10:12 +00:00
sebastjanartic
ef17d8f256
Adjust video card display on mobile based on current page
...
Conditionally render elements in VideoCard component based on device type and current URL path to improve mobile user experience on video pages.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:05:55 +00:00
sebastjanartic
e790b679fc
Add expandable description to video cards and improve info display
...
Update `VideoCard` component to display the full video title, views, and creation date. Implements an expandable description section with "mehr" and "weniger" toggles for mobile view.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 16:04:04 +00:00
sebastjanartic
4bb7124113
Improve mobile display of video information and reduce clutter
...
Adjusted the mobile view in VideoCard to display only the video title, views, and creation date, removing the "Show More/Less" functionality and associated text to simplify the interface.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:59:31 +00:00
sebastjanartic
b566229972
Improve video details display with expanded description
...
Update video card component to show full description when expanded, and clamp to one line when collapsed.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:58:17 +00:00
sebastjanartic
8c6ca390b0
Update text to German for video card information
...
Changed button text from 'Pokaži manj'/'Pokaži več' to 'Weniger anzeigen'/'Mehr anzeigen' in the video-card component.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:57:30 +00:00
sebastjanartic
b1b7dae384
Adapt video card display for mobile devices with collapsed descriptions
...
Refactor the `VideoCard` component to conditionally render content for mobile devices, collapsing the video title and description with a "show more" option.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:57:00 +00:00
sebastjanartic
b964b61f58
Remove hover animations and preview hints from video cards
...
Removes the `Mouse` import, `showHint` state, and related timeout logic. Disables preview functionality when not hovered and removes associated UI elements like hover hints and animations from the video card component.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:50:52 +00:00
sebastjanartic
bfafe88415
Improve hover effect for video scrubbing with visual cues
...
Update video card component to refine the mouse-scrubbing animation and delay timers.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:49:27 +00:00
sebastjanartic
cd7900a7e7
Add animation to indicate video scrubbing with mouse movement
...
Import Mouse icon from lucide-react, add a mouse animation to the video card preview, and include a new CSS keyframes animation for left-right movement.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:48:48 +00:00
sebastjanartic
6426374083
Add subtle animations to indicate video preview functionality
...
Introduce visual cues, including a "Hover to preview" message and a pulsating play icon, to guide users towards interactive video card features and improve discoverability of the video preview functionality.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:46:18 +00:00
sebastjanartic
8c596f8326
Improve video preview audio muting consistency across the platform
...
Refactor video card component to synchronize mute state across all video previews using localStorage and custom events, ensuring consistent audio behavior.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:44:25 +00:00
sebastjanartic
a3cc41d477
Persist user's audio preference for video previews
...
Update VideoCard component to save and load mute state from localStorage for video previews.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:43:02 +00:00
sebastjanartic
f4052654ae
Add mute and unmute functionality to video previews on cards
...
Integrates a mute/unmute toggle button into the video card component, allowing users to control audio during video previews. The state is managed with `useState` and the video element's `muted` property is updated accordingly.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/4DOsXkx
2025-09-02 15:41:22 +00:00
sebastjanartic
c39d821989
Update video player navigation buttons with new colors and styles
...
Refactors VideoCard and VideoPreviewThumbnail components, updates navigation buttons on VideoPage with a new gradient style, and modifies the company logo's styling on the Home page.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/d05DGZF
2025-09-02 15:30:43 +00:00
sebastjanartic
fc47ca4cd6
Improve footer design with dynamic background elements
...
Update the footer component in the home page to include animated background logos for a more engaging user experience.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/d05DGZF
2025-09-02 15:28:08 +00:00
sebastjanartic
ba4d45db96
Enable video previews on hover for desktop users
...
Re-enable video preview functionality on hover for desktop devices (screens >= 768px) with a delay, reverting a previous performance optimization.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2cd2c0bc-434c-4bc9-ad3f-b99d3897a0d1/d05DGZF
2025-09-02 15:25:38 +00:00
sebastjanartic
12df511504
Improve video titles displayed on hover for better readability
...
Update VideoCard component to display the first part of the video title in a larger font and the second part in a smaller font, enhancing visual hierarchy and user experience.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/S0hX96S
2025-09-02 10:59:43 +00:00
sebastjanartic
21fb013487
Improve video card title and description display with better font styling
...
Reorders title and description elements in the VideoCard component and updates the description's font size and weight.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/S0hX96S
2025-09-02 10:58:17 +00:00
sebastjanartic
d1e8031197
Reorder elements for improved video card display and readability
...
Adjusted the order of title and description text within the video card component to display the video title more prominently, and shifted the channel name to a secondary position. This change enhances the visual hierarchy and user experience on the platform.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/S0hX96S
2025-09-02 10:51:50 +00:00
sebastjanartic
1487ab3602
Improve video card display by reordering title and artist information
...
Reorder elements in the VideoCard component to display artist above the song title, matching user preference.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/S0hX96S
2025-09-02 10:50:13 +00:00
sebastjanartic
725fcaffcf
Improve video card appearance with new fonts and refined overlays
...
Update video card styling to use Poppins and Inter fonts, remove black overlay bar, refine gradient overlay, and adjust loader text and font.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/S0hX96S
2025-09-02 10:47:33 +00:00
sebastjanartic
bddd331745
Improve platform performance and user experience with optimizations
...
This commit enhances performance by optimizing video card previews, implementing memoization for categories, debouncing search queries, and enabling compression and caching strategies on the server.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 890577b1-c154-40a4-a177-a0c6d55320c3
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/890577b1-c154-40a4-a177-a0c6d55320c3/dCPgsyV
2025-09-02 10:43:58 +00:00
sebastjanartic
261472641d
Restored to '4297267681097f3ff53d34610ef0e8e98baf8e0e'
...
Replit-Restored-To: 4297267681
2025-09-01 17:47:21 +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
b2a4cfd8d4
Enable videos to autoplay with sound on the platform
...
Modify the video player to automatically play videos with sound when they are loaded, and adjust the video card component to disable hover previews on mobile devices.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
2025-08-30 22:47:39 +00:00
sebastjanartic
0b35c4fed2
Improve video preview loading and interaction on mobile devices
...
Shorten video preview delay on smaller screens and add touch event listeners to VideoCard component for better mobile responsiveness.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
2025-08-30 22:42:11 +00:00
sebastjanartic
8a2d5403ad
Enable video autoplay on mobile devices by default
...
Update VideoCard component to set `muted` to `true` on mobile viewports (width < 768px) to enable autoplay functionality.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
2025-08-30 22:40:45 +00:00
sebastjanartic
b8c7a9cc19
Enable audio for video previews on the platform
...
Update the VideoCard component to enable audio playback for video previews, rather than defaulting to muted.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 344ec1e0-1186-4058-bbff-2e9619a7b1e0
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/344ec1e0-1186-4058-bbff-2e9619a7b1e0/FgaI1Sc
2025-08-30 22:38:34 +00:00
sebastjanartic
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
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
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
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
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
