1130 lines
20 KiB
HTML
1130 lines
20 KiB
HTML
<html>
|
|
<head>
|
|
<title>etc.mikelynch.org | Genuary 2026</title>
|
|
<link rel="stylesheet" href="../styles.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<div id="main">
|
|
|
|
<h1>Genuary 2026 - 01</h1>
|
|
|
|
<p>Prompt: one colour, one shape</p>
|
|
|
|
<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>
|
|
|
|
<hr />
|
|
|
|
<p>Animated SVG generated by <a href="https://git.tilde.town/bombinans/genuary2026/src/branch/main/01/genuary01.py">this Python script</a></p>
|
|
|
|
<p><a href="../">Back</p>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|