GNOME.org
 

[gimp-web/testing] content: remove remnants of visibility/opacity animation on the 404 SVG.

commit 848329fd4bbacad28948c7034cedcc3893b9a9e4
Author: Jehan <jehan girinstud io>
Date:   Mon Oct 31 23:15:34 2016 +0100

    content: remove remnants of visibility/opacity animation on the 404 SVG.
    
    Since Firefox does not seem to allow animation of visibility and opacity
    with a strict CSP policy, I just replace these all with translations out
    of the canvas as a workaround.

 content/images/GIMP-404-animated.src.svg |  101 ++++++++++++++++++------------
 content/images/GIMP-404-animated.svg     |   24 ++++----
 2 files changed, 74 insertions(+), 51 deletions(-)
---
diff --git a/content/images/GIMP-404-animated.src.svg b/content/images/GIMP-404-animated.src.svg
index 87825bd..1bdf8ae 100644
--- a/content/images/GIMP-404-animated.src.svg
+++ b/content/images/GIMP-404-animated.src.svg
@@ -6335,8 +6335,7 @@
            rx="3.0865259"
            ry="2.9049964"
            id="oh-mouth"
-           visibility="hidden"
-           
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"
+           
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"
            inkscape:label="#path5376-5" />
         <g
            id="smiling-mouth"
@@ -11967,24 +11966,30 @@
      calcMode="discrete"
      from="0"
      to="0 3" />
-  <animate
+  <animateTransform
      xlink:href="#left-leg"
+     additive="sum"
+     type="translate"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="0.5s"
      begin="3.6s"
      calcMode="discrete"
      fill="freeze"
-     values="hidden" />
-  <animate
+     keyTimes="0;1"
+     values="-1000;0" />
+  <animateTransform
      xlink:href="#right-leg"
+     additive="sum"
+     type="translate"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="0.5s"
      begin="3.6s"
      calcMode="discrete"
      fill="freeze"
-     values="hidden" />
+     keyTimes="0;1"
+     values="-1000;0" />
   <animateTransform
      xlink:href="#ready-to-jump-legs"
      type="translate"
@@ -12034,16 +12039,18 @@
      fill="freeze"
      keyTimes="0;1"
      values="-1000;0" />
-  <animate
+  <animateTransform
      xlink:href="#Wilber-jumping-legs"
-     attributeName="opacity"
-     attributeType="CSS"
+     additive="sum"
+     type="translate"
+     attributeName="transform"
+     attributeType="XML"
      dur="4.7s"
      begin="0s"
      calcMode="discrete"
      fill="freeze"
      keyTimes="0;0.948;1"
-     values="0;1;0" />
+     values="-1000;0;-1000" />
   <animateTransform
      xlink:href="#handle-in-Wilber-hand"
      type="translate"
@@ -12069,45 +12076,54 @@
      calcMode="discrete"
      keyTimes="0;0.1"
      values="0 757 -85;10 757 -85" />
-  <animate
+  <animateTransform
      xlink:href="#smiling-mouth"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="3s"
      begin="4.7s"
      calcMode="discrete"
      fill="freeze"
      keyTimes="0;0.1"
-     values="visible;hidden" />
-  <animate
+     values="0;-1000" />
+  <animateTransform
      xlink:href="#oh-mouth"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
-     dur="3s"
-     begin="4.7s"
+     dur="7.7s"
+     begin="0s"
      calcMode="discrete"
-     fill="remove"
-     keyTimes="0;0.1"
-     values="hidden;visible" />
-  <animate
+     fill="freeze"
+     keyTimes="0;0.62;1"
+     values="-5000;0;-5000" />
+  <animateTransform
      xlink:href="#line"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
-     dur="3s"
+     dur="3.8s"
      begin="4.7s"
      calcMode="discrete"
      fill="freeze"
-     values="hidden" />
-  <animate
+     keyTimes="0;1"
+     values="-5000;0" />
+  <animateTransform
      xlink:href="#pulled-line-1"
-     attributeName="opacity"
-     attributeType="CSS"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
+     attributeType="XML"
      dur="7.7s"
      begin="0s"
      calcMode="discrete"
      fill="freeze"
      keyTimes="0;0.61;1"
-     values="0;1;0" />
+     values="-5000;0;-5000" />
   <!-- Getting second arm on handle. -->
   <animateTransform
      xlink:href="#left-arm"
@@ -12153,26 +12169,30 @@
      calcMode="discrete"
      keyTimes="0;0.4;0.55;0.7;0.85;1"
      values="0;0 3;0 -3;0 3;0 -3;0 3" />
-  <animate
+  <animateTransform
      xlink:href="#left-leg"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="3s"
      begin="4.7s"
      calcMode="discrete"
      fill="freeze"
      keyTimes="0;0.4;0.55;0.7;0.85;1"
-     values="visible;hidden;visible;hidden;visible;hidden" />
-  <animate
+     values="0;-1000;0;-1000;0;-1000" />
+  <animateTransform
      xlink:href="#right-leg"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="3s"
      begin="4.7s"
      calcMode="discrete"
      fill="freeze"
      keyTimes="0;0.4;0.55;0.7;0.85;1"
-     values="visible;hidden;visible;hidden;visible;hidden" />
+     values="0;-1000;0;-1000;0;-1000" />
   <animateTransform
      xlink:href="#ready-to-jump-legs"
      type="translate"
@@ -12246,14 +12266,17 @@
      calcMode="discrete"
      keyTimes="0;0.28;0.57;1"
      values="0 15;0 20.5;0 -10;0 -60" />
-  <animate
+  <animateTransform
      xlink:href="#Wilber"
+     type="translate"
+     additive="sum"
+     attributeName="transform"
      attributeType="XML"
-     attributeName="visibility"
      dur="3s"
      begin="7.8s"
      calcMode="discrete"
-     values="hidden"
+     keyTimes="0"
+     values="-1000"
      fill="freeze" />
   <animateTransform
      xlink:href="#Wilber-pull-2"
diff --git a/content/images/GIMP-404-animated.svg b/content/images/GIMP-404-animated.svg
index a851456..7f99338 100644
--- a/content/images/GIMP-404-animated.svg
+++ b/content/images/GIMP-404-animated.svg
@@ -36,7 +36,7 @@
    </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.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"/>
+ <sodipodi:namedview id="namedview4423" bordercolor="#666666" inkscape:pageshadow="2" guidetolerance="10" 
pagecolor="#ffffff" gridtolerance="10" inkscape:window-maximized="1" inkscape:zoom="0.35355339" 
objecttolerance="10" borderopacity="1" inkscape:current-layer="layer1" inkscape:cx="581.46806" 
inkscape:cy="-1205.7367" 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"/>
@@ -516,7 +516,7 @@
    </g>
    <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)"/>
+    <ellipse id="oh-mouth" stroke-linejoin="round" stroke-linecap="round" rx="3.0865" ry="2.905" 
stroke="#000" cy="-81" cx="763" stroke-width="1.6647" inkscape:label="#path5376-5" 
fill="url(#linearGradient7247)"/>
     <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>
@@ -637,31 +637,31 @@
  <animateTransform begin="0s" additive="sum" calcMode="discrete" xlink:href="#left-leg" 
attributeName="transform" values="0;-2 -3;0;-2 -3;0;-2 -3;0;-2 -3;0;-2 -3;0;-2 -3;0;-2 -3;0;-2 -3;0;-2 
-3;0;-2 -3;0" attributeType="XML" dur="3s" type="translate" fill="freeze"/>
  <animateTransform begin="3s" additive="sum" calcMode="discrete" xlink:href="#right-arm" 
attributeName="transform" keyTimes="0;0.02;0.13;1" values="0 45 0.5;              55 45 0.5;              98 
45 0.5;              55 45 0.5" attributeType="XML" dur="1.7s" type="rotate" fill="freeze"/>
  <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"/>
+ <animateTransform begin="3.6s" additive="sum" calcMode="discrete" xlink:href="#left-leg" 
attributeName="transform" keyTimes="0;1" values="-1000;0" attributeType="XML" dur="0.5s" type="translate" 
fill="freeze"/>
+ <animateTransform begin="3.6s" additive="sum" calcMode="discrete" xlink:href="#right-leg" 
attributeName="transform" keyTimes="0;1" values="-1000;0" attributeType="XML" dur="0.5s" type="translate" 
fill="freeze"/>
  <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"/>
  <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="0s" additive="sum" calcMode="discrete" xlink:href="#Wilber-jumping-legs" 
attributeName="transform" keyTimes="0;0.948;1" values="-1000;0;-1000" attributeType="XML" dur="4.7s" 
type="translate" 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="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="#smiling-mouth" 
attributeName="transform" keyTimes="0;0.1" values="0;-1000" attributeType="XML" dur="3s" type="translate" 
fill="freeze"/>
+ <animateTransform begin="0s" additive="sum" calcMode="discrete" xlink:href="#oh-mouth" 
attributeName="transform" keyTimes="0;0.62;1" values="-5000;0;-5000" attributeType="XML" dur="7.7s" 
type="translate" fill="freeze"/>
+ <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#line" 
attributeName="transform" keyTimes="0;1" values="-5000;0" attributeType="XML" dur="3.8s" type="translate" 
fill="freeze"/>
+ <animateTransform begin="0s" additive="sum" calcMode="discrete" xlink:href="#pulled-line-1" 
attributeName="transform" keyTimes="0;0.61;1" values="-5000;0;-5000" attributeType="XML" dur="7.7s" 
type="translate" 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"/>
+ <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#left-leg" 
attributeName="transform" keyTimes="0;0.4;0.55;0.7;0.85;1" values="0;-1000;0;-1000;0;-1000" 
attributeType="XML" dur="3s" type="translate" fill="freeze"/>
+ <animateTransform begin="4.7s" additive="sum" calcMode="discrete" xlink:href="#right-leg" 
attributeName="transform" keyTimes="0;0.4;0.55;0.7;0.85;1" values="0;-1000;0;-1000;0;-1000" 
attributeType="XML" dur="3s" type="translate" fill="freeze"/>
  <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"/>
  <animateTransform begin="7.8s" additive="sum" calcMode="discrete" xlink:href="#background" 
attributeName="transform" keyTimes="0;0.28;0.57;1" values="0 15;0 20.5;0 -10;0 -60" attributeType="XML" 
dur="0.7s" type="translate" fill="freeze"/>
- <animate begin="7.8s" calcMode="discrete" xlink:href="#Wilber" attributeName="visibility" values="hidden" 
attributeType="XML" dur="3s" fill="freeze"/>
+ <animateTransform begin="7.8s" additive="sum" calcMode="discrete" xlink:href="#Wilber" 
attributeName="transform" values="-1000" attributeType="XML" dur="3s" fill="freeze" type="translate" 
keyTimes="0"/>
  <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"/>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]