make Wrigely wink reliably and do more stuff, fixes #50

This commit is contained in:
Matthias Kretschmann 2016-02-11 16:45:32 +01:00
parent 51b00d516e
commit ac3e91927f
3 changed files with 110 additions and 39 deletions

View File

@ -3,13 +3,45 @@
jQuery(function($) {
// start wrigely animation when in viewport
var wrigely = $('#wrigely');
var wrigely = $('#wrigely'),
wrigelyArm = wrigely.find('#arm'),
wrigelyHead = wrigely.find('#head'),
wrigelyEye = wrigely.find('#eye');
if (wrigely.isInViewport() ) {
wrigely.addClass('is-ready');
} else {
wrigely.removeClass('is-ready');
var wrigelyAnimationStart = function() {
// set utility classes
if (wrigely.is( ':in-viewport( -180 )' ) ) {
wrigely.addClass('is-ready');
// toggle paused class so the :hover interaction can fire animation again
wrigelyArm.on('animationend webkitAnimationEnd oAnimationEnd', function(e) {
wrigelyArm.addClass('paused');
wrigelyHead.addClass('paused');
wrigely.on('mouseover', function() {
wrigelyArm.removeClass('paused');
wrigelyHead.removeClass('paused');
});
// fire eye blinking once other animations have finished
wrigelyEye.addClass('is-ready');
wrigelyEye.on('animationend webkitAnimationEnd oAnimationEnd', function(e) {
wrigelyEye.removeClass('is-ready');
});
}
);
} else {
wrigely.removeClass('is-ready').removeClass('paused');
wrigelyArm.removeClass('paused');
wrigelyHead.removeClass('paused');
wrigelyEye.removeClass('is-ready').removeClass('paused');
}
}
// fire all the viewport things
wrigelyAnimationStart();
$(window).on('load resize scroll', wrigelyAnimationStart);
});

View File

@ -86,16 +86,40 @@
#arm {
transform-origin: right;
}
#head {
transform-origin: center;
}
#eye {
transform-origin: center;
}
#arm,
#head,
#eye {
animation: none;
}
&:hover,
&.is-ready {
#arm,
#head,
#eye {
&.paused { animation: none; }
}
#arm {
animation: wrigely-wink 1s ease-in-out 3s;
animation: wrigely-wink 1s ease-in-out;
}
#head {
animation: wrigely-head-nod 1s ease-in-out;
}
#eye {
&.is-ready {
animation: wrigely-blink .3s ease-in-out forwards;
animation-iteration-count: 2;
}
}
}
&:hover #arm {
animation: wrigely-wink 1s ease-in-out;
}
}
@keyframes wrigely-wink {
@ -103,3 +127,15 @@
25%, 50% { transform: rotate(-20deg); }
30%, 100% { transform: rotate(0); }
}
@keyframes wrigely-head-nod {
0% { transform: rotate(0); }
25%, 50% { transform: rotate(-2deg); }
30%, 100% { transform: rotate(0); }
}
@keyframes wrigely-blink {
0% { transform: scaleY(1); }
50% { transform: scaleY(0); }
100% { transform: scaleY(1); }
}

View File

@ -1,4 +1,4 @@
<svg id="wrigely" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1091.39 579.95">
<svg id="wrigely" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1091.39 595.28">
<defs>
<style>
.cls-1 {
@ -26,11 +26,11 @@
}
.cls-7 {
fill: #fff;
fill: #c6bdaf;
}
.cls-8 {
fill: #c6bdaf;
fill: #fff;
}
.cls-9 {
@ -42,31 +42,34 @@
}
</style>
</defs>
<path class="cls-1" d="M1091.39,595.28H276.5s0-579.95,810-579.95h4.89V595.28Z" transform="translate(0 -15.33)"/>
<path class="cls-2" d="M0,595.28H1091.39V487C608.5,473,209.5,500,0,595.28Z" transform="translate(0 -15.33)"/>
<g>
<g id="arm">
<path class="cls-3" d="M824.74,242.87C783,240.4,751.5,270.32,751.5,270.32l-37.75-34.76h-2.92l34.8,50s56.76-10.16,71.28-21.85c3.92-3.15,9.86-17.52,9.86-17.52S825.72,242.93,824.74,242.87Z" transform="translate(0 -15.33)"/>
<path class="cls-4" d="M712.25,238.56c1.12,0.3,2.42-.2,3.07-1.9a20.29,20.29,0,0,0,.66-11.27c-2.62-6-9.82-9.46-11.4-8-1.93,1.72,4,11,3.1,11.49l-4.24-7.2s-4.51,3.25.56,10.06C705.57,233.79,708.09,237.45,712.25,238.56Z" transform="translate(0 -15.33)"/>
</g>
<path class="cls-5" d="M855.76,427.48s-0.09.28-.17,0.62-0.22,1-.39,1.73-0.32,1.75-.41,2.88c-0.05.56-.13,1.16-0.17,1.8l-0.08,2c-0.05.7,0,1.44,0,2.2s0,1.55.09,2.36l0.23,2.5c0.06,0.86.26,1.71,0.39,2.59a50.2,50.2,0,0,0,1.18,5.39,25.91,25.91,0,0,0,.84,2.72L858.2,457c0.78,1.76,1.5,3.56,2.34,5.27s1.78,3.35,2.71,4.92l2.91,4.4c1,1.37,2,2.58,2.91,3.75l1.32,1.66c0.41,0.53.88,1,1.28,1.41l2.13,2.27,1.86,2-2-1.8-2.34-2.07c-0.44-.41-1-0.8-1.42-1.3L868.38,476c-1-1.09-2.18-2.22-3.3-3.51l-3.38-4.21c-1.1-1.52-2.14-3.16-3.25-4.8s-2-3.48-2.94-5.25l-1.23-2.77a28.33,28.33,0,0,1-1.15-2.79,54,54,0,0,1-1.79-5.62c-0.23-.93-0.53-1.83-0.68-2.75l-0.5-2.67c-0.19-.87-0.23-1.73-0.34-2.56s-0.21-1.63-.23-2.41l-0.11-2.23c0-.71,0-1.39,0-2,0-1.27.11-2.4,0.17-3.32s0.18-1.66.29-2.22l0.14-.77Z" transform="translate(0 -15.33)"/>
<path class="cls-6" d="M880,487c-0.2-.12-6.78-0.26-8.55-1.8a4.24,4.24,0,1,1,5.56-6.41C878.74,480.28,880,487,880,487Z" transform="translate(0 -15.33)"/>
<path class="cls-7" d="M814.17,151.72c-15.78,2.43-40.82-44.55-40.82-44.55s8.68,73.39,43.46,63.7C821.26,169.63,818.73,151,814.17,151.72Z" transform="translate(0 -15.33)"/>
<path class="cls-3" d="M812.68,224.85A43.37,43.37,0,0,0,800,261c1.56,13.09-11.39,29.5-5.22,68.24,3.22,20.2,2.29,34.07,1.78,46.75-3.45,85.76,5.32,138.21,5.32,138.21l4.15,2.17,9.54-76c25.45,14.89,62.5-.05,62.63,1.57,0.49,6.14,8.49,58.35,11.59,77.56,1.32,8.15,4.52.72,4.52,0.72,10.66-71.92-3.72-97.23-2.53-183,0.41-29.44,16-49.24,16.38-83l-20.3-103Z" transform="translate(0 -15.33)"/>
<path class="cls-3" d="M891.82,224.05s49.39,57.23,57.23,77.62l-0.68,104.92L945.2,400,929.72,310c-25.61-18.77-28.7-42.88-31-56.19C897.4,246.26,891.82,224.05,891.82,224.05Z" transform="translate(0 -15.33)"/>
<path class="cls-8" d="M796.24,262.21l107.27,6.15s-6.82,14.17-15.88,51.3c-4.95,20.27-5.26,52.17-8.84,72.65a17.59,17.59,0,0,1,0,2.86,14,14,0,0,1-.25,1.7s-0.14-.51-0.34-1.33q-0.22,1.05-.45,2.06A21.42,21.42,0,0,1,878,400a22.29,22.29,0,0,1-.5,5.35,21.89,21.89,0,0,1-.74-3.94c-1.09,3.59-2.41,6.43-4,8.24-13.77,15.27-48.91,15.39-57.8-3.08-2.63-5.47-5.48-12.45-8.12-19.77a19.36,19.36,0,0,1-1.75,3.87,12.82,12.82,0,0,1,.54-4.44,5.94,5.94,0,0,1,.56-1.23c-1.5-4.25-2.92-8.57-4.17-12.73l-0.36.76c-0.23.48-.41,0.8-0.41,0.8a3.56,3.56,0,0,1-.25-0.89,4.34,4.34,0,0,1,.21-2.16,4,4,0,0,1,.22-0.48l-0.3-1a8.41,8.41,0,0,1-.92.91,5.86,5.86,0,0,1,.5-2.42,132.67,132.67,0,0,1-3-13C788.07,298.22,796.24,262.21,796.24,262.21Z" transform="translate(0 -15.33)"/>
<path class="cls-9" d="M766.08,242.78c0.25-.87.84-1.89,1.29-3a21.33,21.33,0,0,0,1-2.77c-0.24.28-.46,0.54-0.64,0.76a7.52,7.52,0,0,0-.78,1.11,3.68,3.68,0,0,1,.19-1.42c0.25-.87.84-1.89,1.29-3h0c0.09-9.64.68-32.77,4.4-52.87,0.51-2.76,1-5.27,1.41-7.59l-0.14.13c-0.44.41-.76,0.65-0.76,0.65a5.4,5.4,0,0,1,.19-1,6.45,6.45,0,0,1,1-2.12l0.16-.19,0.48-2.49c-0.25.46-.51,0.87-0.73,1.2-0.37.57-.65,0.92-0.65,0.92a6.73,6.73,0,0,1,0-1.14,8.16,8.16,0,0,1,.68-2.59,7.62,7.62,0,0,1,1.4-2.07c1.3-6.4,2.32-10.31,3.47-12.5,1.67-3.17,2.25-21.21,19.78-25.64,7.83-2-2.34-13.23,4-17.67,6.11-4.27,13.23,1,19.33-2.76,5.41-3.31,21.3-3.43,27.62,0,7.51,4.08,7.77,1.66,8.28,2.76l0,0c-0.14-.37-0.28-0.71-0.4-1l-0.64-1.44a7.22,7.22,0,0,1,1.2,1.07,9,9,0,0,1,1.94,3.38s0,0.07,0,.11l1.06,1.06-0.05-.27a3.75,3.75,0,0,0-.18-0.67,1.41,1.41,0,0,0-.57-0.78,0.83,0.83,0,0,0-.38-0.09,0.78,0.78,0,0,1,.43-0.12,1.59,1.59,0,0,1,1.09.63,3.4,3.4,0,0,1,.48.72c0.13,0.26.26,0.53,0.38,0.83a11.24,11.24,0,0,1,.46,1.39l0.66,0.66c-3.64-8,6.66,7.86,12.33,13.26,5-.74,10.17-0.15,14,2.48a44.49,44.49,0,0,1,8.29,7.4l1.23,0.73a34.22,34.22,0,0,1,5.3,4.11l-0.64-.25c0.26,0.22.5,0.43,0.7,0.62a11.07,11.07,0,0,1,1.08,1.18s-0.57-.23-1.45-0.63-2-.93-3.26-1.58a11.79,11.79,0,0,1,.85,2A19.4,19.4,0,0,1,904,147a15.47,15.47,0,0,1,.81,1.71l-0.55-.53a15.17,15.17,0,0,1,.92,2.61,12.18,12.18,0,0,1,.32,1.75l-0.93-1.5-1-1.71c2.34,6.57,7.2,6.33,10.12,10,4.07,5.09-2.54,10.31,3.37,15.74,4.53,4.17,5.26,10.73,5.38,15a18.91,18.91,0,0,1,1.14,2.17,19.3,19.3,0,0,1,1.3,4.32,13.55,13.55,0,0,1-2.44-3.61q0,1.11-.11,2.12c0.19,0.42.38,0.85,0.55,1.32a18.4,18.4,0,0,1,.93,3.95,14.73,14.73,0,0,1,.12,1.69,41.75,41.75,0,0,1-2-4.3c-1.44,7.54-5.42,10.74-3.78,17.83,1.6,6.9,6.12,7.14,6.52,13.37,0.56,8.81-8,15.65-9,16.35a23.56,23.56,0,0,1-2.7,1.79,14,14,0,0,1,.63,4.31,14.91,14.91,0,0,1-.65,4.19,12.19,12.19,0,0,1-.62,1.65l0-1.75c0-1.07,0-2.52,0-4.11,0-.11,0-0.22,0-0.34-0.28,1.28-.58,2.38-0.85,3.22-0.69,2.17-3.11,6.15-8,14.11-4.07,6.67-6.15,10.07-8.74,13-4,4.52-5.71,4.83-8.56,7.52,0,0.43,0,.83,0,1.19,0,1.35,0,2.2,0,2.2a20.22,20.22,0,0,1-.64-2.12c0-.15-0.08-0.34-0.11-0.51-0.36.36-.73,0.76-1.13,1.21s-0.82,1-1.2,1.46c0,0.65,0,1.25,0,1.75,0,0.94-.08,1.55-0.08,1.55a10.73,10.73,0,0,1-.58-1.45c-0.06-.19-0.12-0.4-0.18-0.62-2.15,3.15-4,7.09-6.85,13.42-4.36,9.57-6.54,14.36-6.69,18.89a24.34,24.34,0,0,1-2.79,9.92,5.54,5.54,0,0,1,0,1.62,5.7,5.7,0,0,1-.71,2.09,4.81,4.81,0,0,1-.54.78s-0.07-.37-0.1-0.93c0-.33,0-0.74,0-1.17a25.54,25.54,0,0,1-8.92,8.95c-5.83,3.16-19.84,6.67-26.14,4.59-13.75-4.56-15-15.91-16.56-21.26a31,31,0,0,0-1.79-4.62,13,13,0,0,0,.32,3.34,9.65,9.65,0,0,0,.34,1.16l0.15,0.43-0.33-.32a5.55,5.55,0,0,1-.78-1,7,7,0,0,1-.77-5.61c-3.26-5.55-7.61-8.64-11.83-16.28-2.24-4.06-1-1.88-12.1-15.25-17.34-20.93-12.83-13-17-21.93-4.3-9.28-1.4-20-.88-29.46a15,15,0,0,1-1.66,2.23,7.53,7.53,0,0,0-.78,1.11A3.68,3.68,0,0,1,766.08,242.78Z" transform="translate(0 -15.33)"/>
<path class="cls-3" d="M883.94,187.62s2.17,18,5,29c2.06,7.92-10.23,21.52-18.19,29.78-2,2.07-3.78,3.82-5.09,5.07a15.26,15.26,0,0,1-5,3.2l-4.51,1.76a13.42,13.42,0,0,0-6.34,5.13l-9.71,14.77A21.79,21.79,0,0,1,829.07,285l-14.4,5a17.95,17.95,0,0,1-12.41-.13L784,283.35a18.37,18.37,0,0,1-11.79-13.43l-2-9.23c-0.48-2.21,3.56-49.47,3.56-49.47,0.17-1.44,2.42-20.46,2.79-22.72,0.9-5.47,3.08-20.4,14.77-53.15,14.82-41.5,71.13-9.81,71.13-9.81,19.75,26.87,2.16-14.82,23.54,36.71" transform="translate(0 -15.33)"/>
<circle class="cls-4" cx="833.56" cy="195.19" r="8.28" transform="translate(-18.86 100.44) rotate(-7.86)"/>
<ellipse class="cls-4" cx="792.91" cy="262.21" rx="8.23" ry="6.58" transform="translate(316 932.45) rotate(-73.48)"/>
<ellipse class="cls-4" cx="778.03" cy="261.05" rx="7.14" ry="5.71" transform="translate(306.46 917.36) rotate(-73.48)"/>
<path class="cls-7" d="M853,146.35c23.49-3,43.65-56.2,43.65-56.2s12.21,72.91-41,75.35C848.86,165.82,846.23,147.22,853,146.35Z" transform="translate(0 -15.33)"/>
<path class="cls-9" d="M792.08,121.31c-2.12,2.54-6.47,7.91-6,15.07,0.35,5,3.09,11.7,8,13.14,5.35,1.57,8.3-4.57,15-3.31,5.13,1,9.49,4.6,14.69,5.82,6.38,1.5,9.61-.22,17.5-0.84,8.23-.65,3.91-2.12,9.34-3.45a34.77,34.77,0,0,0,15.81-8.28c2.1-2,5.66-5.77,5.66-5.77-0.71-11.07-19.63-18.89-21.7-20.43C833.09,100.41,804.34,106.62,792.08,121.31Z" transform="translate(0 -15.33)"/>
<path class="cls-8" d="M785.6,156.77c7.75-8.4,30.24-5.16,35.9,6,1,2,1.66,4.63,0,14.27-3.33,19.39-10.51,30.88-24.85,53.85-0.88,1.4-2.67,4.19-5.52,4.6-4.66.67-11.74-2.94-12.79-4.38-5.44-7.55-3.61-13.08-2.76-30.38,0.36-7.33,1.53-15.42,5.29-30.38C782,165.74,782.8,159.81,785.6,156.77Z" transform="translate(0 -15.33)"/>
<path class="cls-10" d="M792.17,286.08a62.11,62.11,0,0,0,6.39-.15,53.44,53.44,0,0,0,6.43-.84c1.16-.22,2.34-0.53,3.52-0.86a27.51,27.51,0,0,0,3.49-1.27c0.58-.23,1.12-0.53,1.68-0.79s1.09-.58,1.58-0.93,1-.66,1.48-1a13.69,13.69,0,0,0,1.35-1.13,18.51,18.51,0,0,0,3.85-5,10,10,0,0,0,.59-1.22c0.17-.4.36-0.76,0.49-1.13,0.24-.73.5-1.36,0.65-1.9l0.47-1.7L824,269.86c-0.06.56-.22,1.24-0.37,2-0.08.39-.23,0.79-0.35,1.22a9.27,9.27,0,0,1-.48,1.33,16.51,16.51,0,0,1-1.46,2.84,16.82,16.82,0,0,1-2.24,2.8,15.07,15.07,0,0,1-1.4,1.28,14.17,14.17,0,0,1-1.56,1.17c-0.53.38-1.12,0.68-1.69,1s-1.17.62-1.78,0.87a29.08,29.08,0,0,1-3.71,1.29,30.48,30.48,0,0,1-3.71.76,33.73,33.73,0,0,1-3.51.34c-1.12.06-2.17,0.06-3.14,0A32,32,0,0,1,792.17,286.08Z" transform="translate(0 -15.33)"/>
<path class="cls-4" d="M950.59,419.88c-5.32,6.95-10,3.69-8.36-7.08,0.65-4.24,2.51-11.13,4.23-13.49,3.14-4.3,4.17,8.78,5,7.28" transform="translate(0 -15.33)"/>
<path class="cls-4" d="M798.21,523.52c-0.31-1.23-13.52,2.68-14.92-.23-1.15-2.4,5.45-9.89,13.64-11,0.61-.08,9.39-1.1,13.36,4.68a10.87,10.87,0,0,1,1.76,6.67" transform="translate(0 -15.33)"/>
<path class="cls-4" d="M888,528.75c-0.25-1.24-13.62,2.13-14.9-.84-1.05-2.44,5.85-9.66,14.07-10.39,0.61-.05,9.43-0.72,13.16,5.23a10.87,10.87,0,0,1,1.48,6.74" transform="translate(0 -15.33)"/>
<g id="stage">
<path class="cls-1" d="M1091.39,595.28H276.5s0-579.95,810-579.95h4.89V595.28Z"/>
<path class="cls-2" d="M0,595.28H1091.39V487C608.5,473,209.5,500,0,595.28Z"/>
</g>
<g id="arm">
<path class="cls-3" d="M824.74,242.87C783,240.4,751.5,270.32,751.5,270.32l-37.75-34.76h-2.92l34.8,50s56.76-10.16,71.28-21.85c3.92-3.15,9.86-17.52,9.86-17.52S825.72,242.93,824.74,242.87Z"/>
<path class="cls-4" d="M712.25,238.56c1.12,0.3,2.42-.2,3.07-1.9a20.29,20.29,0,0,0,.66-11.27c-2.62-6-9.82-9.46-11.4-8-1.93,1.72,4,11,3.1,11.49l-4.24-7.2s-4.51,3.25.56,10.06C705.57,233.79,708.09,237.45,712.25,238.56Z"/>
</g>
<g id="body">
<path class="cls-5" d="M855.76,427.48s-0.09.28-.17,0.62-0.22,1-.39,1.73-0.32,1.75-.41,2.88c-0.05.56-.13,1.16-0.17,1.8l-0.08,2c-0.05.7,0,1.44,0,2.2s0,1.55.09,2.36l0.23,2.5c0.06,0.86.26,1.71,0.39,2.59a50.2,50.2,0,0,0,1.18,5.39,25.91,25.91,0,0,0,.84,2.72L858.2,457c0.78,1.76,1.5,3.56,2.34,5.27s1.78,3.35,2.71,4.92l2.91,4.4c1,1.37,2,2.58,2.91,3.75l1.32,1.66c0.41,0.53.88,1,1.28,1.41l2.13,2.27,1.86,2-2-1.8-2.34-2.07c-0.44-.41-1-0.8-1.42-1.3L868.38,476c-1-1.09-2.18-2.22-3.3-3.51l-3.38-4.21c-1.1-1.52-2.14-3.16-3.25-4.8s-2-3.48-2.94-5.25l-1.23-2.77a28.33,28.33,0,0,1-1.15-2.79,54,54,0,0,1-1.79-5.62c-0.23-.93-0.53-1.83-0.68-2.75l-0.5-2.67c-0.19-.87-0.23-1.73-0.34-2.56s-0.21-1.63-.23-2.41l-0.11-2.23c0-.71,0-1.39,0-2,0-1.27.11-2.4,0.17-3.32s0.18-1.66.29-2.22l0.14-.77Z"/>
<path class="cls-6" d="M880,487c-0.2-.12-6.78-0.26-8.55-1.8a4.24,4.24,0,1,1,5.56-6.41C878.74,480.28,880,487,880,487Z"/>
<path class="cls-3" d="M812.68,224.85A43.37,43.37,0,0,0,800,261c1.56,13.09-11.39,29.5-5.22,68.24,3.22,20.2,2.29,34.07,1.78,46.75-3.45,85.76,5.32,138.21,5.32,138.21l4.15,2.17,9.54-76c25.45,14.89,62.5-.05,62.63,1.57,0.49,6.14,8.49,58.35,11.59,77.56,1.32,8.15,4.52.72,4.52,0.72,10.66-71.92-3.72-97.23-2.53-183,0.41-29.44,16-49.24,16.38-83l-20.3-103Z"/>
<path class="cls-3" d="M891.82,224.05s49.39,57.23,57.23,77.62l-0.68,104.92L945.2,400,929.72,310c-25.61-18.77-28.7-42.88-31-56.19C897.4,246.26,891.82,224.05,891.82,224.05Z"/>
<path class="cls-7" d="M796.24,262.21l107.27,6.15s-6.82,14.17-15.88,51.3c-4.95,20.27-5.26,52.17-8.84,72.65a17.59,17.59,0,0,1,0,2.86,14,14,0,0,1-.25,1.7s-0.14-.51-0.34-1.33q-0.22,1.05-.45,2.06A21.42,21.42,0,0,1,878,400a22.29,22.29,0,0,1-.5,5.35,21.89,21.89,0,0,1-.74-3.94c-1.09,3.59-2.41,6.43-4,8.24-13.77,15.27-48.91,15.39-57.8-3.08-2.63-5.47-5.48-12.45-8.12-19.77a19.36,19.36,0,0,1-1.75,3.87,12.82,12.82,0,0,1,.54-4.44,5.94,5.94,0,0,1,.56-1.23c-1.5-4.25-2.92-8.57-4.17-12.73l-0.36.76c-0.23.48-.41,0.8-0.41,0.8a3.56,3.56,0,0,1-.25-0.89,4.34,4.34,0,0,1,.21-2.16,4,4,0,0,1,.22-0.48l-0.3-1a8.41,8.41,0,0,1-.92.91,5.86,5.86,0,0,1,.5-2.42,132.67,132.67,0,0,1-3-13C788.07,298.22,796.24,262.21,796.24,262.21Z"/>
<path class="cls-4" d="M950.59,419.88c-5.32,6.95-10,3.69-8.36-7.08,0.65-4.24,2.51-11.13,4.23-13.49,3.14-4.3,4.17,8.78,5,7.28"/>
<path class="cls-4" d="M798.21,523.52c-0.31-1.23-13.52,2.68-14.92-.23-1.15-2.4,5.45-9.89,13.64-11,0.61-.08,9.39-1.1,13.36,4.68a10.87,10.87,0,0,1,1.76,6.67"/>
<path class="cls-4" d="M888,528.75c-0.25-1.24-13.62,2.13-14.9-.84-1.05-2.44,5.85-9.66,14.07-10.39,0.61-.05,9.43-0.72,13.16,5.23a10.87,10.87,0,0,1,1.48,6.74"/>
</g>
<g id="head">
<path class="cls-8" d="M814.17,151.72c-15.78,2.43-40.82-44.55-40.82-44.55s8.68,73.39,43.46,63.7C821.26,169.63,818.73,151,814.17,151.72Z"/>
<path class="cls-9" d="M766.08,242.78c0.25-.87.84-1.89,1.29-3a21.33,21.33,0,0,0,1-2.77c-0.24.28-.46,0.54-0.64,0.76a7.52,7.52,0,0,0-.78,1.11,3.68,3.68,0,0,1,.19-1.42c0.25-.87.84-1.89,1.29-3h0c0.09-9.64.68-32.77,4.4-52.87,0.51-2.76,1-5.27,1.41-7.59l-0.14.13c-0.44.41-.76,0.65-0.76,0.65a5.4,5.4,0,0,1,.19-1,6.45,6.45,0,0,1,1-2.12l0.16-.19,0.48-2.49c-0.25.46-.51,0.87-0.73,1.2-0.37.57-.65,0.92-0.65,0.92a6.73,6.73,0,0,1,0-1.14,8.16,8.16,0,0,1,.68-2.59,7.62,7.62,0,0,1,1.4-2.07c1.3-6.4,2.32-10.31,3.47-12.5,1.67-3.17,2.25-21.21,19.78-25.64,7.83-2-2.34-13.23,4-17.67,6.11-4.27,13.23,1,19.33-2.76,5.41-3.31,21.3-3.43,27.62,0,7.51,4.08,7.77,1.66,8.28,2.76l0,0c-0.14-.37-0.28-0.71-0.4-1l-0.64-1.44a7.22,7.22,0,0,1,1.2,1.07,9,9,0,0,1,1.94,3.38s0,0.07,0,.11l1.06,1.06-0.05-.27a3.75,3.75,0,0,0-.18-0.67,1.41,1.41,0,0,0-.57-0.78,0.83,0.83,0,0,0-.38-0.09,0.78,0.78,0,0,1,.43-0.12,1.59,1.59,0,0,1,1.09.63,3.4,3.4,0,0,1,.48.72c0.13,0.26.26,0.53,0.38,0.83a11.24,11.24,0,0,1,.46,1.39l0.66,0.66c-3.64-8,6.66,7.86,12.33,13.26,5-.74,10.17-0.15,14,2.48a44.49,44.49,0,0,1,8.29,7.4l1.23,0.73a34.22,34.22,0,0,1,5.3,4.11l-0.64-.25c0.26,0.22.5,0.43,0.7,0.62a11.07,11.07,0,0,1,1.08,1.18s-0.57-.23-1.45-0.63-2-.93-3.26-1.58a11.79,11.79,0,0,1,.85,2A19.4,19.4,0,0,1,904,147a15.47,15.47,0,0,1,.81,1.71l-0.55-.53a15.17,15.17,0,0,1,.92,2.61,12.18,12.18,0,0,1,.32,1.75l-0.93-1.5-1-1.71c2.34,6.57,7.2,6.33,10.12,10,4.07,5.09-2.54,10.31,3.37,15.74,4.53,4.17,5.26,10.73,5.38,15a18.91,18.91,0,0,1,1.14,2.17,19.3,19.3,0,0,1,1.3,4.32,13.55,13.55,0,0,1-2.44-3.61q0,1.11-.11,2.12c0.19,0.42.38,0.85,0.55,1.32a18.4,18.4,0,0,1,.93,3.95,14.73,14.73,0,0,1,.12,1.69,41.75,41.75,0,0,1-2-4.3c-1.44,7.54-5.42,10.74-3.78,17.83,1.6,6.9,6.12,7.14,6.52,13.37,0.56,8.81-8,15.65-9,16.35a23.56,23.56,0,0,1-2.7,1.79,14,14,0,0,1,.63,4.31,14.91,14.91,0,0,1-.65,4.19,12.19,12.19,0,0,1-.62,1.65l0-1.75c0-1.07,0-2.52,0-4.11,0-.11,0-0.22,0-0.34-0.28,1.28-.58,2.38-0.85,3.22-0.69,2.17-3.11,6.15-8,14.11-4.07,6.67-6.15,10.07-8.74,13-4,4.52-5.71,4.83-8.56,7.52,0,0.43,0,.83,0,1.19,0,1.35,0,2.2,0,2.2a20.22,20.22,0,0,1-.64-2.12c0-.15-0.08-0.34-0.11-0.51-0.36.36-.73,0.76-1.13,1.21s-0.82,1-1.2,1.46c0,0.65,0,1.25,0,1.75,0,0.94-.08,1.55-0.08,1.55a10.73,10.73,0,0,1-.58-1.45c-0.06-.19-0.12-0.4-0.18-0.62-2.15,3.15-4,7.09-6.85,13.42-4.36,9.57-6.54,14.36-6.69,18.89a24.34,24.34,0,0,1-2.79,9.92,5.54,5.54,0,0,1,0,1.62,5.7,5.7,0,0,1-.71,2.09,4.81,4.81,0,0,1-.54.78s-0.07-.37-0.1-0.93c0-.33,0-0.74,0-1.17a25.54,25.54,0,0,1-8.92,8.95c-5.83,3.16-19.84,6.67-26.14,4.59-13.75-4.56-15-15.91-16.56-21.26a31,31,0,0,0-1.79-4.62,13,13,0,0,0,.32,3.34,9.65,9.65,0,0,0,.34,1.16l0.15,0.43-0.33-.32a5.55,5.55,0,0,1-.78-1,7,7,0,0,1-.77-5.61c-3.26-5.55-7.61-8.64-11.83-16.28-2.24-4.06-1-1.88-12.1-15.25-17.34-20.93-12.83-13-17-21.93-4.3-9.28-1.4-20-.88-29.46a15,15,0,0,1-1.66,2.23,7.53,7.53,0,0,0-.78,1.11A3.68,3.68,0,0,1,766.08,242.78Z"/>
<path class="cls-3" d="M883.94,187.62s2.17,18,5,29c2.06,7.92-10.23,21.52-18.19,29.78-2,2.07-3.78,3.82-5.09,5.07a15.26,15.26,0,0,1-5,3.2l-4.51,1.76a13.42,13.42,0,0,0-6.34,5.13l-9.71,14.77A21.79,21.79,0,0,1,829.07,285l-14.4,5a17.95,17.95,0,0,1-12.41-.13L784,283.35a18.37,18.37,0,0,1-11.79-13.43l-2-9.23c-0.48-2.21,3.56-49.47,3.56-49.47,0.17-1.44,2.42-20.46,2.79-22.72,0.9-5.47,3.08-20.4,14.77-53.15,14.82-41.5,71.13-9.81,71.13-9.81,19.75,26.87,2.16-14.82,23.54,36.71"/>
<circle id="eye" class="cls-4" cx="833.56" cy="195.19" r="8.28" transform="translate(-18.86 115.77) rotate(-7.86)"/>
<ellipse class="cls-4" cx="792.91" cy="262.21" rx="8.23" ry="6.58" transform="translate(316 947.79) rotate(-73.48)"/>
<ellipse class="cls-4" cx="778.03" cy="261.05" rx="7.14" ry="5.71" transform="translate(306.46 932.7) rotate(-73.48)"/>
<path class="cls-8" d="M853,146.35c23.49-3,43.65-56.2,43.65-56.2s12.21,72.91-41,75.35C848.86,165.82,846.23,147.22,853,146.35Z"/>
<path class="cls-9" d="M792.08,121.31c-2.12,2.54-6.47,7.91-6,15.07,0.35,5,3.09,11.7,8,13.14,5.35,1.57,8.3-4.57,15-3.31,5.13,1,9.49,4.6,14.69,5.82,6.38,1.5,9.61-.22,17.5-0.84,8.23-.65,3.91-2.12,9.34-3.45a34.77,34.77,0,0,0,15.81-8.28c2.1-2,5.66-5.77,5.66-5.77-0.71-11.07-19.63-18.89-21.7-20.43C833.09,100.41,804.34,106.62,792.08,121.31Z"/>
<path class="cls-7" d="M785.6,156.77c7.75-8.4,30.24-5.16,35.9,6,1,2,1.66,4.63,0,14.27-3.33,19.39-10.51,30.88-24.85,53.85-0.88,1.4-2.67,4.19-5.52,4.6-4.66.67-11.74-2.94-12.79-4.38-5.44-7.55-3.61-13.08-2.76-30.38,0.36-7.33,1.53-15.42,5.29-30.38C782,165.74,782.8,159.81,785.6,156.77Z"/>
<path class="cls-10" d="M792.17,286.08a62.11,62.11,0,0,0,6.39-.15,53.44,53.44,0,0,0,6.43-.84c1.16-.22,2.34-0.53,3.52-0.86a27.51,27.51,0,0,0,3.49-1.27c0.58-.23,1.12-0.53,1.68-0.79s1.09-.58,1.58-0.93,1-.66,1.48-1a13.69,13.69,0,0,0,1.35-1.13,18.51,18.51,0,0,0,3.85-5,10,10,0,0,0,.59-1.22c0.17-.4.36-0.76,0.49-1.13,0.24-.73.5-1.36,0.65-1.9l0.47-1.7L824,269.86c-0.06.56-.22,1.24-0.37,2-0.08.39-.23,0.79-0.35,1.22a9.27,9.27,0,0,1-.48,1.33,16.51,16.51,0,0,1-1.46,2.84,16.82,16.82,0,0,1-2.24,2.8,15.07,15.07,0,0,1-1.4,1.28,14.17,14.17,0,0,1-1.56,1.17c-0.53.38-1.12,0.68-1.69,1s-1.17.62-1.78,0.87a29.08,29.08,0,0,1-3.71,1.29,30.48,30.48,0,0,1-3.71.76,33.73,33.73,0,0,1-3.51.34c-1.12.06-2.17,0.06-3.14,0A32,32,0,0,1,792.17,286.08Z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB