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:
+54
-28
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user