genuary2026/dist/genuary01.svg

<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="9s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="1s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="20" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="6s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="1s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="6s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="60" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="1s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="9s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="100" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="4s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="4s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="9s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="140" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="6s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="7s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="9s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="4s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="1s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="180" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="9s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="1s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="1s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="7s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="220" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="1s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="7s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="4s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="7s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="260" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="1s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="4s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="6s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="300" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="6s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="10s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="7s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="6s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="7s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="340" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="6s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="20" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="2s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="60" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="100" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="140" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="3s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="180" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="7s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="220" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="9s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="260" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="4s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="300" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="5s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="340" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="8s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

<circle cx="380" cy="380" r="5" style="fill:red;">

    <animate
      attributeName="r"
      begin="0s"
      dur="6s"
      from="0"
      to="40"
      repeatCount="indefinite" />
    </circle>

</svg>