.github/assets/demo_6.svg

<svg xmlns="http://www.w3.org/2000/svg"
     viewBox="0 0 144 24" >
      <!-- made with glitcher-cli v0.3

        █▀▀ █░░ █ ▀█▀ █▀▀ █░█ █▀▀ █▀█
        █▄█ █▄▄ █ ░█░ █▄▄ █▀█ ██▄ █▀▄

      https://github.com/metaory/glitcher-cli -->
      <style>
          text { fill: #220033; }
          @media (prefers-color-scheme: dark) { text { fill: #DDCCFF; } }
      </style>
      
      <text filter="url(#glitch)"
            font-family="monospace, serif"
            font-weight="bolder"
            font-size="x-large"
            text-anchor="middle"
            dominant-baseline="mathematical"
            x="50%" y="42%"
      >glitcher</text>
      <defs>
      <filter id="glitch"
              primitiveUnits="objectBoundingBox"
              x="-10%"
              y="0%"
              width="120%"
              height="100%">
          <feColorMatrix in="SourceGraphic"
                         result="red"
                         type="matrix"
                         values="1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" />
          <feColorMatrix in="SourceGraphic"
                         result="green"
                         type="matrix"
                         values="0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 0" />
          <feColorMatrix in="SourceGraphic"
                         result="blue"
                         type="matrix"
                         values="0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 1 0" />
          <feOffset in="red"
                    result="red-shifted"
                    dx="-0.05"
                    dy="0">
          <animate attributeName="dx"
                   keyTimes="0; 0.01; 0.07; 0.28; 0.38; 0.42; 0.44; 0.45; 0.55; 0.64; 0.67; 0.93; 0.95; 0.97"
                   values="-0.02; 0.02; -0.02; 0.01; 0.02; 0.02; 0.03; -0.04; 0.01; -0.03; 0.01; 0.02; -0.01; 0.02"
                   begin="0"
                   dur="9s"
                   calcMode="discrete"
                   repeatCount="indefinite"
                   fill="freeze" />
            </feOffset>
            <feOffset in="blue"
                      result="blue-shifted"
                      dx="0.05"
                      dy="0">
                <animate attributeName="dx"
                         keyTimes="0; 0.06; 0.12; 0.33; 0.50; 0.55; 0.60; 0.66; 0.68; 0.72; 0.76; 0.83; 0.84; 0.88; 0.89; 0.92"
                         values="0.01; 0.01; 0.01; -0.03; -0.01; -0.01; 0.02; 0.02; -0.01; 0.01; 0.01; -0.02; 0.01; -0.02; -0.02; 0.02"
                         begin="0"
                         dur="62s"
                         calcMode="discrete"
                         repeatCount="indefinite"
                         fill="freeze" />
            </feOffset>
            <feBlend mode="screen"
                     in="red-shifted"
                     in2="green"
                     result="red-green" />
            <feBlend mode="screen"
                     in="red-green"
                     in2="blue-shifted"
                     result="blended" />
    <feOffset in="blended"
              dx="0"
              dy="0"
              y="0%"
              height="23%"
              result="slice_1a" />
    <feOffset in="blended"
              dx="0"
              dy="0"
              y="23%"
              height="12%"
              result="slice_1b">
        <animate attributeName="dx"
                 keyTimes="0; 0.22; 0.43; 0.50; 0.53; 0.57; 0.63; 0.67; 0.85; 0.90"
                 values="0.01; -0.01; -0.02; 0.02; 0.01; 0.02; -0.02; 0.02; -0.02; 0.01"
                 begin="0s"
                 dur="18s"
                 calcMode="discrete"
                 repeatCount="indefinite"
                 fill="freeze" />
    </feOffset>
    <feOffset in="blended"
              dx="0"
              dy="0"
              y="35%"
              height="27%"
              result="slice_2a" />
    <feOffset in="blended"
              dx="0"
              dy="0"
              y="62%"
              height="12%"
              result="slice_2b">
        <animate attributeName="dx"
                 keyTimes="0; 0.30; 0.53; 0.62; 0.65; 0.71; 0.76; 0.85"
                 values="0.02; 0.04; -0.02; 0.01; -0.02; 0.01; -0.01; 0.02"
                 begin="0s"
                 dur="66s"
                 calcMode="discrete"
                 repeatCount="indefinite"
                 fill="freeze" />
    </feOffset>
    <feOffset in="blended"
              dx="0"
              dy="0"
              y="74%"
              height="23%"
              result="slice_3a" />
    <feOffset in="blended"
              dx="0"
              dy="0"
              y="97%"
              height="17%"
              result="slice_3b">
        <animate attributeName="dx"
                 keyTimes="0; 0.19; 0.26; 0.27; 0.36; 0.41; 0.46; 0.49; 0.50; 0.52; 0.54; 0.55; 0.61; 0.67; 0.69; 0.77; 0.80; 0.81; 0.97; 0.99"
                 values="-0.01; -0.01; 0.01; -0.01; -0.02; -0.02; 0.02; -0.02; -0.02; -0.01; -0.02; -0.02; 0.02; -0.02; -0.02; 0.02; -0.02; -0.02; 0.01; 0.02"
                 begin="0s"
                 dur="42s"
                 calcMode="discrete"
                 repeatCount="indefinite"
                 fill="freeze" />
    </feOffset>
    <feMerge>
        <feMergeNode in="slice_1a" />
        <feMergeNode in="slice_1b" />
        <feMergeNode in="slice_2a" />
        <feMergeNode in="slice_2b" />
        <feMergeNode in="slice_3a" />
        <feMergeNode in="slice_3b" />
    </feMerge>
    </filter>
    </defs>
</svg>