samedi 4 novembre 2017

Interactive greetings

@kiszkiloszki An humble hommage. We greatly appreciate your work. Keep it up !!


<svg width="500" height="548">

<g transform="translate(274,104)">
<g>
<path id="svg_1" d="m0,0c-10,-46 42,-206 133,-112c91,94 -69,157 -69,157c0,0 115,11 85,83c-30,72 -111,-27 -111,-27c0,0 -38,-101 -38,-101z" stroke-width="5" fill="#ffaaaa"/>
<animateTransform attributeName="transform" type="scale" begin="0s" dur="1s" repeatCount="indefinite" values="1 1;0.5 1 ;1 1"/>
</g>
</g>

<g>
<g>
 <path id="svg_2" d="m285,122c10.52842,-46 -44.21938,-206 -140.02805,-112c-95.80867,94 72.64613,157 72.64613,157c0,0 -121.07689,11 -89.49161,83c31.58527,72 116.86552,-27 116.86552,-27c0,0 40.00801,-101 40.00801,-101z" stroke-width="5" fill="#ffaaaa"/>
<animateTransform attributeName="transform" type="scale" begin="0s" dur="1s" repeatCount="indefinite" values="1 1;0.5 1 ;1 1"/>
</g>
<animateMotion values="0,0;87,0;0,0" begin="0s" dur="1s" repeatcount="indefinite"></animateMotion>
</g>

<image xlink:href="https://lh3.googleusercontent.com/VCSC5LXLaFRG0FUQEQXaFiCFW8UPcGSIeB4yg09Opqin6otYCp8p6vlcuGK3q0kaP2WXaxQMTfI8nQQrZgnvo1_Iez_NOvEJIyWsIYMrMdkn5loQ11wMpgqBSVZNU8uKga6bmeFiwdjrE8oSieuzyArITryDqS8pR6XGMgdbTgY0dvG6iI7K6Bunf3SN8ddqMBbewjCQqv7Q3lqx_dvi3k_1hwqxWIacCcIv4XrFh9J2jj-uFOei-Py2pdn89dwu-CTdapJxwDNu9Fzflvm-P-TZ0qySx56dnreZrVFRd_9LXj2wUrKPNTuDQ8B_9RuVrM8z4cNG7Xbw2J5j-PYOG6_hpOyQKZ0qo9U1KcfY-iMTbIEZk1rigDmhv4_LMx3OA5KODGuh29MGh66-2TEgrMZlbC-qGSWJr74BgKiHdQNqSC_VIOecZv4kmacdl5HTM0OCWGmJN-aMU1tmIc2h63oFGtZ03jDpTtZU2MUEL4pQ09z1qIF9CiaUnIITRgSg2zvcs3oGJEEfS6ZU0KmXv9QzUhODsv9UXn4F9lQXNiGg68_hN92Tvg48CLhE6izSoUE9uiONSqRp3rTHeXsXZPbxmjsPZVpD5USiL03-Lw=w500-h548-no" width="500" height="548"/>
<image xlink:href="https://lh3.googleusercontent.com/k5vBeMgPl5Ycpg0vuamFzfMWfpNuJyIKc8I-5nRxeFhophn9tUIzM1uevzgw8qlrAYhwEI4ncGYpaLUqfg9P1gMaTKfaH8eFI30m_rTlRs8gfjCflzf1WiQ3CpO_3oUWB3QUmsrAra1vNSeADjFl8_C1h4P4oQ50yEFLGhLjlJGmtOvHd8rA399q3BD0vrdRdade9C-qK-VchzhShO6tR_cTUlKbskazTlGVwHVR3NQ-8SMPLj8km_wgSeT66DNK53aS8y46IJxPRC4LRh_pDZjOJ7KIg5RFjErl5gZAlqDkCi0N1vGDnburoYBXQd5zHmVkW44kKwl-ZDp5oGHLA1XSUH0_dETUsDqlIO35iIAQcNCPFXrLLKaaCQeGEzUdyWnGG7INauAzXmkUmzy-cwY5gi1umStu_QLxI3QztbqaRucQBnsQk11usd7YtZHn1DLRhrEimuSRV4FUEXDd8h-gjUYPvTLg1jvJZ1aL60-7SfvbdBaBvqx1tST5597wz5bdBkMRbKDb2M86_fc9drlZ2DQdgvPVEDRcO7LAts8kBKuLl21y3Z0KNGIZj5p4MigosGxnTFJAsggitzw8XBmQydUIrzKpUbCa8lAqIQ=w500-h548-no" width="500" height="548">
<animateTransform attributeName="transform" type="rotate" begin="statskel.mousedown" dur="3s" repeatCount="1" values="0 153 178;-45 153 178;0 153 178"/>
</image>

<g transform="translate(20,-60)" fill="#7f003f">
<g stroke="null" transform="rotate(-78.21409606933594 180.9989929199219,343.69842529296875) " id="svg_3">
    <path id="svg_1" d="m179.13102,340.39514c-0.87516,-7.98494 11.12448,-34.17419 25.14522,-16.56879c14.02075,17.6054 -14.89058,25.37002 -14.89058,25.37002c0,0 19.72984,3.96541 13.18591,15.63007c-6.54394,11.66466 -18.7379,-6.60625 -18.7379,-6.60625c0,0 -4.70265,-17.82506 -4.70265,-17.82506z" stroke-width="5" />
    <path id="svg_2" d="m178.88372,341.00061c-3.20347,-7.41506 -27.26523,-24.08732 -31.22399,-1.51971c-3.95876,22.56761 26.28653,14.47082 26.28653,14.47082c0,0 -15.99791,13.60626 -4.18758,20.41524c11.81033,6.80898 13.77038,-15.39958 13.77038,-15.39958c0,0 -4.64533,-17.96676 -4.64533,-17.96676z" stroke-width="5" />
   </g>
   <rect id="svg_4" height="2.61111" width="215.11111" y="342.81945" x="193.58333" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="5" />
  </g>

<rect width="500" height="548" x="0" y="0" opacity="0" id="statskel"/>
</svg>