CINXE.COM
Tal Williams
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <title>Tal Williams</title> <link rel="icon" href="/favicon.ico" /> <style> html { box-sizing: border-box; font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } main { display: block; } svg:not(:root) { overflow: hidden; } *, :after, :before { box-sizing: inherit; } body { background: hsl(209deg 91% 47%); font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Helvetica, sans-serif; line-height: 1.5; margin: 0; padding: 0; color: hsl(0deg 0% 20%); } .css-25m3pu { position: absolute; left: 0; z-index: 1; top: 16rem; -webkit-animation: side_to_side 3.5s ease-in-out infinite alternate; animation: side_to_side 3.5s ease-in-out infinite alternate; } @keyframes side_to_side { 0% { left: 0; } 100% { left: calc(100% - 180px); } } </style> </head> <body> <main> <div class="css-25m3pu"> <svg width="180px" height="100px" viewBox="0 0 280 200"> <path d="M0,160 L40,160 L40,200 L0,200 L0,160 Z M240,160 L280,160 L280,200 L240,200 L240,160 Z M0,120 L40,120 L40,160 L0,160 L0,120 Z M240,120 L280,120 L280,160 L240,160 L240,120 Z M80,40 L120,40 L120,80 L80,80 L80,40 Z M80,0 L120,0 L120,40 L80,40 L80,0 Z M80,160 L120,160 L120,200 L80,200 L80,160 Z M80,120 L120,120 L120,160 L80,160 L80,120 Z M160,40 L200,40 L200,80 L160,80 L160,40 Z M160,0 L200,0 L200,40 L160,40 L160,0 Z M160,160 L200,160 L200,200 L160,200 L160,160 Z M160,120 L200,120 L200,160 L160,160 L160,120 Z M40,120 L80,120 L80,160 L40,160 L40,120 Z M40,80 L80,80 L80,120 L40,120 L40,80 Z M40,40 L80,40 L80,80 L40,80 L40,40 Z M200,120 L240,120 L240,160 L200,160 L200,120 Z M200,80 L240,80 L240,120 L200,120 L200,80 Z M200,40 L240,40 L240,80 L200,80 L200,40 Z M120,120 L160,120 L160,160 L120,160 L120,120 Z M120,80 L160,80 L160,120 L120,120 L120,80 Z M120,40 L160,40 L160,80 L120,80 L120,40 Z" id="Combined-Shape" fill="hsl(0deg 0% 20%)" ></path> </svg> </div> </main> </body> </html>