Timeline

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <path
        fill="#6aa9ff"
        d="M406 0c-57.9 0-105 48.1-105 106 0 45.901 30 86.1 73.5 99.901l31.5 47.1 31.5-47.1C481 192.1 512 151.901 512 106 512 48.1 463.9 0 406 0z"
    />
    <path
        fill="#2682ff"
        d="M512 106c0 45.901-31 86.1-74.5 99.901l-31.5 47.1V0c57.9 0 106 48.1 106 106z"
    />
    <path
        fill="#6aa9ff"
        d="M106 0C48.1 0 0 48.1 0 106c0 45.901 31 86.1 74.5 99.901l31.5 47.1 31.5-47.1C181 192.1 211 151.901 211 106 211 48.1 163.9 0 106 0z"
    />
    <path
        fill="#2682ff"
        d="M211 106c0 45.901-30 86.1-73.5 99.901l-31.5 47.1V0c57.9 0 105 48.1 105 106z"
    />
    <path
        fill="#ff6c6c"
        d="m287.5 306.099-31.5-47.1-31.5 47.1C181 319.9 151 360.099 151 406c0 57.9 47.1 106 105 106s105-48.1 105-106c0-45.901-30-86.1-73.5-99.901z"
    />
    <path
        fill="#e63950"
        d="M361 406c0 57.9-47.1 106-105 106V258.999l31.5 47.1C331 319.9 361 360.099 361 406z"
    />
    <path fill="#32393f" d="M286 241h90v30h-90zM436 241h76v30h-76z" />
    <path fill="#474f54" d="M0 241h76v30H0zM136 241h90v30h-90z" />
    <path
        fill="#fff5f5"
        d="M151 91v30H91V61h30v30zM271 399.789V361h-30v51.211l15 15 19.395 19.394 21.21-21.21z"
    />
    <path
        fill="#efe2dd"
        d="M296.605 425.395 271 399.789V361h-15v66.211l19.395 19.394zM151 91v30h-45V61h15v30z"
    />
    <path
        fill="#fff5f5"
        d="M406 61h-15v38.789l-25.605 25.606 21.21 21.21L406 127.211l15-15V61z"
    />
    <path fill="#efe2dd" d="M421 61h-15v66.211l15-15z" />
</svg>