PDF rausgenommen

This commit is contained in:
aschwarz
2023-01-23 11:03:31 +01:00
parent 82d562a322
commit a6523903eb
28078 changed files with 4247552 additions and 2 deletions

View File

@ -0,0 +1,78 @@
### 1.2.3 “Vanguard 3, 300 years”
* Fix Rails support by @dimko.
### 1.2.2 “Luna 2, impact”
* Fix Sprockets 3 support by Waseem Sadiq.
* Add Component support by Mitchel Kelonye.
### 1.2.1 “Discoverer 6, again”
* Fix Bower config by Misha Ponizil.
### 1.2.0 “Discoverer 5, spy”
* Allow to use in CommonJS.
* Release npm package.
* Reduce library size to 10 %.
* Allow to use latest version from master in Ruby Bundler.
* Method `hidden()` now always return boolean.
* Change repository URL to `github.com/ai/visibilityjs`.
## 1.1.0 “Explorer 6, photo”
* Prevent to run timer often, that its interval, when visibility was changed.
* Allow to install by Bower package manager.
* Change license to MIT.
* Reduce library size.
## 1.0.0 “Discoverer 2, stable”
* Remove jQuery.Chrono integration.
* Remove outdated Firefox prefix.
## 0.6.2 “Pioneer 4, American Sun”
* Decrease files size (by compressible code and UnglifyJS 2).
* Remove unnecessary vendor prefixes from fallback.
## 0.6.1 “Vanguard 2, weather”
* Remove unnecessary vendor prefixes.
## 0.6 “Luna 1, Mechta”
* Methods onVisible and afterPrerendering return listener ID (by mcfedr).
* Fix documentation (by Erwänn Mest).
## 0.5 “SCORE, communication”
* Split library to core and timers modules.
* Allow to unbind change listener.
* Use common logic in change(), afterPrerendering() and onVisible().
## 0.4.5 “Pioneer 3, closer”
* Fix gem assets directory.
* Update development dependencies.
## 0.4.4 “Pioneer 1, deeper into space”
* Remove non-ASCII symbols from gemspec.
* Print testing URL in test task.
## 0.4.3 “Explorer 4, short”
* Fix gemspec issue with Bundler.
## 0.4.2 “Sputnik 3, real”
* Reorder code to show first public and common methods.
* Use node.js Cake instead of Rubys Rake to build tasks.
* Move to Mocha, Chai and Sinon.JS for tests.
* Move autogenerated minified to GitHub downloads.
## 0.4.1 “Explorer 3, repeat”
* Fix documentation and gemspec.
## 0.4 “Vanguard 1, alternative”
* Add fallback API support by focus/blur hack to all browsers.
## 0.3 “Explorer 1, answer”
* Rename gem to visibilityjs.
* Fix gem integration with Asset Pipeline paths.
## 0.2 “Sputnik 2, Laika”
* Rename support() to isSupported() and notPrerender() to afterPrerendering().
* Fix IE 6 and 7 support.
* Documentation fixes by Peter Zotov.
## 0.1 “Sputnik 1, the first”
* Initial release.

View File

@ -0,0 +1,20 @@
The MIT License (MIT)
Copyright 2011 Andrey Sitnik <andrey@sitnik.ru>
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

View File

@ -0,0 +1,316 @@
# Visibility.js [![Build Status](https://travis-ci.org/ai/visibilityjs.svg)](https://travis-ci.org/ai/visibilityjs)
<img align="right" width="100" src="http://ai.github.io/visibilityjs/logo.svg" title="Visibility.js logo by Eugenia Tuchapets">
Visibility.js is a wrapper for the [Page Visibility API]. It hides vendor prefixes and adds high level functions.
Page Visibility API allows you to determine whether your web page is either visible to
a user or hidden in background tab or prerendering. It allows you to use
the page visibility state in JavaScript logic and improve browser performance
by disabling unnecessary timers and AJAX requests, or improve user interface
experience (for example, by stopping video playback or slideshow when user
switches to another browser tab).
Moreover, you can detect if the browser is just [prerendering] the page while
the user has still not opened the link, and dont count this as a visit in your
analytics module, or do not run heavy calculations or other actions which will
disable the prerendering.
Page Visibility API is [natively supported] by all browsers. For old browsers
you can use `lib/visibility.fallback.js` with focus/blur hack (note that this
hack has an issue: when browser just lose focus but still visible for user, its state will change to [hidden]).
<a href="https://evilmartians.com/?utm_source=visibilityjs">
<img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg" alt="Sponsored by Evil Martians" width="236" height="54">
</a>
[Page Visibility API]: http://www.w3.org/TR/page-visibility/
[prerendering]: http://code.google.com/chrome/whitepapers/prerender.html
[natively supported]: http://caniuse.com/pagevisibility
## Translations
Документация на русском:
[habrahabr.ru/blogs/javascript/125833/](http://habrahabr.ru/blogs/javascript/125833/)
## States
Currently the Page Visibility API supports three visibility states:
* `visible`: user has opened the page and works within it.
* `hidden`: user has switched to another tab or minimized browser window.
* `prerender`: browser is just prerendering a page which may possibly be opened
by the user to make the apparent loading time smaller.
## Timers
The main use case for this library is to enable some of the times only when
content is visible to the user, i.e. the ones animating a countdown animation.
`Visibility.every(interval, callback)` is similar to
`setInterval(callback, interval)`, but calls `callback` every `interval` ms only
if the page is visible. For example, lets create a countdown timer:
```js
Visibility.every(1000, function () {
updateCountdownAnimation();
});
```
You can provide an additional interval which will be used when the page
is hidden. In next example, a check for inbox updates will be run every 1 minute
for a visible page and every 5 minutes for a hidden one:
```js
var minute = 60 * 1000;
Visibility.every(minute, 5 * minute, function () {
checkForEmail();
});
```
`Visibility.every` returns a timer identifier, much like the `setInterval`
function. However, it cannot be passed to `clearInterval`, and you should use
`Visibility.stop(id)` to stop the timer.
```js
var slideshow = Visibility.every(5 * 1000, function () {
nextSlide();
});
$('.stopSlideshow').click(function () {
Visibility.stop(slideshow);
});
```
If the browser does not support the Page Visibility API, `Visibility.every` will
fall back to `setInterval`, and `callback` will be run every `interval` ms for
both the hidden and visible pages.
## Initializers
Another common use case is when you need to execute some actions upon a switch to
particular visibility state.
### Waiting until the page becomes visible
`Visibility.onVisible(callback)` checks current state of the page. If it is
visible now, it will run `callback`, otherwise it will wait until state changes
to `visible`, and then run `callback`.
For example, lets show an animated notification only when the page is visible,
so if some user opens a page in the background, the animation will delay until
the page becomes visible, i.e. until the user has switched
to a tab with the page:
```js
Visibility.onVisible(function () {
startIntroAnimation();
});
```
If a browser doesnt support Page Visibility API, `Visibility.onVisible`
will run the `callback` immediately.
### Wait until the page is opened after prerendering
A web developer can hint a browser (using Prerendering API) that an user
is likely to click on some link (i.e. on a “Next” link in a multi-page article),
and the browser then may prefetch and prerender the page, so that the user will
not wait after actually going via the link.
But you may not want to count the browser prerendering a page as a visitor in
your analytics system. Moreover, the browser will disable prerendering if you
will try to do heavy computations or use audio/video tags on the page. So, you
may decide to not run parts of the code while prerendering and wait until the
user actually opens the link.
You can use `Visibility.afterPrerendering(callback)` in this cases. For example,
this code will only take real visitors (and not page prerenderings) into
account:
```js
Visibility.afterPrerendering(function () {
Statistics.countVisitor();
});
```
If the browser doesnt support Page Visibility API,
`Visibility.afterPrerendering` will run `callback` immediately.
## Low-level API
In some cases you may need more low-level methods. For example, you may want to
count the time user has viewed the page in foreground and time it has stayed in
background.
`Visibility.isSupported()` will return `true` if browser supports the
Page Visibility API:
```js
if( Visibility.isSupported() ) {
Statistics.startTrackingVisibility();
}
```
`Visibility.state()` will return a string with visibility state. More states
can be added in the future, so for most cases a simpler `Visibility.hidden()`
method can be used. It will return `true` if the page is hidden by any reason.
For example, while prerendering, `Visibility.state()` will return `"prerender"`,
but `Visibility.hidden()` will return `true`.
This code will aid in collecting page visibility statistics:
```js
$(document).load(function () {
if ( 'hidden' == Visibility.state() ) {
Statistics.userOpenPageInBackgroundTab();
}
if ( 'prerender' == Visibility.state() ) {
Statistics.pageIsPrerendering();
}
});
```
And this example will only enable auto-playing when the page is opening as a
visible tab (not a background one):
```js
$(document).load(function () {
if ( !Visibility.hidden() ) {
VideoPlayer.play();
}
});
```
Using `Visibility.change(callback)` you can listen to visibility state changing
events. The `callback` takes 2 arguments: an event object and a state name.
Lets collect some statistics with this events approach:
```js
Visibility.change(function (e, state) {
Statistics.visibilityChange(state);
});
```
Method `change` returns listener ID. You can use it to unbind listener by
`Visibility.unbind(id)`:
```js
var listener = Visibility.change(function (e, state) {
if ( !Visibility.hidden() ) {
VideoPlayer.pause();
}
});
VideoPlayer.onFinish(function () {
Visibility.unbind(listener);
});
```
Methods `onVisible` and `afterPrerendering` will also return listener ID,
if they wait visibility state changes. If they execute callback immediately,
they return `true` if Page Visibility API is supported and `false`
if they cant detect visibility state.
```js
var listener = Visibility.onVisible(function () {
notification.takeAttention();
});
notification.onOutOfDate(function () {
if ( typeof(listener) == 'number' ) {
Visibility.unbind(listener);
}
});
```
## Installing
### Packages
Visibility.js is shipped with 4 files:
* `visibility.core` core module.
* `visibility.timers` `every` and `stop` methods to set `setInterval` depend
on visibility state.
* `visibility` `visibility.core` and `visibility.timers` together.
* `visibility.fallback` fallback for browser without Page Visibility API.
It use document `focus`/`blur` events, so document become to be hidden,
when browser just lose focus, but still visible for user.
### Bower
Visibility.js is available by Bower package manager:
```
bower install --save visibilityjs
```
### Ruby on Rails
For Ruby on Rails you can use gem for Assets Pipeline.
1. Add `visibilityjs` gem to `Gemfile`:
```ruby
gem "visibilityjs"
```
2. Install gems:
```sh
bundle install
```
3. Include Visibility.js in your `application.js.coffee`:
```coffee
#= require visibility
```
If you willnt use `every` method, you can reduce library size by including
only core module:
```coffee
#= require visibility.core
```
### Other
If you need just a files, you can take already minified packages from
[github.com/ai/visibilityjs/releases](https://github.com/ai/visibilityjs/releases).
## Contributing
1. To run tests you need node.js and npm. For example, in Ubuntu run:
```sh
sudo apt-get install nodejs npm
```
2. Next install npm dependencies:
```sh
npm install
```
3. Run all tests:
```sh
npm test
```
4. Run test server, to check code in real browsers:
```sh
./node_modules/.bin/cake server
```
5. Open tests in browser: [localhost:8000](http://localhost:8000).
6. Also you can see real usage example in integration test
`test/integration.html`.

View File

@ -0,0 +1,20 @@
{
"name": "visibilityjs",
"version": "1.2.3",
"homepage": "https://github.com/ai/visibilityjs",
"authors": ["Andrey A.I. Sitnik <andrey@sitnik.ru>"],
"description": "Wrapper for the Page Visibility API",
"license": "MIT",
"main": [
"lib/visibility.core.js",
"lib/visibility.timers.js"
],
"ignore": [
"package.json",
"*.gemspec",
"Cakefile",
"test",
"*.rb",
".*"
]
}

View File

@ -0,0 +1,14 @@
{
"name": "visibilityjs",
"version": "1.2.3",
"homepage": "https://github.com/ai/visibilityjs",
"authors": ["Andrey A.I. Sitnik <andrey@sitnik.ru>"],
"description": "Wrapper for the Page Visibility API",
"license": "MIT",
"main": "index.js",
"scripts": [
"index.js",
"lib/visibility.core.js",
"lib/visibility.timers.js"
]
}

View File

@ -0,0 +1 @@
module.exports = require('./lib/visibility.timers.js')

View File

@ -0,0 +1,191 @@
;(function (global) {
"use strict";
var lastId = -1;
// Visibility.js allow you to know, that your web page is in the background
// tab and thus not visible to the user. This library is wrap under
// Page Visibility API. It fix problems with different vendor prefixes and
// add high-level useful functions.
var self = {
// Call callback only when page become to visible for user or
// call it now if page is visible now or Page Visibility API
// doesnt supported.
//
// Return false if API isnt supported, true if page is already visible
// or listener ID (you can use it in `unbind` method) if page isnt
// visible now.
//
// Visibility.onVisible(function () {
// startIntroAnimation();
// });
onVisible: function (callback) {
var support = self.isSupported();
if ( !support || !self.hidden() ) {
callback();
return support;
}
var listener = self.change(function (e, state) {
if ( !self.hidden() ) {
self.unbind(listener);
callback();
}
});
return listener;
},
// Call callback when visibility will be changed. First argument for
// callback will be original event object, second will be visibility
// state name.
//
// Return listener ID to unbind listener by `unbind` method.
//
// If Page Visibility API doesnt supported method will be return false
// and callback never will be called.
//
// Visibility.change(function(e, state) {
// Statistics.visibilityChange(state);
// });
//
// It is just proxy to `visibilitychange` event, but use vendor prefix.
change: function (callback) {
if ( !self.isSupported() ) {
return false;
}
lastId += 1;
var number = lastId;
self._callbacks[number] = callback;
self._listen();
return number;
},
// Remove `change` listener by it ID.
//
// var id = Visibility.change(function(e, state) {
// firstChangeCallback();
// Visibility.unbind(id);
// });
unbind: function (id) {
delete self._callbacks[id];
},
// Call `callback` in any state, expect “prerender”. If current state
// is “prerender” it will wait until state will be changed.
// If Page Visibility API doesnt supported, it will call `callback`
// immediately.
//
// Return false if API isnt supported, true if page is already after
// prerendering or listener ID (you can use it in `unbind` method)
// if page is prerended now.
//
// Visibility.afterPrerendering(function () {
// Statistics.countVisitor();
// });
afterPrerendering: function (callback) {
var support = self.isSupported();
var prerender = 'prerender';
if ( !support || prerender != self.state() ) {
callback();
return support;
}
var listener = self.change(function (e, state) {
if ( prerender != state ) {
self.unbind(listener);
callback();
}
});
return listener;
},
// Return true if page now isnt visible to user.
//
// if ( !Visibility.hidden() ) {
// VideoPlayer.play();
// }
//
// It is just proxy to `document.hidden`, but use vendor prefix.
hidden: function () {
return !!(self._doc.hidden || self._doc.webkitHidden);
},
// Return visibility state: 'visible', 'hidden' or 'prerender'.
//
// if ( 'prerender' == Visibility.state() ) {
// Statistics.pageIsPrerendering();
// }
//
// Dont use `Visibility.state()` to detect, is page visible, because
// visibility states can extend in next API versions.
// Use more simpler and general `Visibility.hidden()` for this cases.
//
// It is just proxy to `document.visibilityState`, but use
// vendor prefix.
state: function () {
return self._doc.visibilityState ||
self._doc.webkitVisibilityState ||
'visible';
},
// Return true if browser support Page Visibility API.
//
// if ( Visibility.isSupported() ) {
// Statistics.startTrackingVisibility();
// Visibility.change(function(e, state)) {
// Statistics.trackVisibility(state);
// });
// }
isSupported: function () {
return !!(self._doc.visibilityState ||
self._doc.webkitVisibilityState);
},
// Link to document object to change it in tests.
_doc: document || {},
// Callbacks from `change` method, that wait visibility changes.
_callbacks: { },
// Listener for `visibilitychange` event.
_change: function(event) {
var state = self.state();
for ( var i in self._callbacks ) {
self._callbacks[i].call(self._doc, event, state);
}
},
// Set listener for `visibilitychange` event.
_listen: function () {
if ( self._init ) {
return;
}
var event = 'visibilitychange';
if ( self._doc.webkitVisibilityState ) {
event = 'webkit' + event;
}
var listener = function () {
self._change.apply(self, arguments);
};
if ( self._doc.addEventListener ) {
self._doc.addEventListener(event, listener);
} else {
self._doc.attachEvent(event, listener);
}
self._init = true;
}
};
if ( typeof(module) != 'undefined' && module.exports ) {
module.exports = self;
} else {
global.Visibility = self;
}
})(this);

View File

@ -0,0 +1,55 @@
// Add Page Visibility API support to old browsers by focus/blur hack.
//
// Include this script _before_ Visibility.js.
//
// Note, that this hack doesnt correctly emulate Page Visibility API:
// when user change focus from browser to another window (browser and your
// page may stay visible), this hack will decide, that you page is hidden.
//
// For Firefox 59 it will be better to use MozVisibility hack without
// this issue. See <https://github.com/private-face/mozvisibility>.
;(function (document) {
"use strict";
if ( document.visibilityState || document.webkitVisibilityState ) {
return;
}
document.hidden = false;
document.visibilityState = 'visible';
var event = null
var i = 0
var fireEvent = function () {
if( document.createEvent ) {
if ( !event ) {
event = document.createEvent('HTMLEvents');
event.initEvent('visibilitychange', true, true);
}
document.dispatchEvent(event);
} else {
if ( typeof(Visibility) == 'object' ) {
Visibility._change.call(Visibility, { });
}
}
}
var onFocus = function () {
document.hidden = false;
document.visibilityState = 'visible';
fireEvent();
};
var onBlur = function () {
document.hidden = true;
document.visibilityState = 'hidden';
fireEvent();
}
if ( document.addEventListener ) {
window.addEventListener('focus', onFocus, true);
window.addEventListener('blur', onBlur, true);
} else {
document.attachEvent('onfocusin', onFocus);
document.attachEvent('onfocusout', onBlur);
}
})(document);

View File

@ -0,0 +1,4 @@
// File for Rails Assets Pipeline
//= require visibility.core
//= require visibility.timers

View File

@ -0,0 +1,163 @@
;(function (window) {
"use strict";
var lastTimer = -1;
var install = function (Visibility) {
// Run callback every `interval` milliseconds if page is visible and
// every `hiddenInterval` milliseconds if page is hidden.
//
// Visibility.every(60 * 1000, 5 * 60 * 1000, function () {
// checkNewMails();
// });
//
// You can skip `hiddenInterval` and callback will be called only if
// page is visible.
//
// Visibility.every(1000, function () {
// updateCountdown();
// });
//
// It is analog of `setInterval(callback, interval)` but use visibility
// state.
//
// It return timer ID, that you can use in `Visibility.stop(id)` to stop
// timer (`clearInterval` analog).
// Warning: timer ID is different from interval ID from `setInterval`,
// so dont use it in `clearInterval`.
//
// On change state from hidden to visible timers will be execute.
Visibility.every = function (interval, hiddenInterval, callback) {
Visibility._time();
if ( !callback ) {
callback = hiddenInterval;
hiddenInterval = null;
}
lastTimer += 1;
var number = lastTimer;
Visibility._timers[number] = {
visible: interval,
hidden: hiddenInterval,
callback: callback
};
Visibility._run(number, false);
if ( Visibility.isSupported() ) {
Visibility._listen();
}
return number;
};
// Stop timer from `every` method by it ID (`every` method return it).
//
// slideshow = Visibility.every(5 * 1000, function () {
// changeSlide();
// });
// $('.stopSlideshow').click(function () {
// Visibility.stop(slideshow);
// });
Visibility.stop = function(id) {
if ( !Visibility._timers[id] ) {
return false;
}
Visibility._stop(id);
delete Visibility._timers[id];
return true;
};
// Callbacks and intervals added by `every` method.
Visibility._timers = { };
// Initialize variables on page loading.
Visibility._time = function () {
if ( Visibility._timed ) {
return;
}
Visibility._timed = true;
Visibility._wasHidden = Visibility.hidden();
Visibility.change(function () {
Visibility._stopRun();
Visibility._wasHidden = Visibility.hidden();
});
};
// Try to run timer from every method by its ID. It will be use
// `interval` or `hiddenInterval` depending on visibility state.
// If page is hidden and `hiddenInterval` is null,
// it will not run timer.
//
// Argument `runNow` say, that timers must be execute now too.
Visibility._run = function (id, runNow) {
var interval,
timer = Visibility._timers[id];
if ( Visibility.hidden() ) {
if ( null === timer.hidden ) {
return;
}
interval = timer.hidden;
} else {
interval = timer.visible;
}
var runner = function () {
timer.last = new Date();
timer.callback.call(window);
}
if ( runNow ) {
var now = new Date();
var last = now - timer.last ;
if ( interval > last ) {
timer.delay = setTimeout(function () {
runner();
timer.id = setInterval(runner, interval);
}, interval - last);
} else {
runner();
timer.id = setInterval(runner, interval);
}
} else {
timer.id = setInterval(runner, interval);
}
};
// Stop timer from `every` method by its ID.
Visibility._stop = function (id) {
var timer = Visibility._timers[id];
clearInterval(timer.id);
clearTimeout(timer.delay);
delete timer.id;
delete timer.delay;
};
// Listener for `visibilitychange` event.
Visibility._stopRun = function (event) {
var isHidden = Visibility.hidden(),
wasHidden = Visibility._wasHidden;
if ( (isHidden && !wasHidden) || (!isHidden && wasHidden) ) {
for ( var i in Visibility._timers ) {
Visibility._stop(i);
Visibility._run(i, !isHidden);
}
}
};
return Visibility;
}
if ( typeof(module) != 'undefined' && module.exports ) {
module.exports = install(require('./visibility.core'));
} else {
install(window.Visibility)
}
})(window);

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="34 -44 100 120"><path fill="#FFF" stroke="#000" stroke-width="2" d="M83.7 64.1c-7.1 0-23-13.8-31.7-29.3S47.2-20.9 49-23c1.8-2.1 12.8-8.1 34.7-8.1s32.9 5.7 34.7 8.1 5.7 42.5-3 58-24.6 29.1-31.7 29.1z"/><path fill="#FFF" stroke="#600" stroke-width="2" d="M129.2-7.8s-8.5-7.6-19-7.6-19 7.6-19 7.6 8.5 7.7 19 7.7 19-7.7 19-7.7z"/><path fill="#FFF" stroke="#600" stroke-width="2" d="M129.3-8l.2.1-.2.1c-.1.1-8.7 7.8-19.1 7.8s-19-7.7-19.1-7.8l-.2-.1.2-.1c.1-.1 8.7-7.7 19.1-7.7 10.4.1 19 7.6 19.1 7.7zm-19.1 7c9.5 0 16.9-6.3 18.2-7.4-1.2-1-8.7-6.9-18.2-6.9S93.3-9.5 92.1-8.4c1.2 1.1 8.6 7.4 18.1 7.4zM129.2 14.1s-8.5-7.6-19-7.6-19 7.6-19 7.6 8.5 7.7 19 7.7 19-7.7 19-7.7z"/><path fill="#FFF" stroke="#600" stroke-width="2" d="M129.3 13.9l.2.1-.2.1c-.1.1-8.7 7.8-19.1 7.8s-19-7.7-19.1-7.8l-.2-.1.2-.1c.1-.1 8.7-7.7 19.1-7.7 10.4.1 19 7.7 19.1 7.7zM110.2 21c9.5 0 16.9-6.3 18.2-7.4-1.2-1-8.7-6.9-18.2-6.9s-16.9 5.8-18.1 6.9c1.2 1 8.6 7.4 18.1 7.4zM128.9 36.3s-8.5-7.6-19-7.6-19 7.6-19 7.6 8.5 7.7 19 7.7 19-7.7 19-7.7z"/><path fill="#FFF" stroke="#600" stroke-width="2" d="M129 36.1l.2.1-.2.1c-.1.1-8.7 7.8-19.1 7.8s-19-7.7-19.1-7.8l-.2-.1.2-.1c.1-.1 8.7-7.7 19.1-7.7 10.4.1 19 7.7 19.1 7.7zm-19.1 7.1c9.5 0 16.9-6.3 18.2-7.4-1.2-1-8.7-6.9-18.2-6.9S93 34.7 91.8 35.8c1.2 1 8.6 7.4 18.1 7.4zM78.1-7.1S69.2.6 58.3.6 38.6-7.1 38.6-7.1s8.9-7.7 19.8-7.7 19.7 7.7 19.7 7.7z"/><circle fill="#600" cx="58.3" cy="-7.3" r="6.9"/><circle fill="#FFF" cx="58.3" cy="-7.1" r="3.5"/><path fill="#FFF" stroke="#600" stroke-width="2" d="M78.1 14.4s-8.9 7.7-19.8 7.7-19.8-7.7-19.8-7.7 8.9-7.7 19.8-7.7 19.8 7.7 19.8 7.7z"/><circle fill="#600" cx="58.3" cy="14.3" r="6.9"/><circle fill="#FFF" cx="58.3" cy="14.4" r="3.5"/><path fill="#FFF" stroke="#600" stroke-width="2" d="M78.1 36.1s-8.9 7.7-19.8 7.7-19.8-7.7-19.8-7.7 8.9-7.7 19.8-7.7 19.8 7.7 19.8 7.7z"/><circle fill="#600" cx="58.3" cy="36" r="6.9"/><circle fill="#FFF" cx="58.3" cy="36.1" r="3.5"/></svg>

After

Width:  |  Height:  |  Size: 1.9 KiB