sebastjanartic
f33fddaaf9
Improve video display by adjusting hover effects and layering
...
Adjusted CSS in client/src/index.css for .individual-video-hover to simplify the hover effect, removing unnecessary positioning and pointer-events properties.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 18:04:11 +00:00
sebastjanartic
05a71521d9
Improve video display when hovering over them in carousels
...
Adjusted CSS to ensure videos correctly display above other elements when hovered, fixing z-index and overflow issues in carousel components.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
2025-08-29 18:02:42 +00:00
sebastjanartic
8501ea9b5b
Improve carousel button visibility and video overlay behavior
...
Increase z-index for carousel navigation buttons to ensure they appear above other content and adjust CSS to prevent videos from overlaying interactive elements on hover.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/yexZbDm
2025-08-29 17:58:47 +00:00
sebastjanartic
cc0ec8a2c1
Improve video hover effect for better user interaction
...
Update .individual-video-hover class in simple-carousel.tsx and index.css to increase z-index, add a scale transform, and transition for an enhanced hover effect.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/yexZbDm
2025-08-29 17:57:44 +00:00
sebastjanartic
1ac0c4fd30
Make the number overlay on Top 10 videos disappear on hover
...
Fix: Update `SimpleCarousel` component to use a new CSS class for hover effects on video elements. Add CSS rule to `.individual-video-hover:hover .individual-video-hover\:opacity-0` to hide the number overlay when a video is hovered.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/yexZbDm
2025-08-29 17:55:27 +00:00
sebastjanartic
c693139f55
Adjust scrollbar hiding to only affect mobile devices
...
Modify client/src/index.css to conditionally hide scrollbars on screens up to 768px wide, reverting the global hiding behavior.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/yexZbDm
2025-08-29 17:29:08 +00:00
sebastjanartic
53857c2a83
Improve scrolling experience by hiding all scrollbars
...
Hide all scrollbars globally using CSS and remove specific scrollbar styles from the SimpleCarousel component.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/yexZbDm
2025-08-29 17:28:40 +00:00
sebastjanartic
b21206ecc4
Improve video player by hiding picture-in-picture controls
...
Removes the picture-in-picture button from Video.js player using CSS targeting and updates the category row component to remove test button.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/EZqddeC
2025-08-29 16:35:31 +00:00
sebastjanartic
139839d582
Improve video player by hiding picture-in-picture controls
...
Hide the picture-in-picture button and related overlay icons in the Video.js player across all video elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
2025-08-29 16:19:38 +00:00
sebastjanartic
feec173d19
Improve video modal display and responsiveness across all devices
...
Update the `BunnyVideoModal` component and `index.css` to ensure the modal correctly covers the entire viewport (100vw width, 100vh height) with fixed positioning (`top: 0`, `left: 0`, `right: 0`, `bottom: 0`), addressing issues with pop-ups appearing partially off-screen.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
2025-08-29 15:20:01 +00:00
sebastjanartic
dde1b37180
Improve carousel scrolling and modal display across the platform
...
Update z-index for modals to ensure they display correctly, adjust carousel scroll amount and behavior, and refine video card z-indexing.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
2025-08-29 14:38:22 +00:00
sebastjanartic
8ce0414679
Add Netflix-style video browsing with categorized rows
...
Introduces a new `NetflixGrid` component to display videos in categorized rows, similar to Netflix. This includes styling for hidden scrollbars, adding a `className` prop to `VideoCard`, and updating the home page to conditionally render either the `VideoGrid` or the new `NetflixGrid` based on the `viewMode`.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/spLs1aN
2025-08-29 07:09:54 +00:00
sebastjanartic
44d6f571a5
Make decorative triangles static to prevent visual jumping
...
Replaced 'floating-triangles' CSS class with 'static-triangles' and removed animations from triangle decorations in the header and page backgrounds to ensure stable visual elements.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/UjCt1XL
2025-08-28 17:07:13 +00:00
sebastjanartic
38274ff979
Improve visibility and appearance of background logos
...
Refactor the positioning, sizing, opacity, and blur of go4.video logos and triangle decorations across multiple components to enhance visual presence and adhere to geometric design principles.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/u1XGT5E
2025-08-28 15:41:54 +00:00
sebastjanartic
489ac2c884
Update visual design to incorporate the company logo
...
Replaces geometric triangle decorations with the company logo in the header and footer. Adjusts styling of remaining triangles to be less intrusive and lower in the z-index, ensuring the logo is the primary visual element.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/qeH5s4D
2025-08-28 15:39:37 +00:00
sebastjanartic
79841d36be
Update page backgrounds with animated logo elements
...
Replaces static text background elements with dynamic, scaled, and rotated logo images across multiple pages (VideoPage, Home, NotFound) using new CSS classes (bg-logo-large, bg-logo-medium, bg-logo-small).
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/3OFqUb2
2025-08-28 15:33:56 +00:00
sebastjanartic
89932a2530
Enhance visual appeal with gradient text and remove static opacity from background elements
...
Update CSS styles to implement gradient backgrounds for text elements and remove fixed opacity settings in various page components.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/d8KMm1m
2025-08-28 15:32:53 +00:00
sebastjanartic
e866b9fd67
Add dynamic background text for branding across multiple pages
...
Integrates reusable CSS classes and components to display "go4.video" text at varying sizes, positions, and rotations as background decorations on the home, video, and not-found pages.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/v4xsjqK
2025-08-28 15:31:10 +00:00
sebastjanartic
7b1fd88290
Add geometric triangle designs to enhance the platform's visual appeal
...
Integrate CSS styles for geometric triangle decorations on the header, home page, and footer, utilizing absolute positioning and rotations for visual depth.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/T874Ib6
2025-08-28 14:54:32 +00:00
sebastjanartic
41a8c3541f
Update website design with modern gradients and improved styling
...
Implement a new visual theme across the platform, introducing gradient backgrounds, updated UI elements in the header and video cards, and refined styles for search inputs and modals.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/qWrgPMU
2025-08-28 14:52:31 +00:00
sebastjanartic
175001993a
Update video modal and styling for better user experience
...
Reorders VideoModal component logic to ensure hooks are declared before conditional returns and applies updated styling to select and combobox elements in the video edit modal.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/HTFgzym
2025-08-08 20:13:18 +00:00
sebastjanartic
08418ec877
Improve video editing form appearance for better usability
...
Update CSS classes in `video-edit-modal.tsx` to specifically style input fields, textareas, and select elements within the video editing modal, ensuring better visibility and consistency with dark mode. Additionally, modify global styles in `index.css` to target these elements more effectively, including placeholder text and labels.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/ESknBgQ
2025-08-08 19:53:34 +00:00
sebastjanartic
00eb8eb914
Update video editing interface to use a dark theme with white text
...
Refactor client-side components and CSS to implement a dark theme for the video editing modal, improving readability and consistency with a dark gray background, white text, and contrasting borders.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/ESknBgQ
2025-08-08 19:51:52 +00:00
sebastjanartic
67d531a4d7
Invert input field colors for better readability in all themes
...
Reverses the color scheme of input fields and text areas in client/src/index.css to ensure text is clearly visible across different theme settings.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/ESknBgQ
2025-08-08 19:47:37 +00:00
sebastjanartic
35dcbf6763
Improve text visibility in form fields for better usability
...
Update client/src/index.css to ensure text in input fields, textareas, and selects is visible in both light and dark themes by setting explicit background, text, and border colors.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/ESknBgQ
2025-08-08 19:45:14 +00:00
sebastjanartic
0adbf9900b
Add interactive video preview thumbnails on hover
...
Integrates HLS.js and creates a new VideoPreviewThumbnail component to display interactive video previews on hover, utilizing a hidden video element for thumbnail generation and seeking.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/uy510Ei
2025-08-07 10:41:05 +00:00
sebastjanartic
dd5d0b5ba1
Add interactive video playback controls and progress tracking
...
Update VideoModal component to include a seekable progress bar, volume slider, time display, and mute functionality. Adds event listeners for timeupdate, durationchange, and volumechange. Implements custom CSS for the volume slider.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: d7424866-83d1-4486-a212-ac12b4c7becf
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/d7424866-83d1-4486-a212-ac12b4c7becf/ogtPjnM
2025-08-07 10:01:17 +00:00
sebastjanartic
018f559617
Restored to 'e087324c769fdb5e778619a362ad06f5e61119bf'
...
Replit-Restored-To: e087324c76
2025-08-04 20:11:57 +00:00
sebastjanartic
551aaee106
Improve video player functionality and enable full screen viewing
...
Enable fullscreen and controls on video player; set iframe properties and poster URL.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 50814a1e-92e4-4968-856f-7bc7eedf5e8f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/50814a1e-92e4-4968-856f-7bc7eedf5e8f/ZePu5CD
2025-08-04 18:55:45 +00:00
sebastjanartic
edf1e36795
Set up video streaming website with Bunny.net CDN integration
...
Initialize project structure with UI components, CDN video display, and configurations.
Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 50814a1e-92e4-4968-856f-7bc7eedf5e8f
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/50814a1e-92e4-4968-856f-7bc7eedf5e8f/uoltFyL
2025-08-04 18:24:29 +00:00
