home *** CD-ROM | disk | FTP | other *** search
/ PC World 2005 January / PCWorld_2005-01_cd.bin / novinky / Interval / podklady / hejral / 1033 / a17-2-beetle.svg < prev    next >
Extensible Markup Language  |  2004-11-21  |  18KB  |  309 lines
  1. ∩╗┐<?xml version="1.0" encoding="utf-8"?>
  2. <!-- Generator: Adobe Illustrator 10.0, SVG Export Plug-In . SVG Version: 3.0.0 Build 76)  -->
  3. <!-- Martin Hejral, 2004 pro server Interval.cz -->
  4. <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"    "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd" [
  5.     <!ENTITY ns_flows "http://ns.adobe.com/Flows/1.0/">
  6.     <!ENTITY ns_svg "http://www.w3.org/2000/svg">
  7.     <!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
  8. ]>
  9. <svg xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
  10.      width="320" height="196" overflow="visible" onload="testAdobe();beetleMove()" onunload="beetleStop()">
  11. <title>A17.2 - Hmyz podle Macromedie</title>
  12. <desc>
  13.   Tento p┼Ö├¡klad ukazuje interaktivn├¡ animace 
  14.   s vyu┼╛it├¡m JavaScriptu a SVG-DOM.
  15. </desc>
  16. <script type="text/ecmascript">
  17. <![CDATA[
  18. function testAdobe() {
  19.     //created by Martin Hejral, 2003
  20.     //test if Adobe SVG Viewer 3 (ASV3) or greater is present -- only ASV3+ return "Adobe SVG Viewer"
  21.     //alert(navigator.appName+navigator.appVersion);
  22.     if(window.navigator)
  23.         if( (navigator.appName=="Adobe SVG Viewer") && (navigator.appVersion>="3.0") )
  24.             return true;
  25.     alert("PROSIM, nainstalujte novou verzi Adobe SVG Prohlizece!!! PLEASE, install latest version of the Adobe SVG Viewer!!!");
  26.     return false;
  27. }
  28. //global variables
  29. var mx=my=dx=dy=mrot=0, to=-1;
  30. //fn to set move direction
  31. //'evt' is standard name of event object
  32. function beetleMania(evt) {
  33.     //get 'id' of control element to determine direction
  34.     var ctrl = evt.target.id;
  35.     switch(ctrl) {
  36.     case 'n': dx=0; dy=-1; mrot=0;
  37.     break;
  38.     case 'ne': dx=1; dy=-1; mrot=45;
  39.     break;
  40.     case 'e': dx=1; dy=0; mrot=90;
  41.     break;
  42.     case 'se': dx=1; dy=1; mrot=135;
  43.     break;
  44.     case 's': dx=0; dy=1; mrot=180;
  45.     break;
  46.     case 'sw': dx=-1; dy=1; mrot=-135;
  47.     break;
  48.     case 'w': dx=-1; dy=0; mrot=-90;
  49.     break;
  50.     case 'nw': dx=-1; dy=-1; mrot=-45;
  51.     break;
  52.     }
  53.     //stop event bubbling
  54.     evt.stopPropagation();
  55.     return false;
  56. }
  57. //perform real move
  58. function beetleMove(evt) {
  59.     //get pointer to animated object
  60.     var obj = document.getElementById('beetle');
  61.     mx += dx;  my += dy;
  62.     if(mx < -128)  mx = 128;
  63.     else if(mx > 128)  mx = -128;
  64.     if(my < -128)  my = 128;
  65.     else if(my > 128)  my = -128;
  66.     obj.setAttribute( "transform", "translate("+mx+","+my+") rotate("+mrot+")" );
  67.     to = window.setTimeout("beetleMove()", 22);
  68. }
  69. function beetleStop() {
  70.     if(to!=-1)
  71.         window.clearTimeout(to);
  72.     to = -1;
  73. }
  74. ]]>
  75. </script>
  76. <!-- pozadi -->
  77. <rect fill="silver" x="0" y="0" width="120" height="200"/>
  78. <rect fill="#7B98C7" x="120" y="0" width="200" height="200"/>
  79. <!-- levy panel: ovladaci prvky -->
  80. <g id="decal" transform="translate(6 6)">
  81.     <g id="center">
  82.         <path d="M78.8,54.4c0,13.1-10.6,23.8-23.8,23.8c-13.1,0-23.8-10.6-23.8-23.8c0-13.1,10.6-23.8,23.8-23.8
  83.             C68.1,30.6,78.8,41.2,78.8,54.4z"/>
  84.     </g>
  85.     <path d="M83.6,76.9l-16-16.1h22.1v5.8l20.1-11.7L89.8,43.2V49H67.6l16-16l2.8,2.8L91,18.9l-16.9,4.5l2.8,2.8L61,42.1V20.1h5.6
  86.         L55,0L43.3,20.1h6v22.4L33,26.2l2.8-2.8L19,18.9l4.4,16.9l2.8-2.8l16,16h-22v-5.8L0,54.9l20.2,11.7v-5.8h22.1L26.2,76.9l-2.8-2.8
  87.         L19,91l16.9-4.5L33,83.7l16.2-16.3v22.4h-6L55,109.8l11.7-20.1H61v-22l15.9,15.9l-2.8,2.8L91,90.9L86.5,74L83.6,76.9z M76.6,85.8
  88.         l2.4-2.4l-18-18c-0.6,0.4-1.2,0.6-1.8,0.9v25.1h4.6L55,106.5l-8.8-15.1h4.9v-25c-0.7-0.2-1.4-0.6-2.1-0.9l-18,18l2.4,2.3
  89.         l-12.7,3.4l3.4-12.7l2.3,2.4l18-18c-0.4-0.6-0.6-1.2-0.9-2h-25v4.8L3.4,54.9l15.1-8.8v4.8h25c0.3-0.7,0.5-1.3,0.9-2l-18-18
  90.         l-1.1,1.1l-1.2,1.3l-3.4-12.7L33.4,24l-1.3,1.3h-0.1l-1,1l18,18c0.6-0.4,1.3-0.7,2.1-0.9v-25h-4.9L55,3.4l8.8,15.1h-4.6v25.1
  91.         c0.6,0.2,1.2,0.5,1.8,0.8l18-17.9v-0.1l-1.1-1.1L76.6,24l12.6-3.3l-3.3,12.7l-1.3-1.3L83.5,31l-18,18c0.4,0.6,0.6,1.2,0.9,1.9
  92.         h23.4h0.2h1.5v-4.8l15.1,8.8l-15.1,8.7v-4.7h-1.3h-0.4H66.4c-0.3,0.7-0.5,1.3-0.9,1.9l18,18l2.4-2.3l3.3,12.6L76.6,85.8z"/>
  93.     <radialGradient id="grad_red" cx="54.9502" cy="54.9507" r="51.5586" fx="54.9502" fy="54.9507" gradientUnits="userSpaceOnUse">
  94.         <stop  offset="0" style="stop-color:#FB9A7A"/>
  95.         <stop  offset="0.3255" style="stop-color:#FF0000"/>
  96.         <stop  offset="0.6039" style="stop-color:#CA2918"/>
  97.         <stop  offset="1" style="stop-color:#573A2F"/>
  98.         <a:midPointStop  offset="0" style="stop-color:#FB9A7A"/>
  99.         <a:midPointStop  offset="0.5" style="stop-color:#FB9A7A"/>
  100.         <a:midPointStop  offset="0.3255" style="stop-color:#FF0000"/>
  101.         <a:midPointStop  offset="0.5" style="stop-color:#FF0000"/>
  102.         <a:midPointStop  offset="0.6039" style="stop-color:#CA2918"/>
  103.         <a:midPointStop  offset="0.5" style="stop-color:#CA2918"/>
  104.         <a:midPointStop  offset="1" style="stop-color:#573A2F"/>
  105.     </radialGradient>
  106.     <path fill="url(#grad_red)" d="M76.6,85.8l2.4-2.4l-18-18c-0.6,0.4-1.2,0.6-1.8,0.9v25.1h4.6L55,106.5l-8.8-15.1h4.9v-25
  107.         c-0.7-0.2-1.4-0.6-2.1-0.9l-18,18l2.4,2.3l-12.7,3.4l3.4-12.7l2.3,2.4l18-18c-0.4-0.6-0.6-1.2-0.9-2h-25v4.8L3.4,54.9l15.1-8.8
  108.         v4.8h25c0.3-0.7,0.5-1.3,0.9-2l-18-18l-1.1,1.1l-1.2,1.3l-3.4-12.7L33.4,24l-1.3,1.3h-0.1l-1,1l18,18c0.6-0.4,1.3-0.7,2.1-0.9v-25
  109.         h-4.9L55,3.4l8.8,15.1h-4.6v25.1c0.6,0.2,1.2,0.5,1.8,0.8l18-17.9v-0.1l-1.1-1.1L76.6,24l12.6-3.3l-3.3,12.7l-1.3-1.3L83.5,31
  110.         l-18,18c0.4,0.6,0.6,1.2,0.9,1.9h23.4h0.2h1.5v-4.8l15.1,8.8l-15.1,8.7v-4.7h-1.3h-0.4H66.4c-0.3,0.7-0.5,1.3-0.9,1.9l18,18
  111.         l2.4-2.3l3.3,12.6L76.6,85.8z"/>
  112.     <!-- zde je realizovano rizeni brouka -->
  113.     <g id="control" opacity="0" onmouseover="beetleMania(evt)">
  114.         <path id="n" fill="white" d="M61,31.4V20.1h5.6L55,0L43.3,20.1h6v11.2"/>
  115.         <path id="nw" fill="white" d="M41.5,34.8L33,26.2l2.8-2.8L19,18.9l4.4,16.9l2.8-2.8l8.7,8.7"/>
  116.         <path id="ne" fill="white" d="M75,41.6l8.6-8.6l2.8,2.8L91,18.9l-16.9,4.5l2.8,2.8l-8.5,8.5"/>
  117.         <path id="e" fill="white" d="M77.9,60.8h11.9v5.8l20.1-11.7L89.8,43.2V49H78.1"/>
  118.         <path id="w" fill="white" d="M31.8,49H20.2v-5.8L0,54.9l20.2,11.7v-5.8h11.9"/>
  119.         <path id="se" fill="white" d="M67.7,74.5l9.2,9.2l-2.8,2.8L91,90.9L86.5,74l-2.9,2.9l-9.1-9.1"/>
  120.         <path id="s" fill="white" d="M49.2,77.5v12.3h-6L55,109.8l11.7-20.1H61V77.4"/>
  121.         <path id="sw" fill="white" d="M35.3,67.8l-9.1,9.1l-2.8-2.8L19,91l16.9-4.5L33,83.7l9.2-9.3"/>
  122.     </g>
  123. </g>
  124. <!-- pomoci dalsiho elementu 'svg' vytvorime "zahradku" pro brouka -->
  125. <svg x="120" y="0" width="200px" height="200px" 
  126.      viewBox="-100 -100 200 200" overflow="hidden">
  127. <title>Brouk na zahr├ídce</title>
  128. <desc>
  129.   Pov┼íimn─¢te si pou┼╛it├¡ dodate─ìn├⌐ho prvku "svg" 
  130.   spole─ìn─¢ s nastaven├¡m atributu "viewBox" - takto 
  131.   si vytvo┼Ö├¡me lok├íln├¡ sou┼Öadnicov├╜ syst├⌐m 
  132.   p┼Öesn─¢ tak, jak se n├ím to zrovna hod├¡.
  133. </desc>
  134. <g id="beetle">
  135. <g transform="translate(-41 -82)">
  136.     <!-- vlastni kresba brouka posunuta do stredu souradnic -->
  137.     <g id="shadow">
  138.         <radialGradient id="XMLID_1_" cx="173.2188" cy="36.832" r="34.7644" fx="173.2188" fy="36.832" gradientTransform="matrix(0.6505 0 0 0.8814 -70.9549 53.4719)" gradientUnits="userSpaceOnUse">
  139.         <stop  offset="0.8933" style="stop-color:#213647"/>
  140.         <stop  offset="0.9131" style="stop-color:#3D546F"/>
  141.         <stop  offset="0.9357" style="stop-color:#587295"/>
  142.         <stop  offset="0.9566" style="stop-color:#6B87B0"/>
  143.         <stop  offset="0.9749" style="stop-color:#7794C1"/>
  144.         <stop  offset="0.9888" style="stop-color:#7B98C7"/>
  145.         <a:midPointStop  offset="0.8933" style="stop-color:#213647"/>
  146.         <a:midPointStop  offset="0.3529" style="stop-color:#213647"/>
  147.         <a:midPointStop  offset="0.9888" style="stop-color:#7B98C7"/>
  148.     </radialGradient>
  149.     <path fill="url(#XMLID_1_)" d="M64.3,85.9c0-8.5-2.2-15.7-6.6-21.7c-4.4-6-9.7-9-16-9c-6.2,0-11.6,3-16,9
  150.         c-4.4,6-6.6,13.2-6.6,21.7c0,8.5,2.2,15.7,6.6,21.7c4.4,6,9.7,9,16,9c6.3,0,11.6-3,16-9C62.1,101.6,64.3,94.4,64.3,85.9z"/>
  151.     </g>
  152.     <g>
  153.         <g>
  154.             <radialGradient id="XMLID_2_" cx="54.999" cy="57.2002" r="45.6761" fx="54.999" fy="57.2002" gradientUnits="userSpaceOnUse">
  155.                 <stop  offset="0.1573" style="stop-color:#9C9C9C"/>
  156.                 <stop  offset="0.2107" style="stop-color:#707070"/>
  157.                 <stop  offset="0.2681" style="stop-color:#484848"/>
  158.                 <stop  offset="0.3246" style="stop-color:#292929"/>
  159.                 <stop  offset="0.3793" style="stop-color:#121212"/>
  160.                 <stop  offset="0.4312" style="stop-color:#050505"/>
  161.                 <stop  offset="0.4775" style="stop-color:#000000"/>
  162.                 <a:midPointStop  offset="0.1573" style="stop-color:#9C9C9C"/>
  163.                 <a:midPointStop  offset="0.3164" style="stop-color:#9C9C9C"/>
  164.                 <a:midPointStop  offset="0.4775" style="stop-color:#000000"/>
  165.             </radialGradient>
  166.             <path fill="url(#XMLID_2_)" d="M58,68.4c-0.5-0.8-1-1.6-1.5-2.3c-4.1-5.4-8.9-8.2-14.6-8.2c-5.7,0-10.6,2.8-14.6,8.2
  167.                 c-0.6,0.7-1,1.5-1.5,2.3c6.8,0.3,12.1,1.5,16.1,3.8c4.6-2.5,9.6-3.7,15-3.8h0.5C57.5,68.3,57.7,68.3,58,68.4z"/>
  168.             
  169.                 <radialGradient id="XMLID_3_" cx="2943.4453" cy="-4877.9756" r="819.1516" fx="2943.4453" fy="-4877.9756" gradientTransform="matrix(7.050000e-002 0 0 7.060000e-002 -148.7256 414.0875)" gradientUnits="userSpaceOnUse">
  170.                 <stop  offset="0" style="stop-color:#FFBB00"/>
  171.                 <stop  offset="0.1155" style="stop-color:#FE3A01"/>
  172.                 <stop  offset="0.1685" style="stop-color:#FD0301"/>
  173.                 <stop  offset="0.2392" style="stop-color:#FA0A04"/>
  174.                 <stop  offset="1" style="stop-color:#000000"/>
  175.                 <a:midPointStop  offset="0" style="stop-color:#FFBB00"/>
  176.                 <a:midPointStop  offset="0.4828" style="stop-color:#FFBB00"/>
  177.                 <a:midPointStop  offset="0.1685" style="stop-color:#FD0301"/>
  178.                 <a:midPointStop  offset="0.5" style="stop-color:#FD0301"/>
  179.                 <a:midPointStop  offset="0.2392" style="stop-color:#FA0A04"/>
  180.                 <a:midPointStop  offset="0.5" style="stop-color:#FA0A04"/>
  181.                 <a:midPointStop  offset="1" style="stop-color:#000000"/>
  182.             </radialGradient>
  183.             <path fill="url(#XMLID_3_)" d="M58,68.4c-0.3-0.1-0.5-0.1-0.6,0h-0.5c-5.4,0.1-10.4,1.3-15,3.8c-4-2.3-9.3-3.5-16.1-3.8
  184.                 c-3.1,5-4.5,10.9-4.5,17.7c0,7.7,2,14.3,6,19.8s8.9,8.2,14.6,8.3c5.7-0.1,10.5-2.8,14.6-8.3c4-5.5,6-12.1,6-19.8
  185.                 C62.5,79.3,61,73.4,58,68.4z"/>
  186.         </g>
  187.         <g>
  188.             <path fill="#FFFFFF" d="M45.9,58.7c1.8,1.9,4.2,3.1,7.1,3.6C52.6,59.4,50.2,58.2,45.9,58.7z"/>
  189.             <path fill="#FFFFFF" d="M30.8,62.3c2.9-0.5,5.3-1.7,7.2-3.6C33.6,58.2,31.2,59.4,30.8,62.3z"/>
  190.         </g>
  191.         <g>
  192.             <path d="M47.2,78.8c1.4-0.7,2.2-1.7,2.2-2.9c0-1.2-0.8-2.2-2.2-2.9c-1.5-0.8-3.3-1.3-5.3-1.3s-3.8,0.5-5.3,1.3
  193.                 c-1.5,0.7-2.2,1.7-2.2,2.9c0,1.2,0.7,2.2,2.2,2.9c1.5,0.8,3.3,1.2,5.3,1.3c0-2.8,0-5.4,0-7.9c0,2.5,0,5.1,0,7.9
  194.                 C43.9,80.1,45.7,79.7,47.2,78.8z"/>
  195.             <path d="M60.7,81c-0.1-1.1-0.3-1.9-0.7-2.6c-0.5-0.7-1-1-1.4-1c-0.6,0.1-1,0.5-1.2,1.3c-0.3,0.7-0.4,1.5-0.3,2.5
  196.                 c0,1,0.3,1.9,0.8,2.6c0.4,0.6,0.8,1,1.3,1c0.5-0.1,0.9-0.5,1.2-1.2C60.6,82.8,60.7,82,60.7,81z"/>
  197.             <path d="M23.8,78.4c-0.5,0.7-0.7,1.5-0.8,2.6c0,1,0,1.8,0.3,2.6c0.4,0.7,0.7,1.1,1.3,1.2c0.4,0,0.8-0.4,1.3-1
  198.                 c0.4-0.7,0.7-1.6,0.8-2.6c0-1,0-1.8-0.4-2.5c-0.2-0.8-0.6-1.2-1.1-1.3C24.7,77.4,24.3,77.7,23.8,78.4z"/>
  199.             <path d="M34.3,91.8c-0.9-0.9-1.8-1.3-2.9-1.2c-1.1-0.1-2.1,0.3-2.9,1.2c-0.8,0.8-1.2,1.7-1.2,2.8c0,1.2,0.4,2.1,1.2,2.9
  200.                 c0.8,0.8,1.8,1.2,2.9,1.2s2-0.4,2.9-1.2c0.8-0.8,1.1-1.7,1.1-2.9C35.4,93.5,35.1,92.6,34.3,91.8z"/>
  201.             <path d="M56,91.8c-0.8-0.9-1.7-1.3-2.9-1.2c-1.1-0.1-2.1,0.3-2.8,1.2c-0.8,0.8-1.3,1.7-1.3,2.8c0,1.2,0.5,2.1,1.3,2.9
  202.                 c0.7,0.8,1.7,1.2,2.8,1.2c1.2,0,2.1-0.4,2.9-1.2c0.7-0.8,1.1-1.7,1.2-2.9C57.1,93.5,56.7,92.6,56,91.8z"/>
  203.             <path fill="none" stroke="#653E31" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M41.9,80.1
  204.                 c0-2.8,0-5.4,0-7.9"/>
  205.             <path opacity="0.33" fill="#653E31" d="M41.5,79.9c0,0-0.2,23.2,0,27.5s-1.1,6.5-1.1,6.5l3,0.2c0,0-0.4-3.2-0.6-7.8
  206.                 c-0.3-5.3-0.7-26.2-0.7-26.2L41.5,79.9z"/>
  207.         </g>
  208.         <g>
  209.             <path opacity="0.33" fill="#FF9C13" d="M52.3,109.9c-4.8,2-7.9,1.3-9.4-2.4l0.6,5.8C46.4,113.1,49.4,112,52.3,109.9z"/>
  210.             <path fill="#FE440F" d="M60,92.5c2.6-5.9,2.1-12.3-1.3-19.4C60.5,82.6,60.9,89.1,60,92.5z"/>
  211.             <path opacity="0.5" fill="#FE440F" d="M42.9,107l0.9-27h-1.9L42.9,107z"/>
  212.             <path opacity="0.5" fill="#FE440F" d="M32.2,72.3C31.3,71,30,71,28.3,72.2c-1.1,1.5-1.6,2.5-1.4,3.1C27.9,73,29.7,72,32.2,72.3z
  213.                 "/>
  214.             <path opacity="0.5" fill="#FE440F" d="M31.7,70.7c-0.5-1.2-2.3-1.7-5.1-1.4c-1.2,2.3-1.9,4.7-2.4,7.4c0-0.3,0.1-0.5,0.1-0.8
  215.                 C25.6,71.7,28.1,69.9,31.7,70.7z"/>
  216.             <path opacity="0.5" fill="#FE440F" d="M41.6,80h-1.9c0.9,17.6,1.4,26.9,1.7,27.7c0,0.1,0,0.1,0,0c0.1-0.5,0.1-4.8,0-12.9
  217.                 L41.6,80z"/>
  218.             <path opacity="0.33" fill="#2D2522" d="M41.4,111.4l0.3,2.4l1.7,0.3l-1.6-14.7l0.3,6.6l-0.7,5V111.4
  219.                 C41.4,111.3,41.4,111.3,41.4,111.4z"/>
  220.             <g>
  221.                 <path opacity="0.33" fill="#653E31" d="M57.7,68.3c4.3,10,5,20.5,2.3,31.2C63.9,87.3,63.1,76.9,57.7,68.3z"/>
  222.             </g>
  223.             <g>
  224.                 <path d="M18.8,52c-0.2-0.2-0.4-0.3-0.5-0.3c-0.2,0-0.4,0.1-0.6,0.3c-0.1,0.2-0.2,0.3-0.2,0.6c0,0.2,0.1,0.4,0.2,0.5
  225.                     c0.2,0.1,0.4,0.2,0.6,0.2c0.2,0,0.4-0.1,0.6-0.2L19,53c2,1,3.3,2.3,3.8,4.3c1.5,4.5,3.4,6.9,6,7.3l0.9-0.8
  226.                     c-2.4-0.3-4.1-2.1-4.9-5.4c0-0.1,0-0.2-0.1-0.3C24.3,55.8,22.3,53.8,18.8,52z M18.6,52.2c0,0,0,0,0.1,0c3.3,1.8,5.3,3.8,5.8,6
  227.                     c0,0.1,0.1,0.2,0.1,0.5c0.6,2.5,1.7,4,3.2,4.9c0.1,0,0.1,0,0.1,0s0,0,0,0.1c0,0,0,0-0.1,0c-1.7-0.7-2.7-1.9-3.2-3.2
  228.                     c-0.4-1.3-0.9-2.6-1.2-3.7c-0.4-1.1-1.2-2.2-2.7-3.1c-1.4-0.9-2.2-1.4-2.2-1.4c0-0.1,0-0.1,0-0.1
  229.                     C18.6,52.2,18.6,52.2,18.6,52.2z"/>
  230.                 <path fill="#FFFFFF" d="M18.7,52.2c-0.1,0-0.1,0-0.1,0s0,0-0.1,0c0,0,0,0,0,0.1c0,0,0.8,0.5,2.2,1.4c1.5,0.9,2.3,2,2.7,3.1
  231.                     c0.3,1.1,0.8,2.4,1.2,3.7c0.5,1.3,1.5,2.5,3.2,3.2c0.1,0,0.1,0,0.1,0c0-0.1,0-0.1,0-0.1s0,0-0.1,0c-1.5-0.9-2.6-2.4-3.2-4.9
  232.                     c0-0.3-0.1-0.4-0.1-0.5C24,56,22,54,18.7,52.2z"/>
  233.             </g>
  234.             <g>
  235.                 <path d="M64.8,52c0.2-0.2,0.3-0.3,0.5-0.3c0.2,0,0.4,0.1,0.6,0.3c0.1,0.2,0.2,0.3,0.2,0.6c0,0.2-0.1,0.4-0.2,0.5
  236.                     c-0.2,0.1-0.4,0.2-0.6,0.2c-0.2,0-0.4-0.1-0.6-0.2L64.6,53c-2,1-3.3,2.3-3.9,4.3c-1.3,4.5-3.3,6.9-6,7.3l-0.8-0.8
  237.                     c2.5-0.3,4.1-2.1,4.8-5.4c0.1-0.1,0.1-0.2,0.2-0.3C59.4,55.8,61.3,53.8,64.8,52z M65,52.2c0,0,0,0-0.1,0
  238.                     c-3.4,1.8-5.3,3.8-5.8,6c0,0.1-0.1,0.2-0.1,0.5c-0.5,2.5-1.6,4-3.3,4.9c0,0,0,0-0.1,0c0,0,0,0,0,0.1c0.1,0,0.1,0,0.1,0
  239.                     s0,0,0.1,0c1.7-0.7,2.7-1.9,3.2-3.2c0.5-1.3,0.9-2.6,1.2-3.7c0.3-1.1,1.3-2.2,2.7-3.1s2.1-1.4,2.1-1.4C65,52.2,65,52.2,65,52.2
  240.                     z"/>
  241.                 <path fill="#FFFFFF" d="M65,52.2c0,0,0,0,0,0.1c0,0-0.7,0.5-2.1,1.4s-2.4,2-2.7,3.1c-0.3,1.1-0.7,2.4-1.2,3.7
  242.                     c-0.5,1.3-1.5,2.5-3.2,3.2c-0.1,0-0.1,0-0.1,0s0,0-0.1,0c0-0.1,0-0.1,0-0.1c0.1,0,0.1,0,0.1,0c1.7-0.9,2.8-2.4,3.3-4.9
  243.                     c0-0.3,0.1-0.4,0.1-0.5c0.5-2.2,2.4-4.2,5.8-6C65,52.2,65,52.2,65,52.2z"/>
  244.             </g>
  245.         </g>
  246.         <g>
  247.             <g>
  248.             </g>
  249.         </g>
  250.         <g>
  251.             <path d="M48.5,112.6c0.1,0,0.2,0,0.3,0.1c2.6-1.3,4.8-3.3,7-5.9c-0.3,0.3-1.2,0.6-2.3,1c-1.2,0.2-2.7,0.5-4.5,0.6
  252.                 c-1.7,0.2-2.6,0.8-2.6,1.7C46.4,111,47.1,111.8,48.5,112.6z"/>
  253.             <path d="M30.3,107.8c-1.2-0.4-2-0.7-2.4-1c2.2,2.6,4.5,4.6,7.1,5.9c0.1-0.1,0.1-0.1,0.3-0.1c1.3-0.8,2.1-1.6,2.1-2.5
  254.                 c0-0.9-1-1.5-2.7-1.7C32.9,108.3,31.4,108,30.3,107.8z"/>
  255.         </g>
  256.     </g>
  257.     <path opacity="0.33" fill="#FE450F" d="M29.1,103.1c-1.2-0.7-2.5-2.3-4-4.8c-1.4-2.5-2.4-9.2-3-20c-1.6,9.6-0.7,17.3,2.5,23.1
  258.         c3.1,5.7,6.6,9.5,10.5,11.3c3.8,1.7,5.8,1.8,5.9,0.4c0.1-0.8,0.2-1.2,0.3-2s0.2-4.1,0.2-4.1c-0.1,0.6-0.1,0.8-0.2,1.1
  259.         c-0.1,0.3-1.2-0.1-1.5-0.3c-0.2-0.2-1.1-0.7-2.5-1.5c-1.4-0.8-2.6-1.9-3.3-3.2c-0.7-1.4-1.7-2.8-2.7-4.2c-0.6,2-0.2,4.1,1,6.2
  260.         c0.3,0.4,0,0.3-0.9-0.5C31.1,104.3,30.3,103.8,29.1,103.1z"/>
  261.     <g id="white_point_1_">
  262.         <path fill="none" d="M53,82.8H41.1V69.2H53V82.8z"/>
  263.         
  264.             <radialGradient id="XMLID_4_" cx="55.1733" cy="113.54" r="5.3953" fx="55.1733" fy="113.54" gradientTransform="matrix(0.9662 0 0 1.1084 -6.2449 -49.8361)" gradientUnits="userSpaceOnUse">
  265.             <stop  offset="0.2584" style="stop-color:#FFFFFF"/>
  266.             <stop  offset="0.3212" style="stop-color:#F9F9F9"/>
  267.             <stop  offset="0.403" style="stop-color:#E9E9E9"/>
  268.             <stop  offset="0.4952" style="stop-color:#CECECE"/>
  269.             <stop  offset="0.5953" style="stop-color:#A8A8A8"/>
  270.             <stop  offset="0.7015" style="stop-color:#787878"/>
  271.             <stop  offset="0.8112" style="stop-color:#3E3E3E"/>
  272.             <stop  offset="0.9157" style="stop-color:#000000"/>
  273.             <a:midPointStop  offset="0.2584" style="stop-color:#FFFFFF"/>
  274.             <a:midPointStop  offset="0.6512" style="stop-color:#FFFFFF"/>
  275.             <a:midPointStop  offset="0.9157" style="stop-color:#000000"/>
  276.         </radialGradient>
  277.         <path fill="url(#XMLID_4_)"  a:adobe-blending-mode="screen" d="M52.3,76c0,3.3-2.3,6-5.2,6c-2.9,0-5.2-2.7-5.2-6
  278.             c0-3.3,2.3-6,5.2-6C49.9,70,52.3,72.7,52.3,76z"/>
  279.     </g>
  280.     <g>
  281.         <defs>
  282.             <path id="XMLID_5_" d="M41.5,84.4h-5.4V66.8h5.4V84.4z"/>
  283.         </defs>
  284.         <clipPath id="XMLID_6_">
  285.             <use xlink:href="#XMLID_5_" />
  286.         </clipPath>
  287.         <g id="white_point_2_">
  288.             <path clip-path="url(#XMLID_6_)" fill="none" d="M49.5,82.9H37.6V69.3h11.9V82.9z"/>
  289.                 <radialGradient id="XMLID_7_" cx="51.5088" cy="113.6025" r="5.3953" fx="51.5088" fy="113.6025" gradientTransform="matrix(0.9662 0 0 1.1084 -6.2449 -49.8361)" gradientUnits="userSpaceOnUse">
  290.                 <stop  offset="0.2584" style="stop-color:#FFFFFF"/>
  291.                 <stop  offset="0.3212" style="stop-color:#F9F9F9"/>
  292.                 <stop  offset="0.403" style="stop-color:#E9E9E9"/>
  293.                 <stop  offset="0.4952" style="stop-color:#CECECE"/>
  294.                 <stop  offset="0.5953" style="stop-color:#A8A8A8"/>
  295.                 <stop  offset="0.7015" style="stop-color:#787878"/>
  296.                 <stop  offset="0.8112" style="stop-color:#3E3E3E"/>
  297.                 <stop  offset="0.9157" style="stop-color:#000000"/>
  298.                 <a:midPointStop  offset="0.2584" style="stop-color:#FFFFFF"/>
  299.                 <a:midPointStop  offset="0.6512" style="stop-color:#FFFFFF"/>
  300.                 <a:midPointStop  offset="0.9157" style="stop-color:#000000"/>
  301.             </radialGradient>
  302.             <path clip-path="url(#XMLID_6_)" fill="url(#XMLID_7_)" a:adobe-blending-mode="screen" d="M48.7,76.1c0,3.3-2.3,6-5.2,6
  303.                 c-2.9,0-5.2-2.7-5.2-6c0-3.3,2.3-6,5.2-6C46.4,70.1,48.7,72.8,48.7,76.1z"/>
  304.         </g>
  305.     </g>
  306. </g>
  307. </g>
  308. </svg>
  309. </svg>