Commit Graph

15 Commits

Author SHA1 Message Date
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