0x0c363727…f181sent to0xa4f6c450…59e3·#13,458,877·0xb77778ca…b7cbdb
<line id="L" x1="300" y1="150" x2="300" y2="80" stroke="white"/>
<text id="M" font-size="10" x="000" y="000" fill="white" text-decoration="underline">
Message //usr: //pub:
</text>
<g id="c">
<circle cx="00" cy="00" r="12" fill="black" stroke="white" stroke-width="1"/>
<path d="M00,12 A12,12 0 0,1 00,-12" fill="white"/>
<circle cx="00" cy="-6" r="6" fill="white"/>
<circle cx="00" cy="6" r="6" fill="black"/>
<circle cx="00" cy="-6" r="3" fill="black"/>
<circle cx="00" cy="6" r="3" fill="white"/>
<animateTransform attributeName="transform" type="rotate" values="0;360" repeatCount="9" dur="1s"/>
</g>
<path id="MP" d="M300,150 L70,120"/>
<path id="f" d="M20,104 L300,104" stroke="white"/>
<path id="cp" d="M20,91 L287,91"/>
<animateMotion id="cm" href="#c" dur="3s">
<mpath href="#cp"/>
</animateMotion>
<animate href="#f" attributeName="opacity" values="1;0" dur="1s" begin="cm.end" fill="freeze"/>
<animateTransform id="tf" href="#L" attributeName="transform" type="rotate" values="0 300 150; 5 300 150; 13 300 150; 26 300 150; 47 300 150; 90 300 150; 89 300 150; 90 300 150" dur="3s" begin="cm.end" keyTimes="0; 0.18; 0.36; 0.54; 0.72; 0.90; 0.96; 1"/>
<animate href="#L" attributeName="opacity" values="0" begin="tf.end"/>
<animateMotion id="tm" href="#M" dur="2s" begin="tf.end" fill="freeze">
<mpath href="#MP"/>
</animateMotion>
<animateTransform id="ts" href="#M" attributeName="transform" type="scale" from="1 1" to="3 3" begin="tm.end" dur="3s" fill="freeze"/>
<path id="aura" class="path" fill="none" stroke="white" stroke-width="2" opacity="0" d="M 60 90 L 330 90 L 330 130 L 60 130 L 60 90"/>
<animate href="#aura" attributeName="opacity" values="1" begin="ts.end+0.2s" fill="freeze"/>
<style>
.path {
stroke-dasharray: 25;
animation: dash 3s linear infinite;
}
@keyframes dash { to {
stroke-dashoffset: 1000;
} }
</style>