Add multiple large background logos with varied positioning and rotation

Update `home.tsx` to add multiple instances of the go4.video logo with specific styling for positioning, rotation, z-index, and opacity. Also, update `replit.md` to reflect the addition of these background logos.

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/97Ruzf7
This commit is contained in:
sebastjanartic
2025-08-28 16:21:16 +00:00
parent 6be35285c9
commit 560de70048
3 changed files with 55 additions and 28 deletions
+54 -28
View File
@@ -382,28 +382,6 @@ export default function Home() {
filter: 'contrast(1.8) brightness(1.4)'
}}
/>
{/* TEST ELEMENT - da vidimo ali je footer sploh viden */}
<div
style={{
position: 'absolute',
top: '10px',
left: '10px',
width: '200px',
height: '100px',
backgroundColor: 'red',
border: '3px solid yellow',
zIndex: 999,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
color: 'white',
fontSize: '16px',
fontWeight: 'bold'
}}
>
FOOTER TEST
</div>
<img
src={go4LogoPath}
alt=""
@@ -415,7 +393,7 @@ export default function Home() {
width: '600px',
height: '300px',
pointerEvents: 'none',
zIndex: -1,
zIndex: 1,
opacity: 0.45,
filter: 'contrast(1.8) brightness(1.4)'
}}
@@ -431,7 +409,7 @@ export default function Home() {
width: '500px',
height: '250px',
pointerEvents: 'none',
zIndex: -1,
zIndex: 1,
opacity: 0.4,
filter: 'contrast(1.8) brightness(1.4)'
}}
@@ -447,7 +425,7 @@ export default function Home() {
width: '650px',
height: '325px',
pointerEvents: 'none',
zIndex: -1,
zIndex: 1,
opacity: 0.42,
filter: 'contrast(1.8) brightness(1.4)'
}}
@@ -463,7 +441,7 @@ export default function Home() {
width: '550px',
height: '275px',
pointerEvents: 'none',
zIndex: -1,
zIndex: 1,
opacity: 0.38,
filter: 'contrast(1.8) brightness(1.4)'
}}
@@ -479,7 +457,7 @@ export default function Home() {
width: '600px',
height: '300px',
pointerEvents: 'none',
zIndex: -1,
zIndex: 1,
opacity: 0.35,
filter: 'contrast(1.8) brightness(1.4)'
}}
@@ -495,11 +473,59 @@ export default function Home() {
width: '480px',
height: '240px',
pointerEvents: 'none',
zIndex: -1,
zIndex: 1,
opacity: 0.32,
filter: 'contrast(1.8) brightness(1.4)'
}}
/>
<img
src={go4LogoPath}
alt=""
style={{
position: 'absolute',
top: '50px',
left: '70%',
transform: 'rotate(-15deg)',
width: '520px',
height: '260px',
pointerEvents: 'none',
zIndex: 1,
opacity: 0.4,
filter: 'contrast(1.8) brightness(1.4)'
}}
/>
<img
src={go4LogoPath}
alt=""
style={{
position: 'absolute',
bottom: '40px',
right: '45%',
transform: 'rotate(125deg)',
width: '580px',
height: '290px',
pointerEvents: 'none',
zIndex: 1,
opacity: 0.36,
filter: 'contrast(1.8) brightness(1.4)'
}}
/>
<img
src={go4LogoPath}
alt=""
style={{
position: 'absolute',
top: '70px',
right: '5%',
transform: 'rotate(-85deg)',
width: '450px',
height: '225px',
pointerEvents: 'none',
zIndex: 1,
opacity: 0.33,
filter: 'contrast(1.8) brightness(1.4)'
}}
/>
{/* Trikotniki v footerju - z nižjim z-index da ne zakrivajo besedila */}
<div className="absolute top-0 right-0 w-0 h-0 border-l-[150px] border-l-transparent border-b-[90px] border-b-blue-500/6 z-0"></div>