home *** CD-ROM | disk | FTP | other *** search
/ PC World 2005 January / PCWorld_2005-01_cd.bin / novinky / Interval / podklady / hejral / 1033 / a17-1-beetle.svg < prev    next >
Extensible Markup Language  |  2004-11-21  |  19KB  |  312 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">
  11.   <title>A17.1 - Hmyz podle Macromedie</title>
  12.   <desc>
  13.   Tento p┼Ö├¡klad nazna─ìuje mo┼╛nosti interaktivn├¡
  14.   animace bez pou┼╛it├¡ programov├ín├¡. Bohu┼╛el ovl├íd├ín├¡ 
  15.   beru┼íky pomoc├¡ sm─¢rov├⌐ho k┼Ö├¡┼╛e takto nelze 
  16.   100% realizovat - neexistuje toti┼╛ mo┼╛nost, 
  17.   aby anima─ìn├¡ prvek p┼Öi nov├⌐m startu p┼Öi─ì├¡tal 
  18.   rostouc├¡ hodnoty sou┼Öadnic k poloze ve kter├⌐ 
  19.   byla p┼Öedt├¡m animace ukon─ìena (beru┼íka zastavena) 
  20.   a pohyb za─ì├¡n├í v┼╛dy znovu od po─ì├íte─ìn├¡ch sou┼Öadnic 
  21.   dan├⌐ho anima─ìn├¡ho prvku. (Tak┼╛e asi pod├íme n├ívrh 
  22.   na roz┼í├¡┼Öen├¡ normy SVG o pam─¢┼Ñov├╜ efekt anima─ìn├¡ch 
  23.   element┼» - navrhuji atribut "memory" s mo┼╛n├╜mi 
  24.   hodnotami "replace" a "sum" kv┼»li konzistentnosti 
  25.   s atributy "additive" a "accumulate" :) 
  26.   Prozat├¡m v├ím nab├¡z├¡m ┼Öe┼íen├¡ pomoc├¡ JavaScriptu 
  27.   v n├ísleduj├¡m p┼Ö├¡kladu A17.2 - nebojte, bude to 
  28.   velmi snadn├⌐.
  29.   </desc>
  30.   <!-- pozadi -->
  31.     <rect fill="silver" x="0" y="0" width="120" height="200"/>
  32.     <rect fill="#7B98C7" x="120" y="0" width="200" height="200"/>
  33.   <!-- levy panel: ovladaci prvky -->
  34.     <g id="decal" transform="translate(6 6)">
  35.         <g id="center">
  36.             <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
  37.                 C68.1,30.6,78.8,41.2,78.8,54.4z"/>
  38.         </g>
  39.         <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
  40.             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
  41.             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
  42.             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
  43.             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
  44.             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
  45.             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
  46.             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"/>
  47.         <radialGradient id="grad_red" cx="54.9502" cy="54.9507" r="51.5586" fx="54.9502" fy="54.9507" gradientUnits="userSpaceOnUse">
  48.             <stop  offset="0" style="stop-color:#FB9A7A"/>
  49.             <stop  offset="0.3255" style="stop-color:#FF0000"/>
  50.             <stop  offset="0.6039" style="stop-color:#CA2918"/>
  51.             <stop  offset="1" style="stop-color:#573A2F"/>
  52.             <a:midPointStop  offset="0" style="stop-color:#FB9A7A"/>
  53.             <a:midPointStop  offset="0.5" style="stop-color:#FB9A7A"/>
  54.             <a:midPointStop  offset="0.3255" style="stop-color:#FF0000"/>
  55.             <a:midPointStop  offset="0.5" style="stop-color:#FF0000"/>
  56.             <a:midPointStop  offset="0.6039" style="stop-color:#CA2918"/>
  57.             <a:midPointStop  offset="0.5" style="stop-color:#CA2918"/>
  58.             <a:midPointStop  offset="1" style="stop-color:#573A2F"/>
  59.         </radialGradient>
  60.         <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
  61.             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
  62.             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
  63.             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
  64.             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
  65.             l2.4-2.3l3.3,12.6L76.6,85.8z"/>
  66.         <g id="control" opacity="0">
  67.             <path id="n" fill="white" d="M61,31.4V20.1h5.6L55,0L43.3,20.1h6v11.2" onclick="alert('north')"/>
  68.             <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"/>
  69.             <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"/>
  70.             <path id="e" fill="white" d="M77.9,60.8h11.9v5.8l20.1-11.7L89.8,43.2V49H78.1" onclick="alert('east')"/>
  71.             <path id="w" fill="white" d="M31.8,49H20.2v-5.8L0,54.9l20.2,11.7v-5.8h11.9"/>
  72.             <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"/>
  73.             <path id="s" fill="white" d="M49.2,77.5v12.3h-6L55,109.8l11.7-20.1H61V77.4"/>
  74.             <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"/>
  75.         </g>
  76.     </g>
  77.  
  78.   <!-- pomoci tohoto elementu si vytvorime "hraci" plochu -->
  79.   <svg x="120" y="0" width="200px" height="200px" 
  80.        viewBox="-100 -100 200 200" overflow="hidden">
  81.     <title>Brouk</title>
  82.     <desc>
  83.       Pov┼íimn─¢te si pros├¡m pou┼╛it├¡ dodate─ìn├⌐ho prvku "svg" 
  84.       spole─ìn─¢ s nastaven├¡m atributu "viewBox" - takto 
  85.       si vytvo┼Ö├¡me lok├íln├¡ sou┼Öadnicov├╜ syst├⌐m 
  86.       p┼Öesn─¢ tak, jak se n├ím to zrovna hod├¡.
  87.     Skupina "beetle" obsahuje 4 nez├ívisl├⌐ anima─ìn├¡ prvky;
  88.     v┼íimn─¢te si, ┼╛e je ka┼╛d├╜ vlo┼╛en do jin├⌐ho
  89.     prvku "g" - to proto, ┼╛e jinak by se v┼íichni sou─ìasn─¢
  90.     sna┼╛ili m─¢nit STEJN├¥ atribut "translate"...
  91.   </desc>
  92.     <g id="beetle">
  93.     <animateTransform attributeName="transform"
  94.     type="translate" by="0 -2" dur="0.1" 
  95.     begin="n.mouseover" end="n.mouseout" 
  96.     fill="freeze" additive="sum" 
  97.     accumulate="sum" repeatCount="indefinite" />
  98.     <g>
  99.     <animateTransform attributeName="transform"
  100.     type="translate" by="2 0" dur="0.1" 
  101.     begin="e.mouseover" end="e.mouseout" 
  102.     fill="freeze" additive="sum" 
  103.     accumulate="sum" repeatCount="indefinite" />
  104.     <g>
  105.     <animateTransform attributeName="transform"
  106.     type="translate" by="0 2" dur="0.1" 
  107.     begin="s.mouseover" end="s.mouseout" 
  108.     fill="freeze" additive="sum" 
  109.     accumulate="sum" repeatCount="indefinite" />
  110.     <g>
  111.     <animateTransform attributeName="transform"
  112.     type="translate" by="-2 0" dur="0.1" 
  113.     begin="w.mouseover" end="w.mouseout" 
  114.     fill="freeze" additive="sum" 
  115.     accumulate="sum" repeatCount="indefinite" />
  116.     <g>
  117.     <!-- rotace brouka okolo vlastni osy -->
  118.       <animateTransform attributeName="transform" 
  119.     type="rotate" to="0" 
  120.     begin="n.mouseover" dur="0.001"
  121.     fill="freeze" additive="replace"/>
  122.       <animateTransform attributeName="transform" 
  123.     type="rotate" to="90" 
  124.     begin="e.mouseover" dur="0.001"
  125.     fill="freeze" additive="replace"/>
  126.       <animateTransform attributeName="transform" 
  127.     type="rotate" to="180" 
  128.     begin="s.mouseover" dur="0.001"
  129.     fill="freeze" additive="replace"/>
  130.       <animateTransform attributeName="transform" 
  131.     type="rotate" to="270" 
  132.     begin="w.mouseover" dur="0.001"
  133.     fill="freeze" additive="replace"/>
  134.   <!-- vlastni kresba brouka posunuta do stredu souradnic -->
  135.     <g transform="translate(-41 -82)">
  136.         <g id="shadow">
  137.             <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">
  138.             <stop  offset="0.8933" style="stop-color:#213647"/>
  139.             <stop  offset="0.9131" style="stop-color:#3D546F"/>
  140.             <stop  offset="0.9357" style="stop-color:#587295"/>
  141.             <stop  offset="0.9566" style="stop-color:#6B87B0"/>
  142.             <stop  offset="0.9749" style="stop-color:#7794C1"/>
  143.             <stop  offset="0.9888" style="stop-color:#7B98C7"/>
  144.             <a:midPointStop  offset="0.8933" style="stop-color:#213647"/>
  145.             <a:midPointStop  offset="0.3529" style="stop-color:#213647"/>
  146.             <a:midPointStop  offset="0.9888" style="stop-color:#7B98C7"/>
  147.         </radialGradient>
  148.         <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
  149.             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"/>
  150.         </g>
  151.         <g>
  152.             <g>
  153.                 <radialGradient id="XMLID_2_" cx="54.999" cy="57.2002" r="45.6761" fx="54.999" fy="57.2002" gradientUnits="userSpaceOnUse">
  154.                     <stop  offset="0.1573" style="stop-color:#9C9C9C"/>
  155.                     <stop  offset="0.2107" style="stop-color:#707070"/>
  156.                     <stop  offset="0.2681" style="stop-color:#484848"/>
  157.                     <stop  offset="0.3246" style="stop-color:#292929"/>
  158.                     <stop  offset="0.3793" style="stop-color:#121212"/>
  159.                     <stop  offset="0.4312" style="stop-color:#050505"/>
  160.                     <stop  offset="0.4775" style="stop-color:#000000"/>
  161.                     <a:midPointStop  offset="0.1573" style="stop-color:#9C9C9C"/>
  162.                     <a:midPointStop  offset="0.3164" style="stop-color:#9C9C9C"/>
  163.                     <a:midPointStop  offset="0.4775" style="stop-color:#000000"/>
  164.                 </radialGradient>
  165.                 <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
  166.                     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"/>
  167.                 
  168.                     <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">
  169.                     <stop  offset="0" style="stop-color:#FFBB00"/>
  170.                     <stop  offset="0.1155" style="stop-color:#FE3A01"/>
  171.                     <stop  offset="0.1685" style="stop-color:#FD0301"/>
  172.                     <stop  offset="0.2392" style="stop-color:#FA0A04"/>
  173.                     <stop  offset="1" style="stop-color:#000000"/>
  174.                     <a:midPointStop  offset="0" style="stop-color:#FFBB00"/>
  175.                     <a:midPointStop  offset="0.4828" style="stop-color:#FFBB00"/>
  176.                     <a:midPointStop  offset="0.1685" style="stop-color:#FD0301"/>
  177.                     <a:midPointStop  offset="0.5" style="stop-color:#FD0301"/>
  178.                     <a:midPointStop  offset="0.2392" style="stop-color:#FA0A04"/>
  179.                     <a:midPointStop  offset="0.5" style="stop-color:#FA0A04"/>
  180.                     <a:midPointStop  offset="1" style="stop-color:#000000"/>
  181.                 </radialGradient>
  182.                 <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
  183.                     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
  184.                     C62.5,79.3,61,73.4,58,68.4z"/>
  185.             </g>
  186.             <g>
  187.                 <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"/>
  188.                 <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"/>
  189.             </g>
  190.             <g>
  191.                 <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
  192.                     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
  193.                     C43.9,80.1,45.7,79.7,47.2,78.8z"/>
  194.                 <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
  195.                     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"/>
  196.                 <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
  197.                     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"/>
  198.                 <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
  199.                     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"/>
  200.                 <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
  201.                     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"/>
  202.                 <path fill="none" stroke="#653E31" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" d="M41.9,80.1
  203.                     c0-2.8,0-5.4,0-7.9"/>
  204.                 <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
  205.                     c-0.3-5.3-0.7-26.2-0.7-26.2L41.5,79.9z"/>
  206.             </g>
  207.             <g>
  208.                 <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"/>
  209.                 <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"/>
  210.                 <path opacity="0.5" fill="#FE440F" d="M42.9,107l0.9-27h-1.9L42.9,107z"/>
  211.                 <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
  212.                     "/>
  213.                 <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
  214.                     C25.6,71.7,28.1,69.9,31.7,70.7z"/>
  215.                 <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
  216.                     L41.6,80z"/>
  217.                 <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
  218.                     C41.4,111.3,41.4,111.3,41.4,111.4z"/>
  219.                 <g>
  220.                     <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"/>
  221.                 </g>
  222.                 <g>
  223.                     <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
  224.                         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
  225.                         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
  226.                         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
  227.                         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
  228.                         C18.6,52.2,18.6,52.2,18.6,52.2z"/>
  229.                     <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
  230.                         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
  231.                         c0-0.3-0.1-0.4-0.1-0.5C24,56,22,54,18.7,52.2z"/>
  232.                 </g>
  233.                 <g>
  234.                     <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
  235.                         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
  236.                         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
  237.                         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
  238.                         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
  239.                         z"/>
  240.                     <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
  241.                         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
  242.                         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"/>
  243.                 </g>
  244.             </g>
  245.             <g>
  246.                 <g>
  247.                 </g>
  248.             </g>
  249.             <g>
  250.                 <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
  251.                     c-1.7,0.2-2.6,0.8-2.6,1.7C46.4,111,47.1,111.8,48.5,112.6z"/>
  252.                 <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
  253.                     c0-0.9-1-1.5-2.7-1.7C32.9,108.3,31.4,108,30.3,107.8z"/>
  254.             </g>
  255.         </g>
  256.         <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
  257.             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
  258.             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
  259.             c0.3,0.4,0,0.3-0.9-0.5C31.1,104.3,30.3,103.8,29.1,103.1z"/>
  260.         <g id="white_point_1_">
  261.             <path fill="none" d="M53,82.8H41.1V69.2H53V82.8z"/>
  262.             
  263.                 <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">
  264.                 <stop  offset="0.2584" style="stop-color:#FFFFFF"/>
  265.                 <stop  offset="0.3212" style="stop-color:#F9F9F9"/>
  266.                 <stop  offset="0.403" style="stop-color:#E9E9E9"/>
  267.                 <stop  offset="0.4952" style="stop-color:#CECECE"/>
  268.                 <stop  offset="0.5953" style="stop-color:#A8A8A8"/>
  269.                 <stop  offset="0.7015" style="stop-color:#787878"/>
  270.                 <stop  offset="0.8112" style="stop-color:#3E3E3E"/>
  271.                 <stop  offset="0.9157" style="stop-color:#000000"/>
  272.                 <a:midPointStop  offset="0.2584" style="stop-color:#FFFFFF"/>
  273.                 <a:midPointStop  offset="0.6512" style="stop-color:#FFFFFF"/>
  274.                 <a:midPointStop  offset="0.9157" style="stop-color:#000000"/>
  275.             </radialGradient>
  276.             <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
  277.                 c0-3.3,2.3-6,5.2-6C49.9,70,52.3,72.7,52.3,76z"/>
  278.         </g>
  279.         <g>
  280.             <defs>
  281.                 <path id="XMLID_5_" d="M41.5,84.4h-5.4V66.8h5.4V84.4z"/>
  282.             </defs>
  283.             <clipPath id="XMLID_6_">
  284.                 <use xlink:href="#XMLID_5_" />
  285.             </clipPath>
  286.             <g id="white_point_2_">
  287.                 <path clip-path="url(#XMLID_6_)" fill="none" d="M49.5,82.9H37.6V69.3h11.9V82.9z"/>
  288.                     <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">
  289.                     <stop  offset="0.2584" style="stop-color:#FFFFFF"/>
  290.                     <stop  offset="0.3212" style="stop-color:#F9F9F9"/>
  291.                     <stop  offset="0.403" style="stop-color:#E9E9E9"/>
  292.                     <stop  offset="0.4952" style="stop-color:#CECECE"/>
  293.                     <stop  offset="0.5953" style="stop-color:#A8A8A8"/>
  294.                     <stop  offset="0.7015" style="stop-color:#787878"/>
  295.                     <stop  offset="0.8112" style="stop-color:#3E3E3E"/>
  296.                     <stop  offset="0.9157" style="stop-color:#000000"/>
  297.                     <a:midPointStop  offset="0.2584" style="stop-color:#FFFFFF"/>
  298.                     <a:midPointStop  offset="0.6512" style="stop-color:#FFFFFF"/>
  299.                     <a:midPointStop  offset="0.9157" style="stop-color:#000000"/>
  300.                 </radialGradient>
  301.                 <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
  302.                     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"/>
  303.             </g>
  304.         </g>
  305.     </g>
  306.     </g>
  307.     </g>
  308.     </g>
  309.     </g>
  310.     </g>
  311.     </svg>
  312. </svg>