sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance visual appeal with larger, more prominent background logos

Browse Source 
Update the positioning, size, opacity, and blending modes of background logos in the home page for a more impactful visual experience.

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/W8t7ogo
This commit is contained in:
sebastjanartic 2025-08-28 15:50:48 +00:00
parent b2ff3d7dbf
commit f7c17e6f30
1 changed files with 65 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
client/src/pages/home.tsx
View File

@ -86,37 +86,39 @@ export default function Home() {
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8 relative">
{/* Background logo decorations - fiksni veliki go4.video logoti v ozadju */}
{/* Ogromni logoti po 10x povečani */}
{/* OGROMNI logoti z visoko prosojnostjo */}
<img
src={go4LogoPath}
alt=""
style={{
position: 'fixed',
top: '5%',
left: '0%',
transform: 'rotate(-25deg)',
width: '5000px',
height: '2500px',
pointerEvents: 'none',
zIndex: 1,
opacity: 0.9,
mixBlendMode: 'screen',
filter: 'brightness(2) contrast(1.5)'
}}
/>
<img
src={go4LogoPath}
alt=""
style={{
position: 'fixed',
top: '10%',
left: '5%',
transform: 'rotate(-25deg)',
width: '4000px',
height: '2000px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.4,
filter: 'blur(0.5px)'
}}
/>
<img
src={go4LogoPath}
alt=""
style={{
position: 'fixed',
top: '15%',
right: '5%',
right: '0%',
transform: 'rotate(30deg)',
width: '3500px',
height: '1750px',
width: '4500px',
height: '2250px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.35,
filter: 'blur(0.5px)'
zIndex: 1,
opacity: 0.8,
mixBlendMode: 'screen',
filter: 'brightness(2) contrast(1.5)'
}}
/>
<img
@ -124,15 +126,16 @@ export default function Home() {
alt=""
style={{
position: 'fixed',
top: '50%',
left: '2%',
top: '40%',
left: '-10%',
transform: 'rotate(18deg)',
width: '3800px',
height: '1900px',
width: '4800px',
height: '2400px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.3,
filter: 'blur(0.5px)'
zIndex: 1,
opacity: 0.7,
mixBlendMode: 'screen',
filter: 'brightness(2) contrast(1.5)'
}}
/>
<img
@ -140,15 +143,33 @@ export default function Home() {
alt=""
style={{
position: 'fixed',
top: '55%',
right: '3%',
top: '45%',
right: '-10%',
transform: 'rotate(-35deg)',
width: '3200px',
height: '1600px',
width: '4200px',
height: '2100px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.25,
filter: 'blur(0.5px)'
zIndex: 1,
opacity: 0.6,
mixBlendMode: 'screen',
filter: 'brightness(2) contrast(1.5)'
}}
/>
<img
src={go4LogoPath}
alt=""
style={{
position: 'fixed',
bottom: '5%',
left: '5%',
transform: 'rotate(-15deg)',
width: '4600px',
height: '2300px',
pointerEvents: 'none',
zIndex: 1,
opacity: 0.5,
mixBlendMode: 'screen',
filter: 'brightness(2) contrast(1.5)'
}}
/>
<img
@ -157,30 +178,15 @@ export default function Home() {
style={{
position: 'fixed',
bottom: '10%',
left: '8%',
transform: 'rotate(-15deg)',
width: '3600px',
height: '1800px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.2,
filter: 'blur(0.5px)'
}}
/>
<img
src={go4LogoPath}
alt=""
style={{
position: 'fixed',
bottom: '15%',
right: '6%',
right: '3%',
transform: 'rotate(22deg)',
width: '3000px',
height: '1500px',
width: '4000px',
height: '2000px',
pointerEvents: 'none',
zIndex: -5,
opacity: 0.15,
filter: 'blur(0.5px)'
zIndex: 1,
opacity: 0.4,
mixBlendMode: 'screen',
filter: 'brightness(2) contrast(1.5)'
}}
/>