@actioneer/ads 0.5.4 → 0.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/accordion.js +15 -15
- package/components/agent-icon.d.ts +64 -0
- package/components/agent-icon.js +251 -0
- package/components/ai-elements/agent-trace.d.ts +8 -1
- package/components/ai-elements/agent-trace.js +164 -129
- package/components/ai-elements/chain-of-thought-icon.d.ts +42 -0
- package/components/ai-elements/chain-of-thought-icon.js +283 -0
- package/components/ai-elements/chain-of-thought.js +7 -7
- package/components/ai-elements/chart.js +38 -35
- package/components/ai-elements/index.d.ts +1 -0
- package/components/ai-elements/inline-citation.js +40 -40
- package/components/ai-elements/message.js +5 -5
- package/components/ai-elements/queue.js +1 -1
- package/components/ai-elements/research-activity.d.ts +2 -0
- package/components/ai-elements/research-activity.js +79 -81
- package/components/ai-elements/task-progress.js +2 -2
- package/components/ai-elements/tool.d.ts +4 -2
- package/components/ai-elements/tool.js +74 -54
- package/components/ai-elements/transcript.js +1 -1
- package/components/alert.js +1 -1
- package/components/answer.d.ts +2644 -311
- package/components/answer.js +1776 -371
- package/components/assistant-ui/answer-tool-ui.js +27 -28
- package/components/assistant-ui/chain-of-thought.d.ts +7 -2
- package/components/assistant-ui/composer-harness.js +20 -16
- package/components/assistant-ui/follow-up-suggestions.d.ts +5 -1
- package/components/assistant-ui/follow-up-suggestions.js +47 -19
- package/components/assistant-ui/reasoning.js +35 -31
- package/components/assistant-ui/tool-fallback.js +125 -122
- package/components/assistant-ui/tool-group.d.ts +3 -1
- package/components/assistant-ui/tool-group.js +48 -43
- package/components/audio-waveform.js +14 -14
- package/components/autocomplete.js +52 -48
- package/components/avatar.js +58 -44
- package/components/badge.js +3 -3
- package/components/brand-texture.js +1 -1
- package/components/breadcrumbs.d.ts +27 -1
- package/components/breadcrumbs.js +94 -42
- package/components/button.js +15 -15
- package/components/carousel.js +10 -10
- package/components/chart.js +77 -77
- package/components/chip.js +3 -3
- package/components/code-block.d.ts +39 -17
- package/components/code-block.js +153 -104
- package/components/command-palette.js +27 -25
- package/components/connector-card.js +2 -2
- package/components/dropdown.js +65 -61
- package/components/empty-state.js +15 -15
- package/components/field.js +16 -16
- package/components/index.d.ts +4 -0
- package/components/index.js +525 -478
- package/components/infinite-canvas.js +60 -60
- package/components/kbd.js +6 -6
- package/components/link.js +6 -6
- package/components/modal.js +22 -20
- package/components/page-header.js +1 -1
- package/components/pagination.js +22 -22
- package/components/pixel-blast-svg.js +1 -1
- package/components/pixel-icon.d.ts +31 -0
- package/components/pixel-icon.js +733 -0
- package/components/popover.js +46 -42
- package/components/ripple.d.ts +29 -0
- package/components/ripple.js +17 -0
- package/components/segmented.js +24 -23
- package/components/select.js +71 -67
- package/components/selection-action-bar.js +22 -22
- package/components/sidebar.d.ts +11 -3
- package/components/sidebar.js +161 -148
- package/components/stepper.d.ts +2 -0
- package/components/stepper.js +80 -43
- package/components/table.d.ts +7 -0
- package/components/table.js +223 -155
- package/components/tabs.d.ts +3 -1
- package/components/tabs.js +165 -144
- package/components/textarea.js +10 -8
- package/components/toast.js +48 -46
- package/components/tooltip.js +61 -59
- package/components/tree.js +44 -41
- package/components/typography.d.ts +1 -1
- package/components/typography.js +25 -25
- package/components/viz-charts.js +133 -133
- package/fonts/aribau-grotesk-500.otf +0 -0
- package/fonts/aribau-grotesk-600.woff2 +0 -0
- package/fonts.css +6 -4
- package/lib/icons.d.ts +411 -402
- package/lib/icons.js +109 -107
- package/llms.txt +98 -8
- package/manifest.json +1012 -96
- package/package.json +5 -5
- package/styles.css +206 -81
- package/theme.css +200 -77
- package/fonts/aribau-grotesk-400.otf +0 -0
- package/fonts/aribau-grotesk-700.otf +0 -0
|
@@ -0,0 +1,283 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as q } from "react/jsx-runtime";
|
|
3
|
+
import * as w from "react";
|
|
4
|
+
import { cn as C } from "../../lib/cn.js";
|
|
5
|
+
const z = [
|
|
6
|
+
"thinking",
|
|
7
|
+
"planning",
|
|
8
|
+
"exploring-schema",
|
|
9
|
+
"searching-knowledge",
|
|
10
|
+
"inspecting-files",
|
|
11
|
+
"querying-data",
|
|
12
|
+
"analyzing-results",
|
|
13
|
+
"processing-attachments",
|
|
14
|
+
"delegating",
|
|
15
|
+
"awaiting-input",
|
|
16
|
+
"saving-knowledge",
|
|
17
|
+
"composing-response",
|
|
18
|
+
"completed",
|
|
19
|
+
"paused",
|
|
20
|
+
"incomplete"
|
|
21
|
+
], T = {
|
|
22
|
+
thinking: `
|
|
23
|
+
<title id="thinking-title">thinking</title><desc id="thinking-desc">Core Spiral motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
24
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.866"><animate attributeName="opacity" values="0.866;0.774;0.681;0.612;0.56;0.507;0.455;0.402;0.349;0.297;0.244;0.211;0.18;0.149;0.12;0.119;0.117;0.116;0.114;0.113;0.112;0.11;0.109;0.107;0.106;0.105;0.103;0.102;0.1;0.099;0.098;0.096;0.095;0.094;0.092;0.091;0.089;0.088;0.087;0.085;0.084;0.082;0.081;0.147;0.387;0.626;0.866;0.959;0.866" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.885"><animate attributeName="opacity" values="0.885;0.952;0.859;0.766;0.674;0.608;0.556;0.503;0.45;0.398;0.345;0.293;0.24;0.209;0.178;0.146;0.12;0.118;0.117;0.116;0.114;0.113;0.111;0.11;0.109;0.107;0.106;0.105;0.103;0.102;0.1;0.099;0.098;0.096;0.095;0.093;0.092;0.091;0.089;0.088;0.086;0.085;0.084;0.082;0.081;0.166;0.406;0.645;0.885" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.425"><animate attributeName="opacity" values="0.425;0.665;0.904;0.944;0.852;0.759;0.666;0.604;0.551;0.499;0.446;0.394;0.341;0.288;0.238;0.206;0.175;0.144;0.12;0.118;0.117;0.116;0.114;0.113;0.111;0.11;0.109;0.107;0.106;0.104;0.103;0.102;0.1;0.099;0.097;0.096;0.095;0.093;0.092;0.091;0.089;0.088;0.086;0.085;0.084;0.082;0.081;0.185;0.425" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.081"><animate attributeName="opacity" values="0.081;0.205;0.444;0.684;0.923;0.937;0.844;0.752;0.659;0.6;0.547;0.495;0.442;0.389;0.337;0.284;0.235;0.204;0.173;0.141;0.12;0.118;0.117;0.115;0.114;0.113;0.111;0.11;0.108;0.107;0.106;0.104;0.103;0.102;0.1;0.099;0.097;0.096;0.095;0.093;0.092;0.09;0.089;0.088;0.086;0.085;0.083;0.082;0.081" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.083"><animate attributeName="opacity" values="0.083;0.082;0.081;0.224;0.463;0.703;0.942;0.93;0.837;0.744;0.651;0.596;0.543;0.49;0.438;0.385;0.333;0.28;0.233;0.201;0.17;0.139;0.119;0.118;0.117;0.115;0.114;0.113;0.111;0.11;0.108;0.107;0.106;0.104;0.103;0.101;0.1;0.099;0.097;0.096;0.094;0.093;0.092;0.09;0.089;0.087;0.086;0.085;0.083" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.113"><animate attributeName="opacity" values="0.113;0.111;0.11;0.108;0.107;0.106;0.104;0.103;0.102;0.1;0.099;0.097;0.096;0.095;0.093;0.092;0.09;0.089;0.088;0.086;0.085;0.084;0.082;0.081;0.195;0.435;0.674;0.914;0.941;0.848;0.755;0.663;0.602;0.549;0.497;0.444;0.392;0.339;0.286;0.236;0.205;0.174;0.143;0.12;0.118;0.117;0.115;0.114;0.113" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.115"><animate attributeName="opacity" values="0.115;0.114;0.113;0.111;0.11;0.108;0.107;0.106;0.104;0.103;0.101;0.1;0.099;0.097;0.096;0.095;0.093;0.092;0.09;0.089;0.088;0.086;0.085;0.083;0.082;0.081;0.214;0.454;0.693;0.933;0.933;0.841;0.748;0.655;0.598;0.545;0.493;0.44;0.387;0.335;0.282;0.234;0.203;0.171;0.14;0.119;0.118;0.117;0.115" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.118"><animate attributeName="opacity" values="0.118;0.117;0.115;0.114;0.112;0.111;0.11;0.108;0.107;0.106;0.104;0.103;0.101;0.1;0.099;0.097;0.096;0.094;0.093;0.092;0.09;0.089;0.087;0.086;0.085;0.083;0.082;0.081;0.233;0.473;0.712;0.952;0.926;0.833;0.74;0.648;0.594;0.541;0.488;0.436;0.383;0.33;0.278;0.231;0.2;0.169;0.138;0.119;0.118" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.135"><animate attributeName="opacity" values="0.135;0.119;0.118;0.117;0.115;0.114;0.112;0.111;0.11;0.108;0.107;0.105;0.104;0.103;0.101;0.1;0.098;0.097;0.096;0.094;0.093;0.092;0.09;0.089;0.087;0.086;0.085;0.083;0.082;0.08;0.252;0.492;0.732;0.971;0.918;0.826;0.733;0.642;0.589;0.537;0.484;0.431;0.379;0.326;0.274;0.229;0.197;0.166;0.135" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.086"><animate attributeName="opacity" values="0.086;0.085;0.083;0.082;0.08;0.243;0.482;0.722;0.962;0.922;0.829;0.737;0.644;0.591;0.539;0.486;0.434;0.381;0.328;0.276;0.23;0.199;0.167;0.136;0.119;0.118;0.117;0.115;0.114;0.112;0.111;0.11;0.108;0.107;0.105;0.104;0.103;0.101;0.1;0.099;0.097;0.096;0.094;0.093;0.092;0.09;0.089;0.087;0.086" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.11"><animate attributeName="opacity" values="0.11;0.109;0.107;0.106;0.104;0.103;0.102;0.1;0.099;0.098;0.096;0.095;0.093;0.092;0.091;0.089;0.088;0.086;0.085;0.084;0.082;0.081;0.176;0.415;0.655;0.895;0.948;0.855;0.763;0.67;0.606;0.554;0.501;0.448;0.396;0.343;0.291;0.239;0.208;0.176;0.145;0.12;0.118;0.117;0.116;0.114;0.113;0.111;0.11" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.568"><animate attributeName="opacity" values="0.568;0.516;0.463;0.41;0.358;0.305;0.253;0.216;0.185;0.154;0.123;0.119;0.117;0.116;0.115;0.113;0.112;0.11;0.109;0.108;0.106;0.105;0.103;0.102;0.101;0.099;0.098;0.097;0.095;0.094;0.092;0.091;0.09;0.088;0.087;0.085;0.084;0.083;0.081;0.109;0.348;0.588;0.827;0.974;0.881;0.789;0.696;0.621;0.568" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.688"><animate attributeName="opacity" values="0.688;0.617;0.564;0.511;0.459;0.406;0.354;0.301;0.248;0.214;0.182;0.151;0.12;0.119;0.117;0.116;0.114;0.113;0.112;0.11;0.109;0.107;0.106;0.105;0.103;0.102;0.101;0.099;0.098;0.096;0.095;0.094;0.092;0.091;0.089;0.088;0.087;0.085;0.084;0.083;0.081;0.128;0.367;0.607;0.847;0.967;0.874;0.781;0.688" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.195"><animate attributeName="opacity" values="0.195;0.164;0.133;0.119;0.118;0.116;0.115;0.114;0.112;0.111;0.109;0.108;0.107;0.105;0.104;0.103;0.101;0.1;0.098;0.097;0.096;0.094;0.093;0.091;0.09;0.089;0.087;0.086;0.084;0.083;0.082;0.08;0.272;0.511;0.751;0.99;0.911;0.818;0.726;0.638;0.585;0.532;0.48;0.427;0.375;0.322;0.269;0.226;0.195" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.089"><animate attributeName="opacity" values="0.089;0.087;0.086;0.085;0.083;0.082;0.08;0.262;0.502;0.741;0.981;0.915;0.822;0.729;0.64;0.587;0.535;0.482;0.429;0.377;0.324;0.272;0.227;0.196;0.165;0.134;0.119;0.118;0.116;0.115;0.114;0.112;0.111;0.11;0.108;0.107;0.105;0.104;0.103;0.101;0.1;0.098;0.097;0.096;0.094;0.093;0.091;0.09;0.089" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.107"><animate attributeName="opacity" values="0.107;0.106;0.105;0.103;0.102;0.1;0.099;0.098;0.096;0.095;0.093;0.092;0.091;0.089;0.088;0.087;0.085;0.084;0.082;0.081;0.157;0.396;0.636;0.875;0.956;0.863;0.77;0.677;0.61;0.558;0.505;0.453;0.4;0.347;0.295;0.242;0.21;0.179;0.148;0.12;0.118;0.117;0.116;0.114;0.113;0.111;0.11;0.109;0.107" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.467"><animate attributeName="opacity" values="0.467;0.415;0.362;0.309;0.257;0.219;0.188;0.156;0.125;0.119;0.117;0.116;0.115;0.113;0.112;0.111;0.109;0.108;0.106;0.105;0.104;0.102;0.101;0.099;0.098;0.097;0.095;0.094;0.092;0.091;0.09;0.088;0.087;0.086;0.084;0.083;0.081;0.09;0.329;0.569;0.808;0.981;0.889;0.796;0.703;0.625;0.572;0.52;0.467" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.366"><animate attributeName="opacity" values="0.366;0.314;0.261;0.221;0.19;0.159;0.128;0.119;0.118;0.116;0.115;0.113;0.112;0.111;0.109;0.108;0.106;0.105;0.104;0.102;0.101;0.1;0.098;0.097;0.095;0.094;0.093;0.091;0.09;0.088;0.087;0.086;0.084;0.083;0.081;0.08;0.31;0.55;0.789;0.989;0.896;0.803;0.711;0.629;0.577;0.524;0.471;0.419;0.366" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.265"><animate attributeName="opacity" values="0.265;0.224;0.193;0.161;0.13;0.119;0.118;0.116;0.115;0.114;0.112;0.111;0.109;0.108;0.107;0.105;0.104;0.102;0.101;0.1;0.098;0.097;0.095;0.094;0.093;0.091;0.09;0.089;0.087;0.086;0.084;0.083;0.082;0.08;0.291;0.53;0.77;0.996;0.904;0.811;0.718;0.633;0.581;0.528;0.476;0.423;0.37;0.318;0.265" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.091"><animate attributeName="opacity" values="0.091;0.09;0.089;0.087;0.086;0.084;0.083;0.082;0.08;0.281;0.521;0.76;1;0.907;0.815;0.722;0.636;0.583;0.53;0.478;0.425;0.373;0.32;0.267;0.225;0.194;0.163;0.131;0.119;0.118;0.116;0.115;0.114;0.112;0.111;0.109;0.108;0.107;0.105;0.104;0.102;0.101;0.1;0.098;0.097;0.096;0.094;0.093;0.091" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.105"><animate attributeName="opacity" values="0.105;0.103;0.102;0.101;0.099;0.098;0.096;0.095;0.094;0.092;0.091;0.089;0.088;0.087;0.085;0.084;0.082;0.081;0.137;0.377;0.617;0.856;0.963;0.87;0.778;0.685;0.615;0.562;0.509;0.457;0.404;0.352;0.299;0.246;0.212;0.181;0.15;0.12;0.119;0.117;0.116;0.114;0.113;0.112;0.11;0.109;0.107;0.106;0.105" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.102"><animate attributeName="opacity" values="0.102;0.101;0.099;0.098;0.096;0.095;0.094;0.092;0.091;0.09;0.088;0.087;0.085;0.084;0.083;0.081;0.118;0.358;0.597;0.837;0.97;0.878;0.785;0.692;0.619;0.566;0.514;0.461;0.408;0.356;0.303;0.251;0.215;0.184;0.152;0.121;0.119;0.117;0.116;0.115;0.113;0.112;0.11;0.109;0.108;0.106;0.105;0.103;0.102" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.099"><animate attributeName="opacity" values="0.099;0.098;0.097;0.095;0.094;0.092;0.091;0.09;0.088;0.087;0.085;0.084;0.083;0.081;0.099;0.339;0.578;0.818;0.978;0.885;0.792;0.7;0.623;0.57;0.518;0.465;0.413;0.36;0.307;0.255;0.218;0.186;0.155;0.124;0.119;0.117;0.116;0.115;0.113;0.112;0.11;0.109;0.108;0.106;0.105;0.103;0.102;0.101;0.099" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.097"><animate attributeName="opacity" values="0.097;0.095;0.094;0.093;0.091;0.09;0.088;0.087;0.086;0.084;0.083;0.081;0.08;0.32;0.559;0.799;0.985;0.892;0.8;0.707;0.627;0.575;0.522;0.469;0.417;0.364;0.312;0.259;0.22;0.189;0.158;0.126;0.119;0.117;0.116;0.115;0.113;0.112;0.111;0.109;0.108;0.106;0.105;0.104;0.102;0.101;0.099;0.098;0.097" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.094"><animate attributeName="opacity" values="0.094;0.093;0.091;0.09;0.088;0.087;0.086;0.084;0.083;0.082;0.08;0.3;0.54;0.78;0.993;0.9;0.807;0.714;0.631;0.579;0.526;0.474;0.421;0.368;0.316;0.263;0.223;0.191;0.16;0.129;0.119;0.118;0.116;0.115;0.113;0.112;0.111;0.109;0.108;0.107;0.105;0.104;0.102;0.101;0.1;0.098;0.097;0.095;0.094" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect>
|
|
25
|
+
`,
|
|
26
|
+
planning: `
|
|
27
|
+
<title id="planning-title">planning</title><desc id="planning-desc">Pulse Ladder motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
28
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.82"><animate attributeName="opacity" values="0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.68"><animate attributeName="opacity" values="0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.14"><animate attributeName="opacity" values="0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.54"><animate attributeName="opacity" values="0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.22"><animate attributeName="opacity" values="0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.42"><animate attributeName="opacity" values="0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.31"><animate attributeName="opacity" values="0.31;0.22;0.14;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;0.82;0.68;0.54;0.42;0.31" keyTimes="0;0.03;0.061;0.091;0.121;0.152;0.182;0.212;0.242;0.273;0.303;0.333;0.364;0.394;0.424;0.455;0.485;0.515;0.545;0.576;0.606;0.636;0.667;0.697;0.727;0.758;0.788;0.818;0.848;0.879;0.909;0.939;0.97;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
29
|
+
`,
|
|
30
|
+
"exploring-schema": `
|
|
31
|
+
<title id="exploring-schema-title">exploring schema</title><desc id="exploring-schema-desc">Core Rotor motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
32
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.56"><animate attributeName="opacity" values="0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56;0.56" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;1;1;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.063;0.125;0.188;0.25;0.313;0.375;0.438;0.5;0.563;0.625;0.688;0.75;0.813;0.875;0.938;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
33
|
+
`,
|
|
34
|
+
"searching-knowledge": `
|
|
35
|
+
<title id="searching-knowledge-title">searching knowledge</title><desc id="searching-knowledge-desc">Echo Ring motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
36
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.36"><animate attributeName="opacity" values="0.36;0.417;0.489;0.567;0.643;0.71;0.759;0.782;0.767;0.708;0.619;0.511;0.395;0.284;0.19;0.124;0.1;0.12;0.174;0.256;0.357;0.47;0.587;0.702;0.806;0.891;0.952;0.979;0.97;0.934;0.877;0.804;0.72;0.632;0.546;0.466;0.398;0.348;0.322;0.326;0.36" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.672"><animate attributeName="opacity" values="0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634;0.745;0.843;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.488"><animate attributeName="opacity" values="0.488;0.372;0.263;0.174;0.116;0.101;0.128;0.189;0.274;0.378;0.493;0.61;0.723;0.824;0.906;0.96;0.98;0.965;0.924;0.863;0.788;0.703;0.615;0.529;0.451;0.386;0.341;0.321;0.331;0.37;0.431;0.504;0.583;0.658;0.722;0.766;0.782;0.758;0.693;0.599;0.488" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.672"><animate attributeName="opacity" values="0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634;0.745;0.843;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.36"><animate attributeName="opacity" values="0.36;0.417;0.489;0.567;0.643;0.71;0.759;0.782;0.767;0.708;0.619;0.511;0.395;0.284;0.19;0.124;0.1;0.12;0.174;0.256;0.357;0.47;0.587;0.702;0.806;0.891;0.952;0.979;0.97;0.934;0.877;0.804;0.72;0.632;0.546;0.466;0.398;0.348;0.322;0.326;0.36" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.672"><animate attributeName="opacity" values="0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634;0.745;0.843;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.488"><animate attributeName="opacity" values="0.488;0.372;0.263;0.174;0.116;0.101;0.128;0.189;0.274;0.378;0.493;0.61;0.723;0.824;0.906;0.96;0.98;0.965;0.924;0.863;0.788;0.703;0.615;0.529;0.451;0.386;0.341;0.321;0.331;0.37;0.431;0.504;0.583;0.658;0.722;0.766;0.782;0.758;0.693;0.599;0.488" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.104"><animate attributeName="opacity" values="0.104;0.107;0.149;0.22;0.314;0.423;0.54;0.657;0.766;0.86;0.931;0.973;0.978;0.952;0.902;0.834;0.754;0.668;0.58;0.496;0.423;0.366;0.33;0.321;0.343;0.392;0.459;0.535;0.614;0.685;0.742;0.776;0.778;0.736;0.658;0.556;0.441;0.327;0.225;0.146;0.104" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.488"><animate attributeName="opacity" values="0.488;0.372;0.263;0.174;0.116;0.101;0.128;0.189;0.274;0.378;0.493;0.61;0.723;0.824;0.906;0.96;0.98;0.965;0.924;0.863;0.788;0.703;0.615;0.529;0.451;0.386;0.341;0.321;0.331;0.37;0.431;0.504;0.583;0.658;0.722;0.766;0.782;0.758;0.693;0.599;0.488" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.672"><animate attributeName="opacity" values="0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634;0.745;0.843;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.488"><animate attributeName="opacity" values="0.488;0.372;0.263;0.174;0.116;0.101;0.128;0.189;0.274;0.378;0.493;0.61;0.723;0.824;0.906;0.96;0.98;0.965;0.924;0.863;0.788;0.703;0.615;0.529;0.451;0.386;0.341;0.321;0.331;0.37;0.431;0.504;0.583;0.658;0.722;0.766;0.782;0.758;0.693;0.599;0.488" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.104"><animate attributeName="opacity" values="0.104;0.107;0.149;0.22;0.314;0.423;0.54;0.657;0.766;0.86;0.931;0.973;0.978;0.952;0.902;0.834;0.754;0.668;0.58;0.496;0.423;0.366;0.33;0.321;0.343;0.392;0.459;0.535;0.614;0.685;0.742;0.776;0.778;0.736;0.658;0.556;0.441;0.327;0.225;0.146;0.104" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.634"><animate attributeName="opacity" values="0.634;0.745;0.842;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.104"><animate attributeName="opacity" values="0.104;0.107;0.149;0.22;0.314;0.423;0.54;0.657;0.766;0.86;0.931;0.973;0.978;0.952;0.902;0.834;0.754;0.668;0.58;0.496;0.423;0.366;0.33;0.321;0.343;0.392;0.459;0.535;0.614;0.685;0.742;0.776;0.778;0.736;0.658;0.556;0.441;0.327;0.225;0.146;0.104" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.488"><animate attributeName="opacity" values="0.488;0.372;0.263;0.174;0.116;0.101;0.128;0.189;0.274;0.378;0.493;0.61;0.723;0.824;0.906;0.96;0.98;0.965;0.924;0.863;0.788;0.703;0.615;0.529;0.451;0.386;0.341;0.321;0.331;0.37;0.431;0.504;0.583;0.658;0.722;0.766;0.782;0.758;0.693;0.599;0.488" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.672"><animate attributeName="opacity" values="0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634;0.745;0.843;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.488"><animate attributeName="opacity" values="0.488;0.372;0.263;0.174;0.116;0.101;0.128;0.189;0.274;0.378;0.493;0.61;0.723;0.824;0.906;0.96;0.98;0.965;0.924;0.863;0.788;0.703;0.615;0.529;0.451;0.386;0.341;0.321;0.331;0.37;0.431;0.504;0.583;0.658;0.722;0.766;0.782;0.758;0.693;0.599;0.488" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.104"><animate attributeName="opacity" values="0.104;0.107;0.149;0.22;0.314;0.423;0.54;0.657;0.766;0.86;0.931;0.973;0.978;0.952;0.902;0.834;0.754;0.668;0.58;0.496;0.423;0.366;0.33;0.321;0.343;0.392;0.459;0.535;0.614;0.685;0.742;0.776;0.778;0.736;0.658;0.556;0.441;0.327;0.225;0.146;0.104" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.488"><animate attributeName="opacity" values="0.488;0.372;0.263;0.174;0.116;0.101;0.128;0.189;0.274;0.378;0.493;0.61;0.723;0.824;0.906;0.96;0.98;0.965;0.924;0.863;0.788;0.703;0.615;0.529;0.451;0.386;0.341;0.321;0.331;0.37;0.431;0.504;0.583;0.658;0.722;0.766;0.782;0.758;0.693;0.599;0.488" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.672"><animate attributeName="opacity" values="0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634;0.745;0.843;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.36"><animate attributeName="opacity" values="0.36;0.417;0.489;0.567;0.643;0.71;0.759;0.782;0.767;0.708;0.619;0.511;0.395;0.284;0.19;0.124;0.1;0.12;0.174;0.256;0.357;0.47;0.587;0.702;0.806;0.891;0.952;0.979;0.97;0.934;0.877;0.804;0.72;0.632;0.546;0.466;0.398;0.348;0.322;0.326;0.36" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.672"><animate attributeName="opacity" values="0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634;0.745;0.843;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.488"><animate attributeName="opacity" values="0.488;0.372;0.263;0.174;0.116;0.101;0.128;0.189;0.274;0.378;0.493;0.61;0.723;0.824;0.906;0.96;0.98;0.965;0.924;0.863;0.788;0.703;0.615;0.529;0.451;0.386;0.341;0.321;0.331;0.37;0.431;0.504;0.583;0.658;0.722;0.766;0.782;0.758;0.693;0.599;0.488" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.672"><animate attributeName="opacity" values="0.672;0.732;0.772;0.781;0.748;0.676;0.577;0.464;0.349;0.244;0.159;0.109;0.103;0.138;0.204;0.294;0.401;0.516;0.634;0.745;0.843;0.919;0.967;0.979;0.959;0.914;0.849;0.771;0.685;0.597;0.512;0.437;0.376;0.335;0.32;0.337;0.381;0.445;0.52;0.598;0.672" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.36"><animate attributeName="opacity" values="0.36;0.417;0.489;0.567;0.643;0.71;0.759;0.782;0.767;0.708;0.619;0.511;0.395;0.284;0.19;0.124;0.1;0.12;0.174;0.256;0.357;0.47;0.587;0.702;0.806;0.891;0.952;0.979;0.97;0.934;0.877;0.804;0.72;0.632;0.546;0.466;0.398;0.348;0.322;0.326;0.36" keyTimes="0;0.025;0.05;0.075;0.1;0.125;0.15;0.175;0.2;0.225;0.25;0.275;0.3;0.325;0.35;0.375;0.4;0.425;0.45;0.475;0.5;0.525;0.55;0.575;0.6;0.625;0.65;0.675;0.7;0.725;0.75;0.775;0.8;0.825;0.85;0.875;0.9;0.925;0.95;0.975;1" dur="1.5s" repeatCount="indefinite" calcMode="linear"/></rect>
|
|
37
|
+
`,
|
|
38
|
+
"inspecting-files": `
|
|
39
|
+
<title id="inspecting-files-title">inspecting files</title><desc id="inspecting-files-desc">Block Drop motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
40
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.08" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.42"><animate attributeName="opacity" values="0.42;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.42" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.42"><animate attributeName="opacity" values="0.42;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.42" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.42"><animate attributeName="opacity" values="0.42;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.42" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.42"><animate attributeName="opacity" values="0.42;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.42" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.42"><animate attributeName="opacity" values="0.42;0.42;0.42;0.42;0.42;0.42;0.88;0.08;0.88;0.08;0.08;0.42" keyTimes="0;0.091;0.182;0.273;0.364;0.455;0.545;0.636;0.727;0.818;0.909;1" dur="1.9s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
41
|
+
`,
|
|
42
|
+
"querying-data": `
|
|
43
|
+
<title id="querying-data-title">querying data</title><desc id="querying-data-desc">Helix Glow motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
44
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;1;1;1;0.24;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.58;0.58;0.24;1;1;1;1;1;1;1;1;0.24;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.58;0.58;0.24;1;1;1;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.58;0.58;0.24;1;1;1;1;1;1;1;1;0.24;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.58;0.58;0.24;1;1;1;1;1;1;1;1;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.58;0.58;0.24;1;1;1;1;1;1;1;1;0.24;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.58;0.58;0.24;1;1;1;1;1;1;1;1;0.24;0.58;0.58;0.24;0.08;0.08" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.58;0.58;0.58;0.24;1;1;1;1;1;1;1;1;0.58;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.58;0.58;0.58;0.24;1;1;1;1;1;1;1;1;0.58;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.58"><animate attributeName="opacity" values="0.58;0.24;1;1;1;1;1;1;1;1;0.24;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.58;0.58;0.24;1;1;1;1;1;1;1;1;0.24;0.58;0.58;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.58;0.58" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1;1;0.24;0.24;0.24;0.24;0.24;0.24;0.24;0.24;1;1;1" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.24"><animate attributeName="opacity" values="0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24;0.24;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.24;0.24;0.24;0.24;1;1;1;1;1;1;1;1;0.24;0.24;0.24" keyTimes="0;0.021;0.042;0.063;0.083;0.104;0.125;0.146;0.167;0.188;0.208;0.229;0.25;0.271;0.292;0.313;0.333;0.354;0.375;0.396;0.417;0.438;0.458;0.479;0.5;0.521;0.542;0.563;0.583;0.604;0.625;0.646;0.667;0.688;0.708;0.729;0.75;0.771;0.792;0.813;0.833;0.854;0.875;0.896;0.917;0.938;0.958;0.979;1" dur="1.6s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
45
|
+
`,
|
|
46
|
+
"analyzing-results": `
|
|
47
|
+
<title id="analyzing-results-title">analyzing results</title><desc id="analyzing-results-desc">Plasma Veil motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
48
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.158"><animate attributeName="opacity" values="0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.78"><animate attributeName="opacity" values="0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.259"><animate attributeName="opacity" values="0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.56"><animate attributeName="opacity" values="0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.16"><animate attributeName="opacity" values="0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16;0.16" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.403"><animate attributeName="opacity" values="0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.36"><animate attributeName="opacity" values="0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.562"><animate attributeName="opacity" values="0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72;0.562;0.562" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.22"><animate attributeName="opacity" values="0.22;0.08;0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.72;0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.72"><animate attributeName="opacity" values="0.72;0.562;0.562;0.403;0.403;0.259;0.259;0.158;0.158;0.08;0.08;1;1;0.78;0.78;0.56;0.56;0.36;0.36;0.22;0.22;0.08;0.08;0.72;0.72" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.042;0.083;0.125;0.167;0.208;0.25;0.292;0.333;0.375;0.417;0.458;0.5;0.542;0.583;0.625;0.667;0.708;0.75;0.792;0.833;0.875;0.917;0.958;1" dur="1.65s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
49
|
+
`,
|
|
50
|
+
"processing-attachments": `
|
|
51
|
+
<title id="processing-attachments-title">processing attachments</title><desc id="processing-attachments-desc">Flux Columns motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
52
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.492"><animate attributeName="opacity" values="0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.704"><animate attributeName="opacity" values="0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.492"><animate attributeName="opacity" values="0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.704"><animate attributeName="opacity" values="0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.492"><animate attributeName="opacity" values="0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.256"><animate attributeName="opacity" values="0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.1"><animate attributeName="opacity" values="0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.256"><animate attributeName="opacity" values="0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.1"><animate attributeName="opacity" values="0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.256"><animate attributeName="opacity" values="0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.192"><animate attributeName="opacity" values="0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.192"><animate attributeName="opacity" values="0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.192"><animate attributeName="opacity" values="0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.192"><animate attributeName="opacity" values="0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.192"><animate attributeName="opacity" values="0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.1"><animate attributeName="opacity" values="0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.256"><animate attributeName="opacity" values="0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.1"><animate attributeName="opacity" values="0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.256"><animate attributeName="opacity" values="0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.1"><animate attributeName="opacity" values="0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.704"><animate attributeName="opacity" values="0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.492"><animate attributeName="opacity" values="0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.704"><animate attributeName="opacity" values="0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.492"><animate attributeName="opacity" values="0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704;0.704;0.704;0.492;0.492;0.492" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.704"><animate attributeName="opacity" values="0.704;0.704;0.704;0.492;0.492;0.492;0.492;0.492;0.256;0.256;0.256;0.256;0.256;0.192;0.192;0.192;0.192;0.192;0.1;0.1;0.1;0.1;0.1;0.704;0.704;0.704" keyTimes="0;0.04;0.08;0.12;0.16;0.2;0.24;0.28;0.32;0.36;0.4;0.44;0.48;0.52;0.56;0.6;0.64;0.68;0.72;0.76;0.8;0.84;0.88;0.92;0.96;1" dur="1.5s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
53
|
+
`,
|
|
54
|
+
delegating: `
|
|
55
|
+
<title id="delegating-title">delegating</title><desc id="delegating-desc">Branch Dispatch motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
56
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;1;0.46;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;1;0.46;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.46;0.08;0.08;0.08;0.08;0.08;0.08;1" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.46"><animate attributeName="opacity" values="0.46;0.08;0.08;0.08;0.08;0.08;0.08;1;0.46" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.46;0.08;0.08;0.08;0.08;0.08;0.08;1" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.46"><animate attributeName="opacity" values="0.46;0.46;0.08;0.08;0.46;0.08;1;0.46;0.46" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.46"><animate attributeName="opacity" values="0.46;0.46;0.08;0.08;0.08;0.08;0.08;1;0.46" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;1;1;0.46;0.08;0.08;0.08;0.08;1" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08;0.08" keyTimes="0;0.125;0.25;0.375;0.5;0.625;0.75;0.875;1" dur="1.45s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
57
|
+
`,
|
|
58
|
+
"awaiting-input": `
|
|
59
|
+
<title id="awaiting-input-title">awaiting input</title><desc id="awaiting-input-desc">Pulse Pair motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
60
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.07"><animate attributeName="opacity" values="0.07;0.07;0.07;0.07;0.07;0.07;0.07" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.22"><animate attributeName="opacity" values="0.22;0.22;0.95;0.22;0.22;0.95;0.22" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.33"><animate attributeName="opacity" values="0.33;0.33;0.58;0.33;0.33;0.58;0.33" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.22"><animate attributeName="opacity" values="0.22;0.22;0.95;0.22;0.22;0.95;0.22" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.07"><animate attributeName="opacity" values="0.07;0.07;0.07;0.07;0.07;0.07;0.07" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.07"><animate attributeName="opacity" values="0.07;0.07;0.07;0.07;0.07;0.07;0.07" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.95"><animate attributeName="opacity" values="0.95;0.22;0.22;0.95;0.22;0.22;0.95" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.58"><animate attributeName="opacity" values="0.58;0.33;0.33;0.58;0.33;0.33;0.58" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.95"><animate attributeName="opacity" values="0.95;0.22;0.22;0.95;0.22;0.22;0.95" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.07"><animate attributeName="opacity" values="0.07;0.07;0.07;0.07;0.07;0.07;0.07" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.33"><animate attributeName="opacity" values="0.33;0.33;0.33;0.33;0.33;0.33;0.33" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.22"><animate attributeName="opacity" values="0.22;0.95;0.22;0.22;0.95;0.22;0.22" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.33"><animate attributeName="opacity" values="0.33;0.58;0.33;0.33;0.58;0.33;0.33" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.22"><animate attributeName="opacity" values="0.22;0.95;0.22;0.22;0.95;0.22;0.22" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.33"><animate attributeName="opacity" values="0.33;0.33;0.33;0.33;0.33;0.33;0.33" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.07"><animate attributeName="opacity" values="0.07;0.07;0.07;0.07;0.07;0.07;0.07" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.95"><animate attributeName="opacity" values="0.95;0.22;0.22;0.95;0.22;0.22;0.95" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.58"><animate attributeName="opacity" values="0.58;0.33;0.33;0.58;0.33;0.33;0.58" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.95"><animate attributeName="opacity" values="0.95;0.22;0.22;0.95;0.22;0.22;0.95" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.07"><animate attributeName="opacity" values="0.07;0.07;0.07;0.07;0.07;0.07;0.07" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.07"><animate attributeName="opacity" values="0.07;0.07;0.07;0.07;0.07;0.07;0.07" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.22"><animate attributeName="opacity" values="0.22;0.22;0.95;0.22;0.22;0.95;0.22" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.33"><animate attributeName="opacity" values="0.33;0.33;0.58;0.33;0.33;0.58;0.33" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.22"><animate attributeName="opacity" values="0.22;0.22;0.95;0.22;0.22;0.95;0.22" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.07"><animate attributeName="opacity" values="0.07;0.07;0.07;0.07;0.07;0.07;0.07" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.55s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
61
|
+
`,
|
|
62
|
+
"saving-knowledge": `
|
|
63
|
+
<title id="saving-knowledge-title">saving knowledge</title><desc id="saving-knowledge-desc">Core Echo motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
64
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.139"><animate attributeName="opacity" values="0.139;0.127;0.116;0.108;0.102;0.1;0.116;0.162;0.232;0.322;0.424;0.532;0.642;0.747;0.841;0.918;0.973;0.999;0.987;0.932;0.845;0.735;0.615;0.495;0.387;0.302;0.25;0.24;0.236;0.23;0.221;0.209;0.196;0.182;0.168;0.153;0.139" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.103;0.1;0.112;0.155;0.223;0.31;0.411;0.519;0.629;0.735;0.83;0.91;0.967;0.997;0.991;0.941;0.857;0.749;0.63;0.509;0.399;0.311;0.254;0.24;0.237;0.231;0.222;0.211;0.198;0.184;0.169;0.155;0.141;0.128;0.117;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.148;0.214;0.299;0.398;0.506;0.616;0.722;0.82;0.901;0.962;0.995;0.994;0.949;0.868;0.763;0.644;0.524;0.412;0.32;0.259;0.24;0.238;0.232;0.223;0.212;0.199;0.186;0.171;0.157;0.143;0.13;0.118;0.109;0.103;0.1;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.103;0.1;0.112;0.155;0.223;0.31;0.411;0.519;0.629;0.735;0.83;0.91;0.967;0.997;0.991;0.941;0.857;0.749;0.63;0.509;0.399;0.311;0.254;0.24;0.237;0.231;0.222;0.211;0.198;0.184;0.169;0.155;0.141;0.128;0.117;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.139"><animate attributeName="opacity" values="0.139;0.127;0.116;0.108;0.102;0.1;0.116;0.162;0.232;0.322;0.424;0.532;0.642;0.747;0.841;0.918;0.973;0.999;0.987;0.932;0.845;0.735;0.615;0.495;0.387;0.302;0.25;0.24;0.236;0.23;0.221;0.209;0.196;0.182;0.168;0.153;0.139" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.103;0.1;0.112;0.155;0.223;0.31;0.411;0.519;0.629;0.735;0.83;0.91;0.967;0.997;0.991;0.941;0.857;0.749;0.63;0.509;0.399;0.311;0.254;0.24;0.237;0.231;0.222;0.211;0.198;0.184;0.169;0.155;0.141;0.128;0.117;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.148;0.214;0.299;0.398;0.506;0.616;0.722;0.82;0.901;0.962;0.995;0.994;0.949;0.868;0.763;0.644;0.524;0.412;0.32;0.259;0.24;0.238;0.232;0.223;0.212;0.199;0.186;0.171;0.157;0.143;0.13;0.118;0.109;0.103;0.1;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.288"><animate attributeName="opacity" values="0.288;0.386;0.493;0.603;0.71;0.809;0.892;0.956;0.993;0.997;0.957;0.879;0.777;0.659;0.538;0.424;0.329;0.264;0.24;0.238;0.233;0.224;0.214;0.201;0.187;0.173;0.158;0.144;0.131;0.12;0.11;0.104;0.1;0.106;0.142;0.205;0.288" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.148;0.214;0.299;0.398;0.506;0.616;0.722;0.82;0.901;0.962;0.995;0.994;0.949;0.868;0.763;0.644;0.524;0.412;0.32;0.259;0.24;0.238;0.232;0.223;0.212;0.199;0.186;0.171;0.157;0.143;0.13;0.118;0.109;0.103;0.1;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.103;0.1;0.112;0.155;0.223;0.31;0.411;0.519;0.629;0.735;0.83;0.91;0.967;0.997;0.991;0.941;0.857;0.749;0.63;0.509;0.399;0.311;0.254;0.24;0.237;0.231;0.222;0.211;0.198;0.184;0.169;0.155;0.141;0.128;0.117;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.148;0.214;0.299;0.398;0.506;0.616;0.722;0.82;0.901;0.962;0.995;0.994;0.949;0.868;0.763;0.644;0.524;0.412;0.32;0.259;0.24;0.238;0.232;0.223;0.212;0.199;0.186;0.171;0.157;0.143;0.13;0.118;0.109;0.103;0.1;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.288"><animate attributeName="opacity" values="0.288;0.386;0.493;0.603;0.71;0.809;0.892;0.956;0.993;0.997;0.957;0.879;0.777;0.659;0.538;0.424;0.329;0.264;0.24;0.238;0.233;0.224;0.214;0.201;0.187;0.173;0.158;0.144;0.131;0.12;0.11;0.104;0.1;0.106;0.142;0.205;0.288" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.59"><animate attributeName="opacity" values="0.59;0.698;0.797;0.883;0.95;0.99;0.999;0.964;0.89;0.79;0.673;0.552;0.437;0.339;0.27;0.24;0.238;0.233;0.225;0.215;0.203;0.189;0.175;0.16;0.146;0.133;0.121;0.111;0.104;0.101;0.104;0.136;0.196;0.277;0.373;0.48;0.59" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.288"><animate attributeName="opacity" values="0.288;0.386;0.493;0.603;0.71;0.809;0.892;0.956;0.993;0.997;0.957;0.879;0.777;0.659;0.538;0.424;0.329;0.264;0.24;0.238;0.233;0.224;0.214;0.201;0.187;0.173;0.158;0.144;0.131;0.12;0.11;0.104;0.1;0.106;0.142;0.205;0.288" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.148;0.214;0.299;0.398;0.506;0.616;0.722;0.82;0.901;0.962;0.995;0.994;0.949;0.868;0.763;0.644;0.524;0.412;0.32;0.259;0.24;0.238;0.232;0.223;0.212;0.199;0.186;0.171;0.157;0.143;0.13;0.118;0.109;0.103;0.1;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.103;0.1;0.112;0.155;0.223;0.31;0.411;0.519;0.629;0.735;0.83;0.91;0.967;0.997;0.991;0.941;0.857;0.749;0.63;0.509;0.399;0.311;0.254;0.24;0.237;0.231;0.222;0.211;0.198;0.184;0.169;0.155;0.141;0.128;0.117;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.148;0.214;0.299;0.398;0.506;0.616;0.722;0.82;0.901;0.962;0.995;0.994;0.949;0.868;0.763;0.644;0.524;0.412;0.32;0.259;0.24;0.238;0.232;0.223;0.212;0.199;0.186;0.171;0.157;0.143;0.13;0.118;0.109;0.103;0.1;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.288"><animate attributeName="opacity" values="0.288;0.386;0.493;0.603;0.71;0.809;0.892;0.956;0.993;0.997;0.957;0.879;0.777;0.659;0.538;0.424;0.329;0.264;0.24;0.238;0.233;0.224;0.214;0.201;0.187;0.173;0.158;0.144;0.131;0.12;0.11;0.104;0.1;0.106;0.142;0.205;0.288" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.148;0.214;0.299;0.398;0.506;0.616;0.722;0.82;0.901;0.962;0.995;0.994;0.949;0.868;0.763;0.644;0.524;0.412;0.32;0.259;0.24;0.238;0.232;0.223;0.212;0.199;0.186;0.171;0.157;0.143;0.13;0.118;0.109;0.103;0.1;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.103;0.1;0.112;0.155;0.223;0.31;0.411;0.519;0.629;0.735;0.83;0.91;0.967;0.997;0.991;0.941;0.857;0.749;0.63;0.509;0.399;0.311;0.254;0.24;0.237;0.231;0.222;0.211;0.198;0.184;0.169;0.155;0.141;0.128;0.117;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.139"><animate attributeName="opacity" values="0.139;0.127;0.116;0.108;0.102;0.1;0.116;0.162;0.232;0.322;0.424;0.532;0.642;0.747;0.841;0.918;0.973;0.999;0.987;0.932;0.845;0.735;0.615;0.495;0.387;0.302;0.25;0.24;0.236;0.23;0.221;0.209;0.196;0.182;0.168;0.153;0.139" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.103;0.1;0.112;0.155;0.223;0.31;0.411;0.519;0.629;0.735;0.83;0.91;0.967;0.997;0.991;0.941;0.857;0.749;0.63;0.509;0.399;0.311;0.254;0.24;0.237;0.231;0.222;0.211;0.198;0.184;0.169;0.155;0.141;0.128;0.117;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.148;0.214;0.299;0.398;0.506;0.616;0.722;0.82;0.901;0.962;0.995;0.994;0.949;0.868;0.763;0.644;0.524;0.412;0.32;0.259;0.24;0.238;0.232;0.223;0.212;0.199;0.186;0.171;0.157;0.143;0.13;0.118;0.109;0.103;0.1;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.109"><animate attributeName="opacity" values="0.109;0.103;0.1;0.112;0.155;0.223;0.31;0.411;0.519;0.629;0.735;0.83;0.91;0.967;0.997;0.991;0.941;0.857;0.749;0.63;0.509;0.399;0.311;0.254;0.24;0.237;0.231;0.222;0.211;0.198;0.184;0.169;0.155;0.141;0.128;0.117;0.109" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.139"><animate attributeName="opacity" values="0.139;0.127;0.116;0.108;0.102;0.1;0.116;0.162;0.232;0.322;0.424;0.532;0.642;0.747;0.841;0.918;0.973;0.999;0.987;0.932;0.845;0.735;0.615;0.495;0.387;0.302;0.25;0.24;0.236;0.23;0.221;0.209;0.196;0.182;0.168;0.153;0.139" keyTimes="0;0.028;0.056;0.083;0.111;0.139;0.167;0.194;0.222;0.25;0.278;0.306;0.333;0.361;0.389;0.417;0.444;0.472;0.5;0.528;0.556;0.583;0.611;0.639;0.667;0.694;0.722;0.75;0.778;0.806;0.833;0.861;0.889;0.917;0.944;0.972;1" dur="1.23s" repeatCount="indefinite" calcMode="linear"/></rect>
|
|
65
|
+
`,
|
|
66
|
+
"composing-response": `
|
|
67
|
+
<title id="composing-response-title">composing response</title><desc id="composing-response-desc">Prism Bloom motion from Dot Matrix, rendered with squircle cells.</desc>
|
|
68
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;1;0.08;0.08;1;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.08;1;0.08;0.08;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.08;1;0.08;1;0.08;1" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.08;1;0.08;0.08;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;1;0.08;0.08;1;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.08;1;0.08;0.08;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.52"><animate attributeName="opacity" values="0.52;0.08;0.52;0.08;0.52;1;0.52" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.52;0.08;0.52;1;0.08;1" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.52"><animate attributeName="opacity" values="0.52;0.08;0.52;0.08;0.52;1;0.52" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.08;1;0.08;0.08;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.08;1;0.08;1;0.08;1" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.52"><animate attributeName="opacity" values="0.52;0.08;0.08;0.08;0.52;0.08;0.52" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.52"><animate attributeName="opacity" values="0.52;0.52;0.52;0.52;0.52;0.52;0.52" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.52"><animate attributeName="opacity" values="0.52;0.08;0.08;0.08;0.52;0.08;0.52" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.08;1;0.08;1;0.08;1" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.08;1;0.08;0.08;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.52"><animate attributeName="opacity" values="0.52;0.08;0.52;0.08;0.52;1;0.52" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.52;0.08;0.52;1;0.08;1" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.52"><animate attributeName="opacity" values="0.52;0.08;0.52;0.08;0.52;1;0.52" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.08;1;0.08;0.08;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;1;0.08;0.08;1;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.08;1;0.08;0.08;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="1"><animate attributeName="opacity" values="1;0.08;1;0.08;1;0.08;1" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;1;0.08;1;0.08;0.08;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"><animate attributeName="opacity" values="0.08;0.08;1;0.08;0.08;1;0.08" keyTimes="0;0.167;0.333;0.5;0.667;0.833;1" dur="1.7s" repeatCount="indefinite" calcMode="discrete"/></rect>
|
|
69
|
+
`,
|
|
70
|
+
completed: `
|
|
71
|
+
<title id="completed-title">completed</title><desc id="completed-desc">Completion Ring, a static lifecycle state rendered with squircle cells.</desc>
|
|
72
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.98"></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.98"></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.98"></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.98"></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.98"></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.98"></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.98"></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.035"></rect>
|
|
73
|
+
`,
|
|
74
|
+
paused: `
|
|
75
|
+
<title id="paused-title">paused</title><desc id="paused-desc">Pause Matrix, a static lifecycle state rendered with squircle cells.</desc>
|
|
76
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect>
|
|
77
|
+
`,
|
|
78
|
+
incomplete: `
|
|
79
|
+
<title id="incomplete-title">incomplete</title><desc id="incomplete-desc">Open Matrix, a static lifecycle state rendered with squircle cells.</desc>
|
|
80
|
+
<style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){.sq{opacity:.72!important}}</style><rect class="sq" x="0.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="5.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="10.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="15.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="20.325" y="0.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="0.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="5.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="10.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="15.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="20.325" y="5.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="0.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="5.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="10.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="15.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="20.325" y="10.325" width="3.35" height="3.35" rx="1.072" opacity="0.46"></rect><rect class="sq" x="0.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="5.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="10.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="15.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="20.325" y="15.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="0.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect><rect class="sq" x="5.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="10.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="15.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.92"></rect><rect class="sq" x="20.325" y="20.325" width="3.35" height="3.35" rx="1.072" opacity="0.08"></rect>
|
|
81
|
+
`
|
|
82
|
+
}, f = Object.fromEntries(
|
|
83
|
+
Object.entries(T).map(([e, t]) => [
|
|
84
|
+
e,
|
|
85
|
+
t.replace(
|
|
86
|
+
/@media\(prefers-reduced-motion:reduce\)\{\.sq\{opacity:\.72!important\}\}/g,
|
|
87
|
+
"@media(prefers-reduced-motion:reduce){animate{display:none}}"
|
|
88
|
+
)
|
|
89
|
+
])
|
|
90
|
+
), m = (e, t) => {
|
|
91
|
+
var i;
|
|
92
|
+
return (i = e.match(new RegExp(`${t}="([^"]+)"`))) == null ? void 0 : i[1];
|
|
93
|
+
}, M = (e) => Array.from(
|
|
94
|
+
e.matchAll(
|
|
95
|
+
/<rect class="sq"[^>]*opacity="([^"]+)"[^>]*>([\s\S]*?)<\/rect>/g
|
|
96
|
+
),
|
|
97
|
+
(t) => {
|
|
98
|
+
var r, a;
|
|
99
|
+
const i = (r = t[2].match(/<animate\b[^>]*\/>/)) == null ? void 0 : r[0];
|
|
100
|
+
return {
|
|
101
|
+
values: (i ? (a = m(i, "values")) == null ? void 0 : a.split(";").map(Number) : void 0) ?? [Number(t[1])],
|
|
102
|
+
keyTimes: i ? m(i, "keyTimes") : void 0,
|
|
103
|
+
duration: i ? m(i, "dur") : void 0,
|
|
104
|
+
mode: i ? m(i, "calcMode") : void 0
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
), b = (e) => {
|
|
108
|
+
var r;
|
|
109
|
+
const t = ((r = e[0]) == null ? void 0 : r.values.length) ?? 1;
|
|
110
|
+
let i = 0, s = Number.NEGATIVE_INFINITY;
|
|
111
|
+
for (let a = 0; a < t; a += 1) {
|
|
112
|
+
const c = e.map((n) => n.values[a] ?? n.values[0]), d = c.reduce((n, u) => n + u, 0) / c.length, h = c.reduce((n, u) => n + (u - d) ** 2, 0) / c.length, o = Math.max(...c) - Math.min(...c), y = c.filter((n) => n >= 0.4).length, l = h * 3 + o + d * 0.08 - Math.abs(y - c.length * 0.45) * 4e-3;
|
|
113
|
+
l > s && (s = l, i = a);
|
|
114
|
+
}
|
|
115
|
+
return i;
|
|
116
|
+
}, x = (e) => Number(e.toFixed(3)).toString(), g = [[0, 1], [2], [3, 4]], N = {
|
|
117
|
+
completed: "xxxx.xxxx",
|
|
118
|
+
paused: "x.xx.xx.x",
|
|
119
|
+
incomplete: "xx.x..xxx"
|
|
120
|
+
}, _ = (e, t) => {
|
|
121
|
+
var a;
|
|
122
|
+
const i = N[e], s = ((a = t[0]) == null ? void 0 : a.values.length) ?? 1, r = [];
|
|
123
|
+
for (let c = 0; c < 3; c += 1)
|
|
124
|
+
for (let d = 0; d < 3; d += 1) {
|
|
125
|
+
let h;
|
|
126
|
+
if (i) {
|
|
127
|
+
const o = i[c * 3 + d] === "x", y = e === "completed" ? 0.98 : 0.92, l = e === "completed" ? 0.035 : 0.08;
|
|
128
|
+
h = new Array(s).fill(o ? y : l);
|
|
129
|
+
} else {
|
|
130
|
+
const o = g[c].flatMap(
|
|
131
|
+
(y) => g[d].map(
|
|
132
|
+
(l) => y * 5 + l
|
|
133
|
+
)
|
|
134
|
+
);
|
|
135
|
+
h = Array.from(
|
|
136
|
+
{ length: s },
|
|
137
|
+
(y, l) => Math.max(
|
|
138
|
+
...o.map(
|
|
139
|
+
(n) => {
|
|
140
|
+
var u, p;
|
|
141
|
+
return ((u = t[n]) == null ? void 0 : u.values[l]) ?? ((p = t[n]) == null ? void 0 : p.values[0]) ?? 0.08;
|
|
142
|
+
}
|
|
143
|
+
)
|
|
144
|
+
)
|
|
145
|
+
);
|
|
146
|
+
}
|
|
147
|
+
r.push({ values: h });
|
|
148
|
+
}
|
|
149
|
+
return r;
|
|
150
|
+
}, k = (e, t, i) => {
|
|
151
|
+
const s = M(t), r = _(e, s), a = s.find((o) => o.keyTimes), c = i ? b(r) : 0, d = e.replaceAll("-", " "), h = r.map((o, y) => {
|
|
152
|
+
const l = Math.floor(y / 3), n = y % 3, u = o.values[c] ?? o.values[0], p = !i && a ? `<animate attributeName="opacity" values="${o.values.map(x).join(";")}" keyTimes="${a.keyTimes}" dur="${a.duration}" repeatCount="indefinite" calcMode="${a.mode}"/>` : "";
|
|
153
|
+
return `<rect class="sq" x="${1 + n * 5}" y="${1 + l * 5}" width="4" height="4" rx="1.28" opacity="${x(u)}">${p}</rect>`;
|
|
154
|
+
}).join("");
|
|
155
|
+
return `<title>${d}</title><desc>${d}, rendered as a bold nine-squircle matrix.</desc><style>.sq{fill:currentColor}@media(prefers-reduced-motion:reduce){animate{display:none}}</style>${h}`;
|
|
156
|
+
}, O = Object.fromEntries(
|
|
157
|
+
Object.entries(f).map(([e, t]) => [
|
|
158
|
+
e,
|
|
159
|
+
k(e, t, !1)
|
|
160
|
+
])
|
|
161
|
+
), S = Object.fromEntries(
|
|
162
|
+
Object.entries(f).map(([e, t]) => [
|
|
163
|
+
e,
|
|
164
|
+
k(e, t, !0)
|
|
165
|
+
])
|
|
166
|
+
), A = {
|
|
167
|
+
thinking: "The active agent model is interpreting the request or deciding the next action.",
|
|
168
|
+
planning: "Creates or updates the working plan and todo statuses.",
|
|
169
|
+
"exploring-schema": "Finds relevant tables, fields, measures, and relationships.",
|
|
170
|
+
"searching-knowledge": "Looks for saved domain knowledge and prior answers.",
|
|
171
|
+
"inspecting-files": "Finds and reads files supplied to or available in the workspace.",
|
|
172
|
+
"querying-data": "Runs SQL, semantic, or card queries against connected data.",
|
|
173
|
+
"analyzing-results": "Computes, reconciles, transforms, or verifies query results with code.",
|
|
174
|
+
"processing-attachments": "Uploads generated files and prepares downloadable attachments.",
|
|
175
|
+
delegating: "Hands a bounded research task to a subagent.",
|
|
176
|
+
"awaiting-input": "Pauses the run to request information from the user.",
|
|
177
|
+
"saving-knowledge": "Stores a reusable correction or domain rule for later runs.",
|
|
178
|
+
"composing-response": "The main model writes the user-facing answer after tool work is done.",
|
|
179
|
+
completed: "The run ends with a final user-facing response.",
|
|
180
|
+
paused: "The run is intentionally paused and can be resumed.",
|
|
181
|
+
incomplete: "The run stopped before producing a complete result."
|
|
182
|
+
}, $ = {
|
|
183
|
+
write_todos: "planning",
|
|
184
|
+
generate_sql: "planning",
|
|
185
|
+
retrieve_relevant_schema: "exploring-schema",
|
|
186
|
+
get_full_semantic_schema: "exploring-schema",
|
|
187
|
+
get_relationships: "exploring-schema",
|
|
188
|
+
list_sources: "exploring-schema",
|
|
189
|
+
list_knowledge: "searching-knowledge",
|
|
190
|
+
search_knowledge: "searching-knowledge",
|
|
191
|
+
search_context: "searching-knowledge",
|
|
192
|
+
web_search: "searching-knowledge",
|
|
193
|
+
read_file: "inspecting-files",
|
|
194
|
+
glob: "inspecting-files",
|
|
195
|
+
grep: "inspecting-files",
|
|
196
|
+
execute_queries_batch: "querying-data",
|
|
197
|
+
execute_semantic_queries: "querying-data",
|
|
198
|
+
submit_card_queries: "querying-data",
|
|
199
|
+
execute_query: "querying-data",
|
|
200
|
+
database_query: "querying-data",
|
|
201
|
+
query_snowflake: "querying-data",
|
|
202
|
+
api_request: "querying-data",
|
|
203
|
+
bash_tool: "analyzing-results",
|
|
204
|
+
pip_install_tool: "analyzing-results",
|
|
205
|
+
run_python: "analyzing-results",
|
|
206
|
+
run_forecast: "analyzing-results",
|
|
207
|
+
batch_upload_and_get_signed_urls_tool: "processing-attachments",
|
|
208
|
+
image_generation: "processing-attachments",
|
|
209
|
+
task: "delegating",
|
|
210
|
+
ask_human: "awaiting-input",
|
|
211
|
+
add_knowledge: "saving-knowledge",
|
|
212
|
+
synthesize: "composing-response",
|
|
213
|
+
render_answer: "composing-response",
|
|
214
|
+
render_chart: "composing-response",
|
|
215
|
+
render_sources: "composing-response"
|
|
216
|
+
}, R = [
|
|
217
|
+
[/(?:^|_)(?:todo|todos|plan|planning)(?:_|$)/, "planning"],
|
|
218
|
+
[/(?:^|_)(?:schema|relationship|metadata)(?:_|$)/, "exploring-schema"],
|
|
219
|
+
[/(?:^|_)(?:knowledge|context|studio|web_search)(?:_|$)/, "searching-knowledge"],
|
|
220
|
+
[/(?:^|_)(?:read_source|read_file|file|glob|grep)(?:_|$)/, "inspecting-files"],
|
|
221
|
+
[/(?:^|_)(?:query|queries|database|sql|snowflake|semantic|api)(?:_|$)/, "querying-data"],
|
|
222
|
+
[/(?:^|_)(?:python|bash|forecast|analyze|analyse|calculate|verify)(?:_|$)/, "analyzing-results"],
|
|
223
|
+
[/(?:^|_)(?:upload|attachment|image_generation)(?:_|$)/, "processing-attachments"],
|
|
224
|
+
[/(?:^|_)(?:task|delegate|delegation|subagent)(?:_|$)/, "delegating"],
|
|
225
|
+
[/(?:^|_)(?:ask_human|request_input|await_input|approval)(?:_|$)/, "awaiting-input"],
|
|
226
|
+
[/(?:^|_)(?:add_knowledge|save_knowledge|save_memory)(?:_|$)/, "saving-knowledge"],
|
|
227
|
+
[/(?:^|_)(?:compose|synthesize|render)(?:_|$)/, "composing-response"]
|
|
228
|
+
];
|
|
229
|
+
function E(e, t = "thinking") {
|
|
230
|
+
var r;
|
|
231
|
+
if (!e) return t;
|
|
232
|
+
const i = e.trim().toLowerCase().replace(/^tool[-_:]+/, "").replace(/[\s:-]+/g, "_"), s = $[i];
|
|
233
|
+
return s || (((r = R.find(([a]) => a.test(i))) == null ? void 0 : r[1]) ?? t);
|
|
234
|
+
}
|
|
235
|
+
const U = A, v = w.forwardRef(
|
|
236
|
+
({
|
|
237
|
+
state: e,
|
|
238
|
+
size: t = 16,
|
|
239
|
+
animated: i = !0,
|
|
240
|
+
label: s,
|
|
241
|
+
className: r,
|
|
242
|
+
style: a,
|
|
243
|
+
...c
|
|
244
|
+
}, d) => /* @__PURE__ */ q(
|
|
245
|
+
"svg",
|
|
246
|
+
{
|
|
247
|
+
ref: d,
|
|
248
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
249
|
+
viewBox: "0 0 16 16",
|
|
250
|
+
shapeRendering: "geometricPrecision",
|
|
251
|
+
...s ? { role: "img", "aria-label": s } : {},
|
|
252
|
+
width: t,
|
|
253
|
+
height: t,
|
|
254
|
+
style: { width: t, height: t, ...a },
|
|
255
|
+
className: C("shrink-0", r),
|
|
256
|
+
dangerouslySetInnerHTML: {
|
|
257
|
+
__html: i ? O[e] : S[e]
|
|
258
|
+
},
|
|
259
|
+
...c
|
|
260
|
+
}
|
|
261
|
+
)
|
|
262
|
+
);
|
|
263
|
+
v.displayName = "ChainOfThoughtIcon";
|
|
264
|
+
const P = w.forwardRef(({ stage: e, toolName: t, status: i = "active", outcome: s, animated: r, ...a }, c) => {
|
|
265
|
+
const d = s ?? e ?? E(t);
|
|
266
|
+
return /* @__PURE__ */ q(
|
|
267
|
+
v,
|
|
268
|
+
{
|
|
269
|
+
ref: c,
|
|
270
|
+
state: d,
|
|
271
|
+
animated: r ?? i === "active",
|
|
272
|
+
...a
|
|
273
|
+
}
|
|
274
|
+
);
|
|
275
|
+
});
|
|
276
|
+
P.displayName = "TraceStateIcon";
|
|
277
|
+
export {
|
|
278
|
+
U as CHAIN_OF_THOUGHT_DESCRIPTIONS,
|
|
279
|
+
z as CHAIN_OF_THOUGHT_STATES,
|
|
280
|
+
v as ChainOfThoughtIcon,
|
|
281
|
+
P as TraceStateIcon,
|
|
282
|
+
E as resolveTraceState
|
|
283
|
+
};
|