Equity in Motion

Source: Dev.to

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 (
    
      

        
          
            
            
          
        

        

        

        
          
        

        
        
        

        {[0, 1, 2].map((i) => {
          const baseY = [260, 220, 180][i];
          const lift = balanced ? 80 : 0;

          return (
            
              

              

              
              
            
          );
        })}

        {[...Array(15)].map((_, i) => (
          
        ))}
        
          Equity lifts everyone differently — but fairly
        

      
    
  );
}