{{ qs.from ?? 1 |> toInt |> to => from }}

<div style="text-align:right;margin:-54px 0 30px 0">

{{#if from > 1}} <a href="?from={{ max(from-1,0) }}" title="{{max(from-1,0)}}">previous</a> |{{/if}}

{{from}} | <a href="?from={{ from+1 }}" title="{{max(from-1,0)}}">next</a>

{{#each i in range(from, 4) }}

<svg height="640" width="240">

{{#each range(180) }}

{{ 120 + 100 * cos((5) * it * 0.02827) |> to => x }}

{{ 320 + 300 * sin((1+i) * it * 0.02827) |> to => y }}

<circle cx="{{x}}" cy="{{y}}" r="{{it*0.1}}" fill="rgb(0,{{it*1.4}},0)" stroke="black" stroke-width="1">

<animate attributeName="fill" values="green;yellow;red;green" dur="{{it%10}}s" repeatCount="indefinite" />

<animate attributeName="opacity" values="1;.5;1" dur="5s" repeatCount="indefinite" />

<animate attributeName="cx" values="{{x}};{{x*1.02}};{{x*0.98}};{{x}}" dur="3s" repeatCount="indefinite" />

<animate attributeName="cy" values="{{y}};{{y*1.02}};{{y*0.98}};{{y}}" dur="3s" repeatCount="indefinite" />

</circle>

{{/each}}

{{/each}}

Jump to favorites:

{{#each [1,221,441,445,665,885,889,1109,1329,1333,1553,1665,1777,1997,2001,2217,2221,2441] }}

{{#if index > 0}} | {{/if}} {{#if from == it }} {{it}} {{else}} <a href="?from={{it}}">{{it}}</a> {{/if}}

{{/each}}