Equity in Motion

🎨 From Bias to Balance — A Frontend Story of Gender Equity Here’s my creative take on gender equity in tech using React + SVG. 💡 Concept Breaking systemic bias Equity over equality Rising together 🚀 Code import { useEffect , useState } from ' react ' ; export default function EquityArtCreative () { const [ balanced , setBalanced ] = useState ( false ); useEffect (() => { setTimeout (() => setBalanced ( true ), 800 ); }, []); return ( < div className = "h-screen flex items-center justify-center bg-black" > < svg width = "600" height = "500" viewBox = "0 0 600 500" > < defs > < linearGradient id = "sky" x1 = "0" y1 = "0" x2 = "0" y2 = "1" > < stop offset = "0%" stopColor = "#1e3a8a" /> < stop offset = "100%" stopColor = "#f472b6" /> </ linearGradient > </ defs > < rect width = "600" height = "500" fill = "url(#sky)" /> < circle cx = "300" cy = { balanced ? 120 : 200 } r = "40" fill = "#facc15" style = { { transition : ' all 1.5s ease ' } } /> < g transform = { `rotate( ${ balanced ? 0 :