Remove distracting background logo elements from the homepage
Remove multiple fixed background image elements for the go4.video logo from the client/src/pages/home.tsx file. 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/9kdX1Oh
This commit is contained in:
sebastjanartic
parent
560de70048
commit
da1dee1081
@ -85,266 +85,7 @@ 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 go4.video logoti v ozadju - več pod različnimi koti z manj transparence */}
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '2%',
|
||||
left: '-5%',
|
||||
transform: 'rotate(-25deg)',
|
||||
width: '1600px',
|
||||
height: '800px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.55,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '5%',
|
||||
right: '-8%',
|
||||
transform: 'rotate(30deg)',
|
||||
width: '1400px',
|
||||
height: '700px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.5,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '12%',
|
||||
left: '25%',
|
||||
transform: 'rotate(75deg)',
|
||||
width: '1200px',
|
||||
height: '600px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.45,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '20%',
|
||||
right: '30%',
|
||||
transform: 'rotate(-10deg)',
|
||||
width: '1500px',
|
||||
height: '750px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.42,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '35%',
|
||||
left: '2%',
|
||||
transform: 'rotate(18deg)',
|
||||
width: '1800px',
|
||||
height: '900px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.45,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '40%',
|
||||
right: '-10%',
|
||||
transform: 'rotate(-35deg)',
|
||||
width: '1500px',
|
||||
height: '750px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.43,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '55%',
|
||||
left: '40%',
|
||||
transform: 'rotate(85deg)',
|
||||
width: '1300px',
|
||||
height: '650px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.38,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '60%',
|
||||
right: '20%',
|
||||
transform: 'rotate(-55deg)',
|
||||
width: '1400px',
|
||||
height: '700px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.35,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
bottom: '5%',
|
||||
left: '5%',
|
||||
transform: 'rotate(-15deg)',
|
||||
width: '1700px',
|
||||
height: '850px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.4,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
bottom: '8%',
|
||||
right: '3%',
|
||||
transform: 'rotate(22deg)',
|
||||
width: '1300px',
|
||||
height: '650px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.37,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
bottom: '15%',
|
||||
left: '35%',
|
||||
transform: 'rotate(95deg)',
|
||||
width: '1600px',
|
||||
height: '800px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -1,
|
||||
opacity: 0.32,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* Dodatni ogromni logoti na sredini - različni koti */}
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '25%',
|
||||
left: '50%',
|
||||
transform: 'translate(-50%, -50%) rotate(-45deg)',
|
||||
width: '2400px',
|
||||
height: '1200px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -2,
|
||||
opacity: 0.3,
|
||||
filter: 'contrast(2.2) brightness(1.6)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '65%',
|
||||
left: '25%',
|
||||
transform: 'rotate(60deg)',
|
||||
width: '2000px',
|
||||
height: '1000px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -2,
|
||||
opacity: 0.27,
|
||||
filter: 'contrast(2.2) brightness(1.6)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '15%',
|
||||
left: '75%',
|
||||
transform: 'rotate(-60deg)',
|
||||
width: '1800px',
|
||||
height: '900px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -2,
|
||||
opacity: 0.25,
|
||||
filter: 'contrast(2.2) brightness(1.6)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '45%',
|
||||
left: '70%',
|
||||
transform: 'rotate(120deg)',
|
||||
width: '1900px',
|
||||
height: '950px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -2,
|
||||
opacity: 0.22,
|
||||
filter: 'contrast(2.2) brightness(1.6)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'fixed',
|
||||
top: '75%',
|
||||
left: '60%',
|
||||
transform: 'rotate(-80deg)',
|
||||
width: '1700px',
|
||||
height: '850px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: -2,
|
||||
opacity: 0.2,
|
||||
filter: 'contrast(2.2) brightness(1.6)'
|
||||
}}
|
||||
/>
|
||||
|
||||
|
||||
{/* Trikotniki na robovih - ne prekrivajo video kartic */}
|
||||
<div className="absolute top-10 right-2 w-0 h-0 border-l-[70px] border-l-transparent border-r-[70px] border-r-transparent border-b-[100px] border-b-blue-400/8 rotate-12 z-0"></div>
|
||||
@ -364,168 +105,7 @@ export default function Home() {
|
||||
|
||||
|
||||
{/* Footer with large triangle design */}
|
||||
<footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden" style={{ minHeight: '200px' }}>
|
||||
{/* go4.video logoti v footerju - več pod različnimi koti z višjim z-index */}
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '5px',
|
||||
right: '3%',
|
||||
transform: 'rotate(-20deg)',
|
||||
width: '700px',
|
||||
height: '350px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.5,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'absolute',
|
||||
bottom: '5px',
|
||||
left: '5%',
|
||||
transform: 'rotate(30deg)',
|
||||
width: '600px',
|
||||
height: '300px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.45,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '30px',
|
||||
left: '50%',
|
||||
transform: 'rotate(-45deg)',
|
||||
width: '500px',
|
||||
height: '250px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.4,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'absolute',
|
||||
bottom: '15px',
|
||||
right: '20%',
|
||||
transform: 'rotate(65deg)',
|
||||
width: '650px',
|
||||
height: '325px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.42,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '25px',
|
||||
left: '15%',
|
||||
transform: 'rotate(90deg)',
|
||||
width: '550px',
|
||||
height: '275px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.38,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'absolute',
|
||||
bottom: '20px',
|
||||
left: '35%',
|
||||
transform: 'rotate(-70deg)',
|
||||
width: '600px',
|
||||
height: '300px',
|
||||
pointerEvents: 'none',
|
||||
zIndex: 1,
|
||||
opacity: 0.35,
|
||||
filter: 'contrast(1.8) brightness(1.4)'
|
||||
}}
|
||||
/>
|
||||
<img
|
||||
src={go4LogoPath}
|
||||
alt=""
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '15px',
|
||||
right: '40%',
|
||||
transform: 'rotate(105deg)',
|
||||
width: '480px',
|
||||
height: '240px',
|
||||
pointerEvents: 'none',
|
||||
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)'
|
||||
}}
|
||||
/>
|
||||
<footer className="bunny-gray border-t border-white/20 mt-16 relative overflow-hidden">
|
||||
|
||||
{/* 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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user