[gimp-web/testing] content: improving the 404 SVG animation for broken Firefox output.

From: Jehan Pagès <jehanp src gnome org>
To: commits-list gnome org
Cc:
Subject: [gimp-web/testing] content: improving the 404 SVG animation for broken Firefox output.
Date: Mon, 31 Oct 2016 19:31:11 +0000 (UTC)
commit 7764af1e5970f395a8cf7e093da016a6b945763e
Author: Jehan <jehan girinstud io>
Date:   Mon Oct 31 20:24:50 2016 +0100

    content: improving the 404 SVG animation for broken Firefox output.
    
    Firefox seems to have problem on animating the visibility XML attribute
    when a CSP policy is in action (likely case since it works locally, but
    not on testing).
    Is it a bug? Or is this XML attribute considered as style?
    Fix various usages by replacing them with translation out of canvas or
    opacity animation (not sure if opacity animation will work with CSP.
    Let's see).
    There is likely more to fix, but I want to see how it goes so far.

 content/images/GIMP-404-animated.src.svg |  150 +++++++++++++----------------
 content/images/GIMP-404-animated.svg     |   50 +++++-----
 2 files changed, 91 insertions(+), 109 deletions(-)
---
diff --git a/content/images/GIMP-404-animated.src.svg b/content/images/GIMP-404-animated.src.svg
index 771d545..87825bd 100644
--- a/content/images/GIMP-404-animated.src.svg
+++ b/content/images/GIMP-404-animated.src.svg
@@ -79,12 +79,12 @@
      id="namedview4423"
      showgrid="false"
      inkscape:zoom="0.70710678"
-     inkscape:cx="486.69929"
-     inkscape:cy="294.51905"
+     inkscape:cx="707.01866"
+     inkscape:cy="-1028.6799"
      inkscape:window-x="0"
      inkscape:window-y="27"
      inkscape:window-maximized="1"
-     inkscape:current-layer="layer1"
+     inkscape:current-layer="Wilber"
      showguides="true"
      inkscape:guide-bbox="true" />
   <defs
@@ -105,12 +105,12 @@
        inkscape:collect="always"
        xlink:href="#pattern6754"
        id="pattern7993"
-       patternTransform="translate(592.60116,77.315401)" />
+       patternTransform="translate(592.60116,-1124.1088)" />
     <pattern
        inkscape:collect="always"
        xlink:href="#pattern6752"
        id="pattern7989"
-       patternTransform="translate(592.64919,76.960856)" />
+       patternTransform="translate(592.64919,-1124.4633)" />
     <pattern
        inkscape:collect="always"
        xlink:href="#pattern7242"
@@ -155,12 +155,12 @@
        inkscape:collect="always"
        xlink:href="#pattern6515"
        id="pattern6710"
-       patternTransform="translate(51.577844,60.603431)" />
+       patternTransform="translate(51.577844,-540.10867)" />
     <pattern
        inkscape:collect="always"
        xlink:href="#pattern6509"
        id="pattern6708"
-       patternTransform="translate(42.812356,60.506711)" />
+       patternTransform="translate(42.812356,-540.20539)" />
     <pattern
        inkscape:collect="always"
        xlink:href="#pattern6455"
@@ -1292,7 +1292,7 @@
        inkscape:collect="always"
        xlink:href="#pattern6669-5"
        id="pattern6976-3"
-       patternTransform="matrix(0.19616085,0.98057173,-0.98057173,0.19616085,765.64869,-22.927471)" />
+       patternTransform="matrix(0.19616085,0.98057173,-0.98057173,0.19616085,765.64869,-623.63951)" />
     <pattern
        inkscape:collect="always"
        xlink:href="#pattern6509-6"
@@ -6040,14 +6040,9 @@
       </g>
     </g>
     <g
-       id="line-old"
-       inkscape:label="#g7001"
-       transform="translate(638,-364)" />
-    <g
        id="Wilber"
-       visibility="hidden"
        inkscape:label="#g8949"
-       transform="translate(0,-153.83705)">
+       transform="translate(0,846.16298)">
       <g
          inkscape:label="#g7418"
          inkscape:transform-center-y="15.359071"
@@ -6068,10 +6063,8 @@
            
style="opacity:0.18500001;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
 />
       </g>
       <g
-         style="display:inline;"
          id="pulled-line-1"
-         transform="matrix(1.6553826,0.17565761,-0.17565604,1.6553974,403.98181,-56.344387)"
-         visibility="hidden"
+         transform="matrix(1.6553826,0.17565761,-0.17565604,1.6553974,403.98181,-56.344417)"
          inkscape:label="#g8173-2">
         <path
            sodipodi:nodetypes="cc"
@@ -6092,11 +6085,10 @@
       <rect
          
style="opacity:1;fill:#2e4078;fill-opacity:1;fill-rule:nonzero;stroke:#2e3436;stroke-width:1.66469097;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
          id="handle-in-Wilber-hand"
-         visibility="hidden"
          width="6.2536101"
          height="15.817956"
-         x="373.89215"
-         y="-134"
+         x="720.89233"
+         y="905.99969"
          rx="5.0770078"
          ry="5.0770078" />
       <g
@@ -6118,11 +6110,13 @@
         <path
            
style="opacity:1;fill:#2c4db6;fill-opacity:1;fill-rule:nonzero;stroke:#2e3436;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
            d="m 80.985346,19.297882 1.762466,0 c 2.074864,0 3.745241,0.953088 3.745241,2.136968 l 
0,14.091663 c 0,1.18388 -1.670377,2.136968 -3.745241,2.136968 l -1.762466,0 c -2.074864,0 -3.745241,-0.953088 
-3.745241,-2.136968 l 0,-14.091663 c 0,-1.18388 1.670377,-2.136968 3.745241,-2.136968 z"
-           id="right-leg-3" />
+           id="right-leg-3"
+           inkscape:connector-curvature="0" />
         <path
            
style="opacity:0.2;fill:url(#pattern6708);fill-opacity:1;fill-rule:nonzero;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
            d="m 81.334019,20.314108 1.150683,0 c 1.689598,0 3.049816,0.694347 3.049816,1.556831 l 0,13.27034 
c 0,0.862485 -1.360218,1.556832 -3.049816,1.556832 l -1.150683,0 c -1.689598,0 -3.049816,-0.694347 
-3.049816,-1.556832 l 0,-13.27034 c 0,-0.862484 1.360218,-1.556831 3.049816,-1.556831 z"
-           id="right-leg-4" />
+           id="right-leg-4"
+           inkscape:connector-curvature="0" />
       </g>
       <g
          inkscape:label="#g7438"
@@ -6160,11 +6154,9 @@
            ry="1.5568311" />
       </g>
       <g
-         style="display:inline"
-         transform="matrix(1.664691,0,0,1.664691,218.19216,-30.415953)"
          id="Wilber-jumping-legs"
-         visibility="hidden"
-         inkscape:label="#g7048-2">
+         inkscape:label="#g7048-2"
+         transform="matrix(1.664691,0,0,1.664691,218.19216,-30.415983)">
         <g
            transform="matrix(0.19616086,0.98057174,-0.98057174,0.19616086,336.8149,-22.132957)"
            id="g7062-7">
@@ -6218,9 +6210,8 @@
       </g>
       <g
          id="ready-to-jump-legs"
-         visibility="hidden"
          inkscape:label="#g12691"
-         transform="translate(0,-1.5000005)">
+         transform="translate(0,998.49997)">
         <g
            inkscape:label="#g7293"
            id="right-leg-jump-ready"
@@ -6345,12 +6336,11 @@
            ry="2.9049964"
            id="oh-mouth"
            visibility="hidden"
-           
style="display:inline;opacity:1;fill:url(#linearGradient7247);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.66469109;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
+           
style="display:inline;visibility:hidden;opacity:1;fill:url(#linearGradient7247);fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:1.66469109;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
            inkscape:label="#path5376-5" />
         <g
            id="smiling-mouth"
-           inkscape:label="#g4864"
-           visibility="visible">
+           inkscape:label="#g4864">
           <path
              d="m 744.7637,-82.861614 c 11.2182,2.243733 16.9311,0.16329 20.2746,-2.418426 -0.8829,-1.14033 
-2.391,-2.39101 -2.391,-2.39101 0,0 3.9175,1.08861 5.297,2.86922 1.3755,1.7755 0.5107,2.869435 
0.1507,5.141178 -0.8014,-1.995297 -2.2972,-2.743565 -2.4997,-3.536358 -3.0069,4.156613 -10.4983,3.98394 
-20.8316,0.335396 z"
              
style="color:#000000;display:inline;overflow:visible;fill:url(#linearGradient7558);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.9999997;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none"
@@ -11899,7 +11889,7 @@
      begin="0s"
      fill="freeze"
      calcMode="discrete"
-     path="m0,0            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3          
  -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3        
    -28.5,-3 -10,2            -27,-1 -8.5,1            " />
+     path="m0,-1000            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3      
      -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3    
        -28.5,-3 -10,2            -27,-1 -8.5,1            " />
   <!-- Brush at (756.858,-85.23) with dim 42.855x16.783. -->
   <animateTransform
      xlink:href="#brush"
@@ -11995,15 +11985,17 @@
      calcMode="discrete"
      fill="freeze"
      values="hidden" />
-  <animate
+  <animateTransform
      xlink:href="#ready-to-jump-legs"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="1.1s"
      begin="3.6s"
      calcMode="discrete"
      keyTimes="0;0.78"
-     values="visible;hidden"
+     values="0 -1000;0"
      fill="freeze" />
   <!-- JUMPING -->
   <animateTransform
@@ -12018,37 +12010,40 @@
      calcMode="discrete"
      keyTimes="0;0.6;1"
      values="0;0 -40;0" />
-  <animate
+  <animateTransform
      xlink:href="#left-leg"
+     additive="sum"
+     type="translate"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="0.6s"
      begin="4.1s"
      calcMode="discrete"
      fill="freeze"
      keyTimes="0;1"
-     values="hidden;visible" />
-  <animate
+     values="-1000;0" />
+  <animateTransform
      xlink:href="#right-leg"
+     additive="sum"
+     type="translate"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="0.6s"
      begin="4.1s"
      calcMode="discrete"
      fill="freeze"
      keyTimes="0;1"
-     values="hidden;visible" />
+     values="-1000;0" />
   <animate
      xlink:href="#Wilber-jumping-legs"
-     attributeType="XML"
-     attributeName="visibility"
-     dur="0.6s"
-     begin="4.1s"
+     attributeName="opacity"
+     attributeType="CSS"
+     dur="4.7s"
+     begin="0s"
      calcMode="discrete"
      fill="freeze"
-     keyTimes="0;0.6;1"
-     values="hidden;visible;hidden" />
-  <!-- The handle position has moved with Wilber: 347 left and 40 pixels up. -->
+     keyTimes="0;0.948;1"
+     values="0;1;0" />
   <animateTransform
      xlink:href="#handle-in-Wilber-hand"
      type="translate"
@@ -12059,18 +12054,8 @@
      begin="4.1s"
      fill="freeze"
      calcMode="discrete"
-     keyTimes="0;0.6"
-     values="0;347 40" />
-  <animate
-     xlink:href="#handle-in-Wilber-hand"
-     attributeType="XML"
-     attributeName="visibility"
-     dur="0.6s"
-     begin="4.1s"
-     calcMode="discrete"
-     fill="remove"
      keyTimes="0;0.6;1"
-     values="hidden;visible;hidden" />
+     values="0;0 -1000;0" />
   <!-- OH! -->
   <animateTransform
      xlink:href="#brush"
@@ -12115,13 +12100,14 @@
      values="hidden" />
   <animate
      xlink:href="#pulled-line-1"
-     attributeType="XML"
-     attributeName="visibility"
-     dur="3s"
-     begin="4.7s"
+     attributeName="opacity"
+     attributeType="CSS"
+     dur="7.7s"
+     begin="0s"
      calcMode="discrete"
-     fill="remove"
-     values="visible" />
+     fill="freeze"
+     keyTimes="0;0.61;1"
+     values="0;1;0" />
   <!-- Getting second arm on handle. -->
   <animateTransform
      xlink:href="#left-arm"
@@ -12187,25 +12173,29 @@
      fill="freeze"
      keyTimes="0;0.4;0.55;0.7;0.85;1"
      values="visible;hidden;visible;hidden;visible;hidden" />
-  <animate
+  <animateTransform
      xlink:href="#ready-to-jump-legs"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="3s"
      begin="4.7s"
      calcMode="discrete"
      keyTimes="0;0.4;0.55;0.7;0.85;1"
-     values="hidden;visible;hidden;visible;hidden;visible"
+     values="0;0 -1000;0;0 -1000;0;0 -1000"
      fill="freeze" />
-  <animate
+  <animateTransform
      xlink:href="#ready-to-jump-legs"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="0.1s"
      begin="7.7s"
      calcMode="discrete"
      keyTimes="0;1"
-     values="visible;hidden"
+     values="0;0 1000"
      fill="freeze" />
   <animateTransform
      xlink:href="#left-arm"
@@ -12304,22 +12294,16 @@
   <!-- Microsoft browsers have no animation support.
        I make sure that the "default" is an acceptable static image by hiding elements.
        As a consequence, I have to set things right for the animation. -->
-  <animate
-     xlink:href="#Wilber"
-     attributeType="XML"
-     attributeName="visibility"
-     dur="0.1s"
-     begin="0s"
-     calcMode="discrete"
-     values="visible"
-     fill="freeze" />
-  <animate
+  <animateTransform
      xlink:href="#Wilber-fell"
      calcMode="discrete"
+     type="translate"
      attributeType="XML"
-     attributeName="visibility"
+     attributeName="transform"
+     additive="sum"
      dur="8.5s"
      begin="0s"
-     values="hidden"
+     keyTimes="0;1"
+     values="-5000;0"
      fill="remove" />
 </svg>
diff --git a/content/images/GIMP-404-animated.svg b/content/images/GIMP-404-animated.svg
index 5a7fa93..a851456 100644
--- a/content/images/GIMP-404-animated.svg
+++ b/content/images/GIMP-404-animated.svg
@@ -36,14 +36,14 @@
    </cc:License>
   </rdf:RDF>
  </metadata>
- <sodipodi:namedview id="namedview4423" bordercolor="#666666" inkscape:pageshadow="2" guidetolerance="10" 
pagecolor="#ffffff" gridtolerance="10" inkscape:window-maximized="1" inkscape:zoom="0.70710678" 
objecttolerance="10" borderopacity="1" inkscape:current-layer="layer1" inkscape:cx="486.69929" 
inkscape:cy="294.51905" inkscape:window-y="27" inkscape:window-x="0" inkscape:guide-bbox="true" 
inkscape:window-width="1366" showgrid="false" inkscape:pageopacity="0" inkscape:window-height="741" 
showguides="true"/>
+ <sodipodi:namedview id="namedview4423" bordercolor="#666666" inkscape:pageshadow="2" guidetolerance="10" 
pagecolor="#ffffff" gridtolerance="10" inkscape:window-maximized="1" inkscape:zoom="0.1767767" 
objecttolerance="10" borderopacity="1" inkscape:current-layer="layer1" inkscape:cx="255.17855" 
inkscape:cy="-631.12711" inkscape:window-y="27" inkscape:window-x="0" inkscape:guide-bbox="true" 
inkscape:window-width="1366" showgrid="false" inkscape:pageopacity="0" inkscape:window-height="741" 
showguides="true"/>
  <defs id="defs3">
   <linearGradient id="linearGradient7241" inkscape:collect="always">
    <stop id="stop7243" offset="0"/>
    <stop id="stop7245" stop-opacity="0" offset="1"/>
   </linearGradient>
-  <pattern id="pattern7993" xlink:href="#pattern6754" patternTransform="translate(592.6 77.315)" 
inkscape:collect="always"/>
-  <pattern id="pattern7989" xlink:href="#pattern6752" patternTransform="translate(592.65 76.961)" 
inkscape:collect="always"/>
+  <pattern id="pattern7993" xlink:href="#pattern6754" patternTransform="translate(592.6 -1124.1)" 
inkscape:collect="always"/>
+  <pattern id="pattern7989" xlink:href="#pattern6752" patternTransform="translate(592.65 -1124.5)" 
inkscape:collect="always"/>
   <pattern id="pattern6754" xlink:href="#pattern7242" patternTransform="translate(219.85 85.392)" 
inkscape:collect="always"/>
   <pattern id="pattern6752" xlink:href="#pattern7242" patternTransform="translate(219.85 85.392)" 
inkscape:collect="always"/>
   <pattern id="pattern6726" xlink:href="#pattern6408-5" patternTransform="translate(11.631 85.005)" 
inkscape:collect="always"/>
@@ -52,8 +52,8 @@
   <pattern id="pattern6720" xlink:href="#pattern6662" patternTransform="matrix(1.0433 0 0 1.0424 522.28 
-431.57)" inkscape:collect="always"/>
   <pattern id="pattern6718" xlink:href="#pattern6404-7" patternTransform="translate(72.386 -8.1936)" 
inkscape:collect="always"/>
   <pattern id="pattern6716" xlink:href="#pattern6404-7" patternTransform="translate(195.72 -1001.7)" 
inkscape:collect="always"/>
-  <pattern id="pattern6710" xlink:href="#pattern6515" patternTransform="translate(51.578 60.603)" 
inkscape:collect="always"/>
-  <pattern id="pattern6708" xlink:href="#pattern6509" patternTransform="translate(42.812 60.507)" 
inkscape:collect="always"/>
+  <pattern id="pattern6710" xlink:href="#pattern6515" patternTransform="translate(51.578 -540.11)" 
inkscape:collect="always"/>
+  <pattern id="pattern6708" xlink:href="#pattern6509" patternTransform="translate(42.812 -540.21)" 
inkscape:collect="always"/>
   <pattern id="pattern5901" xlink:href="#pattern6455" patternTransform="matrix(1.7368 0 0 1.7353 1388.8 
-1220.7)" inkscape:collect="always"/>
   <pattern id="pattern7242" xlink:href="#pattern6404-7" patternTransform="translate(219.85 1.2671)" 
inkscape:collect="always"/>
   <pattern id="pattern6819" xlink:href="#pattern6662" patternTransform="matrix(-.11095 1.0374 -1.0355 
-.11999 1718.9 291.38)" inkscape:collect="always"/>
@@ -162,7 +162,7 @@
   <linearGradient id="linearGradient7574" y2="30.985" xlink:href="#linearGradient7241" 
gradientUnits="userSpaceOnUse" x2="24.329" gradientTransform="matrix(1.6647 0 0 1.6647 718.57 -132.91)" 
y1="30.543" x1="26.163" inkscape:collect="always"/>
   <radialGradient id="radialGradient7576" xlink:href="#linearGradient6963" gradientUnits="userSpaceOnUse" 
cy="35.357" cx="15.415" gradientTransform="matrix(-.48890 -.94508 .92101 -.47645 764.29 -42.488)" r="7.5792" 
inkscape:collect="always"/>
   <linearGradient id="linearGradient7578" y2="42.282" xlink:href="#linearGradient8524" 
gradientUnits="userSpaceOnUse" x2="7.7521" gradientTransform="matrix(.0026952 -.57664 .57664 .0026952 771.9 
-68.858)" y1="37.752" x1="13.236" inkscape:collect="always"/>
-  <pattern id="pattern6976-3" xlink:href="#pattern6669-5" patternTransform="matrix(.19616 .98057 -.98057 
.19616 765.65 -22.927)" inkscape:collect="always"/>
+  <pattern id="pattern6976-3" xlink:href="#pattern6669-5" patternTransform="matrix(.19616 .98057 -.98057 
.19616 765.65 -623.64)" inkscape:collect="always"/>
   <pattern id="pattern6669-5" xlink:href="#pattern6509-6" patternTransform="translate(89.872 .77704)" 
inkscape:collect="always"/>
   <pattern id="pattern6509-6" xlink:href="#pattern6404-2" patternTransform="translate(42.812 .77704)" 
inkscape:collect="always"/>
   <pattern id="pattern6404-2" xlink:href="#oldpaint_bitmap-9" patternTransform="translate(-8.1342 .77704)" 
inkscape:collect="always"/>
@@ -447,21 +447,21 @@
     <rect id="rect6999" stroke-linejoin="round" rx="3.0498" ry="3.0498" height="9.502" width="3.7566" 
stroke="#2e3436" stroke-linecap="round" y="-28.237" x="186.28" fill="#2e4078"/>
    </g>
   </g>
-  <g id="Wilber" inkscape:label="#g8949" visibility="hidden" transform="translate(0 -153.84)">
+  <g id="Wilber" inkscape:label="#g8949" transform="translate(0 846.16)">
    <g id="right-arm" inkscape:transform-center-x="8.6912494" inkscape:transform-center-y="15.359071" 
inkscape:label="#g7418" transform="matrix(1.0963 1.2527 -1.2527 1.0963 701.21 -118.17)">
     <path id="path7420" stroke-linejoin="round" d="m43.454 0.0097569c-1.886 0.67934-2.827 2.7934-2.136 
4.7489l4.8528 13.73c-0.19563 0.29862-1.4806 2.6908-0.03626 3.8022 1.3437 1.0339 2.4191 0.17881 2.7959-0.15824 
0.37014 0.4526 0.66657 1.1569 1.4326 1.6725 0.61304 0.41265 1.428 0.97764 3.1228 0.08641 2.5551-1.3436 
0.88964-4.5372-0.08611-7.1991l-5.274-14.386c-0.714-1.9477-2.786-2.9766-4.672-2.2972z" fill-rule="evenodd" 
sodipodi:nodetypes="sscscsssss" inkscape:connector-curvature="0" stroke="#2e3436" stroke-linecap="round" 
fill="url(#radialGradient5514)"/>
     <path id="path7422" opacity="0.185" stroke-linejoin="round" d="m43.764 0.86974c-1.389 0.50026-2.079 
2.076-1.56 3.5385l5.018 14.124c0.12988 0.36564-1.5271 2.1073-0.36647 2.9774 1.1952 0.89601 1.4559-0.57895 
2.0897-0.42876 0.84779 0.20089 0.7453 0.36226 1.0821 0.82436 0.38159 0.52358 1.3134 2.2114 3.012 1.1325 
1.8902-1.2006-0.07568-4.4854-0.60161-5.9457l-5.219-14.49c-0.526-1.4602-2.066-2.2325-3.455-1.7323z" 
sodipodi:nodetypes="ssssssssss" inkscape:connector-curvature="0" stroke="#fff" stroke-linecap="round" 
fill="none"/>
    </g>
-   <g id="pulled-line-1" transform="matrix(1.6554 .17566 -.17566 1.6554 403.98 -56.344)" visibility="hidden" 
inkscape:label="#g8173-2">
+   <g id="pulled-line-1" inkscape:label="#g8173-2" transform="matrix(1.6554 .17566 -.17566 1.6554 403.98 
-56.344)">
     <path id="path8175-9" d="m188.07-28.055-18.18-241.32" sodipodi:nodetypes="cc" 
inkscape:connector-curvature="0" stroke="#000" stroke-width="1px" fill="none"/>
     <rect id="rect8177-1" stroke-linejoin="round" rx="3.0498" ry="3.0498" height="9.502" width="3.7566" 
stroke="#2e3436" stroke-linecap="round" y="-28.237" x="186.28" fill="#2e4078"/>
    </g>
-   <rect id="handle-in-Wilber-hand" stroke-linejoin="round" fill="#2e4078" rx="5.077" ry="5.077" 
visibility="hidden" height="15.818" width="6.2536" stroke="#2e3436" stroke-linecap="round" y="-134" 
x="373.89" stroke-width="1.6647"/>
+   <rect id="handle-in-Wilber-hand" stroke-linejoin="round" rx="5.077" ry="5.077" height="15.818" 
width="6.2536" stroke="#2e3436" stroke-linecap="round" y="906" x="720.89" stroke-width="1.6647" 
fill="#2e4078"/>
    <g id="right-leg" inkscape:label="#g7424" transform="matrix(1.6647 0 0 1.6647 615.72 -68.459)">
     <path id="right-leg-1" stroke-linejoin="round" d="m82.114 20.007c-2.0963-0.01741-3.7945 1.7148-3.8167 
3.8835l-0.14006 13.683c-0.30011 0.22198-3.5603 1.3663-3.908 3.1151-0.34776 1.7488-0.06292 2.1523 1.2656 
3.5458 1.5224 0.01704 6.8932 0.0097 8.8192 0.0318 1.9799-1.6417 1.5717-2.8696 
1.5645-5.8341l-0.03488-14.479c-0.0052-2.1688-1.6534-3.9289-3.7497-3.9463z" fill-rule="evenodd" 
sodipodi:nodetypes="ssczccsss" inkscape:connector-curvature="0" stroke="#2e3436" stroke-linecap="round" 
fill="url(#radialGradient7548)"/>
     <path id="right-leg-2" opacity="0.185" stroke-linejoin="round" d="m82.183 21.117c-1.5437-0.01282-2.7889 
1.2826-2.8119 2.9054l-0.19819 13.974c-0.38816 0.78874-3.7474 1.5701-3.9498 3.1586-0.20237 1.5885 0.79268 
2.0074 0.79268 2.0074s6.346 0.06748 7.9024 0.02773c1.396-0.97097 0.87734-3.0928 
0.8924-4.7157l0.13369-14.406c0.01506-1.6229-1.2176-2.9388-2.7613-2.9516z" sodipodi:nodetypes="ssczccsss" 
inkscape:connector-curvature="0" stroke="#fff" stroke-linecap="round" fill="none"/>
-    <path id="right-leg-3" stroke-linejoin="round" d="m80.985 19.298h1.7625c2.0749 0 3.7452 0.95309 3.7452 
2.137v14.092c0 1.1839-1.6704 2.137-3.7452 2.137h-1.7625c-2.0749 
0-3.7452-0.95309-3.7452-2.137v-14.092c0-1.1839 1.6704-2.137 3.7452-2.137z" stroke="#2e3436" 
stroke-linecap="round" fill="#2c4db6"/>
-    <path id="right-leg-4" opacity=".2" stroke-linejoin="round" d="m81.334 20.314h1.1507c1.6896 0 3.0498 
0.69435 3.0498 1.5568v13.27c0 0.86248-1.3602 1.5568-3.0498 1.5568h-1.1507c-1.6896 
0-3.0498-0.69435-3.0498-1.5568v-13.27c0-0.86248 1.3602-1.5568 3.0498-1.5568z" stroke="#fff" 
stroke-linecap="round" fill="url(#pattern6708)"/>
+    <path id="right-leg-3" stroke-linejoin="round" d="m80.985 19.298h1.7625c2.0749 0 3.7452 0.95309 3.7452 
2.137v14.092c0 1.1839-1.6704 2.137-3.7452 2.137h-1.7625c-2.0749 
0-3.7452-0.95309-3.7452-2.137v-14.092c0-1.1839 1.6704-2.137 3.7452-2.137z" inkscape:connector-curvature="0" 
stroke="#2e3436" stroke-linecap="round" fill="#2c4db6"/>
+    <path id="right-leg-4" opacity=".2" stroke-linejoin="round" d="m81.334 20.314h1.1507c1.6896 0 3.0498 
0.69435 3.0498 1.5568v13.27c0 0.86248-1.3602 1.5568-3.0498 1.5568h-1.1507c-1.6896 
0-3.0498-0.69435-3.0498-1.5568v-13.27c0-0.86248 1.3602-1.5568 3.0498-1.5568z" 
inkscape:connector-curvature="0" stroke="#fff" stroke-linecap="round" fill="url(#pattern6708)"/>
    </g>
    <g id="left-leg" inkscape:label="#g7438" transform="matrix(1.6647 0 0 1.6647 615.72 -68.083)">
     <path id="path7444" stroke-linejoin="round" d="m90.879 20.104c-2.0963-0.01741-3.7945 1.7148-3.8167 
3.8835l-0.14006 13.683c-0.30011 0.22198-3.5603 1.3663-3.908 3.1151-0.34776 1.7488-0.06292 2.1523 1.2656 
3.5458 1.5224 0.01704 6.8932 0.0097 8.8192 0.0318 1.9799-1.6417 1.5717-2.8696 
1.5645-5.8341l-0.03488-14.479c-0.0052-2.1688-1.6534-3.9289-3.7497-3.9463z" fill-rule="evenodd" 
sodipodi:nodetypes="ssczccsss" inkscape:connector-curvature="0" stroke="#2e3436" stroke-linecap="round" 
fill="url(#radialGradient7550)"/>
@@ -469,7 +469,7 @@
     <rect id="rect7448" stroke-linejoin="round" rx="3.7452" ry="2.137" height="18.366" width="9.2529" 
stroke="#2e3436" stroke-linecap="round" y="19.395" x="86.006" fill="#2c4db6"/>
     <rect id="rect7450" opacity=".2" stroke-linejoin="round" rx="3.0498" ry="1.5568" height="16.384" 
width="7.2503" stroke="#fff" stroke-linecap="round" y="20.411" x="87.05" fill="url(#pattern6710)"/>
    </g>
-   <g id="Wilber-jumping-legs" transform="matrix(1.6647 0 0 1.6647 218.19 -30.416)" visibility="hidden" 
inkscape:label="#g7048-2">
+   <g id="Wilber-jumping-legs" inkscape:label="#g7048-2" transform="matrix(1.6647 0 0 1.6647 218.19 
-30.416)">
     <g id="g7062-7" transform="matrix(.19616 .98057 -.98057 .19616 336.81 -22.133)">
      <g id="g7064-0">
       <path id="path7066-9" stroke-linejoin="round" d="m24.02 20.151c-2.0963-0.01741-3.7945 1.7148-3.8167 
3.8835l-0.14006 13.683c-0.30011 0.22198-3.5603 1.3663-3.908 3.1151-0.34776 1.7488-0.06292 2.1523 1.2656 
3.5458 1.5224 0.01704 6.8932 0.0097 8.8192 0.0318 1.9799-1.6417 1.5717-2.8696 
1.5645-5.8341l-0.03488-14.479c-0.0052-2.1688-1.6534-3.9289-3.7497-3.9463z" fill-rule="evenodd" 
sodipodi:nodetypes="ssczccsss" inkscape:connector-curvature="0" stroke="#2e3436" stroke-linecap="round" 
fill="url(#radialGradient5504)"/>
@@ -485,7 +485,7 @@
     <path id="rect7070-6" stroke-linejoin="round" d="m323.94 47.648c-0.57932-0.07822-1.1571 0.26016-1.6289 
0.86523-0.47626-0.47612-1.0163-0.72812-1.541-0.63281l-15.18 2.7578c-1.1648 0.21157-1.7683 2.0572-1.3613 
4.0918l0.3457 1.7285c0.40701 2.0345 1.6653 3.4655 2.8301 3.2539l15.182-2.7578c0.0808-0.01467 0.15137-0.0541 
0.22657-0.08398l17.773 2.4004c1.1819 0.15957 2.3596-1.4019 
2.6367-3.4668l0.23633-1.7539c0.27709-2.0649-0.45484-3.8287-1.6367-3.9883l-17.883-2.4141z" 
transform="translate(0,-47)" inkscape:connector-curvature="0" stroke="#2e3436" stroke-linecap="round" 
fill="#2c4db6"/>
     <path id="rect7072-1" opacity=".2" stroke-linejoin="round" d="m320.99 48.787-14.814 2.8008c-0.84744 
0.16022-1.2419 1.7263-0.88867 3.4922l0.14648 0.73438c0.35325 1.7658 1.3166 3.0432 2.1641 
2.8828l14.814-2.8008c0.0735-0.0139 0.13855-0.05164 0.20508-0.08594 0.1513 0.13973 0.32078 0.23657 0.50976 
0.25976l17.217 2.1133c0.86237 0.10588 1.7392-1.1622 
1.9648-2.8438l0.15235-1.1445c0.22564-1.6815-0.28607-3.1207-1.1484-3.2266l-17.219-2.1133c-0.54839-0.06732-1.1016
 0.42361-1.4902 1.2207-0.45135-0.87044-1.0551-1.3947-1.6133-1.2891z" transform="translate(0,-47)" 
inkscape:connector-curvature="0" stroke="#fff" stroke-linecap="round" fill="url(#pattern6976-3)"/>
    </g>
-   <g id="ready-to-jump-legs" inkscape:label="#g12691" visibility="hidden" transform="translate(0 -1.5)">
+   <g id="ready-to-jump-legs" inkscape:label="#g12691" transform="translate(0 998.5)">
     <g id="right-leg-jump-ready" inkscape:label="#g7293" transform="matrix(1.6647 0 0 1.6647 321.12 
-69.548)">
      <g id="g7751" transform="translate(235.7 -.22654)">
       <g id="g7753">
@@ -517,7 +517,7 @@
    <g id="head">
     <path id="head-alone"  d="m735.84-112.16s4.7851 9.8677 15.98 9.5893c23.46-0.58856 27.573-12.826 
28.162-14.592 0.5885-1.7657 1.4891-1.4982 1.6973 0.13363 7.6512 69.45-53.098 39.652-55.256 27.823 
12.065-3.5313 9.1226-10.3 9.1226-10.3l0.2943-12.654z" fill-rule="evenodd" inkscape:connector-curvature="0" 
stroke="#2e3436" stroke-miterlimit="10" stroke-width="1.6647" inkscape:label="#path7466" 
fill="url(#radialGradient7556)"/>
     <ellipse id="oh-mouth" stroke-linejoin="round" stroke-linecap="round" rx="3.0865" ry="2.905" 
visibility="hidden" cy="-81" cx="763" stroke="#000" stroke-width="1.6647" inkscape:label="#path5376-5" 
fill="url(#linearGradient7247)"/>
-    <g id="smiling-mouth" inkscape:label="#g4864" visibility="visible">
+    <g id="smiling-mouth" inkscape:label="#g4864">
      <path id="path7468"  d="m744.76-82.862c11.218 2.2437 16.931 0.16329 
20.275-2.4184-0.8829-1.1403-2.391-2.391-2.391-2.391s3.9175 1.0886 5.297 2.8692c1.3755 1.7755 0.5107 2.8694 
0.1507 5.1412-0.8014-1.9953-2.2972-2.7436-2.4997-3.5364-3.0069 4.1566-10.498 3.9839-20.832 0.3354z" 
fill-rule="evenodd" inkscape:connector-curvature="0" fill="url(#linearGradient7558)"/>
     </g>
     <path id="path7470" opacity="0.185"  d="m780.11-113.2c-0.9355 1.543-2.3414 3.3846-4.4739 5.1501-4.3813 
3.6274-11.737 6.929-23.774 7.231-7.0323 0.17487-11.574-3.2198-14.358-6.2426l-0.2081 7.4391c0.2266 0.69718 
0.6916 2.3148-0.104 4.5259-0.8562 2.3793-3.5866 4.8132-8.2714 6.6588 0.4167 0.86902 0.8248 1.7373 2.0808 
2.9652 1.7112 1.6729 4.0902 3.476 6.9189 5.0981 5.6573 3.2443 12.987 5.8151 19.82 5.9305 6.833 0.11535 
13.08-2.0551 17.375-8.3235 3.9599-5.7785 6.1302-15.561 4.9941-30.433z" inkscape:connector-curvature="0" 
stroke="url(#linearGradient7560)" stroke-miterlimit="10" stroke-width="1.6647" fill="none"/>
@@ -630,7 +630,7 @@
    </g>
   </g>
  </g>
- <animateMotion begin="0s" calcMode="discrete" xlink:href="#Wilber" path="m0,0            -28.5,-3 -10.5,3   
         -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3 
           -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10,2            -27,-1 -8.5,1    
        " dur="3s" fill="freeze"/>
+ <animateMotion begin="0s" calcMode="discrete" xlink:href="#Wilber" path="m0,-1000            -28.5,-3 
-10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            
-28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10.5,3            -28.5,-3 -10,2            
-27,-1 -8.5,1            " dur="3s" fill="freeze"/>
  <animateTransform begin="0s" additive="sum" calcMode="discrete" repeatCount="9" xlink:href="#brush" 
attributeName="transform" to="10 757 -85" attributeType="XML" from="0 757 -85" dur="0.33s" type="rotate" 
fill="freeze"/>
  <animateTransform begin="0s" additive="sum" calcMode="discrete" xlink:href="#right-leg" 
attributeName="transform" values="0 80 20;              20 80 20;0 80 20;              20 80 20;0 80 20;      
        20 80 20;0 80 20;              20 80 20;0 80 20;              20 80 20;0 80 20;              20 80 
20;0 80 20;              20 80 20;0 80 20;              20 80 20;0 80 20;              20 80 20;0 80 20;      
        20 80 20;0 80 20              " attributeType="XML" dur="3s" type="rotate" fill="freeze"/>
  <animateTransform begin="0s" additive="sum" calcMode="discrete" xlink:href="#left-leg" 
attributeName="transform" values="0 93 23;              -29 93 23;0 93 23;              -29 93 23;0 93 23;    
          -29 93 23;0 93 23;              -29 93 23;0 93 23;              -29 93 23;0 93 23;              -29 
93 23;0 93 23;              -29 93 23;0 93 23;              -29 93 23;0 93 23;              -29 93 23;0 93 
23;              -29 93 23;0 93 23              " attributeType="XML" dur="3s" type="rotate" fill="freeze"/>
@@ -639,25 +639,24 @@
  <animateTransform begin="3.6s" additive="sum" calcMode="discrete" xlink:href="#Wilber" 
attributeName="transform" to="0 3" attributeType="XML" from="0" dur="0.5s" type="translate" fill="freeze"/>
  <animate begin="3.6s" calcMode="discrete" xlink:href="#left-leg" attributeName="visibility" values="hidden" 
attributeType="XML" dur="0.5s" fill="freeze"/>
  <animate begin="3.6s" calcMode="discrete" xlink:href="#right-leg" attributeName="visibility" 
values="hidden" attributeType="XML" dur="0.5s" fill="freeze"/>
- <animate begin="3.6s" calcMode="discrete" xlink:href="#ready-to-jump-legs" attributeName="visibility" 
values="visible;hidden" attributeType="XML" dur="1.1s" fill="freeze" keyTimes="0;0.78"/>
+ <animateTransform begin="3.6s" additive="sum" calcMode="discrete" xlink:href="#ready-to-jump-legs" 
attributeName="transform" values="0 -1000;0" attributeType="XML" dur="1.1s" fill="freeze" type="translate" 
keyTimes="0;0.78"/>
  <animateTransform begin="4.1s" additive="sum" calcMode="discrete" xlink:href="#Wilber" 
attributeName="transform" keyTimes="0;0.6;1" values="0;0 -40;0" attributeType="XML" dur="0.6s" 
type="translate" fill="freeze"/>
- <animate begin="4.1s" calcMode="discrete" xlink:href="#left-leg" attributeName="visibility" keyTimes="0;1" 
values="hidden;visible" attributeType="XML" dur="0.6s" fill="freeze"/>
- <animate begin="4.1s" calcMode="discrete" xlink:href="#right-leg" attributeName="visibility" keyTimes="0;1" 
values="hidden;visible" attributeType="XML" dur="0.6s" fill="freeze"/>
- <animate begin="4.1s" calcMode="discrete" xlink:href="#Wilber-jumping-legs" attributeName="visibility" 
keyTimes="0;0.6;1" values="hidden;visible;hidden" attributeType="XML" dur="0.6s" fill="freeze"/>
- <animateTransform begin="4.1s" additive="sum" calcMode="discrete" xlink:href="#handle-in-Wilber-hand" 
attributeName="transform" keyTimes="0;0.6" values="0;347 40" attributeType="XML" dur="0.6s" type="translate" 
fill="freeze"/>
- <animate begin="4.1s" calcMode="discrete" xlink:href="#handle-in-Wilber-hand" attributeName="visibility" 
keyTimes="0;0.6;1" values="hidden;visible;hidden" attributeType="XML" dur="0.6s" fill="remove"/>
+ <animateTransform begin="4.1s" additive="sum" calcMode="discrete" xlink:href="#left-leg" 
attributeName="transform" keyTimes="0;1" values="-1000;0" attributeType="XML" dur="0.6s" type="translate" 
fill="freeze"/>
+ <animateTransform begin="4.1s" additive="sum" calcMode="discrete" xlink:href="#right-leg" 
attributeName="transform" keyTimes="0;1" values="-1000;0" attributeType="XML" dur="0.6s" type="translate" 
fill="freeze"/>
+ <animate begin="0s" calcMode="discrete" xlink:href="#Wilber-jumping-legs" attributeName="opacity" 
keyTimes="0;0.948;1" values="0;1;0" attributeType="CSS" dur="4.7s" fill="freeze"/>
+ <animateTransform begin="4.1s" additive="sum" calcMode="discrete" xlink:href="#handle-in-Wilber-hand" 
attributeName="transform" keyTimes="0;0.6;1" values="0;0 -1000;0" attributeType="XML" dur="0.6s" 
type="translate" fill="freeze"/>
  <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#brush" 
attributeName="transform" keyTimes="0;0.1" values="0 757 -85;10 757 -85" attributeType="XML" dur="3s" 
type="rotate" fill="freeze"/>
  <animate begin="4.7s" calcMode="discrete" xlink:href="#smiling-mouth" attributeName="visibility" 
keyTimes="0;0.1" values="visible;hidden" attributeType="XML" dur="3s" fill="freeze"/>
  <animate begin="4.7s" calcMode="discrete" xlink:href="#oh-mouth" attributeName="visibility" 
keyTimes="0;0.1" values="hidden;visible" attributeType="XML" dur="3s" fill="remove"/>
  <animate begin="4.7s" calcMode="discrete" xlink:href="#line" attributeName="visibility" values="hidden" 
attributeType="XML" dur="3s" fill="freeze"/>
- <animate begin="4.7s" calcMode="discrete" xlink:href="#pulled-line-1" attributeName="visibility" 
values="visible" attributeType="XML" dur="3s" fill="remove"/>
+ <animate begin="0s" calcMode="discrete" xlink:href="#pulled-line-1" attributeName="opacity" 
keyTimes="0;0.61;1" values="0;1;0" attributeType="CSS" dur="7.7s" fill="freeze"/>
  <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#left-arm" 
attributeName="transform" keyTimes="0;0.25" values="0 40 0;120 40 0" attributeType="XML" dur="3s" 
type="rotate" fill="freeze"/>
  <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#background" 
attributeName="transform" keyTimes="0;0.4;0.55;0.7;0.85;1" values="0 63;0 48;0 63;0 48;0 63;0 48" 
attributeType="XML" dur="3s" type="translate" fill="freeze"/>
  <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#Wilber" 
attributeName="transform" keyTimes="0;0.4;0.55;0.7;0.85;1" values="0;0 3;0 -3;0 3;0 -3;0 3" 
attributeType="XML" dur="3s" type="translate" fill="freeze"/>
  <animate begin="4.7s" calcMode="discrete" xlink:href="#left-leg" attributeName="visibility" 
keyTimes="0;0.4;0.55;0.7;0.85;1" values="visible;hidden;visible;hidden;visible;hidden" attributeType="XML" 
dur="3s" fill="freeze"/>
  <animate begin="4.7s" calcMode="discrete" xlink:href="#right-leg" attributeName="visibility" 
keyTimes="0;0.4;0.55;0.7;0.85;1" values="visible;hidden;visible;hidden;visible;hidden" attributeType="XML" 
dur="3s" fill="freeze"/>
- <animate begin="4.7s" calcMode="discrete" xlink:href="#ready-to-jump-legs" attributeName="visibility" 
values="hidden;visible;hidden;visible;hidden;visible" attributeType="XML" dur="3s" fill="freeze" 
keyTimes="0;0.4;0.55;0.7;0.85;1"/>
- <animate begin="7.7s" calcMode="discrete" xlink:href="#ready-to-jump-legs" attributeName="visibility" 
values="visible;hidden" attributeType="XML" dur="0.1s" fill="freeze" keyTimes="0;1"/>
+ <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#ready-to-jump-legs" 
attributeName="transform" values="0;0 -1000;0;0 -1000;0;0 -1000" attributeType="XML" dur="3s" fill="freeze" 
type="translate" keyTimes="0;0.4;0.55;0.7;0.85;1"/>
+ <animateTransform begin="7.7s" additive="sum" calcMode="discrete" xlink:href="#ready-to-jump-legs" 
attributeName="transform" values="0;0 1000" attributeType="XML" dur="0.1s" fill="freeze" type="translate" 
keyTimes="0;1"/>
  <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#left-arm" 
attributeName="transform" keyTimes="0;0.4;0.55;0.7;0.85;1" values="0 40 0;40 40 0;0 40 0;40 40 0;0 40 0;40 40 
0" attributeType="XML" dur="3s" type="rotate" fill="freeze"/>
  <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#right-arm" 
attributeName="transform" keyTimes="0;0.4;0.55;0.7;0.85;1" values="0 45 0.5;40 45 0.5;0 45 0.5;40 45 0.5;0 45 
0.5;40 45 0.5" attributeType="XML" dur="3s" type="rotate" fill="freeze"/>
  <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#pulled-line-1" 
attributeName="transform" keyTimes="0;0.4;0.55;0.7;0.85;1" values="0;-1 -15;0 0;-1 -15;0 0;-1 -15" 
attributeType="XML" dur="3s" type="translate" fill="freeze"/>
@@ -666,6 +665,5 @@
  <animateTransform begin="7.8s" additive="sum" calcMode="discrete" xlink:href="#Wilber-pull-2" 
attributeName="transform" keyTimes="0;1" values="-1368;0" attributeType="XML" dur="0.2s" type="translate" 
fill="remove"/>
  <animateTransform begin="8s" additive="sum" calcMode="discrete" xlink:href="#Wilber-pull-3" 
attributeName="transform" keyTimes="0;1" values="-1460;0" attributeType="XML" dur="0.2s" type="translate" 
fill="freeze"/>
  <animateTransform begin="8.2s" additive="sum" calcMode="discrete" xlink:href="#Wilber-fall" 
attributeName="transform" keyTimes="0;1" values="-1562;0" attributeType="XML" dur="0.3s" type="translate" 
fill="freeze"/>
- <animate begin="0s" calcMode="discrete" xlink:href="#Wilber" attributeName="visibility" values="visible" 
attributeType="XML" dur="0.1s" fill="freeze"/>
- <animate begin="0s" calcMode="discrete" xlink:href="#Wilber-fell" attributeName="visibility" 
values="hidden" attributeType="XML" dur="8.5s" fill="remove"/>
+ <animateTransform begin="0s" additive="sum" calcMode="discrete" xlink:href="#Wilber-fell" 
attributeName="transform" values="-5000;0" attributeType="XML" dur="8.5s" fill="remove" type="translate" 
keyTimes="0;1"/>
 </svg>
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]