docs/tenmm.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="none" overflow="visible"><style>
  @keyframes tenmm-1-move-body {
  0% {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  }
  50% {
  -webkit-transform: translate(0px, 1px);
  -ms-transform: translate(0px, 1px);
  -o-transform: translate(0px, 1px);
  -moz-transform: translate(0px, 1px);
  transform: translate(0px, 1px);
  }
  100% {
  -webkit-transform: translate(0px, 0px);
  -ms-transform:translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  }
  }

  @keyframes tenmm-1-shadow-move {
  0% {
  -webkit-transform: translate(3px, 15px) scaleX(1);
  -ms-transform: translate(3px, 15px) scaleX(1);
  -o-transform: translate(3px, 15px) scaleX(1);
  -moz-transform: translate(3px, 15px) scaleX(1);
  transform: translate(3px, 15px) scaleX(1);
  }
  50% {
  -webkit-transform: translate(3px, 15px) scaleX(1.1);
  -ms-transform: translate(3px, 15px) scaleX(1.1);
  -o-transform: translate(3px, 15px) scaleX(1.1);
  -moz-transform: translate(3px, 15px) scaleX(1.1);
  transform: translate(3px, 15px) scaleX(1.1);
  }
  100% {
  -webkit-transform: translate(3px, 15px) scaleX(1);
  -ms-transform: translate(3px, 15px) scaleX(1);
  -o-transform: translate(3px, 15px) scaleX(1);
  -moz-transform: translate(3px, 15px) scaleX(1);
  transform: translate(3px, 15px) scaleX(1);
  }
  }

  #body-1 {
  animation-name:tenmm-1-move-body;
  animation-duration:1s;
  animation-iteration-count:infinite;
  animation-timing-function: ease-in-out;
  }

  #shadow-1 {
  animation-name: tenmm-1-shadow-move;
  animation-duration:1s;
  animation-iteration-count:infinite;
  animation-timing-function: ease-in-out;
  }
</style>

  <g id="tenmm-1" transform="translate(10, 30)">
    <svg xmlns="http://www.w3.org/2000/svg" width="600" height="300" viewBox="0 0 200 100" fill="none" overflow="visible">
      <g id="shadow-1">
        <rect y="0.5" width="13" height="1" fill="#2B4447" fill-opacity="0.1"/>
        <rect x="1" y="0.25" width="11" height="0.25" fill="#2B4447" fill-opacity="0.1"/>
        <rect x="1" y="1.5" width="11" height="0.25" fill="#2B4447" fill-opacity="0.1"/>
        <rect x="2" width="9" height="0.25" fill="#2B4447" fill-opacity="0.1"/>
        <rect x="2" y="1.75" width="9" height="0.25" fill="#2B4447" fill-opacity="0.1"/>
      </g>

      <g id="body-1" transform="translateY(10)">
        <rect width="3" height="1" transform="matrix(-1 0 0 1 14 1)" fill="white"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 9 1)" fill="white"/>
        <rect width="10" height="1" transform="matrix(-1 0 0 1 15 2)" fill="white"/>
        <rect width="12" height="1" transform="matrix(-1 0 0 1 16 3)" fill="white"/>
        <rect width="13" height="1" transform="matrix(-1 0 0 1 17 4)" fill="white"/>
        <rect width="14" height="1" transform="matrix(-1 0 0 1 17 5)" fill="white"/>
        <rect width="14" height="1" transform="matrix(-1 0 0 1 17 6)" fill="white"/>
        <rect x="18" y="8" width="15" height="3" transform="rotate(180 18 8)" fill="white"/>
        <rect x="18" y="9" width="16" height="1" transform="rotate(180 18 9)" fill="white"/>
        <rect x="18" y="10" width="2" height="2" transform="rotate(180 18 10)" fill="white"/>
        <rect x="17" y="10" width="3" height="1" transform="rotate(180 17 10)" fill="white"/>
        <rect x="13" y="10" width="4" height="1" transform="rotate(180 13 10)" fill="white"/>
        <rect x="8" y="10" width="6" height="1" transform="rotate(180 8 10)" fill="white"/>
        <rect x="17" y="11" width="2" height="1" transform="rotate(180 17 11)" fill="white"/>
        <rect x="13" y="11" width="3" height="1" transform="rotate(180 13 11)" fill="white"/>
        <rect x="6" y="11" width="3" height="1" transform="rotate(180 6 11)" fill="white"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 8 2)" fill="#A7C9EC"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 7 3)" fill="#A7C9EC"/>
        <rect width="3" height="3" transform="matrix(-1 0 0 1 7 3)" fill="#A7C9EC"/>
        <rect width="4" height="1" transform="matrix(-1 0 0 1 7 5)" fill="#A7C9EC"/>
        <rect width="4" height="2" transform="matrix(-1 0 0 1 7 5)" fill="#A7C9EC"/>
        <rect width="6" height="1" transform="matrix(-1 0 0 1 8 7)" fill="#A7C9EC"/>
        <rect width="6" height="1" transform="matrix(-1 0 0 1 8 8)" fill="#A7C9EC"/>
        <rect width="6" height="1" transform="matrix(-1 0 0 1 8 9)" fill="#A7C9EC"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 6 10)" fill="#A7C9EC"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 8 1)" fill="#A7C9EC"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 7 2)" fill="#A7C9EC"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 4 7)" fill="#A7C9EC"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 8 1)" fill="black" fill-opacity="0.1"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 8 2)" fill="black" fill-opacity="0.1"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 7 3)" fill="black" fill-opacity="0.1"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 8 7)" fill="#F0D3ED"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 7 6)" fill="#DDD7F4"/>
        <rect width="3" height="2" transform="matrix(-1 0 0 1 8 8)" fill="#F0D3ED"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 6 7)" fill="#DDD7F4"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 6 8)" fill="#DDD7F4"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 5 9)" fill="#DDD7F4"/>
        <rect width="1" height="2" transform="matrix(-0.965926 0.258819 0.258819 0.965926 14.7241 4.90466)" fill="black"/>
        <rect width="1" height="2" transform="matrix(-0.965926 0.258819 0.258819 0.965926 11.7241 4.90466)" fill="black"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 8 7)" fill="black" fill-opacity="0.1"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 7 7)" fill="black" fill-opacity="0.1"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 7 5)" fill="black" fill-opacity="0.1"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 2 1)" fill="#D9D9D9"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 2 1)" fill="#FADBF2"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 1 1)" fill="#AECEFD"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 2 2)" fill="#C8D3F7"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 5 6)" fill="#A7C9EC"/>
        <rect width="2" height="2" transform="matrix(-1 0 0 1 6 9)" fill="#F0D3ED"/>
        <rect width="4" height="1" transform="matrix(-1 0 0 1 8 9)" fill="#F0D3ED"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 14 0)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 9 0)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 11 1)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 15 1)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 16 2)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 17 3)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 18 4)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="5" transform="matrix(-1 0 0 1 19 5)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 18 10)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 14 9)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="2" height="1" transform="matrix(-1 0 0 1 17 11)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 15 10)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="4" height="1" transform="matrix(-1 0 0 1 10 10)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 13 11)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 9 9)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="3" height="1" transform="matrix(-1 0 0 1 6 11)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 3 10)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="3" transform="matrix(-1 0 0 1 2 7)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 3 5)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="2" transform="matrix(-1 0 0 1 4 3)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 5 2)" fill="#3D3D66" fill-opacity="0.05"/>
        <rect width="1" height="1" transform="matrix(-1 0 0 1 6 1)" fill="#3D3D66" fill-opacity="0.05"/>
      </g>
    </svg>
  </g>
  <style>
    #contributions {
    filter: url(#contribution_blur)
    }
  </style>

  <defs>
    <filter id="contribution_blur" x="-100" y="-100" width="200" height="200" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
      <feOffset/>
      <feGaussianBlur stdDeviation="2"/>
      <feComposite in2="hardAlpha" operator="out"/>
      <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_216_87060"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_216_87060" result="shape"/>
    </filter>
  </defs><style>
    #level {
    filter: url(#level_shadow)
    }
  </style>

  <defs>
    <filter id="level_shadow" x="-200" y="-200" width="400" height="400" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
      <feOffset/>
      <feGaussianBlur stdDeviation="0.5"/>
      <feComposite in2="hardAlpha" operator="out"/>
      <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_138_125"/>
      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_138_125" result="shape"/>
    </filter>
  </defs></svg>