header.svg

<!-- shamelessly stolen and modified from https://github.com/sindresorhus/css-in-readme-like-wat -->
<svg fill="none" viewBox="0 0 838 150" width="838" height="150" xmlns="http://www.w3.org/2000/svg">
    <foreignObject width="100%" height="100%">
        <div xmlns="http://www.w3.org/1999/xhtml">
            <style>
                #foo {
                    width: 838px;
                    height: 150px;
                    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color
                    Emoji, Segoe UI Emoji;;
                    overflow: hidden;
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-bottom: 1px solid #eaecef;
                    box-sizing: border-box;
                }
                #foo h1 {
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    font-weight: 600;
                    padding: 0.3em 1rem 0.3em 0;
                    margin: 0;
                    background: white;
                    line-height: 40px;
                    color: rgb(36, 41, 46);
                }
                #dead-simple-wrapper {
                    width: 1000px;
                    overflow: hidden;
                    transform: rotate(-20deg);
                }
                #dead-simple-wrapper span {
                    font-size: 2.2rem;
                    font-weight: bold;
                    color: #ddd;
                    display: inline-block;
                    white-space: nowrap;
                    animation: linear infinite;
                    line-height: 0.8em;
                }
                #dead-simple-wrapper span:nth-child(3n) {
                    animation-name: anim1;
                    animation-duration: 800s;
                }
                #dead-simple-wrapper span:nth-child(3n+1) {
                    animation-name: anim2;
                    animation-duration: 900s;
                }
                #dead-simple-wrapper span:nth-child(3n+2) {
                    animation-name: anim2;
                    animation-duration: 700s;
                }
                @keyframes anim1 {
                    0% {
                        transform: translate(-50%, 0) rotate(0.02deg);
                    }
                    100% {
                        transform: translate(0, 0) rotate(0.02deg);
                    }
                }
                @keyframes anim2 {
                    0% {
                        transform: translate(0, 0) rotate(0.02deg);
                    }
                    100% {
                        transform: translate(-50%, 0) rotate(0.02deg);
                    }
                }
            </style>

            <div id="foo">
                <div id="dead-simple-wrapper">
                    <span>AD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DE</span>
                    <span>PLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIM</span>
                    <span>E. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPL</span>
                    <span>MPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SI</span>
                    <span>IMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD S</span>

                    <span>AD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DE</span>
                    <span>PLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIM</span>
                    <span>E. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPL</span>
                    <span>MPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SI</span>
                    <span>PLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIM</span>

                    <span>AD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DE</span>
                    <span>PLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIM</span>
                    <span>E. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPL</span>
                    <span>MPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SI</span>
                    <span>PLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIMPLE. DEAD SIM</span>
                </div>
            </div>
        </div>
    </foreignObject>
</svg>