sebastjanartic
ff7203c5e6
Remove grid overlay for mobile devices
...
Disable the grid overlay on mobile devices by commenting out the relevant CSS media query and removing the ::after pseudo-element rule.
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:05:45 +00:00
sebastjanartic
9d8e037a03
Hide Vite error overlay in the application's styling
...
Add CSS rule to hide the Vite error overlay by setting `display: none !important;` in `client/src/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/JlONw6J
2025-09-04 13:04:45 +00:00
sebastjanartic
4d31e42184
Improve visual grid overlay for smaller screens
...
Adjust CSS for the grid overlay to be active only on mobile devices (max-width: 768px) and increase the opacity of the grid lines.
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:03:54 +00:00
sebastjanartic
df50e4d384
Adjust layout for better mobile video card spacing
...
Update CSS to adjust margins for video cards and associated text elements for improved mobile display.
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:00:08 +00:00
sebastjanartic
6716baffd0
Adjust spacing for better mobile visibility on search elements
...
Update CSS rules in client/src/index.css to refine margins for placeholder text, specific heading elements, and search bar layout on mobile devices.
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:59:13 +00:00
sebastjanartic
9dfc34f808
Adjust spacing for improved layout on mobile devices
...
Update CSS styles in client/src/index.css to adjust margins for placeholder inputs and specific text elements to refine the mobile layout.
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:58:05 +00:00
sebastjanartic
0268e30e56
Adjust spacing for better readability on smaller screens
...
Modify margin-bottom for specific placeholder styles in index.css to address spacing issues.
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:56:39 +00:00
sebastjanartic
257c4b4f71
Improve spacing for search input placeholder on mobile
...
Adjust margin-bottom for specific text elements in CSS to fine-tune layout on mobile devices.
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:47:05 +00:00
sebastjanartic
da23e4dc1e
Adjust spacing for placeholder text on search input
...
Modify CSS to reduce bottom margin for specific H2 elements within search input placeholders, aligning with design specifications.
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:46:31 +00:00
sebastjanartic
a5de7d98e2
Improve spacing for search elements on smaller screens
...
Adjust margin-bottom for search input placeholders and center-aligned flex elements on mobile devices.
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:46:05 +00:00
sebastjanartic
d7a7c70603
Adjust spacing for better readability on mobile devices
...
Update CSS to fine-tune vertical spacing between elements on smaller screens for improved visual hierarchy and user experience.
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:44:48 +00:00
sebastjanartic
970bcca9ec
Improve spacing for video titles and thumbnails on mobile devices
...
Adjust CSS styles in index.css to optimize layout spacing for video titles and thumbnails on mobile viewports, specifically targeting elements with classes `md:hidden.flex.justify-center` and `text-lg.font-medium.text-bunny-light`.
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:44:05 +00:00
sebastjanartic
86fca3e2a1
Adjust video cards on mobile for better positioning
...
Update CSS to add negative margin-top to the video grid container on mobile devices to slightly shift video cards upwards.
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:37:01 +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
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
92779c5828
Increase website layout width to display more video content
...
Update the max-width of the main content container in index.css from 1300px to 1400px to allow for a wider display of video cards.
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/2xHHKQn
2025-09-01 20:03:17 +00:00
sebastjanartic
c1e92f1368
Improve video card display and layout for better viewing
...
Adjust video card width and container max-width for improved visual presentation and spacing.
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/iQc0AVS
2025-09-01 19:53:37 +00:00
sebastjanartic
823006bbaf
Adjust video display proportions for better visual appeal
...
Update video card width in NetflixGrid and adjust container max-width in index.css to improve layout proportions.
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/iQc0AVS
2025-09-01 19:04:16 +00:00
sebastjanartic
a72d7cdf4a
Set content container width and center it for a better layout
...
Update the main content container's max-width to 1400px and apply `margin: 0 auto` for centering, and replace `max-w-7xl` with the custom `.container` class in the Home page.
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/SHCPaqp
2025-09-01 18:03:00 +00:00
sebastjanartic
5034289fd2
Center and limit content width for better display on large screens
...
Introduces a new CSS class `.container` with `max-width: 1200px` and `margin: 0 auto` to center content. This class is applied to main content areas in `FolxStadlPage.tsx`, `VideoPage.tsx`, and `home.tsx` to resolve layout stretching issues on wide monitors.
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/SHCPaqp
2025-09-01 17:53:34 +00:00
sebastjanartic
261472641d
Restored to '4297267681097f3ff53d34610ef0e8e98baf8e0e'
...
Replit-Restored-To: 4297267681
2025-09-01 17:47:21 +00:00
sebastjanartic
c8c931b47f
Improve layout responsiveness by centering content and limiting maximum width
...
Update `index.css` to set `max-width: 1200px` and `margin: 0 auto` for the main content container. Adjust `max-w-6xl` in `home.tsx` to accommodate the new maximum width, ensuring better display on larger screens.
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/7gAiKIm
2025-09-01 17:42:44 +00:00
sebastjanartic
7cb06977bc
Adjust website layout to improve readability on smaller screens
...
Refactor CSS in client/src/index.css to reduce max-width from 1000px to 600px.
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/3f1nxbo
2025-09-01 17:32:33 +00:00
sebastjanartic
525197ada7
Center the page content and limit its width
...
Limit the maximum width of the page content to 1000px and center it using auto margins in index.css.
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/3f1nxbo
2025-09-01 17:31:20 +00:00
sebastjanartic
0b6ca2c22f
Adjust video card sizes and improve scrolling behavior
...
Updates video card widths from 220px to 200px, adjusts scroll calculations accordingly, and modifies the hover scale effect for video cards in NetflixGrid.
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/fyyFszO
2025-09-01 16:16:59 +00:00
sebastjanartic
4f7cdd8a7e
Improve video card display for better user interaction and visual appeal
...
Enhance .video-card styling with a scale effect, z-index, and relative positioning on hover for improved visual feedback and layering.
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/fyyFszO
2025-09-01 16:10:46 +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
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
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
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
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
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
2355fc4da6
Restored to '7fd7127003398a269f1f765208c8baced728aafb'
...
Replit-Restored-To: 7fd7127003
2025-08-30 12:39:34 +00:00
sebastjanartic
e9172e83e6
Improve video display with responsive grid layout
...
Refactors the SimpleCarousel component to use a flex-wrap container, removing horizontal scroll buttons and implementing responsive styling for video posters based on screen size. Adds CSS for the new layout and adjusts the "Top 10" number overlay positioning.
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 23:26:37 +00:00
sebastjanartic
c7ed5a36d5
Improve carousel functionality and visual presentation for video content
...
Refactors the `SimpleCarousel` component to use horizontal scrolling with duplicated content for an infinite scrolling effect. Updates styling for video cards, including dynamic sizing and improved visual overlays for "Top 10" content. Removes fixed poster styling from `index.css`.
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 23:23:48 +00:00
sebastjanartic
94b2c8747b
Improve carousel layout for better visual presentation
...
Refactor client/src/components/simple-carousel.tsx to use a flexbox layout for video cards with responsive styling, replacing the previous scrollable div. Also, add new CSS rules to client/src/index.css for poster styling.
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 23:22:56 +00:00
sebastjanartic
44a070668e
Improve font loading and add fallback for better display
...
Updates client/index.html and client/src/index.css to improve Oswald font loading with preconnect hints and adds a fallback font stack for desktop users in the .oswald-text class.
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 20:22:20 +00:00
sebastjanartic
00274ffa27
Apply Oswald font to enhance the platform's visual appearance and branding
...
Integrates the Oswald font across the client-side by adding Google Fonts CDN links and applying the new 'oswald-text' class to relevant text elements in components like SearchHeader, SimpleCarousel, and VideoCard, as well as defining the font styles in index.css.
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 20:19:43 +00:00
sebastjanartic
3313d7ab18
Update video card appearance for better readability and visual appeal
...
Refactor VideoCard component to simplify title overlay styling, remove cinematic text animations, and adjust text size and color for improved clarity.
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 20:14:31 +00:00
sebastjanartic
9d73ffc20e
Enhance video titles with more cinematic and attractive visual effects
...
Improve video card component styling to include animated text glow, scale effects, and gradient overlays for a more cinematic presentation. Update CSS with new keyframes and hover effects.
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 20:13:44 +00:00
sebastjanartic
2ea13f5c10
Adjust layering of carousel buttons and video cards
...
Update z-index values for carousel navigation buttons and video cards to prevent overlapping issues, specifically resolving the user's report of elements going under others.
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:25:20 +00:00
sebastjanartic
eb99485278
Improve video card scaling and carousel element visibility
...
Adjusted carousel container and card styles for better visual presentation and hover effects.
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:21:56 +00:00
sebastjanartic
004d118ff3
Improve video card display and carousel interaction on hover
...
Adjust z-index values for video cards and carousel containers, simplifying hover effect logic in CSS and component code.
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:20:32 +00:00
sebastjanartic
fa28e5fecb
Enhance video card hover effect with increased scale and overflow visibility
...
Update `VideoCard` component to add a hover effect that scales the card and manages body class for CSS-based overflow visibility. Modify CSS to apply scale and ensure overflow visibility on parent elements when the `video-card-hovered` class is present on the body.
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:19:37 +00:00
sebastjanartic
f7b9d034ca
Improve video display layering and visibility during interactions
...
Adjust CSS to ensure video elements and their containers display correctly when hovered over, preventing overlap issues by setting appropriate z-index values and managing overflow properties for various container types.
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:18:57 +00:00
sebastjanartic
5bb9153c99
Improve video card display behavior when hovering within carousels
...
Refactor CSS selectors in `client/src/index.css` to more precisely target parent elements for overflow visibility when hovering over video cards, specifically within carousel and grid containers, avoiding unintended overflow changes on general scrollable 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/kdQ95gE
2025-08-29 18:18:05 +00:00
sebastjanartic
29d9ad3eec
Improve video card display when hovering over them
...
Update CSS and React component to enhance the visual feedback when a user hovers over a video card, ensuring it scales up and appears above other elements correctly.
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:15:46 +00:00
