Remove examples
This commit is contained in:
Claudia Meadows
parent
e000cd0803
commit
a0aae8f846
27 changed files with 0 additions and 3342 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
|
|
@ -1,73 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Mosaic</title>
|
||||
<style>
|
||||
#root {margin:auto;max-width:600px;width:100%;}
|
||||
.slice {animation:enter 1s;animation-fill-mode:forwards;background-image:url(flowers.jpg);height:60px;float:left;opacity:0;width:60px;}
|
||||
.slice:nth-child(10n) {clear:right;}
|
||||
.exit {animation:exit 1s;}
|
||||
|
||||
@keyframes enter {
|
||||
from {opacity:0;transform:rotate(-90deg) scale(0);}
|
||||
to {opacity:1;transform:rotate(0) scale(1);}
|
||||
}
|
||||
@keyframes exit {
|
||||
from {opacity:1;transform:rotate(0) scale(1);}
|
||||
to {opacity:0;transform:rotate(90deg) scale(0);}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script src="../../mithril.js"></script>
|
||||
<script src="../../stream/stream.js"></script>
|
||||
<script>
|
||||
var root = document.getElementById("root")
|
||||
|
||||
const range = (start, end) => {
|
||||
let full = []
|
||||
for (let i = start; i < end; i++) full.push(i)
|
||||
return full
|
||||
}
|
||||
|
||||
const exit = vnode => {
|
||||
vnode.dom.classList.add("exit")
|
||||
return new Promise(function(resolve) {
|
||||
setTimeout(resolve, 1000)
|
||||
})
|
||||
}
|
||||
|
||||
const backgroundPosition = step => i =>
|
||||
// X
|
||||
(i % step * (step+1)) + "% "
|
||||
// Y
|
||||
+ (Math.floor(i / step) * (step+1)) + "%"
|
||||
|
||||
// actions -> state -> vnode
|
||||
const view = exit => cells =>
|
||||
m(".container", cells.map(i =>
|
||||
m(".slice", {
|
||||
style: {backgroundPosition: backgroundPosition(10)(i)},
|
||||
onbeforeremove: exit
|
||||
})
|
||||
))
|
||||
|
||||
// delayed alternate array[0] and array[1] and pipe into actions stream
|
||||
const alternate = delay => array => actions => {
|
||||
let i = 1
|
||||
setInterval(() => actions(array[i = 1 - i]), delay)
|
||||
return actions
|
||||
}
|
||||
|
||||
// prepare stream alternating between empty and full
|
||||
alternate(2000)([[], range(0, 10 * 10)])(m.stream())
|
||||
// pipe state stream into view
|
||||
.map(view(exit))
|
||||
// pipe view stream into render
|
||||
.map(vnode => m.render(root, vnode))
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
|
|
@ -1,61 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Mosaic</title>
|
||||
<style>
|
||||
#root {margin:auto;max-width:600px;width:100%;}
|
||||
.slice {animation:enter 1s;animation-fill-mode:forwards;background-image:url(flowers.jpg);height:60px;float:left;opacity:0;width:60px;}
|
||||
.slice:nth-child(10n) {clear:right;}
|
||||
.exit {animation:exit 1s;}
|
||||
|
||||
@keyframes enter {
|
||||
from {opacity:0;transform:rotate(-90deg) scale(0);}
|
||||
to {opacity:1;transform:rotate(0) scale(1);}
|
||||
}
|
||||
@keyframes exit {
|
||||
from {opacity:1;transform:rotate(0) scale(1);}
|
||||
to {opacity:0;transform:rotate(90deg) scale(0);}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script src="../../mithril.js"></script>
|
||||
<script>
|
||||
var root = document.getElementById("root")
|
||||
|
||||
var empty = []
|
||||
var full = []
|
||||
for (var i = 0; i < 100; i++) full.push(i)
|
||||
|
||||
var cells
|
||||
|
||||
function view() {
|
||||
return m(".container", cells.map(function(i) {
|
||||
return m(".slice", {
|
||||
style: {backgroundPosition: (i % 10 * 11) + "% " + (Math.floor(i / 10) * 11) + "%"},
|
||||
onbeforeremove: exit
|
||||
})
|
||||
}))
|
||||
}
|
||||
|
||||
function exit(vnode) {
|
||||
vnode.dom.classList.add("exit")
|
||||
return new Promise(function(resolve) {
|
||||
setTimeout(resolve, 1000)
|
||||
})
|
||||
}
|
||||
|
||||
function run() {
|
||||
cells = cells === full ? empty : full
|
||||
|
||||
m.render(root, [view()])
|
||||
|
||||
setTimeout(run, 2000)
|
||||
}
|
||||
|
||||
run()
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,211 +0,0 @@
|
|||
var ENV = ENV || (function() {
|
||||
|
||||
var first = true;
|
||||
var counter = 0;
|
||||
var data;
|
||||
var _base;
|
||||
(_base = String.prototype).lpad || (_base.lpad = function(padding, toLength) {
|
||||
return padding.repeat((toLength - this.length) / padding.length).concat(this);
|
||||
});
|
||||
|
||||
function formatElapsed(value) {
|
||||
str = parseFloat(value).toFixed(2);
|
||||
if (value > 60) {
|
||||
minutes = Math.floor(value / 60);
|
||||
comps = (value % 60).toFixed(2).split('.');
|
||||
seconds = comps[0].lpad('0', 2);
|
||||
ms = comps[1];
|
||||
str = minutes + ":" + seconds + "." + ms;
|
||||
}
|
||||
return str;
|
||||
}
|
||||
|
||||
function getElapsedClassName(elapsed) {
|
||||
var className = 'Query elapsed';
|
||||
if (elapsed >= 10.0) {
|
||||
className += ' warn_long';
|
||||
}
|
||||
else if (elapsed >= 1.0) {
|
||||
className += ' warn';
|
||||
}
|
||||
else {
|
||||
className += ' short';
|
||||
}
|
||||
return className;
|
||||
}
|
||||
|
||||
function countClassName(queries) {
|
||||
var countClassName = "label";
|
||||
if (queries >= 20) {
|
||||
countClassName += " label-important";
|
||||
}
|
||||
else if (queries >= 10) {
|
||||
countClassName += " label-warning";
|
||||
}
|
||||
else {
|
||||
countClassName += " label-success";
|
||||
}
|
||||
return countClassName;
|
||||
}
|
||||
|
||||
function updateQuery(object) {
|
||||
if (!object) {
|
||||
object = {};
|
||||
}
|
||||
var elapsed = Math.random() * 15;
|
||||
object.elapsed = elapsed;
|
||||
object.formatElapsed = formatElapsed(elapsed);
|
||||
object.elapsedClassName = getElapsedClassName(elapsed);
|
||||
object.query = "SELECT blah FROM something";
|
||||
object.waiting = Math.random() < 0.5;
|
||||
if (Math.random() < 0.2) {
|
||||
object.query = "<IDLE> in transaction";
|
||||
}
|
||||
if (Math.random() < 0.1) {
|
||||
object.query = "vacuum";
|
||||
}
|
||||
return object;
|
||||
}
|
||||
|
||||
function cleanQuery(value) {
|
||||
if (value) {
|
||||
value.formatElapsed = "";
|
||||
value.elapsedClassName = "";
|
||||
value.query = "";
|
||||
value.elapsed = null;
|
||||
value.waiting = null;
|
||||
} else {
|
||||
return {
|
||||
query: "***",
|
||||
formatElapsed: "",
|
||||
elapsedClassName: ""
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
function generateRow(object, keepIdentity, counter) {
|
||||
var nbQueries = Math.floor((Math.random() * 10) + 1);
|
||||
if (!object) {
|
||||
object = {};
|
||||
}
|
||||
object.lastMutationId = counter;
|
||||
object.nbQueries = nbQueries;
|
||||
if (!object.lastSample) {
|
||||
object.lastSample = {};
|
||||
}
|
||||
if (!object.lastSample.topFiveQueries) {
|
||||
object.lastSample.topFiveQueries = [];
|
||||
}
|
||||
if (keepIdentity) {
|
||||
// for Angular optimization
|
||||
if (!object.lastSample.queries) {
|
||||
object.lastSample.queries = [];
|
||||
for (var l = 0; l < 12; l++) {
|
||||
object.lastSample.queries[l] = cleanQuery();
|
||||
}
|
||||
}
|
||||
for (var j in object.lastSample.queries) {
|
||||
var value = object.lastSample.queries[j];
|
||||
if (j <= nbQueries) {
|
||||
updateQuery(value);
|
||||
} else {
|
||||
cleanQuery(value);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
object.lastSample.queries = [];
|
||||
for (var j = 0; j < 12; j++) {
|
||||
if (j < nbQueries) {
|
||||
var value = updateQuery(cleanQuery());
|
||||
object.lastSample.queries.push(value);
|
||||
} else {
|
||||
object.lastSample.queries.push(cleanQuery());
|
||||
}
|
||||
}
|
||||
}
|
||||
for (var i = 0; i < 5; i++) {
|
||||
var source = object.lastSample.queries[i];
|
||||
object.lastSample.topFiveQueries[i] = source;
|
||||
}
|
||||
object.lastSample.nbQueries = nbQueries;
|
||||
object.lastSample.countClassName = countClassName(nbQueries);
|
||||
return object;
|
||||
}
|
||||
|
||||
function getData(keepIdentity) {
|
||||
var oldData = data;
|
||||
if (!keepIdentity) { // reset for each tick when !keepIdentity
|
||||
data = [];
|
||||
for (var i = 1; i <= ENV.rows; i++) {
|
||||
data.push({ dbname: 'cluster' + i, query: "", formatElapsed: "", elapsedClassName: "" });
|
||||
data.push({ dbname: 'cluster' + i + ' replica', query: "", formatElapsed: "", elapsedClassName: "" });
|
||||
}
|
||||
}
|
||||
if (!data) { // first init when keepIdentity
|
||||
data = [];
|
||||
for (var i = 1; i <= ENV.rows; i++) {
|
||||
data.push({ dbname: 'cluster' + i });
|
||||
data.push({ dbname: 'cluster' + i + ' replica' });
|
||||
}
|
||||
oldData = data;
|
||||
}
|
||||
for (var i in data) {
|
||||
var row = data[i];
|
||||
if (!keepIdentity && oldData && oldData[i]) {
|
||||
row.lastSample = oldData[i].lastSample;
|
||||
}
|
||||
if (!row.lastSample || Math.random() < ENV.mutations()) {
|
||||
counter = counter + 1;
|
||||
if (!keepIdentity) {
|
||||
row.lastSample = null;
|
||||
}
|
||||
generateRow(row, keepIdentity, counter);
|
||||
} else {
|
||||
data[i] = oldData[i];
|
||||
}
|
||||
}
|
||||
first = false;
|
||||
return {
|
||||
toArray: function() {
|
||||
return data;
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
var mutationsValue = 0.5;
|
||||
|
||||
function mutations(value) {
|
||||
if (value) {
|
||||
mutationsValue = value;
|
||||
return mutationsValue;
|
||||
} else {
|
||||
return mutationsValue;
|
||||
}
|
||||
}
|
||||
|
||||
var body = document.querySelector('body');
|
||||
var theFirstChild = body.firstChild;
|
||||
|
||||
var sliderContainer = document.createElement( 'div' );
|
||||
sliderContainer.style.cssText = "display: flex";
|
||||
var slider = document.createElement('input');
|
||||
var text = document.createElement('label');
|
||||
text.innerHTML = 'mutations : ' + (mutationsValue * 100).toFixed(0) + '%';
|
||||
text.id = "ratioval";
|
||||
slider.setAttribute("type", "range");
|
||||
slider.style.cssText = 'margin-bottom: 10px; margin-top: 5px';
|
||||
slider.addEventListener('change', function(e) {
|
||||
ENV.mutations(e.target.value / 100);
|
||||
document.querySelector('#ratioval').innerHTML = 'mutations : ' + (ENV.mutations() * 100).toFixed(0) + '%';
|
||||
});
|
||||
sliderContainer.appendChild( text );
|
||||
sliderContainer.appendChild( slider );
|
||||
body.insertBefore( sliderContainer, theFirstChild );
|
||||
|
||||
return {
|
||||
generateData: getData,
|
||||
rows: 50,
|
||||
timeout: 0,
|
||||
mutations: mutations
|
||||
};
|
||||
})();
|
||||
56
examples/dbmonster/angular/app.js
vendored
56
examples/dbmonster/angular/app.js
vendored
|
|
@ -1,56 +0,0 @@
|
|||
var renderStage = 0
|
||||
perfMonitor.startFPSMonitor()
|
||||
perfMonitor.startMemMonitor()
|
||||
perfMonitor.initProfiler("render")
|
||||
|
||||
var AppComponent = ng.core.Component({selector: "my-app"})
|
||||
.View({
|
||||
directives: [ng.common.CORE_DIRECTIVES],
|
||||
template: "<div>" +
|
||||
"<table class='table table-striped latest-data'>" +
|
||||
"<tbody>" +
|
||||
"<tr *ngFor='let db of databases'>" +
|
||||
"<td class='dbname'>{{db.dbname}}</td>" +
|
||||
"<td class='query-count'>" +
|
||||
"<span [class]='db.lastSample.countClassName'>{{db.lastSample.nbQueries}}</span>" +
|
||||
"</td>" +
|
||||
"<td *ngFor='let q of db.lastSample.topFiveQueries' [class]='\"Query \" + q.elapsedClassName'>" +
|
||||
"{{q.formatElapsed}}" +
|
||||
"<div class='popover left'>" +
|
||||
"<div class='popover-content'>{{q.query}}</div>" +
|
||||
"<div class='arrow'></div>" +
|
||||
"</div>" +
|
||||
"</td>" +
|
||||
"</tr>" +
|
||||
"</tbody>" +
|
||||
"</table>" +
|
||||
"</div>"
|
||||
})
|
||||
.Class({
|
||||
constructor: function() {
|
||||
this.databases = []
|
||||
this.update()
|
||||
},
|
||||
update: function() {
|
||||
requestAnimationFrame(function() {self.update()})
|
||||
|
||||
var self = this
|
||||
self.databases = ENV.generateData().toArray()
|
||||
|
||||
if (renderStage === 0) {
|
||||
renderStage = 1
|
||||
perfMonitor.startProfile("render")
|
||||
}
|
||||
},
|
||||
ngAfterViewChecked: function() {
|
||||
if (renderStage === 1) {
|
||||
perfMonitor.endProfile("render")
|
||||
renderStage = 0
|
||||
}
|
||||
},
|
||||
})
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function() {
|
||||
ng.core.enableProdMode()
|
||||
ng.platform.browser.bootstrap(AppComponent)
|
||||
})
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link href="../lib/bootstrap.min.css" rel="stylesheet" type="text/css" />
|
||||
<link href="../styles.css" rel="stylesheet" type="text/css" />
|
||||
<meta charset="utf-8">
|
||||
<title>dbmon (Angular2)</title>
|
||||
</head>
|
||||
<body>
|
||||
<my-app></my-app>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.17/angular2-polyfills.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.17/Rx.umd.js"></script>
|
||||
<script src="https://code.angularjs.org/2.0.0-beta.17/angular2-all.umd.js"></script>
|
||||
<script src="../ENV.js"></script>
|
||||
<script src="https://localvoid.github.io/perf-monitor/0.1/perf-monitor.js"></script>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,101 +0,0 @@
|
|||
/**
|
||||
* @author mrdoob / http://mrdoob.com/
|
||||
* @author jetienne / http://jetienne.com/
|
||||
* @author paulirish / http://paulirish.com/
|
||||
*/
|
||||
var MemoryStats = function (){
|
||||
|
||||
var msMin = 100;
|
||||
var msMax = 0;
|
||||
|
||||
var container = document.createElement( 'div' );
|
||||
container.id = 'stats';
|
||||
container.style.cssText = 'width:80px;opacity:0.9;cursor:pointer';
|
||||
|
||||
var msDiv = document.createElement( 'div' );
|
||||
msDiv.id = 'ms';
|
||||
msDiv.style.cssText = 'padding:0 0 3px 3px;text-align:left;background-color:#020;';
|
||||
container.appendChild( msDiv );
|
||||
|
||||
var msText = document.createElement( 'div' );
|
||||
msText.id = 'msText';
|
||||
msText.style.cssText = 'color:#0f0;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px';
|
||||
msText.innerHTML= 'Memory';
|
||||
msDiv.appendChild( msText );
|
||||
|
||||
var msGraph = document.createElement( 'div' );
|
||||
msGraph.id = 'msGraph';
|
||||
msGraph.style.cssText = 'position:relative;width:74px;height:30px;background-color:#0f0';
|
||||
msDiv.appendChild( msGraph );
|
||||
|
||||
while ( msGraph.children.length < 74 ) {
|
||||
|
||||
var bar = document.createElement( 'span' );
|
||||
bar.style.cssText = 'width:1px;height:30px;float:left;background-color:#131';
|
||||
msGraph.appendChild( bar );
|
||||
|
||||
}
|
||||
|
||||
var updateGraph = function ( dom, height, color ) {
|
||||
|
||||
var child = dom.appendChild( dom.firstChild );
|
||||
child.style.height = height + 'px';
|
||||
if( color ) child.style.backgroundColor = color;
|
||||
|
||||
}
|
||||
|
||||
var perf = window.performance || {};
|
||||
// polyfill usedJSHeapSize
|
||||
if (!perf && !perf.memory){
|
||||
perf.memory = { usedJSHeapSize : 0 };
|
||||
}
|
||||
if (perf && !perf.memory){
|
||||
perf.memory = { usedJSHeapSize : 0 };
|
||||
}
|
||||
|
||||
// support of the API?
|
||||
if( perf.memory.totalJSHeapSize === 0 ){
|
||||
console.warn('totalJSHeapSize === 0... performance.memory is only available in Chrome .')
|
||||
}
|
||||
|
||||
// TODO, add a sanity check to see if values are bucketed.
|
||||
// If so, reminde user to adopt the --enable-precise-memory-info flag.
|
||||
// open -a "/Applications/Google Chrome.app" --args --enable-precise-memory-info
|
||||
|
||||
var lastTime = Date.now();
|
||||
var lastUsedHeap= perf.memory.usedJSHeapSize;
|
||||
return {
|
||||
domElement: container,
|
||||
|
||||
update: function () {
|
||||
|
||||
// refresh only 30time per second
|
||||
if( Date.now() - lastTime < 1000/30 ) return;
|
||||
lastTime = Date.now()
|
||||
|
||||
var delta = perf.memory.usedJSHeapSize - lastUsedHeap;
|
||||
lastUsedHeap = perf.memory.usedJSHeapSize;
|
||||
var color = delta < 0 ? '#830' : '#131';
|
||||
|
||||
var ms = perf.memory.usedJSHeapSize;
|
||||
msMin = Math.min( msMin, ms );
|
||||
msMax = Math.max( msMax, ms );
|
||||
msText.textContent = "Mem: " + bytesToSize(ms, 2);
|
||||
|
||||
var normValue = ms / (30*1024*1024);
|
||||
var height = Math.min( 30, 30 - normValue * 30 );
|
||||
updateGraph( msGraph, height, color);
|
||||
|
||||
function bytesToSize( bytes, nFractDigit ){
|
||||
var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
|
||||
if (bytes == 0) return 'n/a';
|
||||
nFractDigit = nFractDigit !== undefined ? nFractDigit : 0;
|
||||
var precision = Math.pow(10, nFractDigit);
|
||||
var i = Math.floor(Math.log(bytes) / Math.log(1024));
|
||||
return Math.round(bytes*precision / Math.pow(1024, i))/precision + ' ' + sizes[i];
|
||||
};
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
};
|
||||
|
|
@ -1,47 +0,0 @@
|
|||
"use strict"
|
||||
|
||||
perfMonitor.startFPSMonitor()
|
||||
perfMonitor.startMemMonitor()
|
||||
perfMonitor.initProfiler("render")
|
||||
|
||||
var data = []
|
||||
|
||||
m.mount(document.getElementById("app"), {
|
||||
view: function() {
|
||||
return m("div", [
|
||||
m("table", {className: "table table-striped latest-data"}, [
|
||||
m("tbody",
|
||||
data.map(function(db) {
|
||||
return m("tr", {key: db.dbname}, [
|
||||
m("td", {className: "dbname"}, db.dbname),
|
||||
m("td", {className: "query-count"}, [
|
||||
m("span", {className: db.lastSample.countClassName}, db.lastSample.nbQueries)
|
||||
]),
|
||||
db.lastSample.topFiveQueries.map(function(query) {
|
||||
return m("td", {className: query.elapsedClassName}, [
|
||||
query.formatElapsed,
|
||||
m("div", {className: "popover left"}, [
|
||||
m("div", {className: "popover-content"}, query.query),
|
||||
m("div", {className: "arrow"})
|
||||
])
|
||||
])
|
||||
})
|
||||
])
|
||||
})
|
||||
)
|
||||
])
|
||||
])
|
||||
}
|
||||
})
|
||||
|
||||
function update() {
|
||||
requestAnimationFrame(update)
|
||||
|
||||
data = ENV.generateData().toArray()
|
||||
|
||||
perfMonitor.startProfile("render")
|
||||
m.redraw()
|
||||
perfMonitor.endProfile("render")
|
||||
}
|
||||
|
||||
update()
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="description" content="DBMON Mithril" />
|
||||
<meta charset="utf-8">
|
||||
<link href="../styles.css" rel="stylesheet" type="text/css" />
|
||||
<title>dbmon (Mithril)</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="../../../mithril.js"></script>
|
||||
<script src="../ENV.js"></script>
|
||||
<script src="https://localvoid.github.io/perf-monitor/0.1/perf-monitor.js"></script>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,60 +0,0 @@
|
|||
var Monitoring = Monitoring || (function() {
|
||||
|
||||
var stats = new MemoryStats();
|
||||
stats.domElement.style.position = 'fixed';
|
||||
stats.domElement.style.right = '0px';
|
||||
stats.domElement.style.bottom = '0px';
|
||||
document.body.appendChild( stats.domElement );
|
||||
requestAnimationFrame(function rAFloop(){
|
||||
stats.update();
|
||||
requestAnimationFrame(rAFloop);
|
||||
});
|
||||
|
||||
var RenderRate = function () {
|
||||
var container = document.createElement( 'div' );
|
||||
container.id = 'stats';
|
||||
container.style.cssText = 'width:150px;opacity:0.9;cursor:pointer;position:fixed;right:80px;bottom:0px;';
|
||||
|
||||
var msDiv = document.createElement( 'div' );
|
||||
msDiv.id = 'ms';
|
||||
msDiv.style.cssText = 'padding:0 0 3px 3px;text-align:left;background-color:#020;';
|
||||
container.appendChild( msDiv );
|
||||
|
||||
var msText = document.createElement( 'div' );
|
||||
msText.id = 'msText';
|
||||
msText.style.cssText = 'color:#0f0;font-family:Helvetica,Arial,sans-serif;font-size:9px;font-weight:bold;line-height:15px';
|
||||
msText.innerHTML= 'Repaint rate: 0/sec';
|
||||
msDiv.appendChild( msText );
|
||||
|
||||
var bucketSize = 20;
|
||||
var bucket = [];
|
||||
var lastTime = Date.now();
|
||||
return {
|
||||
domElement: container,
|
||||
ping: function () {
|
||||
var start = lastTime;
|
||||
var stop = Date.now();
|
||||
var rate = 1000 / (stop - start);
|
||||
bucket.push(rate);
|
||||
if (bucket.length > bucketSize) {
|
||||
bucket.shift();
|
||||
}
|
||||
var sum = 0;
|
||||
for (var i = 0; i < bucket.length; i++) {
|
||||
sum = sum + bucket[i];
|
||||
}
|
||||
msText.textContent = "Repaint rate: " + (sum / bucket.length).toFixed(2) + "/sec";
|
||||
lastTime = stop;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
var renderRate = new RenderRate();
|
||||
document.body.appendChild( renderRate.domElement );
|
||||
|
||||
return {
|
||||
memoryStats: stats,
|
||||
renderRate: renderRate
|
||||
};
|
||||
|
||||
})();
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
"use strict"
|
||||
|
||||
var h = React.createElement
|
||||
|
||||
perfMonitor.startFPSMonitor()
|
||||
perfMonitor.startMemMonitor()
|
||||
perfMonitor.initProfiler("render")
|
||||
|
||||
var data = []
|
||||
|
||||
var DBMon = React.createClass({
|
||||
render: function() {
|
||||
return h("div", null,
|
||||
h("table", {className: "table table-striped latest-data"},
|
||||
h("tbody", null,
|
||||
data.map(function(db) {
|
||||
return h("tr", {key: db.dbname},
|
||||
h("td", {className: "dbname"}, db.dbname),
|
||||
h("td", {className: "query-count"},
|
||||
h("span", {className: db.lastSample.countClassName}, db.lastSample.nbQueries)
|
||||
),
|
||||
db.lastSample.topFiveQueries.map(function(query, i) {
|
||||
return h("td", {key: i, className: query.elapsedClassName},
|
||||
query.formatElapsed,
|
||||
h("div", {className: "popover left"},
|
||||
h("div", {className: "popover-content"}, query.query),
|
||||
h("div", {className: "arrow"})
|
||||
)
|
||||
)
|
||||
})
|
||||
)
|
||||
})
|
||||
)
|
||||
)
|
||||
)
|
||||
}
|
||||
})
|
||||
|
||||
var root = document.getElementById("app")
|
||||
function update() {
|
||||
requestAnimationFrame(update)
|
||||
|
||||
data = ENV.generateData().toArray()
|
||||
|
||||
perfMonitor.startProfile("render")
|
||||
ReactDOM.render(h(DBMon, null), root)
|
||||
perfMonitor.endProfile("render")
|
||||
}
|
||||
|
||||
update()
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta name="description" content="DBMON Mithril" />
|
||||
<meta charset="utf-8">
|
||||
<link href="../styles.css" rel="stylesheet" type="text/css" />
|
||||
<title>dbmon (React)</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="https://unpkg.com/react@15.3.2/dist/react.min.js"></script>
|
||||
<script src="https://unpkg.com/react-dom@15.3.2/dist/react-dom.min.js"></script>
|
||||
<script src="../ENV.js"></script>
|
||||
<script src="https://localvoid.github.io/perf-monitor/0.1/perf-monitor.js"></script>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,26 +0,0 @@
|
|||
body {color:#333;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;margin:0;}
|
||||
label {display:inline-block;font-weight:700;margin-bottom:5px;}
|
||||
input[type=range] {display:block;width:100%;}
|
||||
table {border-collapse:collapse;border-spacing:0;}
|
||||
:before,:after {box-sizing: border-box;}
|
||||
|
||||
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td {border-top:1px solid #ddd;line-height:1.42857143;padding:8px;vertical-align:top;}
|
||||
.table {width:100%;}
|
||||
.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th {background:#f9f9f9;}
|
||||
|
||||
.label {border-radius:.25em;color:#fff;display:inline;font-size:75%;font-weight:700;line-height:1;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap;}
|
||||
.label-success {background-color:#5cb85c;}
|
||||
.label-warning {background-color:#f0ad4e;}
|
||||
|
||||
.popover {background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2);display:none;left:0;max-width:276px;padding:1px;position:absolute;text-align:left;top:0;white-space:normal;z-index:1010;}
|
||||
.popover>.arrow:after {border-width:10px;content:"";}
|
||||
.popover.left {margin-left:-10px;}
|
||||
.popover.left > .arrow {border-right-width:0;border-left-color:rgba(0,0,0,.25);margin-top:-11px;right:-11px;top:50%;}
|
||||
.popover.left > .arrow:after {border-left-color:#fff;border-right-width:0;bottom:-10px;content:" ";right:1px;}
|
||||
.popover > .arrow {border-width:11px;}
|
||||
.popover > .arrow,.popover>.arrow:after {border-color:transparent;border-style:solid;display:block;height:0;position:absolute;width:0;}
|
||||
|
||||
.popover-content {padding:9px 14px;}
|
||||
|
||||
.Query {position:relative;}
|
||||
.Query:hover .popover {display:block;left:-100%;width:100%;}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
var renderStage = 0
|
||||
perfMonitor.startFPSMonitor()
|
||||
perfMonitor.startMemMonitor()
|
||||
perfMonitor.initProfiler("render")
|
||||
|
||||
var vm = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
databases: [],
|
||||
},
|
||||
methods: {
|
||||
update: function () {
|
||||
requestAnimationFrame(this.update.bind(this))
|
||||
this.databases = ENV.generateData().toArray()
|
||||
|
||||
if (renderStage === 0) {
|
||||
renderStage = 1
|
||||
perfMonitor.startProfile('render')
|
||||
}
|
||||
},
|
||||
},
|
||||
updated: function () {
|
||||
if (renderStage === 1) {
|
||||
renderStage = 0
|
||||
perfMonitor.endProfile('render')
|
||||
}
|
||||
},
|
||||
template: '<div>' +
|
||||
'<table class="table table-striped latest-data">' +
|
||||
'<tbody>' +
|
||||
'<tr v-for="db of databases">' +
|
||||
'<td class="dbname">{{ db.dbname }}</td>' +
|
||||
'<td class="query-count">' +
|
||||
'<span v-bind:class="[ db.lastSample.countClassName ]">' +
|
||||
'{{ db.lastSample.nbQueries}}' +
|
||||
'</span>' +
|
||||
'</td>' +
|
||||
'<td v-for="q of db.lastSample.topFiveQueries" v-bind:class="[ q.elapsedClassName ]">' +
|
||||
'{{ q.formatElapsed }}' +
|
||||
'<div class="popover left">' +
|
||||
'<div className="popover-content">{{ q.query }}</div>' +
|
||||
'<div className="arrow"></div>' +
|
||||
'</div>' +
|
||||
'</td>' +
|
||||
'</tr>' +
|
||||
'</tbody>' +
|
||||
'</table>' +
|
||||
'</div>',
|
||||
})
|
||||
|
||||
vm.update()
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link href="../styles.css" rel="stylesheet" type="text/css" />
|
||||
<title>dbmon (Vue 2)</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="https://vuejs.org/js/vue.min.js"></script>
|
||||
<script src="../ENV.js"></script>
|
||||
<script src="https://localvoid.github.io/perf-monitor/0.1/perf-monitor.js"></script>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,42 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Markdown Editor</title>
|
||||
<style>
|
||||
html,body {height:100%;margin:0;}
|
||||
h1,h2,h3,h4,h5,h6,p {margin:0 0 10px;}
|
||||
#editor {display:flex;height:100%;}
|
||||
.input,.preview {box-sizing:border-box;height:100%;margin:0;padding:10px;width:50%;}
|
||||
.input {border:0;border-right:1px solid #ccc;outline:none;resize:none;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="editor"></div>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/5.0.2/marked.min.js"></script>
|
||||
<script src="../../mithril.js"></script>
|
||||
<script>
|
||||
//model
|
||||
var state = {
|
||||
text: "# Markdown Editor\n\nType on the left panel and see the result on the right panel",
|
||||
update: function(value) {
|
||||
state.text = value
|
||||
}
|
||||
}
|
||||
|
||||
//view
|
||||
var Editor = {
|
||||
view: function() {
|
||||
return [
|
||||
m("textarea.input", {
|
||||
oninput: function (e) { state.update(e.target.value) },
|
||||
value: state.text
|
||||
}),
|
||||
m(".preview", m.trust(marked.parse(state.text))),
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
m.mount(document.getElementById("editor"), Editor)
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,64 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>SVG Clock</title>
|
||||
<style>#root {margin:auto;max-width:600px;width:100%;}</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script src="../../mithril.js"></script>
|
||||
<script>
|
||||
var clock = m("svg[viewBox='0 0 300 300'][xmlns='http://www.w3.org/2000/svg'][xmlns:xlink='http://www.w3.org/1999/xlink']", [
|
||||
m("g[transform='translate(150,150)']", [
|
||||
m("g", [
|
||||
m("circle[fill='none'][r='108'][stroke='gray'][stroke-width='4']"),
|
||||
m("circle[fill='none'][r='97'][stroke='black'][stroke-dasharray='4,46.789082'][stroke-width='11'][transform='rotate(-1.5)']"),
|
||||
m("circle[fill='none'][r='100'][stroke='black'][stroke-dasharray='2,8.471976'][stroke-width='5'][transform='rotate(-.873)']")
|
||||
]),
|
||||
m("g[id='hands'][transform='rotate(180)']", [
|
||||
m("g[id='hour']", [
|
||||
m("line[opacity='.5'][stroke='blue'][stroke-linecap='round'][stroke-width='5'][y2='75']"),
|
||||
m("animateTransform[attributeName='transform'][by='360'][dur='12h'][repeatCount='indefinite'][type='rotate']"),
|
||||
m("circle[r='7']")
|
||||
]),
|
||||
m("g[id='minute']", [
|
||||
m("line[opacity='.9'][stroke='green'][stroke-linecap='round'][stroke-width='4'][y2='93']"),
|
||||
m("animateTransform[attributeName='transform'][by='360'][dur='60min'][repeatCount='indefinite'][type='rotate']"),
|
||||
m("circle[fill='red'][r='6']")
|
||||
]),
|
||||
m("g[id='second']", [
|
||||
m("line[stroke='red'][stroke-linecap='round'][stroke-width='2'][y1='-20'][y2='102']"),
|
||||
m("animateTransform[attributeName='transform'][by='360'][dur='60s'][repeatCount='indefinite'][type='rotate']"),
|
||||
m("circle[fill='blue'][r='4']")
|
||||
])
|
||||
])
|
||||
]),
|
||||
m("script", [
|
||||
"function setClock() {" +
|
||||
" var date = new Date();" +
|
||||
" var h = parseInt(date.getHours());" +
|
||||
" h = h > 12 ? h-12: h;" +
|
||||
" var m = parseInt(date.getMinutes());" +
|
||||
" var s = parseInt(date.getSeconds());" +
|
||||
"" +
|
||||
" var second = 6*s;" +
|
||||
" var minute =(m+s/60)*6;" +
|
||||
" var hour = (h+m/60+s/3600)*30;" +
|
||||
"" +
|
||||
" var hourHand = document.getElementById('hour');" +
|
||||
" var minuteHand = document.getElementById('minute');" +
|
||||
" var secondHand = document.getElementById('second');" +
|
||||
"" +
|
||||
" hourHand.setAttribute('transform','rotate('+ hour.toString() +')');" +
|
||||
" minuteHand.setAttribute('transform','rotate('+ minute.toString() +')');" +
|
||||
" secondHand.setAttribute('transform','rotate('+ second.toString() +')');" +
|
||||
"};" +
|
||||
"setClock();"
|
||||
]),
|
||||
])
|
||||
|
||||
m.render(document.getElementById("root"), [clock])
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,830 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>SVG Ring</title>
|
||||
<style>#root {margin:auto;max-width:600px;width:100%;}</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script src="../../mithril.js"></script>
|
||||
<script>
|
||||
//https://codepen.io/RobinVr/pen/kEoqc
|
||||
var ring = m(".top",
|
||||
m(".middle",
|
||||
m("svg[preserveAspectRatio='xMidYMid meet'][version='1.1'][viewBox='0 0 584 586'][xmlns='http://www.w3.org/2000/svg'][xmlns:sketch='http://www.bohemiancoding.com/sketch/ns'][xmlns:xlink='http://www.w3.org/1999/xlink']", [
|
||||
m("title", "Group 2"),
|
||||
m("desc", "Created with Sketch."),
|
||||
m("defs"),
|
||||
m("g[fill='none'][fill-rule='evenodd'][id='Page-1'][sketch:type='MSPage'][stroke='none'][stroke-width='1.5']",
|
||||
m("g[id='Group-2'][opacity='0.9'][sketch:type='MSLayerGroup'][stroke='#FFFFFF'][transform='translate(1.000000, 1.000000)']", [
|
||||
m("path[d='M359.085786,10.8707797 L359.085786,85.5688806 L397.873564,24.7820036 L359.085786,10.8707797 Z'][id='Path-1'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M388.952155,53.4828426 L440.476682,45.4269494 L406.424622,25.6072146 L388.952155,53.4828426 Z'][id='Path-2'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M388.359961,57.7776075 L368.989907,82.6788083 L406.789472,83.3114701 L388.359961,57.7776075 Z'][id='Path-3'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M397.616885,56.7268388 L451.257176,64.3132787 L455.930557,98.2459556 L397.616885,56.7268388 Z'][id='Path-4'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M488.965071,83.1721011 L437.559715,121.57192 L511.838785,106.850156 L488.965071,83.1721011 Z'][id='Path-5'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M450.521976,51.4033109 L457.208449,60.3559335 L427.849937,55.9511405 L450.521976,51.4033109 Z'][id='Path-6'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M382.348185,90.1570539 L429.118662,90.6870227 L426.672883,114.871207 L382.348185,90.1570539 Z'][id='Path-7'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M433.645369,92.5538334 L431.362765,117.962997 L452.260055,102.302326 L433.645369,92.5538334 Z'][id='Path-8'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M455.77105,64.9587771 L485.683254,79.0918911 L463.704246,95.5300945 L455.77105,64.9587771 Z'][id='Path-9'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M490.266797,117.367012 L489.124578,158.11043 L516.200485,140.003467 L490.266797,117.367012 Z'][id='Path-10'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M496.870766,115.349829 L522.397436,136.843825 L519.012947,111.740906 L496.870766,115.349829 Z'][id='Path-11'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M526.126607,123.176497 L527.103818,156.84694 L544.759627,151.156652 L526.126607,123.176497 Z'][id='Path-12'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M521.416557,144.028663 L521.416557,177.381858 L487.307661,167.560013 L521.416557,144.028663 Z'][id='Path-13'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M443.714497,125.58428 L483.86267,118.551648 L480.863199,170.38957 L443.714497,125.58428 Z'][id='Path-14'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M529.650435,187.383415 L556.053478,213.77183 L550.038036,167.539841 L529.650435,187.383415 Z'][id='Path-15'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M527.650176,161.933908 L528.915234,181.672955 L544.942969,165.256757 L527.650176,161.933908 Z'][id='Path-16'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M546.184192,155.304713 L535.460534,158.689912 L547.672927,160.974829 L546.184192,155.304713 Z'][id='Path-17'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M483.609659,175.593901 L520.470514,181.610606 L510.051203,231.959481 L483.609659,175.593901 Z'][id='Path-18'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M524.098847,189.440942 L550.50189,216.808606 L518.899275,231.7761 L524.098847,189.440942 Z'][id='Path-19'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M558.370917,180.121558 L560.490348,238.647357 L578.333165,238.341112 L558.370917,180.121558 Z'][id='Path-20'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M552.645155,221.332596 L514.3359,263.198302 L554.623412,289.280471 L552.645155,221.332596 Z'][id='Path-21'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M511.747114,236.608169 L535.825384,231.897131 L511.869953,254.878341 L511.747114,236.608169 Z'][id='Path-22'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M558.394752,242.744072 L574.990846,280.654265 L577.599798,245.94589 L558.394752,242.744072 Z'][id='Path-23'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M560.677356,260.465936 L575.990058,299.27286 L558.864107,303.167856 L560.677356,260.465936 Z'][id='Path-24'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M581.717654,281.653688 L575.293359,286.48759 L581.492143,293.808129 L581.717654,281.653688 Z'][id='Path-25'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M512.355809,269.031627 L510.724068,303.596965 L525.873595,298.37613 L512.355809,269.031627 Z'][id='Path-26'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M525.730588,280.491057 L551.277426,294.317926 L534.477823,327.883842 L525.730588,280.491057 Z'][id='Path-27'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M548.09828,311.407129 L581.332636,303.740002 L577.41829,330.271453 L548.09828,311.407129 Z'][id='Path-28'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M512.726159,307.453452 L506.221195,350.971413 L538.964195,348.033662 L512.726159,307.453452 Z'][id='Path-29'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M520.633688,309.813555 L528.280872,320.704507 L525.506912,305.715007 L520.633688,309.813555 Z'][id='Path-30'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M548.485131,318.641479 L576.419078,338.485053 L562.574943,354.615178 L548.485131,318.641479 Z'][id='Path-31'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M545.162979,323.130627 L555.58229,362.407004 L541.248633,359.958878 L545.162979,323.130627 Z'][id='Path-32'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M572.787078,353.597418 L539.228207,380.006004 L561.084375,393.381757 L572.787078,353.597418 Z'][id='Path-33'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M504.44278,356.43431 L537.310452,353.986184 L514.313899,398.340359 L504.44278,356.43431 Z'][id='Path-34'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M499.531055,371.605356 L508.828314,401.74573 L490.090789,411.677602 L499.531055,371.605356 Z'][id='Path-35'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M541.122127,365.465786 L533.476777,375.887284 L547.606924,367.770875 L541.122127,365.465786 Z'][id='Path-36'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M534.314648,383.860656 L560.351008,399.827572 L503.630576,420.037907 L534.314648,383.860656 Z'][id='Path-37'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M473.107844,421.963399 L500.653106,413.173985 L488.094197,445.109651 L473.107844,421.963399 Z'][id='Path-38'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M504.402445,427.393288 L547.135736,412.059033 L531.152004,445.99171 L504.402445,427.393288 Z'][id='Path-39'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M503.79375,433.551196 L510.317049,461.204934 L484.58687,461.53135 L503.79375,433.551196 Z'][id='Path-40'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M512.311807,439.426698 L533.722455,453.374598 L518.798437,472.339781 L512.311807,439.426698 Z'][id='Path-41'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M470.399887,430.734475 L482.636114,451.170368 L444.87505,456.719453 L470.399887,430.734475 Z'][id='Path-42'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M505.304486,486.940514 L468.856149,517.810742 L445.81376,469.035269 L505.304486,486.940514 Z'][id='Path-43'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M511.959791,466.178205 L474.814756,466.178205 L504.090764,477.272709 L511.959791,466.178205 Z'][id='Path-44'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M438.076739,463.687902 L413.325605,482.286324 L446.847807,487.508993 L438.076739,463.687902 Z'][id='Path-45'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M446.924811,493.707245 L430.941079,509.613645 L456.018561,516.424387 L446.924811,493.707245 Z'][id='Path-46'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M442.359602,461.237942 L473.634035,458.303859 L469.512513,468.910571 L442.359602,461.237942 Z'][id='Path-47'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M413.281603,487.094554 L441.292553,492.313555 L411.935874,523.271805 L413.281603,487.094554 Z'][id='Path-48'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M380.008745,498.148714 L408.712727,484.890324 L405.126563,517.47699 L380.008745,498.148714 Z'][id='Path-49'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M350.20838,529.06662 L384.207271,566.226789 L300.046081,518.955034 L350.20838,529.06662 Z'][id='Path-50'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M376.459249,506.543861 L391.955292,561.125151 L421.234967,549.132084 L376.459249,506.543861 Z'][id='Path-51'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M432.286807,514.788635 L412.141217,532.000703 L434.285232,544.034114 L432.286807,514.788635 Z'][id='Path-52'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M439.176789,517.359626 L440.562853,537.832195 L461.969834,523.884295 L439.176789,517.359626 Z'][id='Path-53'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M352.47815,556.911073 L334.616998,578.571945 L371.60436,569.51663 L352.47815,556.911073 Z'][id='Path-54'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M309.04816,535.048483 L343.710748,555.117615 L318.592931,581.506029 L309.04816,535.048483 Z'][id='Path-55'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M266.806225,519.926949 C266.806225,523.803607 302.363521,584.084355 302.363521,584.084355 L268.80465,582.701668 C268.80465,582.701668 266.806225,516.050291 266.806225,519.926949 Z'][id='Path-56'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M279.449471,524.08968 L305.505998,573.279592 L299.305381,527.680265 L279.449471,524.08968 Z'][id='Path-57'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M221.418145,506.672227 L175.256363,554.721513 L243.679498,517.484325 L221.418145,506.672227 Z'][id='Path-58'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M224.593624,536.775924 L235.315449,559.493067 L186.792225,559.493067 L224.593624,536.775924 Z'][id='Path-59'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M233.526033,535.75633 L256.971774,516.259345 L261.173967,580.743167 L233.526033,535.75633 Z'][id='Path-60'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M198.375756,565.368569 L244.577873,567.246383 L256.645426,580.622136 L198.375756,565.368569 Z'][id='Path-61'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M320.617024,-0.282405547 L329.058077,35.8545016 L350.468725,6.32295016 L320.617024,-0.282405547 Z'][id='Path-62'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M349.082661,22.7978296 L330.609148,50.1251507 L353.039176,61.8321443 L349.082661,22.7978296 Z'][id='Path-63'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M316.917187,46.7802954 L351.128755,76.3925342 L298.076991,67.9497086 L316.917187,46.7802954 Z'][id='Path-64'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M284.128352,24.6352994 L309.205834,43.519795 L287.391835,64.8139068 L284.128352,24.6352994 Z'][id='Path-65'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M290.325302,19.21458 L319.032951,37.3655547 L311.937626,0.0843549035 L290.325302,19.21458 Z'][id='Path-66'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M239.257296,6.33028537 L209.519267,37.7249799 L248.065033,50.6239449 L239.257296,6.33028537 Z'][id='Path-67'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M252.600907,7.10414992 L261.082296,66.8127512 L281.83658,7.87434686 L252.600907,7.10414992 Z'][id='Path-68'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M278.004738,49.3916298 L268.258291,67.909365 L278.943448,67.909365 L278.004738,49.3916298 Z'][id='Path-69'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M220.783783,11.703326 L169.807447,30.2210611 L188.933657,50.697297 L220.783783,11.703326 Z'][id='Path-70'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M221.264138,49.6300241 L253.150932,60.1927251 L243.85184,74.4266982 L221.264138,49.6300241 Z'][id='Path-72'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M159.807989,39.2250301 L112.223475,66.5523513 L148.965159,78.5417504 L159.807989,39.2250301 Z'][id='Path-73'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M167.559677,44.7704482 L144.377949,110.559938 L183.257397,65.3273714 L167.559677,44.7704482 Z'][id='Path-74'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M180.279927,83.5590334 L150.637235,110.923031 L176.000731,102.846965 L180.279927,83.5590334 Z'][id='Path-75'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M110.140713,77.1920719 L140.395766,87.5530547 L130.608984,113.288635 L110.140713,77.1920719 Z'][id='Path-76'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M103.434073,72.7432677 L78.3565902,96.7697448 L110.5734,105.21257 L103.434073,72.7432677 Z'][id='Path-77'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M115.259614,98.1524317 L116.484337,142.446091 L134.305154,126.499347 L115.259614,98.1524317 Z'][id='Path-78'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M70.8945817,107.123392 L109.268007,112.30205 L92.422568,149.623593 L70.8945817,107.123392 Z'][id='Path-79'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M107.064239,130.207295 L89.8227823,180.270096 L111.629448,155.044313 L107.064239,130.207295 Z'][id='Path-80'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M59.0727067,116.204381 L79.137626,141.496182 L55.6478831,161.029843 L59.0727067,116.204381 Z'][id='Path-81'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M42.1942666,180.270096 L55.981565,222.792303 L87.3770035,158.961314 L42.1942666,180.270096 Z'][id='Path-82'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M205.093397,47.7008641 L189.839365,89.7499498 L229.111164,75.3949457 L205.093397,47.7008641 Z'][id='Path-83'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M44.6730469,146.5208 L27.0979083,173.275975 L49.8909526,167.730557 L44.6730469,146.5208 Z'][id='Path-83'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M15.9965663,197.680215 L34.8862651,177.886154 L49.5242692,246.242966 L15.9965663,197.680215 Z'][id='Path-84'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M85.0412298,188.573553 L55.9925655,237.484727 L69.8678679,249.059686 L85.0412298,188.573553 Z'][id='Path-85'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M14.2493196,210.597518 L47.1719947,260.018489 L5.40124748,263.374347 L14.2493196,210.597518 Z'][id='Path-86'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M10.9051663,278.957998 L41.8935862,268.556672 L27.5819304,336.095609 L10.9051663,278.957998 Z'][id='Path-87'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M0.108171623,266.035194 L0.108171623,333.737339 L30.874748,371.035043 L0.108171623,266.035194 Z'][id='Path-88'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M55.1968624,245.701995 L49.5921056,281.985606 L68.5111391,254.225507 L55.1968624,245.701995 Z'][id='Path-89'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M66.49438,265.725281 L39.6824849,305.957069 L63.5829133,314.966539 L66.49438,265.725281 Z'][id='Path-90'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M42.6581212,312.914515 L30.9554183,340.505903 L56.5022555,360.041399 L42.6581212,312.914515 Z'][id='Path-91'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M51.9553805,317.319308 L64.1677734,363.956567 L71.9762979,349.803281 L51.9553805,317.319308 Z'][id='Path-92'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M66.7583921,318.971564 L63.168561,326.108722 L70.3262223,335.877386 L66.7583921,318.971564 Z'][id='Path-93'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M33.6670426,354.983772 L36.7673513,388.225106 L68.0417843,383.657104 L33.6670426,354.983772 Z'][id='Path-94'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M73.4852004,358.737565 L64.7177986,371.401804 L82.1499307,392.569383 L73.4852004,358.737565 Z'][id='Path-95'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M6.01910912,358.820086 L27.8166079,374.115831 L32.8713395,423.302075 L6.01910912,358.820086 Z'][id='Path-96'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M38.171749,393.610983 L39.7814894,424.40419 L75.0326046,391.551623 L38.171749,393.610983 Z'][id='Path-97'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M68.1994582,413.53341 L36.7435169,434.273714 L84.5132056,455.95109 L68.1994582,413.53341 Z'][id='Path-98'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M95.7868889,409.007586 L92.6884136,439.434033 L121.047713,439.923659 L95.7868889,409.007586 Z'][id='Path-99'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M44.1028541,444.49166 L77.9477382,460.192675 L57.4171308,470.775548 L44.1028541,444.49166 Z'][id='Path-100'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M95.9298954,444.042378 L89.5697707,458.723799 L122.496113,458.887008 L95.9298954,444.042378 Z'][id='Path-101'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M82.5752835,464.942223 L80.6190272,490.16984 L109.937204,485.275422 L82.5752835,464.942223 Z'][id='Path-102'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M63.6764176,473.060465 L76.3178301,466.697171 L74.3414063,488.700965 L63.6764176,473.060465 Z'][id='Path-103'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M126.65797,464.513113 L94.9325164,463.533863 L118.908115,486.353698 L126.65797,464.513113 Z'][id='Path-104'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M127.838691,445.610279 L111.385604,444.141404 L136.11657,465.778436 L127.838691,445.610279 Z'][id='Path-105'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M148.818485,470.73337 L129.083581,469.917328 L137.238621,504.95212 L148.818485,470.73337 Z'][id='Path-106'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M83.6606666,496.364424 L127.598513,490.166173 L128.414384,515.4323 L83.6606666,496.364424 Z'][id='Path-107'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M156.731515,473.951693 L144.948141,505.091489 L181.137966,502.31878 L156.731515,473.951693 Z'][id='Path-108'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M132.878755,509.353246 L132.939258,537.027155 L161.135383,533.275196 L132.878755,509.353246 Z'][id='Path-109'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M103.985931,511.594152 L126.311454,519.567524 L125.332409,534.210435 L103.985931,511.594152 Z'][id='Path-110'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M178.81136,508.96448 L142.132012,510.921147 L169.657107,533.251357 L178.81136,508.96448 Z'][id='Path-111'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M186.398041,491.365479 L186.071692,509.615479 L213.288773,504.906275 L186.398041,491.365479 Z'][id='Path-112'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M184.500454,515.733044 L167.884192,544.404542 L199.791154,518.159164 L184.500454,515.733044 Z'][id='Path-113'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M139.138042,541.547478 L163.419821,537.978899 L157.710559,553.131607 L139.138042,541.547478 Z'][id='Path-114'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M170.230966,548.785495 L163.419821,554.149367 L171.045004,559.982692 L170.230966,548.785495 Z'][id='Path-115'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M369.858947,507.288384 L376.63159,543.018187 L345.925517,513.039188 L369.858947,507.288384 Z'][id='Path-116'][sketch:type='MSShapeGroup']"),
|
||||
m("path[d='M78.9616179,403.498844 L82.9181326,435.194283 L90.7064894,407.907305 L78.9616179,403.498844 Z'][id='Path-117'][sketch:type='MSShapeGroup']")
|
||||
])
|
||||
),
|
||||
m("style", [
|
||||
"html {" +
|
||||
" background-color: #17D3D0" +
|
||||
"}" +
|
||||
".top {" +
|
||||
" height: 100%;" +
|
||||
" background-color: #17D3D0;" +
|
||||
" margin: 2% auto" +
|
||||
"}" +
|
||||
".middle {" +
|
||||
" margin: 0 auto;" +
|
||||
" width: 100%;" +
|
||||
" max-width: 500px;" +
|
||||
" -webkit-transform: rotate(180deg);" +
|
||||
" -ms-transform: rotate(180deg);" +
|
||||
" transform: rotate(180deg)" +
|
||||
"}" +
|
||||
".middle svg {" +
|
||||
" transform-origin: 50% 50%;" +
|
||||
" -webkit-animation: fader 1s 1 ease-in forwards, filler 1s 1 ease-in forwards;" +
|
||||
" animation: fader 1s 1 ease-in forwards, filler 1s 1 ease-in forwards;" +
|
||||
" -webkit-animation-fill-mode: forwards;" +
|
||||
" animation-fill-mode: forwards" +
|
||||
"}" +
|
||||
"@-webkit-keyframes rotater {" +
|
||||
" 0% {" +
|
||||
" -webkit-transform: rotate(0deg);" +
|
||||
" transform: rotate(0deg)" +
|
||||
" }" +
|
||||
" 100% {" +
|
||||
" -webkit-transform: rotate(90deg);" +
|
||||
" transform: rotate(90deg)" +
|
||||
" }" +
|
||||
"}" +
|
||||
"@keyframes rotater {" +
|
||||
" 0% {" +
|
||||
" -webkit-transform: rotate(0deg);" +
|
||||
" transform: rotate(0deg)" +
|
||||
" }" +
|
||||
" 100% {" +
|
||||
" -webkit-transform: rotate(90deg);" +
|
||||
" transform: rotate(90deg)" +
|
||||
" /* Chrome, Safari, Opera */" +
|
||||
" }" +
|
||||
"}" +
|
||||
"@-webkit-keyframes fader {" +
|
||||
" 0% {" +
|
||||
" opacity: 0" +
|
||||
" }" +
|
||||
" 100% {" +
|
||||
" opacity: 100" +
|
||||
" }" +
|
||||
"}" +
|
||||
"@keyframes fader {" +
|
||||
" 0% {" +
|
||||
" opacity: 0" +
|
||||
" }" +
|
||||
" 100% {" +
|
||||
" opacity: 100" +
|
||||
" }" +
|
||||
"}" +
|
||||
"@-webkit-keyframes filler {" +
|
||||
" 0% {" +
|
||||
" fill: 0" +
|
||||
" }" +
|
||||
" 100% {" +
|
||||
" fill: 100" +
|
||||
" }" +
|
||||
"}" +
|
||||
"@keyframes filler {" +
|
||||
" 0% {" +
|
||||
" fill: 0" +
|
||||
" }" +
|
||||
" 100% {" +
|
||||
" fill: 100" +
|
||||
" }" +
|
||||
"}" +
|
||||
"#Path-1," +
|
||||
"#Path-2," +
|
||||
"#Path-3," +
|
||||
"#Path-4," +
|
||||
"#Path-5," +
|
||||
"#Path-6," +
|
||||
"#Path-7," +
|
||||
"#Path-8," +
|
||||
"#Path-9," +
|
||||
"#Path-10," +
|
||||
"#Path-11," +
|
||||
"#Path-12," +
|
||||
"#Path-13," +
|
||||
"#Path-14," +
|
||||
"#Path-15," +
|
||||
"#Path-16," +
|
||||
"#Path-17," +
|
||||
"#Path-18," +
|
||||
"#Path-19," +
|
||||
"#Path-20," +
|
||||
"#Path-21," +
|
||||
"#Path-22," +
|
||||
"#Path-23," +
|
||||
"#Path-24," +
|
||||
"#Path-25," +
|
||||
"#Path-26," +
|
||||
"#Path-27," +
|
||||
"#Path-28," +
|
||||
"#Path-29," +
|
||||
"#Path-30," +
|
||||
"#Path-31," +
|
||||
"#Path-32," +
|
||||
"#Path-33," +
|
||||
"#Path-34," +
|
||||
"#Path-35," +
|
||||
"#Path-36," +
|
||||
"#Path-37," +
|
||||
"#Path-38," +
|
||||
"#Path-39," +
|
||||
"#Path-40," +
|
||||
"#Path-41," +
|
||||
"#Path-42," +
|
||||
"#Path-43," +
|
||||
"#Path-44," +
|
||||
"#Path-45," +
|
||||
"#Path-46," +
|
||||
"#Path-47," +
|
||||
"#Path-48," +
|
||||
"#Path-49," +
|
||||
"#Path-50," +
|
||||
"#Path-51," +
|
||||
"#Path-52," +
|
||||
"#Path-53," +
|
||||
"#Path-54," +
|
||||
"#Path-55," +
|
||||
"#Path-56," +
|
||||
"#Path-57," +
|
||||
"#Path-58," +
|
||||
"#Path-59," +
|
||||
"#Path-60," +
|
||||
"#Path-61," +
|
||||
"#Path-62," +
|
||||
"#Path-63," +
|
||||
"#Path-64," +
|
||||
"#Path-65," +
|
||||
"#Path-66," +
|
||||
"#Path-67," +
|
||||
"#Path-68," +
|
||||
"#Path-69," +
|
||||
"#Path-70," +
|
||||
"#Path-71," +
|
||||
"#Path-72," +
|
||||
"#Path-73," +
|
||||
"#Path-74," +
|
||||
"#Path-75," +
|
||||
"#Path-76," +
|
||||
"#Path-77," +
|
||||
"#Path-78," +
|
||||
"#Path-79," +
|
||||
"#Path-80," +
|
||||
"#Path-81," +
|
||||
"#Path-82," +
|
||||
"#Path-83," +
|
||||
"#Path-84," +
|
||||
"#Path-85," +
|
||||
"#Path-86," +
|
||||
"#Path-87," +
|
||||
"#Path-88," +
|
||||
"#Path-89," +
|
||||
"#Path-90," +
|
||||
"#Path-91," +
|
||||
"#Path-92," +
|
||||
"#Path-93," +
|
||||
"#Path-94," +
|
||||
"#Path-95," +
|
||||
"#Path-96," +
|
||||
"#Path-97," +
|
||||
"#Path-98," +
|
||||
"#Path-99," +
|
||||
"#Path-100," +
|
||||
"#Path-101," +
|
||||
"#Path-102," +
|
||||
"#Path-103," +
|
||||
"#Path-104," +
|
||||
"#Path-105," +
|
||||
"#Path-106," +
|
||||
"#Path-107," +
|
||||
"#Path-108," +
|
||||
"#Path-109," +
|
||||
"#Path-110," +
|
||||
"#Path-111," +
|
||||
"#Path-112," +
|
||||
"#Path-113," +
|
||||
"#Path-114," +
|
||||
"#Path-115," +
|
||||
"#Path-116," +
|
||||
"#Path-117 {" +
|
||||
" vector-effect: non-scaling-stroke;" +
|
||||
" stroke-dasharray: 1000;" +
|
||||
" stroke-dashoffset: 1000" +
|
||||
"}" +
|
||||
"#Path-1 {" +
|
||||
" -webkit-animation: large-shape 10s 100ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 10s 100ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-2 {" +
|
||||
" -webkit-animation: large-shape 12s 120ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 12s 120ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-6 {" +
|
||||
" -webkit-animation: large-shape 20s 200ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 200ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-3 {" +
|
||||
" -webkit-animation: large-shape 12s 140ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 12s 140ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-4 {" +
|
||||
" -webkit-animation: large-shape 14s 160ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 14s 160ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-5 {" +
|
||||
" -webkit-animation: large-shape 12s 180ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 12s 180ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-7 {" +
|
||||
" -webkit-animation: large-shape 20s 220ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 220ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-8 {" +
|
||||
" -webkit-animation: large-shape 20s 240ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 240ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-9 {" +
|
||||
" -webkit-animation: large-shape 20s 260ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 260ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-10 {" +
|
||||
" -webkit-animation: large-shape 20s 280ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 280ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-11 {" +
|
||||
" -webkit-animation: large-shape 20s 300ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 300ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-12 {" +
|
||||
" -webkit-animation: large-shape 20s 320ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 320ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-13 {" +
|
||||
" -webkit-animation: large-shape 20s 320ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 320ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-14 {" +
|
||||
" -webkit-animation: large-shape 20s 340ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 340ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-15 {" +
|
||||
" -webkit-animation: large-shape 20s 360ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 360ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-16 {" +
|
||||
" -webkit-animation: large-shape 20s 380ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 380ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-17 {" +
|
||||
" -webkit-animation: large-shape 20s 400ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 400ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-18 {" +
|
||||
" -webkit-animation: large-shape 20s 420ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 420ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-19 {" +
|
||||
" -webkit-animation: large-shape 20s 440ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 440ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-20 {" +
|
||||
" -webkit-animation: large-shape 20s 460ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 460ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-21 {" +
|
||||
" -webkit-animation: large-shape 12s 480ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 12s 480ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-22 {" +
|
||||
" -webkit-animation: large-shape 20s 500ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 500ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-23 {" +
|
||||
" -webkit-animation: large-shape 20s 520ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 520ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-24 {" +
|
||||
" -webkit-animation: large-shape 20s 540ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 540ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-25 {" +
|
||||
" -webkit-animation: large-shape 20s 560ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 560ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-26 {" +
|
||||
" -webkit-animation: large-shape 20s 580ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 580ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-27 {" +
|
||||
" -webkit-animation: large-shape 20s 600ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 600ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-28 {" +
|
||||
" -webkit-animation: large-shape 20s 620ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 620ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-29 {" +
|
||||
" -webkit-animation: large-shape 20s 640ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 640ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-30 {" +
|
||||
" -webkit-animation: large-shape 20s 660ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 660ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-31 {" +
|
||||
" -webkit-animation: large-shape 20s 680ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 680ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-32 {" +
|
||||
" -webkit-animation: large-shape 20s 700ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 700ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-33 {" +
|
||||
" -webkit-animation: large-shape 20s 720ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 720ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-34 {" +
|
||||
" -webkit-animation: large-shape 20s 740ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 740ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-35 {" +
|
||||
" -webkit-animation: large-shape 20s 780ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 780ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-36 {" +
|
||||
" -webkit-animation: large-shape 20s 800ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 800ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-37 {" +
|
||||
" -webkit-animation: large-shape 20s 820ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 820ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-38 {" +
|
||||
" -webkit-animation: large-shape 20s 840ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 840ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-39 {" +
|
||||
" -webkit-animation: large-shape 20s 860ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 860ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-40 {" +
|
||||
" -webkit-animation: large-shape 20s 880ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 880ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-41 {" +
|
||||
" -webkit-animation: large-shape 20s 860ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 860ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-42 {" +
|
||||
" -webkit-animation: large-shape 20s 880ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 880ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-43 {" +
|
||||
" -webkit-animation: large-shape 20s 900ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 900ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-44 {" +
|
||||
" -webkit-animation: large-shape 20s 920ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 920ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-45 {" +
|
||||
" -webkit-animation: large-shape 20s 940ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 940ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-46 {" +
|
||||
" -webkit-animation: large-shape 20s 960ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 960ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-47 {" +
|
||||
" -webkit-animation: large-shape 20s 980ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 980ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-48 {" +
|
||||
" -webkit-animation: large-shape 20s 1000ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1000ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-53 {" +
|
||||
" -webkit-animation: large-shape 20s 1020ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1020ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-49 {" +
|
||||
" -webkit-animation: large-shape 20s 1040ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1040ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-51 {" +
|
||||
" -webkit-animation: large-shape 17s 1080ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 17s 1080ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-116 {" +
|
||||
" -webkit-animation: large-shape 20s 1080ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1080ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-52 {" +
|
||||
" -webkit-animation: large-shape 20s 1100ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1100ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-52 {" +
|
||||
" -webkit-animation: large-shape 20s 1120ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1120ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-50 {" +
|
||||
" -webkit-animation: large-shape 20s 1140ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1140ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-54 {" +
|
||||
" -webkit-animation: large-shape 20s 1160ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1160ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-55 {" +
|
||||
" -webkit-animation: large-shape 20s 1180ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1180ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-56 {" +
|
||||
" -webkit-animation: large-shape 20s 1200ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1200ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-57 {" +
|
||||
" -webkit-animation: large-shape 20s 1220ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1220ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-58 {" +
|
||||
" -webkit-animation: large-shape 20s 1240ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1240ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-59 {" +
|
||||
" -webkit-animation: large-shape 20s 1260ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1260ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-60 {" +
|
||||
" -webkit-animation: large-shape 20s 1280ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1280ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-61 {" +
|
||||
" -webkit-animation: large-shape 20s 1280ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1280ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-112 {" +
|
||||
" -webkit-animation: large-shape 20s 1320ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1320ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-113 {" +
|
||||
" -webkit-animation: large-shape 20s 1340ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1340ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-109 {" +
|
||||
" -webkit-animation: large-shape 20s 1360ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1360ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-110 {" +
|
||||
" -webkit-animation: large-shape 20s 1380ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1380ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-111 {" +
|
||||
" -webkit-animation: large-shape 20s 1400ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1400ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-102 {" +
|
||||
" -webkit-animation: large-shape 20s 1420ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1420ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-103 {" +
|
||||
" -webkit-animation: large-shape 20s 1440ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1440ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-104 {" +
|
||||
" -webkit-animation: large-shape 20s 1460ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1460ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-105 {" +
|
||||
" -webkit-animation: large-shape 20s 1480ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1480ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-106 {" +
|
||||
" -webkit-animation: large-shape 20s 1500ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1500ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-107 {" +
|
||||
" -webkit-animation: large-shape 20s 1520ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1520ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-108 {" +
|
||||
" -webkit-animation: large-shape 20s 1540ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1540ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-100 {" +
|
||||
" -webkit-animation: large-shape 20s 1560ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1560ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-101 {" +
|
||||
" -webkit-animation: large-shape 20s 1580ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1580ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-97 {" +
|
||||
" -webkit-animation: large-shape 20s 1600ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1600ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-98 {" +
|
||||
" -webkit-animation: large-shape 20s 1620ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1620ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-99 {" +
|
||||
" -webkit-animation: large-shape 20s 1640ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1640ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-93 {" +
|
||||
" -webkit-animation: large-shape 20s 1680ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1680ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-94 {" +
|
||||
" -webkit-animation: large-shape 20s 1700ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1700ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-95 {" +
|
||||
" -webkit-animation: large-shape 20s 1720ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1720ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-96 {" +
|
||||
" -webkit-animation: large-shape 20s 1740ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1740ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-92 {" +
|
||||
" -webkit-animation: large-shape 20s 1760ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1760ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-88 {" +
|
||||
" -webkit-animation: large-shape 10s 1780ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 10s 1780ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-91 {" +
|
||||
" -webkit-animation: large-shape 20s 1800ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1800ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-87 {" +
|
||||
" -webkit-animation: large-shape 20s 1820ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1820ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-90 {" +
|
||||
" -webkit-animation: large-shape 20s 1840ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1840ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-89 {" +
|
||||
" -webkit-animation: large-shape 20s 1860ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1860ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-86 {" +
|
||||
" -webkit-animation: large-shape 20s 1880ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1880ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-85 {" +
|
||||
" -webkit-animation: large-shape 20s 1900ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1900ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-84 {" +
|
||||
" -webkit-animation: large-shape 20s 1920ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1920ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-82 {" +
|
||||
" -webkit-animation: large-shape 20s 1940ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1940ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-80 {" +
|
||||
" -webkit-animation: large-shape 20s 1960ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1960ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-81 {" +
|
||||
" -webkit-animation: large-shape 20s 1980ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 1980ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-79 {" +
|
||||
" -webkit-animation: large-shape 20s 2000ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2000ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-77 {" +
|
||||
" -webkit-animation: large-shape 20s 2020ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2020ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-78 {" +
|
||||
" -webkit-animation: large-shape 20s 2040ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2040ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-71 {" +
|
||||
" -webkit-animation: large-shape 20s 2060ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2060ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-72 {" +
|
||||
" -webkit-animation: large-shape 20s 2080ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2080ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-73 {" +
|
||||
" -webkit-animation: large-shape 20s 2100ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2100ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-74 {" +
|
||||
" -webkit-animation: large-shape 20s 2120ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2120ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-75 {" +
|
||||
" -webkit-animation: large-shape 20s 2120ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2120ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-76 {" +
|
||||
" -webkit-animation: large-shape 20s 2140ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2140ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-83 {" +
|
||||
" -webkit-animation: large-shape 20s 2160ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2160ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-62 {" +
|
||||
" -webkit-animation: large-shape 20s 2180ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2180ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-63 {" +
|
||||
" -webkit-animation: large-shape 20s 2200ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2200ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-69 {" +
|
||||
" -webkit-animation: large-shape 20s 2220ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2220ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-70 {" +
|
||||
" -webkit-animation: large-shape 20s 2220ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2220ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-64 {" +
|
||||
" -webkit-animation: large-shape 20s 2240ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2240ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-65 {" +
|
||||
" -webkit-animation: large-shape 20s 2260ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2260ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-66 {" +
|
||||
" -webkit-animation: large-shape 20s 2280ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 20s 2280ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-67 {" +
|
||||
" -webkit-animation: large-shape 22s 2300ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 22s 2300ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-68 {" +
|
||||
" -webkit-animation: large-shape 18s 2320ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 18s 2320ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-114 {" +
|
||||
" -webkit-animation: large-shape 24s 2320ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 24s 2320ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"#Path-117 {" +
|
||||
" -webkit-animation: large-shape 25s 2320ms ease-out 1 forwards;" +
|
||||
" animation: large-shape 25s 2320ms ease-out 1 forwards" +
|
||||
"}" +
|
||||
"@-webkit-keyframes large-shape {" +
|
||||
" 0% {" +
|
||||
" stroke-dashoffset: 1000" +
|
||||
" }" +
|
||||
" 100% {" +
|
||||
" stroke-dashoffset: 0" +
|
||||
" }" +
|
||||
"}" +
|
||||
"@keyframes large-shape {" +
|
||||
" 0% {" +
|
||||
" stroke-dashoffset: 1000" +
|
||||
" }" +
|
||||
" 100% {" +
|
||||
" stroke-dashoffset: 0" +
|
||||
" }" +
|
||||
"}"
|
||||
])
|
||||
])
|
||||
)
|
||||
)
|
||||
|
||||
m.render(document.getElementById("root"), [ring])
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,740 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>SVG Tiger</title>
|
||||
<style>#root {margin:auto;max-width:600px;width:100%;}</style>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script src="../../mithril.js"></script>
|
||||
<script>
|
||||
var tiger = m("svg[id='svg2'][version='1.1'][viewBox='0 0 900 900'][xmlns='http://www.w3.org/2000/svg']",
|
||||
m("g[fill='none'][id='g4'][transform='matrix(1.7656463,0,0,1.7656463,324.90716,255.00942)']", [
|
||||
m("g[fill='#FFF'][id='g6'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-122.3,84.285s0.1,1.894-0.73,1.875c-0.82-0.019-17.27-48.094-37.8-45.851,0,0,17.78-7.353,38.53,43.976z'][id='path8']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g10'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-118.77,81.262s-0.55,1.816-1.32,1.517c-0.77-0.298,0.11-51.104-19.95-55.978,0,0,19.22-0.864,21.27,54.461z'][id='path12']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g14'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-91.284,123.59s1.636,0.96,1.166,1.64c-0.471,0.67-49.642-12.13-59.102,6.23,0,0,3.68-18.89,57.936-7.87z'][id='path16']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g18'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-94.093,133.8s1.856,0.4,1.622,1.19c-0.233,0.79-50.939,4.13-54.129,24.53,0,0-2.46-19.08,52.507-25.72z'][id='path20']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g22'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-98.304,128.28s1.778,0.66,1.432,1.41-50.998-3.34-57.128,16.37c0,0,0.35-19.24,55.696-17.78z'][id='path24']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g26'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-109.01,110.07s1.31,1.38,0.67,1.9-44.38-25.336-58.53-10.29c0,0,8.74-17.147,57.86,8.39z'][id='path28']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g30'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-116.55,114.26s1.45,1.22,0.88,1.81c-0.58,0.59-46.97-20.148-59.32-3.6,0,0,6.74-18.023,58.44,1.79z'][id='path32']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g34'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-119.15,118.34s1.6,1,1.11,1.67c-0.49,0.66-49.27-13.56-59.25,4.51,0,0,4.22-18.77,58.14-6.18z'][id='path36']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g38'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-108.42,118.95s1.12,1.53,0.42,1.97c-0.7,0.43-40.77-30.818-56.73-17.71,0,0,10.87-15.884,56.31,15.74z'][id='path40']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g42'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-128.2,90s0.6,1.8-0.2,2-29.4-41.8-48.6-34.2c0,0,15.2-11.8,48.8,32.2z'][id='path44']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g46'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-127.5,96.979s0.97,1.629,0.23,1.996c-0.74,0.368-37.72-34.476-54.83-22.914,0,0,12.3-14.8,54.6,20.918z'][id='path48']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g50'][stroke='#000'][stroke-width='0.17200001']",
|
||||
m("path[d='m-127.62,101.35s1.12,1.53,0.42,1.97c-0.7,0.43-40.77-30.818-56.73-17.713,0,0,10.87-15.881,56.31,15.743z'][id='path52']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g54'][stroke='#000']",
|
||||
m("path[d='m-129.83,103.06c0.5,6.05,1.49,12.62,3.23,15.74,0,0-3.6,12.4,5.2,25.6,0,0-0.4,7.2,1.2,10.4,0,0,4,8.4,8.8,9.2,3.88,0.65,12.607,3.72,22.468,5.12,0,0,17.132,14.08,13.932,26.88,0,0-0.4,16.4-4,18,0,0,11.6-11.2,2,5.6l-4.4,18.8s25.6-21.6,10-3.2l-10,26s19.6-18.4,12.4-10l-3.2,8.8s43.2-27.2,12.4,2.4c0,0,8-3.6,12.4-0.8,0,0,6.8-1.2,6,0.4,0,0-20.8,10.4-24.4,28.8,0,0,8.4-10,5.2,0.8l0.4,11.6s4-21.6,3.6,16c0,0,19.2-18,7.6,2.8v16.8s15.2-16.4,8.8-3.6c0,0,10-8.8,6,6.4,0,0-0.8,10.4,3.6-0.8,0,0,16-30.6,10-4.4,0,0-0.8,19.2,4,4.4,0,0,0.4,10.4,9.6,17.6,0,0-1.2-50.8,11.6-14.8l4,16.4s2.8-9.2,2.4-14.4l8,8s15.2-22.8,12-9.6c0,0-7.6,16-6,20.8,0,0,16.8-34.8,18-36.4,0,0-2,42.4,8.8,6.4,0,0,5.6,12,2.8,16.4,0,0,8-8,7.2-11.2,0,0,4.6-8.2,7.4,5.4,0,0,1.8,9.4,3.4,6.2,0,0,4,24,5.2,1.2,0,0,1.6-13.6-5.6-25.2,0,0,0.8-3.2-2-7.2,0,0,13.6,21.6,6.4-7.2,0,0,11.201,8,12.401,8,0,0-13.601-23.2-4.801-18.4,0,0-5.2-10.4,12.801,1.6,0,0-16.001-16,1.6-6.4,0,0,7.999,6.4,0.4-3.6,0,0-14.401-16,7.599,2,0,0,11.6,16.4,12.4,19.2,0,0-10-29.2-14.4-32,0,0,8.4-36.4,49.6-20.8,0,0,6.8,17.2,11.2-1.2,0,0,12.8-6.4,24,21.2,0,0,4-13.6,3.2-16.4,0,0,6.8,1.2,6,0,0,0,13.2,4.4,14.4,3.6,0,0,6.8,6.8,7.2,3.2,0,0,9.2,2.8,7.2-0.8,0,0,8.8,15.6,9.2,19.2l2.4-14,2,2.8s1.6-7.6,0.8-8.8,20,6.8,24.8,27.6l2,8.4s6-14.8,4.4-18.8c0,0,5.2,0.8,5.6,5.2,0,0,4-23.2-0.8-29.2,0,0,4.4-0.8,5.6,2.8v-7.2s7.2,0.8,7.2-1.6c0,0,4.4-4,6.4,0.8,0,0-12.4-35.2,6-16,0,0,7.2,10.8,3.6-8s-7.6-20.4-2.8-20.8c0,0,0.8-3.6-1.2-5.2s1.2,0,1.2,0,4.8,4-0.4-18c0,0,6.4,1.6-5.6-27.6,0,0,2.8-2.4-1.2-10.8,0,0,8,4.4,10.8,2.8,0,0-0.4-1.6-3.6-5.6,0,0-21.6-54.8-1.2-32.8,0,0,11.85,13.55,5.45-9.25,0,0-9.11-24.009-8.33-28.305l-429.55,23.015z'][id='path56']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g58'][stroke='#000']",
|
||||
m("path[d='m299.72,80.245c0.62,0.181,2.83,1.305,4.08,2.955,0,0,6.8,10.8,1.6-7.6,0,0-9.2-28.8-0.4-17.6,0,0,6,7.2,2.8-6.4-3.86-16.427-6.4-22.8-6.4-22.8s11.6,4.8-15.2-34.8l8.8,3.6s-19.6-39.6-41.2-44.8l-8-6s38.4-38,25.6-74.8c0,0-6.8-5.2-16.4,4,0,0-6.4,4.8-12.4,3.2,0,0-30.8,1.2-32.8,1.2s-36.8-37.2-102.4-19.6c0,0-5.2,2-9.599,0.8,0,0-18.401-16-67.201,6.8,0,0-10,2-11.6,2s-4.4,0-12.4,6.4-8.4,7.2-10.4,8.8c0,0-16.4,11.2-21.2,12,0,0-11.6,6.4-16,16.4l-3.6,1.2s-1.6,7.2-2,8.4c0,0-4.8,3.6-5.6,9.2,0,0-8.8,6-8.4,10.4,0,0-1.6,5.2-2.4,10,0,0-7.2,4.8-6.4,7.6,0,0-7.6,14-6.4,20.8,0,0-6.4-0.4-9.2,2,0,0-0.8,4.8-2.4,5.2,0,0-2.8,1.2-0.4,5.2,0,0-1.6,2.8-2,4.4,0,0,0.8,2.8-3.6,8.4,0,0-6.4,18.8-4.4,24,0,0,0.4,4.8-2.4,6.4,0,0-3.6-0.4,4.8,11.6,0,0,0.8,1.2-2.4,3.6,0,0-17.2,3.6-19.6,20,0,0-13.6,14.8-13.6,20,0,2.305,0.27,5.452,0.97,10.06,0,0-0.57,8.34,27.03,9.14s402.72-31.355,402.72-31.355z'][id='path60']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g62']",
|
||||
m("path[d='m-115.6,102.6c-25-39.4-10.6,17-10.6,17,8.8,34.4,138.4-3.2,138.4-3.2s168.8-30.4,180-34.4,106.4,2.4,106.4,2.4l-5.6-16.8c-64.8-46.4-84-23.2-97.6-27.2s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2-31.74-22.951-16.8,8.8c16,34-58.4,39.2-75.2,28s7.2,18.4,7.2,18.4c18.4,20-16,3.2-16,3.2-34.4-12.8-58.4,12.8-61.6,13.6s-8,4-8.8-2.4-8.31-23.101-40,3.2c-20,16.6-33.8-5.4-33.8-5.4l-2.8,11.6z'][id='path64']")
|
||||
),
|
||||
m("g[fill='#e87f3a'][id='g66']",
|
||||
m("path[d='m133.51,25.346c-6.4,0.8-31.77-22.939-16.8,8.8,16.6,35.2-58.4,39.2-75.2,28-16.801-11.2,7.2,18.4,7.2,18.4,18.4,20.004-16.001,3.2-16.001,3.2-34.4-12.8-58.4,12.8-61.6,13.6s-8,4.004-8.8-2.4c-0.8-6.4-8.179-22.934-40,3.2-21.236,17.344-34.729-4.109-34.729-4.109l-3.2,10.113c-25-39.804-9.93,18.51-9.93,18.51,8.81,34.4,139.06-4.51,139.06-4.51s168.8-30.404,180-34.404,105.53,2.327,105.53,2.327l-5.53-17.309c-64.8-46.4-83.2-22.618-96.8-26.618s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z'][id='path68']")
|
||||
),
|
||||
m("g[fill='#ea8c4d'][id='g70']",
|
||||
m("path[d='m134.82,27.091c-6.4,0.8-31.14-23.229-16.8,8.8,16.2,36.201-58.401,39.201-75.201,28.001s7.2,18.4,7.2,18.4c18.4,19.998-16,3.2-16,3.2-34.4-12.8-58.401,12.8-61.601,13.6s-8,3.998-8.8-2.4c-0.8-6.4-8.048-22.767-40,3.2-22.473,18.088-35.658-2.818-35.658-2.818l-3.6,8.616c-23.8-38.998-9.25,20.02-9.25,20.02,8.8,34.4,139.71-5.82,139.71-5.82s168.8-30.398,180-34.398,104.65,2.254,104.65,2.254l-5.45-17.818c-64.8-46.4-82.4-22.037-96-26.037s-11.2,5.6-14.4,6.401c-3.2,0.8-42.4-24.001-48.8-23.201z'][id='path72']")
|
||||
),
|
||||
m("g[fill='#ec9961'][id='g74']",
|
||||
m("path[d='m136.13,28.837c-6.4,0.8-31.13-23.232-16.8,8.8,16.8,37.556-58.936,38.845-75.202,28-16.8-11.2,7.2,18.4,7.2,18.4,18.4,20.003-16,3.2-16,3.2-34.4-12.8-58.4,12.803-61.6,13.603s-8,4-8.8-2.403c-0.8-6.4-7.917-22.598-40.001,3.203-23.709,18.83-36.587-1.53-36.587-1.53l-4,7.13c-21.8-36.803-8.58,21.52-8.58,21.52,8.8,34.4,140.37-7.12,140.37-7.12s168.8-30.403,180-34.403,103.78,2.182,103.78,2.182l-5.38-18.327c-64.8-46.401-81.6-21.455-95.2-25.455s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z'][id='path76']")
|
||||
),
|
||||
m("g[fill='#eea575'][id='g78']",
|
||||
m("path[d='m137.44,30.583c-6.4,0.8-30.63-23.454-16.8,8.8,16.8,39.2-58.403,39.2-75.203,28s7.2,18.4,7.2,18.4c18.4,19.997-16,3.2-16,3.2-34.4-12.8-58.4,12.797-61.6,13.597s-8,4-8.8-2.4c-0.8-6.397-7.785-22.428-40,3.2-24.946,19.58-37.507-0.23-37.507-0.23l-4.4,5.63c-19.8-34.798-7.91,23.04-7.91,23.04,8.8,34.4,141.02-8.44,141.02-8.44s168.8-30.397,180-34.397,102.91,2.109,102.91,2.109l-5.31-18.837c-64.8-46.4-80.8-20.872-94.4-24.872s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z'][id='path80']")
|
||||
),
|
||||
m("g[fill='#f1b288'][id='g82']",
|
||||
m("path[d='m138.75,32.328c-6.4,0.8-32.37-22.651-16.8,8.8,19.2,38.8-58.404,39.2-75.204,28s7.2,18.4,7.2,18.4c18.4,20.002-16,3.2-16,3.2-34.4-12.8-58.4,12.802-61.6,13.602s-8,4-8.8-2.4c-0.8-6.402-7.654-22.265-40,3.2-26.182,20.33-38.436,1.05-38.436,1.05l-4.8,4.15c-18-33.202-7.24,24.54-7.24,24.54,8.8,34.4,141.68-9.74,141.68-9.74s168.8-30.402,180-34.402,102.03,2.036,102.03,2.036l-5.23-19.345c-64.8-46.4-80-20.291-93.6-24.291s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z'][id='path84']")
|
||||
),
|
||||
m("g[fill='#f3bf9c'][id='g86']",
|
||||
m("path[d='m140.06,34.073c-6.4,0.8-32.75-22.46-16.8,8.8,20.4,40.001-58.405,39.201-75.205,28.001s7.2,18.4,7.2,18.4c18.4,19.996-16,3.2-16,3.2-34.4-12.8-58.4,12.796-61.6,13.596s-8,4-8.8-2.4c-0.8-6.396-7.523-22.092-40,3.2-27.419,21.08-39.365,2.35-39.365,2.35l-5.2,2.65c-16-30.196-6.56,26.06-6.56,26.06,8.8,34.4,142.32-11.06,142.32-11.06s168.8-30.396,180-34.396,101.16,1.963,101.16,1.963l-5.16-19.854c-64.8-46.4-79.2-19.709-92.8-23.709-13.6-4.001-11.2,5.6-14.4,6.4s-42.4-24.001-48.8-23.201z'][id='path88']")
|
||||
),
|
||||
m("g[fill='#f5ccb0'][id='g90']",
|
||||
m("path[d='m141.36,35.819c-6.4,0.8-33.84-21.875-16.8,8.8,22,39.6-58.396,39.2-75.196,28s7.2,18.4,7.2,18.4c18.4,20.001-16,3.2-16,3.2-34.4-12.8-58.4,12.801-61.6,13.601s-8,4-8.8-2.4c-0.8-6.401-7.391-21.928-40,3.2-28.655,21.82-40.294,3.64-40.294,3.64l-5.6,1.16c-14.4-28.401-5.89,27.56-5.89,27.56,8.8,34.4,142.98-12.36,142.98-12.36s168.8-30.401,180-34.401,100.3,1.891,100.3,1.891l-5.1-20.364c-64.8-46.4-78.4-19.127-92-23.127s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z'][id='path92']")
|
||||
),
|
||||
m("g[fill='#f8d8c4'][id='g94']",
|
||||
m("path[d='m142.67,37.565c-6.4,0.8-33.84-21.876-16.8,8.8,22,39.6-58.396,39.2-75.196,28s7.2,18.4,7.2,18.4c18.4,19.995-16,3.2-16,3.2-34.401-12.8-58.401,12.795-61.601,13.595s-8,4-8.8-2.4-7.259-21.755-40,3.2c-29.891,22.57-41.213,4.93-41.213,4.93l-6-0.33c-13.61-26.396-5.22,29.08-5.22,29.08,8.8,34.4,143.63-13.68,143.63-13.68s168.8-30.395,180-34.395,99.42,1.818,99.42,1.818l-5.01-20.873c-64.81-46.4-77.61-18.545-91.21-22.545s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z'][id='path96']")
|
||||
),
|
||||
m("g[fill='#fae5d7'][id='g98']",
|
||||
m("path[d='m143.98,39.31c-6.4,0.8-33.45-22.087-16.8,8.8,22,40.8-58.397,39.2-75.197,28s7.2,18.4,7.2,18.4c18.4,20-16,3.2-16,3.2-34.4-12.8-58.4,12.8-61.6,13.6-3.201,0.8-8.001,4-8.801-2.4s-7.128-21.592-40,3.2c-31.127,23.31-42.142,6.22-42.142,6.22l-6.4-1.82c-13-24-4.55,30.58-4.55,30.58,8.8,34.4,144.29-14.98,144.29-14.98s168.8-30.4,180-34.4,98.55,1.746,98.55,1.746l-4.95-21.382c-64.8-46.401-76.8-17.964-90.4-21.964s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2z'][id='path100']")
|
||||
),
|
||||
m("g[fill='#fcf2eb'][id='g102']",
|
||||
m("path[d='m145.29,41.055c-6.4,0.8-32.37-22.644-16.8,8.8,21.2,42.801-58.398,39.201-75.198,28.001s7.2,18.4,7.2,18.4c18.4,20.004-16,3.2-16,3.2-34.4-12.8-58.4,12.804-61.6,13.604s-8,4-8.8-2.4-6.997-21.428-40,3.2c-32.365,24.05-43.072,7.5-43.072,7.5l-6.8-3.3c-12.8-23.204-3.87,32.09-3.87,32.09,8.8,34.4,144.94-16.29,144.94-16.29s168.8-30.4,180-34.404c11.2-4,97.67,1.674,97.67,1.674l-4.87-21.893c-64.8-46.4-76-17.381-89.6-21.381-13.6-4.001-11.2,5.6-14.4,6.4s-42.4-24.001-48.8-23.201z'][id='path104']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g106']",
|
||||
m("path[d='m-115.8,119.6c-12.8-22-3.2,33.6-3.2,33.6,8.8,34.4,145.6-17.6,145.6-17.6s168.8-30.4,180-34.4,96.8,1.6,96.8,1.6l-4.8-22.4c-64.8-46.4-75.2-16.8-88.8-20.8s-11.2,5.6-14.4,6.4-42.4-24-48.8-23.2-31.62-23.007-16.8,8.8c22.23,47.707-60.759,37.627-75.2,28-16.8-11.2,7.2,18.4,7.2,18.4,18.4,20-16,3.2-16,3.2-34.4-12.8-58.4,12.8-61.6,13.6s-8,4-8.8-2.4-6.865-21.256-40,3.2c-33.6,24.8-44,8.8-44,8.8l-7.2-4.8z'][id='path108']")
|
||||
),
|
||||
m("g[fill='#000'][id='g110']",
|
||||
m("path[d='m-74.2,149.6s-7.2,11.6,13.6,24.8c0,0,1.4,1.4-16.6-2.8,0,0-6.2-2-7.8-12.4,0,0-4.8-4.4-9.6-10s20.4,0.4,20.4,0.4z'][id='path112']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g114']",
|
||||
m("path[d='m65.8,102s17.698,26.82,17.1,31.6c-1.3,10.4-1.5,20,1.7,24,3.201,4,12.001,37.2,12.001,37.2s-0.4,1.2,11.999-36.8c0,0,11.6-16-8.4-34.4,0,0-35.2-28.8-34.4-21.6z'][id='path116']")
|
||||
),
|
||||
m("g[fill='#000'][id='g118']",
|
||||
m("path[d='m-54.2,176.4s11.2,7.2-3.2,38.4l6.4-2.4s-0.8,11.2-4,13.6l7.2-3.2s4.8,8,0.8,12.8c0,0,16.8,8,16,14.4,0,0,6.4-8,2.4-14.4s-11.2-2.4-10.4-20.8l-8.8,3.2s5.6-8.8,5.6-15.2l-8,2.4s15.469-26.58,4.8-28c-6-0.8-8.8-0.8-8.8-0.8z'][id='path120']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g122']",
|
||||
m("path[d='m-21.8,193.2s2.8-4.4,0-3.6-34,15.6-40,25.2c0,0,34.4-24.4,40-21.6z'][id='path124']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g126']",
|
||||
m("path[d='m-11.4,201.2s2.8-4.4,0-3.6-34,15.6-40,25.2c0,0,34.4-24.4,40-21.6z'][id='path128']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g130']",
|
||||
m("path[d='m1.8,186s2.8-4.4,0-3.6-34,15.6-40,25.2c0,0,34.4-24.4,40-21.6z'][id='path132']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g134']",
|
||||
m("path[d='m-21.4,229.6s0-6-2.8-5.2-38.8,18.4-44.8,28c0,0,42-25.6,47.6-22.8z'][id='path136']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g138']",
|
||||
m("path[d='m-20.2,218.8s1.2-4.8-1.6-4c-2,0-28.4,11.6-34.4,21.2,0,0,29.6-21.6,36-17.2z'][id='path140']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g142']",
|
||||
m("path[d='m-34.6,266.4-10,7.6s10.4-7.6,14-6.4c0,0-6.8,11.2-7.6,16.4,0,0,10.4-12.8,16-12.4,0,0,7.6,0.4,7.6,11.2,0,0,5.6-10.4,8.8-10,0,0,1.2,6.4,0,13.2,0,0,4-7.6,8-6,0,0,6.4-2,5.6,9.6,0,0,0,10.4-0.8,13.2,0,0,5.6-26.4,8-26.8,0,0,8-1.2,12.8,7.6,0,0-4-7.6,0.8-5.6,0,0,10.8,1.6,14,8.4,0,0-6.8-12-1.2-8.8l8,6.4s8.4,21.2,10.4,22.8c0,0-7.6-21.6-6-21.6,0,0-2-12,3.2,2.8,0,0-3.2-14,2.4-13.2s10,10.8,18.4,8.4c0,0,9.601,5.6,11.601-63.6l-124,46.8z'][id='path144']")
|
||||
),
|
||||
m("g[fill='#000'][id='g146']",
|
||||
m("path[d='m-29.8,173.6s14.8-6,54.8,0c0,0,7.2,0.4,14-8.4s33.6-16,40-14l9.601,6.4,0.8,1.2s12.399,10.4,12.799,18-14.399,55.6-24,71.6c-9.6,16-19.2,28.4-38.4,26,0,0-20.8-4-46.4,0,0,0-29.2-1.6-32-9.6s11.2-23.2,11.2-23.2,4.4-8.4,3.2-22.8-0.8-42.4-5.6-45.2z'][id='path148']")
|
||||
),
|
||||
m("g[fill='#e5668c'][id='g150']",
|
||||
m("path[d='M-7.8,175.6c8.4,18.4-21.2,83.6-21.2,83.6-2,1.6,12.66,7.65,22.8,5.2,10.946-2.64,51.2,1.6,51.2,1.6,23.6-15.6,36.4-60,36.4-60s10.401-24-7.2-27.2c-17.6-3.2-82-3.2-82-3.2z'][id='path152']")
|
||||
),
|
||||
m("g[fill='#b23259'][id='g154']",
|
||||
m("path[d='m-9.831,206.5c3.326-12.79,4.91-24.59,2.031-30.9,0,0,62.4,6.4,73.6-14.4,4.241-7.87,19.001,22.8,18.6,32.4,0,0-63,14.4-77.8,3.2l-16.431,9.7z'][id='path156']")
|
||||
),
|
||||
m("g[fill='#a5264c'][id='g158']",
|
||||
m("path[d='m-5.4,222.8s2,7.2-0.4,11.2c0,0-1.6,0.8-2.8,1.2,0,0,1.2,3.6,7.2,5.2,0,0,2,4.4,4.4,4.8s7.2,6,11.2,4.8,15.2-5.2,15.2-5.2,5.6-3.2,14.4,0.4c0,0,2.375-0.8,2.8-4.8,0.5-4.7,3.6-8.4,5.6-10.4s11.6-14.8,10.4-15.2-68,8-68,8z'][id='path160']")
|
||||
),
|
||||
m("g[fill='#ff727f'][id='g162'][stroke='#000']",
|
||||
m("path[d='m-9.8,174.4s-2.8,22.4,0.4,30.8,2.4,10.4,1.6,14.4,3.6,14,9.2,20l12,1.6s15.2-3.6,24.4-0.8c0,0,8.994,1.34,12.4-13.6,0,0,4.8-6.4,12-9.2s14.4-44.4,10.4-52.4-18.4-12.4-34.4,3.2-18-1.2-48,6z'][id='path164']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g166'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-8.2,249.2s-0.8-2-5.2-2.4c0,0-22.4-3.6-30.8-16,0,0-6.8-5.6-2.4,6,0,0,10.4,20.4,17.2,23.2,0,0,16.4,4,21.2-10.8z'][id='path168']")
|
||||
),
|
||||
m("g[fill='#cc3f4c'][id='g170']",
|
||||
m("path[d='m71.742,185.23c0.659-7.91,2.612-16.52,0.858-20.03-6.446-12.89-23.419-7.5-34.4,3.2-16,15.6-18-1.2-48,6,0,0-1.745,13.96-0.905,23.98,0,0,37.305-11.58,38.105-5.98,0,0,1.6-3.2,10.8-3.2s31.942-1.17,33.542-3.97z'][id='path172']")
|
||||
),
|
||||
m("g[id='g174'][stroke='#a51926'][stroke-width='2']",
|
||||
m("path[d='m28.6,175.2s4.8,4.8,1.2,14.4c0,0-14.4,16-12.4,30'][id='path176']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g178'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-19.4,260s-4.4-12.8,4.4-6l3.6,3.6c-1.2,1.6-6.8,5.6-8,2.4z'][id='path180']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g182'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-14.36,261.2s-3.52-10.24,3.52-4.8l2.88,2.88c-4.56,1.28,0,3.84-6.4,1.92z'][id='path184']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g186'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-9.56,261.2s-3.52-10.24,3.52-4.8l2.88,2.88c-3.36,1.28,0,3.84-6.4,1.92z'][id='path188']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g190'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-2.96,261.4s-3.52-10.24,3.52-4.8c0,0,4.383,2.33,2.881,2.88-2.961,1.08,0,3.84-6.401,1.92z'][id='path192']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g194'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m3.52,261.32s-3.52-10.24,3.521-4.8l2.88,2.88c-0.96,1.28,0,3.84-6.401,1.92z'][id='path196']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g198'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m10.2,262s-4.8-12.4,4.4-6l3.6,3.6c-1.2,1.6,0,4.8-8,2.4z'][id='path200']")
|
||||
),
|
||||
m("g[id='g202'][stroke='#a5264c'][stroke-width='2']",
|
||||
m("path[d='m-18.2,244.8s13.2-2.8,19.2,0.4c0,0,6,1.2,7.2,0.8s4.4-0.8,4.4-0.8'][id='path204']")
|
||||
),
|
||||
m("g[id='g206'][stroke='#a5264c'][stroke-width='2']",
|
||||
m("path[d='m15.8,253.6s12-13.6,24-9.2c7.016,2.57,6-0.8,6.8-3.6s1-7,6-10'][id='path208']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g210'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m33,237.6s-4-10.8-6.8,2-6,16.4-7.6,19.2c0,0,0,5.2,8.4,4.8,0,0,10.8-0.4,11.2-3.2s-1.2-14.4-5.2-22.8z'][id='path212']")
|
||||
),
|
||||
m("g[id='g214'][stroke='#a5264c'][stroke-width='2']",
|
||||
m("path[d='m47,244.8s3.6-2.4,6-1.2'][id='path216']")
|
||||
),
|
||||
m("g[id='g218'][stroke='#a5264c'][stroke-width='2']",
|
||||
m("path[d='m53.5,228.4s2.9-4.9,7.7-5.7'][id='path220']")
|
||||
),
|
||||
m("g[fill='#b2b2b2'][id='g222']",
|
||||
m("path[d='m-25.8,265.2s18,3.2,22.4,1.6l0.4,2-20.8-1.2s-11.6-5.6-2-2.4z'][id='path224']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g226'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-11.8,172,19.6,0.8s7.2,30.8,3.6,38.4c0,0-1.2,2.8-4-2.8,0,0-18.4-32.8-21.6-34.8s1.2-1.6,2.4-1.6z'][id='path228']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g230'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-88.9,169.3s8.9,1.7,21.5,4.3c0,0,4.8,22.4,8,27.2s-0.4,4.8-4,2-18.4-16.8-20.4-21.2-5.1-12.3-5.1-12.3z'][id='path232']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g234'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-67.039,173.82s5.8,1.55,6.809,3.76c1.008,2.22-1.202,5.51-1.202,5.51s-1,3.31-2.202,1.15c-1.202-2.17-4.074-9.83-3.405-10.42z'][id='path236']")
|
||||
),
|
||||
m("g[fill='#000'][id='g238']",
|
||||
m("path[d='m-67,173.6s3.6,5.2,7.2,5.2,3.982-0.41,6.8,0.2c4.6,1,4.2-1,10.8,0.2,2.64,0.48,5.2-0.4,8,0.8s6,0.4,7.2-1.6,6-6.2,6-6.2-12.8,1.8-15.6,2.6c0,0-22.4,1.2-30.4-1.2z'][id='path240']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g242'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-22.4,173.8s-6.45,3.5-6.85,5.9,5.25,6.1,5.25,6.1,2.75,4.6,3.35,2.2-0.95-13.8-1.75-14.2z'][id='path244']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g246'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-59.885,179.26s7.007,11.19,7.224-0.02c0,0,0.557-1.26-1.203-1.28-6.075-0.07-4.554-4.18-6.021,1.3z'][id='path248']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g250'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-52.707,179.51s7.921,11.19,7.285-0.09c0,0,0.007-0.33-1.746-0.48-4.747-0.42-4.402-4.94-5.539,0.57z'][id='path252']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g254'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-45.494,179.52s7.96,10.63,7.291,0.96c0,0,0.119-1.23-1.535-1.53-3.892-0.71-4.103-3.95-5.756,0.57z'][id='path256']")
|
||||
),
|
||||
m("g[fill='#FFC'][id='g258'][stroke='#000'][stroke-width='0.5']",
|
||||
m("path[d='m-38.618,179.6s7.9,11.56,8.248,1.78c0,0,1.644-1.38-0.102-1.6-5.818-0.74-5.02-5.19-8.146-0.18z'][id='path260']")
|
||||
),
|
||||
m("g[fill='#e5e5b2'][id='g262']",
|
||||
m("path[d='m-74.792,183.13-7.658-1.53c-2.6-5-4.7-11.15-4.7-11.15s6.35,1,18.85,3.8c0,0,0.876,3.32,2.348,9.11l-8.84-0.23z'][id='path264']")
|
||||
),
|
||||
m("g[fill='#e5e5b2'][id='g266']",
|
||||
m("path[d='m-9.724,178.47c-1.666-2.51-2.983-4.26-3.633-4.67-3.013-1.88,1.13-1.51,2.259-1.51l18.454,0.76s0.524,2.24,1.208,5.63c0,0-10.088-2.01-18.288-0.21z'][id='path268']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g270']",
|
||||
m("path[d='m43.88,40.321c27.721,3.96,53.241-31.68,55.001-41.361,1.759-9.68-8.36-21.56-8.36-21.56,1.32-3.08-3.52-17.16-8.8-26.4s-21.181-8.266-38.721-9.24c-15.84-0.88-34.32,22.44-35.64,24.2s4.84,40.041,6.16,45.761-1.32,32.12-1.32,32.12c34.24-9.1,3.96-7.48,31.68-3.52z'][id='path272']")
|
||||
),
|
||||
m("g[fill='#ea8e51'][id='g274']",
|
||||
m("path[d='m8.088-33.392c-1.296,1.728,4.752,39.313,6.048,44.929s-1.296,31.536-1.296,31.536c32.672-8.88,3.888-7.344,31.104-3.456,27.217,3.888,52.273-31.104,54.001-40.609,1.728-9.504-8.208-21.168-8.208-21.168,1.296-3.024-3.456-16.848-8.64-25.92s-20.795-8.115-38.017-9.072c-15.552-0.864-33.696,22.032-34.992,23.76z'][id='path276']")
|
||||
),
|
||||
m("g[fill='#efaa7c'][id='g278']",
|
||||
m("path[d='m8.816-32.744c-1.272,1.696,4.664,38.585,5.936,44.097s-1.272,30.952-1.272,30.952c31.404-9.16,3.816-7.208,30.528-3.392,26.713,3.816,51.305-30.528,53.001-39.857,1.696-9.328-8.056-20.776-8.056-20.776,1.272-2.968-3.392-16.536-8.48-25.44s-20.41-7.965-37.313-8.904c-15.264-0.848-33.072,21.624-34.344,23.32z'][id='path280']")
|
||||
),
|
||||
m("g[fill='#f4c6a8'][id='g282']",
|
||||
m("path[d='m9.544-32.096c-1.248,1.664,4.576,37.857,5.824,43.265s-1.248,30.368-1.248,30.368c29.436-9.04,3.744-7.072,29.952-3.328,26.209,3.744,50.337-29.952,52.001-39.104,1.664-9.153-7.904-20.385-7.904-20.385,1.248-2.912-3.328-16.224-8.32-24.96s-20.025-7.815-36.609-8.736c-14.976-0.832-32.448,21.216-33.696,22.88z'][id='path284']")
|
||||
),
|
||||
m("g[fill='#f9e2d3'][id='g286']",
|
||||
m("path[d='m10.272-31.448c-1.224,1.632,4.488,37.129,5.712,42.433s-1.224,29.784-1.224,29.784c27.868-8.92,3.672-6.936,29.376-3.264,25.705,3.672,49.369-29.376,51.001-38.353,1.632-8.976-7.752-19.992-7.752-19.992,1.224-2.856-3.264-15.912-8.16-24.48s-19.64-7.665-35.905-8.568c-14.688-0.816-31.824,20.808-33.048,22.44z'][id='path288']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g290']",
|
||||
m("path[d='M44.2,36.8c25.2,3.6,48.401-28.8,50.001-37.6s-7.6-19.6-7.6-19.6c1.2-2.8-3.201-15.6-8.001-24s-19.254-7.514-35.2-8.4c-14.4-0.8-31.2,20.4-32.4,22s4.4,36.4,5.6,41.6-1.2,29.2-1.2,29.2c25.5-8.6,3.6-6.8,28.8-3.2z'][id='path292']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g294']",
|
||||
m("path[d='m90.601,2.8s-27.801,7.6-39.401,6c0,0-15.8-6.6-24.6,15.2,0,0-3.6,7.2-5.6,9.2s69.601-30.4,69.601-30.4z'][id='path296']")
|
||||
),
|
||||
m("g[fill='#000'][id='g298']",
|
||||
m("path[d='m94.401,0.6s-29.001,12.2-39.001,11.8c0,0-16.4-4.6-24.8,10,0,0-8.4,9.2-11.6,10.8,0,0-0.4,1.6,6-2.4l10.4,5.2s14.8,9.6,24.4-6.4c0,0,4-11.2,4-13.2s21.2-7.6,22.801-8c1.6-0.4,8.2-4.6,7.8-7.8z'][id='path300']")
|
||||
),
|
||||
m("g[fill='#99cc32'][id='g302']",
|
||||
m("path[d='m47,36.514c-6.872,0-15.245-3.865-15.245-10.114,0-6.248,8.373-12.513,15.245-12.513,6.874,0,12.446,5.065,12.446,11.313,0,6.249-5.572,11.314-12.446,11.314z'][id='path304']")
|
||||
),
|
||||
m("g[fill='#659900'][id='g306']",
|
||||
m("path[d='m43.377,19.83c-4.846,0.722-9.935,2.225-9.863,2.009,1.54-4.619,7.901-7.952,13.486-7.952,4.296,0,8.084,1.978,10.32,4.988,0,0-5.316-0.33-13.943,0.955z'][id='path308']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g310']",
|
||||
m("path[d='m55.4,19.6s-4.4-3.2-4.4-1c0,0,3.6,4.4,4.4,1z'][id='path312']")
|
||||
),
|
||||
m("g[fill='#000'][id='g314']",
|
||||
m("path[d='m45.4,27.726c-2.499,0-4.525-2.026-4.525-4.526,0-2.499,2.026-4.525,4.525-4.525,2.5,0,4.526,2.026,4.526,4.525,0,2.5-2.026,4.526-4.526,4.526z'][id='path316']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g318']",
|
||||
m("path[d='m-58.6,14.4s-3.2-21.2-0.8-25.6c0,0,10.8-10,10.4-13.6,0,0-0.4-18-1.6-18.8s-8.8-6.8-14.8-0.4c0,0-10.4,18-9.6,24.4v2s-7.6-0.4-9.2,1.6c0,0-1.2,5.2-2.4,5.6,0,0-2.8,2.4-0.8,5.2,0,0-2,2.4-1.6,6.4l7.6,4s2,14.4,12.8,19.6c4.836,2.329,8-4.4,10-10.4z'][id='path320']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g322']",
|
||||
m("path[d='m-59.6,12.56s-2.88-19.08-0.72-23.04c0,0,9.72-9,9.36-12.24,0,0-0.36-16.2-1.44-16.92s-7.92-6.12-13.32-0.36c0,0-9.36,16.2-8.64,21.96v1.8s-6.84-0.36-8.28,1.44c0,0-1.08,4.68-2.16,5.04,0,0-2.52,2.16-0.72,4.68,0,0-1.8,2.16-1.44,5.76l6.84,3.6s1.8,12.96,11.52,17.64c4.352,2.095,7.2-3.96,9-9.36z'][id='path324']")
|
||||
),
|
||||
m("g[fill='#eb955c'][id='g326']",
|
||||
m("path[d='m-51.05-42.61c-1.09-0.86-8.58-6.63-14.43-0.39,0,0-10.14,17.55-9.36,23.79v1.95s-7.41-0.39-8.97,1.56c0,0-1.17,5.07-2.34,5.46,0,0-2.73,2.34-0.78,5.07,0,0-1.95,2.34-1.56,6.24l7.41,3.9s1.95,14.04,12.48,19.11c4.714,2.27,7.8-4.29,9.75-10.14,0,0-3.12-20.67-0.78-24.96,0,0,10.53-9.75,10.14-13.26,0,0-0.39-17.55-1.56-18.33z'][id='path328']")
|
||||
),
|
||||
m("g[fill='#f2b892'][id='g330']",
|
||||
m("path[d='m-51.5-41.62c-0.98-0.92-8.36-6.46-14.06-0.38,0,0-9.88,17.1-9.12,23.18v1.9s-7.22-0.38-8.74,1.52c0,0-1.14,4.94-2.28,5.32,0,0-2.66,2.28-0.76,4.94,0,0-1.9,2.28-1.52,6.08l7.22,3.8s1.9,13.68,12.16,18.62c4.594,2.212,7.6-4.18,9.5-9.88,0,0-3.04-20.14-0.76-24.32,0,0,10.26-9.5,9.88-12.92,0,0-0.38-17.1-1.52-17.86z'][id='path332']")
|
||||
),
|
||||
m("g[fill='#f8dcc8'][id='g334']",
|
||||
m("path[d='m-51.95-40.63c-0.87-0.98-8.14-6.29-13.69-0.37,0,0-9.62,16.65-8.88,22.57v1.85s-7.03-0.37-8.51,1.48c0,0-1.11,4.81-2.22,5.18,0,0-2.59,2.22-0.74,4.81,0,0-1.85,2.22-1.48,5.92l7.03,3.7s1.85,13.32,11.84,18.13c4.473,2.154,7.4-4.07,9.25-9.62,0,0-2.96-19.61-0.74-23.68,0,0,9.99-9.25,9.62-12.58,0,0-0.37-16.65-1.48-17.39z'][id='path336']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g338']",
|
||||
m("path[d='m-59.6,12.46s-2.88-18.98-0.72-22.94c0,0,9.72-9,9.36-12.24,0,0-0.36-16.2-1.44-16.92-0.76-1.04-7.92-6.12-13.32-0.36,0,0-9.36,16.2-8.64,21.96v1.8s-6.84-0.36-8.28,1.44c0,0-1.08,4.68-2.16,5.04,0,0-2.52,2.16-0.72,4.68,0,0-1.8,2.16-1.44,5.76l6.84,3.6s1.8,12.96,11.52,17.64c4.352,2.095,7.2-4.06,9-9.46z'][id='path340']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g342']",
|
||||
m("path[d='m-62.7,6.2s-21.6-10.2-22.5-11c0,0,9.1,8.2,9.9,8.2s12.6,2.8,12.6,2.8z'][id='path344']")
|
||||
),
|
||||
m("g[fill='#000'][id='g346']",
|
||||
m("path[d='m-79.8,0s18.4,3.6,18.4,8c0,2.912-0.243,16.331-5.6,14.8-8.4-2.4-4.8-16.8-12.8-22.8z'][id='path348']")
|
||||
),
|
||||
m("g[fill='#99cc32'][id='g350']",
|
||||
m("path[d='m-71.4,3.8s8.978,1.474,10,4.2c0.6,1.6,1.263,9.908-4.2,11-4.552,0.911-6.782-9.31-5.8-15.2z'][id='path352']")
|
||||
),
|
||||
m("g[fill='#000'][id='g354']",
|
||||
m("path[d='m14.595,46.349c-0.497-1.742,0.814-1.611,2.605-2.149,2-0.6,14.2-4.4,15-7s14,1.8,14,1.8c1.8,0.8,6.2,3.4,6.2,3.4,4.8,1.2,11.4,1.6,11.4,1.6,2.4,1,5.8,3.8,5.8,3.8,14.6,10.2,27.001,3,27.001,3,19.999-6.6,13.999-23.8,13.999-23.8-3-9,0.2-12.4,0.2-12.4,0.2-3.8,7.4,2.6,7.4,2.6,2.6,4.2,3.4,9.2,3.4,9.2,8,11.2,4.6-6.6,4.6-6.6,0.2-1-2.6-4.6-2.6-5.8s-1.8-4.6-1.8-4.6c-3-3.4-0.6-10.4-0.6-10.4,1.8-13.8-0.4-12-0.4-12-1.2-1.8-10.4,8.2-10.4,8.2-2.2,3.4-8.2,5-8.2,5-2.799,1.8-6.199,0.4-6.199,0.4-2.6-0.4-8.2,6.6-8.2,6.6,2.8-0.2,5.2,4.2,7.6,4.4s4.2-2.4,5.799-3c1.6-0.6,4.4,5.2,4.4,5.2,0.4,2.6-5.2,7.4-5.2,7.4-0.4,4.6-1.999,3-1.999,3-3-0.6-4.2,3.2-5.2,7.8s-5.2,5-5.2,5c-1.6,7.4-2.801,4.4-2.801,4.4-0.2-5.6-6.2,0.2-6.2,0.2-1.2,2-5.8-0.2-5.8-0.2-6.8-2-4.4-4-4.4-4,1.8-2.2,13,0,13,0,2.2-1.6-5.8-5.6-5.8-5.6-0.6-1.8,0.4-6.2,0.4-6.2,1.2-3.2,8-8.8,8-8.8,9.401-1.2,6.601-2.8,6.601-2.8-6.2-5.2-12.001,2.4-12.001,2.4-2.2,6.2-19.6,21.2-19.6,21.2-4.8,3.4-2.2-3.4-6.2,0s-24.6-5.6-24.6-5.6c-11.562-1.193-14.294,14.549-17.823,11.429,0,0,5.418,8.52,3.818,2.92z'][id='path356']")
|
||||
),
|
||||
m("g[fill='#000'][id='g358']",
|
||||
m("path[d='m209.4-120s-25.6,8-28.4,26.8c0,0-2.4,22.8,18,40.4,0,0,0.4,6.4,2.4,9.6,0,0-1.6,4.8,17.2-2.8l27.2-8.4s6.4-2.4,11.6-11.2,20.4-27.6,16.8-52.8c0,0,1.2-11.2-4.8-11.6,0,0-8.4-1.6-15.6,6,0,0-6.8,3.2-9.2,2.8l-35.2,1.2z'][id='path360']")
|
||||
),
|
||||
m("g[fill='#000'][id='g362']",
|
||||
m("path[d='m264.02-120.99s2.1-8.93-2.74-4.09c0,0-7.04,5.72-14.52,5.72,0,0-14.52,2.2-18.92,15.4,0,0-3.96,26.84,3.96,32.56,0,0,4.84,7.48,11.88,0.88s22.54-36.83,20.34-50.47z'][id='path364']")
|
||||
),
|
||||
m("g[fill='#323232'][id='g366']",
|
||||
m("path[d='m263.65-120.63s2.09-8.75-2.66-3.99c0,0-6.92,5.61-14.26,5.61,0,0-14.26,2.16-18.58,15.12,0,0-3.89,26.354,3.89,31.97,0,0,4.75,7.344,11.66,0.864,6.92-6.48,22.11-36.184,19.95-49.574z'][id='path368']")
|
||||
),
|
||||
m("g[fill='#666'][id='g370']",
|
||||
m("path[d='m263.27-120.27s2.08-8.56-2.58-3.9c0,0-6.78,5.51-13.99,5.51,0,0-14,2.12-18.24,14.84,0,0-3.81,25.868,3.82,31.38,0,0,4.66,7.208,11.45,0.848,6.78-6.36,21.66-35.538,19.54-48.678z'][id='path372']")
|
||||
),
|
||||
m("g[fill='#999'][id='g374']",
|
||||
m("path[d='m262.9-119.92s2.07-8.37-2.51-3.79c0,0-6.65,5.41-13.73,5.41,0,0-13.72,2.08-17.88,14.56,0,0-3.75,25.372,3.74,30.78,0,0,4.58,7.072,11.23,0.832,6.66-6.24,21.23-34.892,19.15-47.792z'][id='path376']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g378']",
|
||||
m("path[d='m262.53-119.56s2.06-8.18-2.43-3.7c0,0-6.53,5.31-13.47,5.31,0,0-13.46,2.04-17.54,14.28,0,0-3.67,24.886,3.67,30.19,0,0,4.49,6.936,11.02,0.816,6.52-6.12,20.79-34.246,18.75-46.896z'][id='path380']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g382']",
|
||||
m("path[d='m262.15-119.2s2.05-8-2.35-3.6c0,0-6.4,5.2-13.2,5.2,0,0-13.2,2-17.2,14,0,0-3.6,24.4,3.6,29.6,0,0,4.4,6.8,10.8,0.8s20.35-33.6,18.35-46z'][id='path384']")
|
||||
),
|
||||
m("g[fill='#992600'][id='g386']",
|
||||
m("path[d='m50.6,84s-20.4-19.2-28.4-20c0,0-34.4-4-49.2,14,0,0,17.6-20.4,45.2-14.8,0,0-21.6-4.4-34-1.2l-26.4,14-2.8,4.8s4-14.8,22.4-20.8c0,0,22.8-4.8,33.6,0,0,0-21.6-6.8-31.6-4.8,0,0-30.4-2.4-43.2,24,0,0,4-14.4,18.8-21.6,0,0,13.6-8.8,34-6,0,0,14.4,3.2,19.6,5.6s4-0.4-4.4-5.2c0,0-5.6-10-19.6-9.6,0,0-42.8,3.6-53.2,15.6,0,0,13.6-11.2,24-14,0,0,22.4-8,30.8-7.2,0,0,24.8,1,32.4-3,0,0-11.2,5-8,8.2s10,10.8,10,12,24.2,23.3,27.8,27.7l2.2,2.3z'][id='path388']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g390']",
|
||||
m("path[d='m189,278s-15.5-36.5-28-46c0,0,26,16,29.5,34,0,0,0,10-1.5,12z'][id='path392']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g394']",
|
||||
m("path[d='m236,285.5s-26.5-55-45-79c0,0,43.5,37.5,48.5,64l0.5,5.5-3-2.5s-0.5,9-1,12z'][id='path396']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g398']",
|
||||
m("path[d='m292.5,237s-62.5-59.5-64-62c0,0,60.5,66,63.5,73.5,0,0-2-9,0.5-11.5z'][id='path400']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g402']",
|
||||
m("path[d='m104,280.5s19.5-52,38.5-29.5c0,0,15,10,14.5,13,0,0-4-6.5-22-6,0,0-19-3-31,22.5z'][id='path404']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g406']",
|
||||
m("path[d='m294.5,153s-45-28.5-52.5-30c-11.81-2.36,49.5,29,54.5,39.5,0,0,2-2.5-2-9.5z'][id='path408']")
|
||||
),
|
||||
m("g[fill='#000'][id='g410']",
|
||||
m("path[d='m143.8,259.6s20.4-2,27.2-8.8l4.4,3.6,17.6-38.4,3.6,5.2s14.4-14.8,13.6-22.8,12.8,6,12.8,6-0.8-11.6,6.4-4.8c0,0-2.4-15.6,6-7.6,0,0-10.54-30.16,12-4.4,5.6,6.4,1.2-0.4,1.2-0.4s-26-48-4.4-33.6c0,0,2-22.8,0.8-27.2s-3.2-26.8-8-32,0.4-6.8,6-1.6c0,0-11.2-24,2-12,0,0-3.6-15.2-8-18,0,0-5.6-17.2,9.6-6.4,0,0-4.4-12.4-7.6-15.6,0,0-11.6-27.6-4.4-22.8l4.4,3.6s-6.8-14-0.4-9.6,6.4,4,6.4,4-21.2-33.2-0.8-15.6c0,0-8.16-13.918-11.6-20.8,0,0-18.8-20.4-4.4-14l4.8,1.6s-8.8-10-16.8-11.6,2.4-8,8.8-6,22,9.6,22,9.6,12.8,18.8,16.8,19.2c0,0-20-7.6-14,0.4,0,0,14.4,14,7.2,13.6,0,0-6,7.2-1.2,16,0,0-18.46-18.391-3.6,7.2l6.8,16.4s-24.4-24.8-13.2-2.8c0,0,17.2,23.6,19.2,24s6.4,9.2,6.4,9.2l-4.4-2,5.2,8.8s-11.2-12-5.2,1.2l5.6,14.4s-20.4-22-6.8,7.6c0,0-16.4-5.2-7.6,12,0,0-1.6,16-1.2,21.2s1.6,33.6-2.8,41.6,6,27.2,8,31.2,5.6,14.8-3.2,5.6-4.4-3.6-2.4,5.2,8,24.4,7.2,30c0,0-1.2,1.2-4.4-2.4,0,0-14.8-22.8-13.2-8.4,0,0-1.2,8-4.4,16.8,0,0-3.2,10.8-3.2,2,0,0-3.2-16.8-6-9.2s-6.4,13.6-9.2,16-8-20.4-9.2-10c0,0-12-12.4-16.8,4l-11.6,16.4s-0.4-12.4-1.6-6.4c0,0-30,6-40.4,1.6z'][id='path412']")
|
||||
),
|
||||
m("g[fill='#000'][id='g414']",
|
||||
m("path[d='m109.4-97.2s-11.599-8-15.599-7.6,27.599-8.8,68.799,18.8c0,0,4.8,2.8,8.4,2.4,0,0,3.2,2.4,0.4,6,0,0-8.8,9.6,2.4,20.8,0,0,18.4,6.8,12.8-2,0,0,10.8,4,13.2,8s1.2,0,1.2,0l-12.4-12.4s-5.2-2-8-10.4-5.2-18.4-0.8-21.6c0,0-4,4.4-3.2,0.4s4.4-7.6,6-8,18-16.2,24.8-16.6c0,0-9.2,1.4-12.2,0.4s-29.6-12.4-35.6-13.6c0,0-16.8-6.6-4.8-4.6,0,0,35.8,3.8,54,17,0,0-7.2-8.4-25.6-15.4,0,0-22.2-12.6-57.4-7.6,0,0-17.8,3.2-25.6,5,0,0-2.599-0.6-3.199-1s-12.401-9.4-40.001-2.4c0,0-17,4.6-25.6,9.4,0,0-15.2,1.2-18.8,4.4,0,0-18.6,14.6-20.6,15.4s-13.4,8.4-14.2,8.8c0,0,24.6-6.6,27-9s19.8-5,22.2-3.6,10.8,0.8,1.2,1.4c0,0,75.6,14.8,76.4,16.8s4.8,0.8,4.8,0.8z'][id='path416']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g418']",
|
||||
m("path[d='m180.8-106.4s-10.2-7.4-12.2-7.4-14.4-10.2-18.6-9.8-16.4-9.6-43.8-1.4c0,0-0.6-2,3-2.8,0,0,6.4-2.2,6.8-2.8,0,0,20.2-4.2,27.4-0.6,0,0,9.2,2.6,15.4,8.8,0,0,11.2,3.2,14.4,2.2,0,0,8.8,2.2,9.2,4,0,0,5.8,3,4,5.6,0,0,0.4,1.6-5.6,4.2z'][id='path420']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g422']",
|
||||
m("path[d='m168.33-108.51c0.81,0.63,1.83,0.73,2.43,1.54,0.24,0.31-0.05,0.64-0.37,0.74-1.04,0.31-2.1-0.26-3.24,0.33-0.4,0.21-1.04,0.03-1.6-0.12-1.63-0.44-3.46-0.47-5.15,0.22-1.98-1.13-4.34-0.54-6.42-1.55-0.06-0.02-0.28,0.32-0.36,0.3-3.04-1.15-6.79-0.87-9.22-3.15-2.43-0.41-4.78-0.87-7.21-1.55-1.82-0.51-3.23-1.5-4.85-2.33-1.38-0.71-2.83-1.23-4.37-1.61-1.86-0.45-3.69-0.34-5.58-0.86-0.1-0.02-0.29,0.32-0.37,0.3-0.32-0.11-0.62-0.69-0.79-0.64-1.68,0.52-3.17-0.45-4.83-0.11-1.18-1.22-2.9-0.98-4.45-1.42-2.97-0.85-6.12,0.42-9.15-0.58,4.11-1.84,8.8-0.61,12.86-2.68,2.33-1.18,4.99-0.08,7.56-0.84,0.49-0.15,1.18-0.35,1.58,0.32,0.14-0.14,0.32-0.37,0.38-0.35,2.44,1.16,4.76,2.43,7.24,3.5,0.34,0.15,0.88-0.09,1.13,0.12,1.52,1.21,3.46,1.11,4.85,2.33,1.7-0.5,3.49-0.12,5.22-0.75,0.08-0.02,0.31,0.32,0.34,0.3,1.14-0.75,2.29-0.48,3.18-0.18,0.34,0.12,1,0.37,1.31,0.44,1.12,0.27,1.98,0.75,3.16,0.94,0.11,0.02,0.3-0.32,0.37-0.3,1.12,0.44,2.16,0.39,2.82,1.55,0.14-0.14,0.3-0.37,0.38-0.35,1.03,0.34,1.68,1.1,2.78,1.34,0.48,0.1,1.1,0.73,1.67,0.91,2.39,0.73,4.24,2.26,6.43,3.15,0.76,0.31,1.64,0.55,2.27,1.04z'][id='path424']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g426']",
|
||||
m("path[d='m91.696-122.74c-2.518-1.72-4.886-2.83-7.328-4.62-0.181-0.13-0.541,0.04-0.743-0.08-1.007-0.61-1.895-1.19-2.877-1.89-0.539-0.38-1.36-0.37-1.868-0.63-2.544-1.29-5.173-1.85-7.68-3.04,0.682-0.64,1.804-0.39,2.4-1.2,0.195,0.28,0.433,0.56,0.786,0.37,1.678-0.9,3.528-1.05,5.204-0.96,1.704,0.09,3.424,0.39,5.199,0.67,0.307,0.04,0.506,0.56,0.829,0.66,2.228,0.66,4.617,0.14,6.736,0.98,1.591,0.63,3.161,1.45,4.4,2.72,0.252,0.26-0.073,0.57-0.353,0.76,0.388-0.11,0.661,0.1,0.772,0.41,0.084,0.24,0.084,0.54,0,0.78-0.112,0.31-0.391,0.41-0.765,0.46-1.407,0.19,0.365-1.19-0.335-0.74-1.273,0.82-0.527,2.22-1.272,3.49-0.28-0.19-0.51-0.41-0.4-0.8,0.234,0.52-0.368,0.81-0.536,1.13-0.385,0.72-1.284,2.14-2.169,1.53z'][id='path428']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g430']",
|
||||
m("path[d='m59.198-115.39c-3.154-0.79-6.204-0.68-9.22-1.96-0.067-0.02-0.29,0.32-0.354,0.3-1.366-0.6-2.284-1.56-3.36-2.61-0.913-0.89-2.571-0.5-3.845-0.99-0.324-0.12-0.527-0.63-0.828-0.67-1.219-0.16-2.146-1.11-3.191-1.68,2.336-0.8,4.747-0.76,7.209-1.15,0.113-0.02,0.258,0.31,0.391,0.31,0.136,0,0.266-0.23,0.4-0.36,0.195,0.28,0.497,0.61,0.754,0.35,0.548-0.54,1.104-0.35,1.644-0.31,0.144,0.01,0.269,0.32,0.402,0.32,0.136,0,0.267-0.32,0.4-0.32,0.136,0,0.267,0.32,0.4,0.32,0.136,0,0.266-0.23,0.4-0.36,0.692,0.78,1.577,0.23,2.399,0.41,1.038,0.22,1.305,1.37,2.379,1.67,4.715,1.3,8.852,3.45,13.215,5.54,0.307,0.14,0.517,0.39,0.407,0.78,0.267,0,0.58-0.09,0.77,0.04,1.058,0.74,2.099,1.28,2.796,2.38,0.216,0.34-0.113,0.75-0.346,0.7-4.429-1-8.435-1.61-12.822-2.71z'][id='path432']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g434']",
|
||||
m("path[d='m45.338-71.179c-1.592-1.219-2.176-3.25-3.304-5.042-0.214-0.34,0.06-0.654,0.377-0.743,0.56-0.159,1.103,0.319,1.512,0.521,1.745,0.862,3.28,2.104,5.277,2.243,1.99,2.234,6.25,2.619,6.257,6,0.001,0.859-1.427-0.059-1.857,0.8-2.451-1.003-4.84-0.9-7.22-2.367-0.617-0.381-0.287-0.834-1.042-1.412z'][id='path436']")
|
||||
),
|
||||
m("g[fill='#cc7226'][id='g438']",
|
||||
m("path[d='m17.8-123.76c0.135,0,7.166,0.24,7.149,0.35-0.045,0.31-7.775,1.36-8.139,1.19-0.164-0.08-7.676,2.35-7.81,2.22,0.268-0.14,8.534-3.76,8.8-3.76z'][id='path440']")
|
||||
),
|
||||
m("g[fill='#000'][id='g442']",
|
||||
m("path[d='m33.2-114s-14.8,1.8-19.2,3-23,8.8-26,10.8c0,0-13.4,5.4-30.4,25.4,0,0,7.6-3.4,9.8-6.2,0,0,13.6-12.6,13.4-10,0,0,12.2-8.6,11.6-6.4,0,0,24.4-11.2,22.4-8,0,0,21.6-4.6,20.6-2.6,0,0,18.8,4.4,16,4.6,0,0-5.8,1.2,0.6,4.8,0,0-3.4,4.4-8.8,0.4s-2.4-1.8-7.4-0.8c0,0-2.6,0.8-7.2-3.2,0,0-5.6-4.6-14.4-1,0,0-30.6,12.6-32.6,13.2,0,0-3.6,2.8-6,6.4,0,0-5.8,4.4-8.8,5.8,0,0-12.8,11.6-14,13,0,0-3.4,5.2-4.2,5.6,0,0,6.4-3.8,8.4-5.8,0,0,14-10,19.4-10.8,0,0,4.4-3,5.2-4.4,0,0,14.4-9.2,18.6-9.2,0,0,9.2,5.2,11.6-1.8,0,0,5.8-1.8,11.4-0.6,0,0,3.2-2.6,2.4-4.8,0,0,1.6-1.8,2.6,2,0,0,3.4,3.6,8.2,1.6,0,0,4-0.2,2,2.2,0,0-4.4,3.8-16.2,4,0,0-12.4,0.6-28.8,8.2,0,0-29.8,10.4-39,20.8,0,0-6.4,8.8-11.8,10,0,0-5.8,0.8-11.8,8.2,0,0,9.8-5.8,18.8-5.8,0,0,4-2.4,0.2,1.2,0,0-3.6,7.6-2,13,0,0-0.6,5.2-1.4,6.8,0,0-7.8,12.8-7.8,15.2s1.2,12.2,1.6,12.8-1-1.6,2.8,0.8,6.6,4,7.4,6.8-2-5.4-2.2-7.2-4.4-9-3.6-11.4c0,0,1,1,1.8,2.4,0,0-0.6-0.6,0-4.2,0,0,0.8-5.2,2.2-8.4s3.4-7,3.8-7.8,0.4-6.6,1.8-4l3.4,2.6s-2.8-2.6-0.6-4.8c0,0-1-5.6,0.8-8.2,0,0,7-8.4,8.6-9.4s0.2-0.6,0.2-0.6,6-4.2,0.2-2.6c0,0-4,1.6-7,1.6,0,0-7.6,2-3.6-2.2s14-9.6,17.8-9.4l0.8,1.6,11.2-2.4-1.2,0.8s-0.2-0.2,4-0.6,10,1,11.4-0.8,4.8-2.8,4.4-1.4-0.6,3.4-0.6,3.4,5-5.8,4.4-3.6-8.8,7.4-10.2,13.6l10.4-8.2,3.6-3s3.6,2.2,3.8,0.6,4.8-7.4,6-7.2,3.2-2.6,3,0,7.4,8,7.4,8,3.2-1.8,4.6-0.4,5.6-19.8,5.6-19.8l25-10.6,43.6-3.4-16.999-6.8-61.001-11.4z'][id='path444']")
|
||||
),
|
||||
m("g[id='g446'][stroke='#4c0000'][stroke-width='2']",
|
||||
m("path[d='m51.4,85s-15-16.8-23.4-19.4c0,0-13.4-6.8-38,1'][id='path448']")
|
||||
),
|
||||
m("g[id='g450'][stroke='#4c0000'][stroke-width='2']",
|
||||
m("path[d='m24.8,64.2s-25.2-8-40.6-3.8c0,0-18.4,2-26.8,15.8'][id='path452']")
|
||||
),
|
||||
m("g[id='g454'][stroke='#4c0000'][stroke-width='2']",
|
||||
m("path[d='m21.2,63s-17-7.2-31.8-9.4c0,0-16.6-2.6-33.2,4.6,0,0-12.2,6-17.6,16.2'][id='path456']")
|
||||
),
|
||||
m("g[id='g458'][stroke='#4c0000'][stroke-width='2']",
|
||||
m("path[d='m22.2,63.4s-15.4-11-16.4-12.4c0,0-7-11-20-11.4,0,0-21.4,0.8-38.6,8.8'][id='path460']")
|
||||
),
|
||||
m("g[fill='#000'][id='g462']",
|
||||
m("path[d='M20.895,54.407c1.542,1.463,28.505,30.393,28.505,30.393,35.2,36.6,7.2,2.4,7.2,2.4-7.6-4.8-16.8-23.6-16.8-23.6-1.2-2.8,14,7.2,14,7.2,4,0.8,17.6,20,17.6,20-6.8-2.4-2,4.8-2,4.8,2.8,2,23.201,17.6,23.201,17.6,3.6,4,7.599,5.6,7.599,5.6,14-5.2,7.6,8,7.6,8,2.4,6.8,8-4.8,8-4.8,11.2-16.8-5.2-14.4-5.2-14.4-30,2.8-36.8-13.2-36.8-13.2-2.4-2.4,6.4,0,6.4,0,8.401,2-7.2-12.4-7.2-12.4,2.4,0,11.6,6.8,11.6,6.8,10.401,9.2,12.401,7.2,12.401,7.2,17.999-8.8,28.399-1.2,28.399-1.2,2,1.6-3.6,8.4-2,13.6s6.4,17.6,6.4,17.6c-2.4,1.6-2,12.4-2,12.4,16.8,23.2,7.2,21.2,7.2,21.2-15.6-0.4-0.8,7.2-0.8,7.2,3.2,2,12,9.2,12,9.2-2.8-1.2-4.4,4-4.4,4,4.8,4,2,8.8,2,8.8-6,1.2-7.2,5.2-7.2,5.2,6.8,8-3.2,8.4-3.2,8.4,3.6,4.4-1.2,16.4-1.2,16.4-4.8,0-11.2,5.6-11.2,5.6,2.4,4.8-8,10.4-8,10.4-8.4,1.6-5.6,8.4-5.6,8.4-7.999,6-10.399,22-10.399,22-0.8,10.4-3.2,13.6,2,11.6,5.199-2,4.399-14.4,4.399-14.4-4.799-15.6,38-31.6,38-31.6,4-1.6,4.8-6.8,4.8-6.8,2,0.4,10.8,8,10.8,8,7.6,11.2,8,2,8,2,1.2-3.6-0.4-9.6-0.4-9.6,6-21.6-8-28-8-28-10-33.6,4-25.2,4-25.2,2.8,5.6,13.6,10.8,13.6,10.8l3.6-2.4c-1.6-4.8,6.8-10.8,6.8-10.8,2.8,6.4,8.8-1.6,8.8-1.6,3.6-24.4,16-10,16-10,4,1.2,5.2-5.6,5.2-5.6,3.6-10.4,0-24,0-24,3.6-0.4,13.2,5.6,13.2,5.6,2.8-3.6-6.4-20.4-2.4-18s8.4,4,8.4,4c0.8-2-9.2-14.4-9.2-14.4-4.4-2.8-9.6-23.2-9.6-23.2,7.2,3.6-2.8-11.6-2.8-11.6,0-3.2,6-14.4,6-14.4-0.8-6.8,0-6.4,0-6.4,2.8,1.2,10.8,2.8,4-3.6s0.8-11.2,0.8-11.2c4.4-2.8-9.2-2.4-9.2-2.4-5.2-4.4-4.8-8.4-4.8-8.4,8,2-6.4-12.4-8.8-16s7.2-8.8,7.2-8.8c13.2-3.6,1.6-6.8,1.6-6.8-19.6,0.4-8.8-10.4-8.8-10.4,6,0.4,4.4-2,4.4-2-5.2-1.2-14.8-7.6-14.8-7.6-4-3.6-0.4-2.8-0.4-2.8,16.8,1.2-12-10-12-10,8,0-10-10.4-10-10.4-2-1.6-5.2-9.2-5.2-9.2-6-5.2-10.8-12-10.8-12-0.4-4.4-5.2-9.2-5.2-9.2-11.6-13.6-17.2-13.2-17.2-13.2-14.8-3.6-20-2.8-20-2.8l-52.8,4.4c-26.4,12.8-18.6,33.8-18.6,33.8,6.4,8.4,15.6,4.6,15.6,4.6,4.6-6.2,16.2-4,16.2-4,20.401,3.2,17.801-0.4,17.801-0.4-2.4-4.6-18.601-10.8-18.801-11.4s-9-4-9-4c-3-1.2-7.4-10.4-7.4-10.4-3.2-3.4,12.6,2.4,12.6,2.4-1.2,1,6.2,5,6.2,5,17.401-1,28.001,9.8,28.001,9.8,10.799,16.6,10.999,8.4,10.999,8.4,2.8-9.4-9-30.6-9-30.6,0.4-2,8.6,4.6,8.6,4.6,1.4-2,2.2,3.8,2.2,3.8,0.2,2.4,4,10.4,4,10.4,2.8,13,6.4,5.6,6.4,5.6l4.6,9.4c1.4,2.6-4.6,10.2-4.6,10.2-0.2,2.8,0.6,2.6-5,10.2s-2.2,12-2.2,12c-1.4,6.6,7.4,6.2,7.4,6.2,2.6,2.2,6,2.2,6,2.2,1.8,2,4.2,1.4,4.2,1.4,1.6-3.8,7.8-1.8,7.8-1.8,1.4-2.4,9.6-2.8,9.6-2.8,1-2.6,1.4-4.2,4.8-4.8s-21.2-43.6-21.2-43.6c6.4-0.8-1.8-13.2-1.8-13.2-2.2-6.6,9.2,8,11.4,9.4s3.2,3.6,1.6,3.4-3.4,2-2,2.2,14.4,15.2,17.8,25.4,9.4,14.2,15.6,20.2,5.4,30.2,5.4,30.2c-0.4,8.8,5.6,19.4,5.6,19.4,2,3.8-2.2,22-2.2,22-2,2.2-0.6,3-0.6,3,1,1.2,7.8,14.4,7.8,14.4-1.8-0.2,1.8,3.4,1.8,3.4,5.2,6-1.2,3-1.2,3-6-1.6,1,8.2,1,8.2,1.2,1.8-7.8-2.8-7.8-2.8-9.2-0.6,2.4,6.6,2.4,6.6,8.6,7.2-2.8,2.8-2.8,2.8-4.6-1.8-1.4,5-1.4,5,3.2,1.6,20.4,8.6,20.4,8.6,0.4,3.8-2.6,8.8-2.6,8.8,0.4,4-1.8,7.4-1.8,7.4-1.2,8.2-1.8,9-1.8,9-4.2,0.2-11.6,14-11.6,14-1.8,2.6-12,14.6-12,14.6-2,7-20-0.2-20-0.2-6.6,3.4-4.6,0-4.6,0-0.4-2.2,4.4-8.2,4.4-8.2,7-2.6,4.4-13.4,4.4-13.4,4-1.4-7.2-4.2-7-5.4s6-2.6,6-2.6c8-2,3.6-4.4,3.6-4.4-0.6-4,2.4-9.6,2.4-9.6,11.6-0.8,0-17,0-17-10.8-7.6-11.8-13.4-11.8-13.4,12.6-8.2,4.4-20.6,4.6-24.2s1.4-25.2,1.4-25.2c-2-6.2-5-19.8-5-19.8,2.2-5.2,9.6-17.8,9.6-17.8,2.8-4.2,11.6-9,9.4-12s-10-1.2-10-1.2c-7.8-1.4-7.2,3.8-7.2,3.8-1.6,1-2.4,6-2.4,6-0.72,7.933-9.6,14.2-9.6,14.2-11.2,6.2-2,10.2-2,10.2,6,6.6-3.8,6.8-3.8,6.8-11-1.8-2.8,8.4-2.8,8.4,10.8,12.8,7.8,15.6,7.8,15.6-10.2,1,2.4,10.2,2.4,10.2s-0.8-2-0.6-0.2,3.2,6,4,8-3.2,2.2-3.2,2.2c0.6,9.6-14.8,5.4-14.8,5.4l-1.6,0.2c-1.6,0.2-12.8-0.6-18.6-2.8s-12.599-2.2-12.599-2.2-4,1.8-11.601,1.6c-7.6-0.2-15.6,2.6-15.6,2.6-4.4-0.4,4.2-4.8,4.4-4.6s5.8-5.4-2.2-4.8c-21.797,1.635-32.6-8.6-32.6-8.6-2-1.4-4.6-4.2-4.6-4.2-10-2,1.4,12.4,1.4,12.4,1.2,1.4-0.2,2.4-0.2,2.4-0.8-1.6-8.6-7-8.6-7-2.811-0.973-4.174-2.307-6.505-4.793z'][id='path464']")
|
||||
),
|
||||
m("g[fill='#4c0000'][id='g466']",
|
||||
m("path[d='m-3,42.8s11.6,5.6,14.2,8.4,16.6,14.2,16.6,14.2-5.4-2-8-3.8-13.4-10-13.4-10-3.8-6-9.4-8.8z'][id='path468']")
|
||||
),
|
||||
m("g[fill='#99cc32'][id='g470']",
|
||||
m("path[d='M-61.009,11.603c0.337-0.148-0.187-2.86-0.391-3.403-1.022-2.726-10-4.2-10-4.2-0.227,1.365-0.282,2.961-0.176,4.599,0,0,4.868,5.519,10.567,3.004z'][id='path472']")
|
||||
),
|
||||
m("g[fill='#659900'][id='g474']",
|
||||
m("path[d='M-61.009,11.403c-0.449,0.158-0.015-2.734-0.191-3.203-1.022-2.726-10.2-4.3-10.2-4.3-0.227,1.365-0.282,2.961-0.176,4.599,0,0,4.268,5.119,10.567,2.904z'][id='path476']")
|
||||
),
|
||||
m("g[fill='#000'][id='g478']",
|
||||
m("path[d='m-65.4,11.546c-0.625,0-1.131-1.14-1.131-2.546,0-1.405,0.506-2.545,1.131-2.545s1.132,1.14,1.132,2.545c0,1.406-0.507,2.546-1.132,2.546z'][id='path480']")
|
||||
),
|
||||
m("g[fill='#000'][id='g482']",
|
||||
m("path[d='M-65.4,9z'][id='path484']")
|
||||
),
|
||||
m("g[fill='#000'][id='g486']",
|
||||
m("path[d='m-111,109.6s-5.6,10,19.2,4c0,0,14-1.2,16.4-3.6,1.2,0.8,9.566,3.73,12.4,4.4,6.8,1.6,15.2-8.4,15.2-8.4s4.6-10.5,7.4-10.5-0.4,1.6-0.4,1.6-6.6,10.1-6.2,11.7c0,0-5.2,20-21.2,20.8,0,0-16.15,0.95-14.8,6.8,0,0,8.8-2.4,11.2,0,0,0,10.8-0.4,2.8,6l-6.8,11.6s0.14,3.92-10,0.4c-9.8-3.4-20.1-16.3-20.1-16.3s-15.95-14.55-5.1-28.5z'][id='path488']")
|
||||
),
|
||||
m("g[fill='#e59999'][id='g490']",
|
||||
m("path[d='m-112.2,113.6s-2,9.6,34.8-0.8l6.8,0.8c2.4,0.8,14.4,3.6,16.4,2.4,0,0-7.2,13.6-18.8,12,0,0-13.2,1.6-12.8,6.4,0,0,4,7.2,8.8,9.6,0,0,2.8,2.4,2.4,5.6s-3.2,4.8-5.2,5.6-5.2-2.4-6.8-2.4-10-6.4-14.4-11.2-12.8-16.8-12.4-19.6,1.2-8.4,1.2-8.4z'][id='path492']")
|
||||
),
|
||||
m("g[fill='#b26565'][id='g494']",
|
||||
m("path[d='m-109,131.05c2.6,3.95,5.8,8.15,8,10.55,4.4,4.8,12.8,11.2,14.4,11.2s4.8,3.2,6.8,2.4,4.8-2.4,5.2-5.6-2.4-5.6-2.4-5.6c-3.066-1.53-5.806-5.02-7.385-7.35,0,0,0.185,2.55-5.015,1.75s-10.4-3.6-12-6.8-4-5.6-2.4-2,4,7.2,5.6,7.6,1.2,1.6-1.2,1.2-5.2-0.8-9.6-6z'][id='path496']")
|
||||
),
|
||||
m("g[fill='#992600'][id='g498']",
|
||||
m("path[d='m-111.6,110s1.8-13.6,3-17.6c0,0-0.8-6.8,1.6-11s4.4-10.4,7.4-15.8,3.2-9.4,7.2-11,10-10.2,12.8-11.2,2.6-0.2,2.6-0.2,6.8-14.8,20.4-10.8c0,0-16.2-2.8-0.4-12.2,0,0-4.8,1.1-1.5-5.9,2.201-4.668,1.7,2.1-9.3,13.9,0,0-5,8.6-10.2,11.6s-17.2,10-18.4,13.8-4.4,9.6-6.4,11.2-4.8,5.8-5.2,9.2c0,0-1.2,4-2.6,5.2s-1.6,4.4-1.6,6.4-2,4.8-1.8,7.2c0,0,0.8,19,0.4,21l2-3.8z'][id='path500']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g502']",
|
||||
m("path[d='m-120.2,114.6s-2-1.4-6.4,4.6c0,0,7.3,33,7.3,34.4,0,0,1.1-2.1-0.2-9.3s-2.2-19.9-2.2-19.9l1.5-9.8z'][id='path504']")
|
||||
),
|
||||
m("g[fill='#992600'][id='g506']",
|
||||
m("path[d='m-98.6,54s-17.6,3.2-17.2,32.4l-0.8,24.8s-1.2-25.6-2.4-27.2,2.8-12.8-0.4-6.8c0,0-14,14-6,35.2,0,0,1.5,3.3-1.5-1.3,0,0-4.6-12.6-3.5-19,0,0,0.2-2.2,2.1-5,0,0,8.6-11.7,11.3-14,0,0,1.8-14.4,17.2-19.6,0,0,5.7-2.3,1.2,0.5z'][id='path508']")
|
||||
),
|
||||
m("g[fill='#000'][id='g510']",
|
||||
m("path[d='m40.8-12.2c0.66-0.354,0.651-1.324,1.231-1.497,1.149-0.344,1.313-1.411,1.831-2.195,0.873-1.319,1.066-2.852,1.648-4.343,0.272-0.7,0.299-1.655-0.014-2.315-1.174-2.481-1.876-4.93-3.318-7.356-0.268-0.45-0.53-1.244-0.731-1.842-0.463-1.384-1.72-2.375-2.58-3.695-0.288-0.441,0.237-1.366-0.479-1.45-0.897-0.105-2.346-0.685-2.579,0.341-0.588,2.587,0.423,5.11,1.391,7.552-0.782,0.692-0.448,1.613-0.296,2.38,0.71,3.606-0.488,6.958-1.249,10.432-0.023,0.104,0.319,0.302,0.291,0.364-1.222,2.686-2.674,5.131-4.493,7.512-0.758,0.992-1.63,1.908-2.127,2.971-0.368,0.787-0.776,1.753-0.526,2.741-3.435,2.78-5.685,6.625-8.296,10.471-0.462,0.68-0.171,1.889,0.38,2.158,0.813,0.398,1.769-0.626,2.239-1.472,0.389-0.698,0.742-1.348,1.233-1.991,0.133-0.175-0.046-0.594,0.089-0.715,2.633-2.347,4.302-5.283,6.755-7.651,1.95-0.329,3.487-1.327,5.235-2.34,0.308-0.179,0.832,0.07,1.122-0.125,1.753-1.177,1.751-3.213,1.857-5.123,0.05-0.884,0.246-2.201,1.386-2.812z'][id='path512']")
|
||||
),
|
||||
m("g[fill='#000'][id='g514']",
|
||||
m("path[d='m31.959-16.666c0.124-0.077-0.031-0.5,0.078-0.716,0.162-0.324,0.565-0.512,0.727-0.836,0.109-0.216-0.054-0.596,0.082-0.738,2.333-2.447,2.59-5.471,1.554-8.444,1.024-0.62,1.085-1.882,0.66-2.729-0.853-1.7-1.046-3.626-2.021-5.169-0.802-1.269-2.38-2.513-3.751-1.21-0.421,0.4-0.742,1.187-0.464,1.899,0.064,0.163,0.349,0.309,0.322,0.391-0.107,0.324-0.653,0.548-0.659,0.82-0.03,1.496-0.984,3.007-0.354,4.336,0.772,1.629,1.591,3.486,2.267,5.262-1.234,2.116-0.201,4.565-1.954,6.442-0.136,0.146-0.127,0.532-0.005,0.734,0.292,0.486,0.698,0.892,1.184,1.184,0.202,0.121,0.55,0.123,0.75-0.001,0.578-0.362,0.976-0.849,1.584-1.225z'][id='path516']")
|
||||
),
|
||||
m("g[fill='#000'][id='g518']",
|
||||
m("path[d='m94.771-26.977c1.389,1.792,1.679,4.587-0.37,5.977,0.55,3.309,3.901,1.33,5.999,0.8-0.11-0.388,0.12-0.732,0.4-0.737,1.06-0.015,1.74-1.047,2.8-0.863,0.44-1.557,2.07-2.259,2.72-3.639,1.72-3.695,1.13-7.968-1.45-11.214-0.2-0.254,0.01-0.771-0.11-1.133-0.76-2.211-2.82-2.526-4.76-3.214-1.176-3.875-1.837-7.906-3.599-11.6-1.614-0.25-2.312-1.989-3.649-2.709-1.333-0.719-1.901,0.86-1.86,1.906,0.007,0.205,0.459,0.429,0.289,0.794-0.076,0.164-0.336,0.275-0.336,0.409,0.001,0.135,0.222,0.266,0.356,0.4-0.918,0.82-2.341,1.297-2.636,2.442-0.954,3.71,1.619,6.835,3.287,10.036,0.591,1.135-0.145,2.406-0.905,3.614-0.438,0.695-0.33,1.822-0.054,2.678,0.752,2.331,2.343,4.07,3.878,6.053z'][id='path520']")
|
||||
),
|
||||
m("g[fill='#000'][id='g522']",
|
||||
m("path[d='m57.611-8.591c-1.487,1.851-4.899,4.42-1.982,6.348,0.194,0.129,0.564,0.133,0.737-0.001,2.021-1.565,4.024-2.468,6.46-3.05,0.124-0.029,0.398,0.438,0.767,0.277,1.613-0.703,3.623-0.645,4.807-1.983,3.767,0.224,7.332-0.892,10.723-2.2,1.161-0.448,2.431-1.007,3.632-1.509,1.376-0.576,2.58-1.504,3.692-2.645,0.133-0.136,0.487-0.046,0.754-0.046-0.04-0.863,0.922-0.99,1.169-1.612,0.092-0.232-0.058-0.628,0.075-0.73,2.138-1.63,3.058-3.648,1.889-6.025-0.285-0.578-0.534-1.196-1.1-1.672-1.085-0.911-2.187-0.057-3.234-0.361-0.159,0.628-0.888,0.456-1.274,0.654-0.859,0.439-2.192-0.146-3.051,0.292-1.362,0.695-2.603,0.864-4.025,1.241-0.312,0.082-1.09-0.014-1.25,0.613-0.134-0.134-0.282-0.368-0.388-0.346-1.908,0.396-3.168,0.61-4.469,2.302-0.103,0.133-0.545-0.046-0.704,0.089-0.957,0.808-1.362,2.042-2.463,2.714-0.201,0.123-0.553-0.045-0.747,0.084-0.646,0.431-1.013,1.072-1.655,1.519-0.329,0.229-0.729-0.096-0.697-0.352,0.245-1.947,0.898-3.734,0.323-5.61,2.077-2.52,4.594-4.469,6.4-7.2,0.015-2.166,0.707-4.312,0.594-6.389-0.01-0.193-0.298-0.926-0.424-1.273-0.312-0.854,0.594-1.92-0.25-2.644-1.404-1.203-2.696-0.327-3.52,1.106-1.838,0.39-3.904,1.083-5.482-0.151-1.007-0.787-1.585-1.693-2.384-2.749-0.985-1.302-0.65-2.738-0.58-4.302,0.006-0.128-0.309-0.264-0.309-0.398,0.001-0.135,0.221-0.266,0.355-0.4-0.706-0.626-0.981-1.684-2-2,0.305-1.092-0.371-1.976-1.242-2.278-1.995-0.691-3.672,1.221-5.564,1.294-0.514,0.019-0.981-1.019-1.63-1.344-0.432-0.216-1.136-0.249-1.498,0.017-0.688,0.504-1.277,0.618-2.035,0.823-1.617,0.436-2.895,1.53-4.375,2.385-1.485,0.857-2.44,2.294-3.52,3.614-0.941,1.152-1.077,3.566,0.343,4.066,1.843,0.65,3.147-2.053,5.113-1.727,0.312,0.051,0.518,0.362,0.408,0.75,0.389,0.109,0.607-0.12,0.8-0.4,0.858,1.019,2.022,1.356,2.96,2.229,0.97,0.904,2.716,0.486,3.731,1.483,1.529,1.502,0.97,4.183,2.909,5.488-0.586,1.313-1.193,2.59-1.528,4.017-0.282,1.206,0.712,2.403,1.923,2.312,1.258-0.094,1.52-0.853,2.005-1.929,0.267,0.267,0.736,0.564,0.695,0.78-0.457,2.387-1.484,4.38-1.942,6.811-0.059,0.317-0.364,0.519-0.753,0.409-0.468,4.149-4.52,6.543-7.065,9.708-0.403,0.502-0.407,1.751,0.002,2.154,1.403,1.387,3.363-0.159,5.063-0.662,0.213-1.206,1.072-2.148,2.404-2.092,0.256,0.01,0.491-0.532,0.815-0.662,0.348-0.138,0.85,0.086,1.136-0.112,1.729-1.195,3.137-2.301,4.875-3.49,0.192-0.131,0.536,0.028,0.752-0.08,0.325-0.162,0.512-0.549,0.835-0.734,0.348-0.2,0.59,0.09,0.783,0.37-0.646,0.349-0.65,1.306-1.232,1.508-0.775,0.268-1.336,0.781-2.01,1.228-0.292,0.193-0.951-0.055-1.055,0.124-0.598,1.028-1.782,1.466-2.492,2.349z'][id='path524']")
|
||||
),
|
||||
m("g[fill='#000'][id='g526']",
|
||||
m("path[d='m2.2-58s-9.238-2.872-20.4,22.8c0,0-2.4,5.2-4.8,7.2s-13.6,5.6-15.6,9.6l-10.4,16s14.8-16,18-18.4c0,0,8-8.4,4.8-1.6,0,0-14,10.8-12.8,20,0,0-5.6,14.4-6.4,16.4,0,0,16-32,18.4-33.2s3.6-1.2,2.4,2.4-1.6,20-4.4,22c0,0,8-20.4,7.2-23.6,0,0,3.2-3.6,5.6,1.6l-1.2,16,4.4,12s-2.4-11.2-0.8-26.8c0,0-2-10.4,2-4.8s13.6,11.6,13.6,16.4c0,0-5.2-17.6-14.4-22.4l-4,6-1.2-2s-3.6-0.8,0.8-7.6,4-7.6,4-7.6,6.4,7.2,8,7.2c0,0,13.2-7.6,14.4,16.8,0,0,6.8-14.4-2.4-21.2,0,0-14.8-2-13.6-7.2l7.2-12.4c3.6-5.2,2-2.4,2-2.4z'][id='path528']")
|
||||
),
|
||||
m("g[fill='#000'][id='g530']",
|
||||
m("path[d='m-17.8-41.6-16,5.2-7.2,9.6s17.2-10,21.2-11.2,2-3.6,2-3.6z'][id='path532']")
|
||||
),
|
||||
m("g[fill='#000'][id='g534']",
|
||||
m("path[d='m-57.8-35.2s-2,1.2-2.4,4-2.8,3.2-2,6,2.8,5.2,2.8,1.2,1.6-6,2.4-7.2,2.4-5.6-0.8-4z'][id='path536']")
|
||||
),
|
||||
m("g[fill='#000'][id='g538']",
|
||||
m("path[d='m-66.6,26s-8.4-4-11.6-7.6-2.748,1.566-7.6,1.2c-5.847-0.441-4.8-16.4-4.8-16.4l-4,7.6s-1.2,14.4,6.8,12c3.907-1.172,5.2,0.4,3.6,1.2s5.6,1.2,2.8,2.8,11.6-3.6,9.2,6.8l5.6-7.6z'][id='path540']")
|
||||
),
|
||||
m("g[fill='#000'][id='g542']",
|
||||
m("path[d='m-79.2,40.4s-15.4,4.4-19-5.2c0,0-4.8,2.4-2.6,5.4s3.4,3.4,3.4,3.4,5.4,1.2,4.8,2-3,4.2-3,4.2,10.2-6,16.4-9.8z'][id='path544']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g546']",
|
||||
m("path[d='m149.2,118.6c-0.43,2.14-2.1,2.94-4,3.6-1.92-0.96-4.51-4.06-6.4-2-0.47-0.48-1.25-0.54-1.6-1.2-0.46-0.9-0.19-1.94-0.53-2.74-0.55-1.28-1.25-2.64-1.07-4.06,1.81-0.71,2.4-2.62,1.93-4.38-0.07-0.26-0.5-0.45-0.3-0.8,0.19-0.33,0.5-0.55,0.77-0.82-0.13,0.14-0.28,0.37-0.39,0.35-0.61-0.11-0.49-0.75-0.36-1.13,0.59-1.75,2.6-2.01,3.95-0.82,0.26-0.56,0.77-0.37,1.2-0.4-0.05-0.58,0.36-1.11,0.56-1.53,0.52-1.09,2.14,0.01,2.94-0.6,1.08-0.83,2.14-1.52,3.22-0.92,1.81,1.01,3.52,2.22,4.72,3.97,0.57,0.83,0.81,2.11,0.75,3.07-0.04,0.65-1.42,0.29-1.76,1.22-0.65,1.75,1.19,2.27,1.94,3.61,0.2,0.35-0.06,0.65-0.38,0.75-0.41,0.13-1.19-0.06-1.06,0.39,0.98,3.19-1.78,3.87-4.13,4.44z'][id='path548']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g550']",
|
||||
m("path[d='m139.6,138.2c-0.01-1.74-1.61-3.49-0.4-5.2,0.14,0.14,0.27,0.36,0.4,0.36,0.14,0,0.27-0.22,0.4-0.36,1.5,2.22,5.15,3.14,5.01,5.99-0.03,0.45-1.11,1.37-0.21,2.01-1.81,1.35-1.87,3.72-2.8,5.6-1.24-0.28-2.45-0.65-3.6-1.2,0.35-1.48,0.24-3.17,1.06-4.49,0.43-0.7,0.14-1.78,0.14-2.71z'][id='path552']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g554']",
|
||||
m("path[d='m-26.6,129.2s-16.858,10.14-2.8-5.2c8.8-9.6,18.8-15.2,18.8-15.2s10.4-4.4,14-5.6,18.8-6.4,22-6.8,12.8-4.4,19.6-0.4,14.8,8.4,14.8,8.4-16.4-8.4-20-6-10.8,2-16.8,5.2c0,0-14.8,4.4-18,6.4s-13.6,13.6-15.2,12.8,0.4-1.2,1.6-4-0.8-4.4-8.8,2-9.2,8.4-9.2,8.4z'][id='path556']")
|
||||
),
|
||||
m("g[fill='#000'][id='g558']",
|
||||
m("path[d='m-19.195,123.23s1.41-13.04,9.888-11.37c0,0,8.226-4.17,10.948-6.14,0,0,8.139-1.7,9.449-2.32,18.479-8.698,33.198-4.179,33.745-5.299,0.546-1.119,20.171,5.999,23.78,10.079,0.391,0.45-10.231-5.59-19.929-7.48-8.273-1.617-29.875,0.24-40.781,5.78-2.973,1.51-11.918,7.29-14.449,7.18s-12.651,9.57-12.651,9.57z'][id='path560']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g562']",
|
||||
m("path[d='m-23,148.8s-15.2-2.4,1.6-4c0,0,18-2,22-7.2,0,0,13.6-9.2,16.4-9.6s32.8-7.6,33.2-10,6-2.4,7.6-1.6,0.8,2-2,2.8-34,17.2-40.4,18.4-18,8.8-22.8,10-15.6,1.2-15.6,1.2z'][id='path564']")
|
||||
),
|
||||
m("g[fill='#000'][id='g566']",
|
||||
m("path[d='m-3.48,141.4s-8.582-0.83,0.019-1.64c0,0,8.816-3.43,10.864-6.09,0,0,6.964-4.71,8.397-4.92,1.434-0.2,15.394-3.89,15.599-5.12s34.271-13.81,38.691-10.62c2.911,2.1-6.99,0.43-16.624,4.84-1.355,0.62-35.208,15.2-38.485,15.82-3.277,0.61-9.216,4.5-11.674,5.12-2.457,0.61-6.787,2.61-6.787,2.61z'][id='path568']")
|
||||
),
|
||||
m("g[fill='#000'][id='g570']",
|
||||
m("path[d='m-11.4,143.6s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path572']")
|
||||
),
|
||||
m("g[fill='#000'][id='g574']",
|
||||
m("path[d='m-18.6,145.2s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path576']")
|
||||
),
|
||||
m("g[fill='#000'][id='g578']",
|
||||
m("path[d='m-29,146.8s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path580']")
|
||||
),
|
||||
m("g[fill='#000'][id='g582']",
|
||||
m("path[d='m-36.6,147.6s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path584']")
|
||||
),
|
||||
m("g[fill='#000'][id='g586']",
|
||||
m("path[d='m1.8,108,3.2,1.6c-1.2,1.6-4.4,1.2-4.4,1.2l1.2-2.8z'][id='path588']")
|
||||
),
|
||||
m("g[fill='#000'][id='g590']",
|
||||
m("path[d='m-8.2,113.6s6.506-2.14,4,1.2c-1.2,1.6-3.6,0.8-3.6,0.8l-0.4-2z'][id='path592']")
|
||||
),
|
||||
m("g[fill='#000'][id='g594']",
|
||||
m("path[d='m-19.4,118.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path596']")
|
||||
),
|
||||
m("g[fill='#000'][id='g598']",
|
||||
m("path[d='m-27,124.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path600']")
|
||||
),
|
||||
m("g[fill='#000'][id='g602']",
|
||||
m("path[d='m-33.8,129.2s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path604']")
|
||||
),
|
||||
m("g[fill='#000'][id='g606']",
|
||||
m("path[d='m5.282,135.6s6.921-0.53,5.324,1.6c-1.597,2.12-4.792,1.06-4.792,1.06l-0.532-2.66z'][id='path608']")
|
||||
),
|
||||
m("g[fill='#000'][id='g610']",
|
||||
m("path[d='m15.682,130.8s6.921-0.53,5.324,1.6c-1.597,2.12-4.792,1.06-4.792,1.06l-0.532-2.66z'][id='path612']")
|
||||
),
|
||||
m("g[fill='#000'][id='g614']",
|
||||
m("path[d='m26.482,126.4s6.921-0.53,5.324,1.6c-1.597,2.12-4.792,1.06-4.792,1.06l-0.532-2.66z'][id='path616']")
|
||||
),
|
||||
m("g[fill='#000'][id='g618']",
|
||||
m("path[d='m36.882,121.6s6.921-0.53,5.324,1.6c-1.597,2.12-4.792,1.06-4.792,1.06l-0.532-2.66z'][id='path620']")
|
||||
),
|
||||
m("g[fill='#000'][id='g622']",
|
||||
m("path[d='m9.282,103.6s6.921-0.53,5.324,1.6c-1.597,2.12-5.592,1.86-5.592,1.86l0.268-3.46z'][id='path624']")
|
||||
),
|
||||
m("g[fill='#000'][id='g626']",
|
||||
m("path[d='m19.282,100.4s6.921-0.534,5.324,1.6c-1.597,2.12-5.992,1.86-5.992,1.86l0.668-3.46z'][id='path628']")
|
||||
),
|
||||
m("g[fill='#000'][id='g630']",
|
||||
m("path[d='m-3.4,140.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path632']")
|
||||
),
|
||||
m("g[fill='#992600'][id='g634']",
|
||||
m("path[d='m-76.6,41.2s-4.4,8.8-4.8,12c0,0,0.8-8.8,2-10.8s2.8-1.2,2.8-1.2z'][id='path636']")
|
||||
),
|
||||
m("g[fill='#992600'][id='g638']",
|
||||
m("path[d='m-95,55.2s-3.2,14.4-2.8,17.2c0,0-1.2-11.6-0.8-12.8s3.6-4.4,3.6-4.4z'][id='path640']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g642']",
|
||||
m("path[d='m-74.2-19.4-0.2,3.2-2.2,0.2s14.2,12.6,14.8,20.2c0,0,0.8-8.2-12.4-23.6z'][id='path644']")
|
||||
),
|
||||
m("g[fill='#000'][id='g646']",
|
||||
m("path[d='m-70.216-18.135c-0.431-0.416-0.212-1.161-0.62-1.421-0.809-0.516,1.298-0.573,1.07-1.289-0.383-1.206-0.196-1.227-0.318-2.503-0.057-0.598,0.531-2.138,0.916-2.578,1.446-1.652,0.122-4.584,1.762-6.135,0.304-0.289,0.68-0.841,0.965-1.259,0.659-0.963,1.843-1.451,2.793-2.279,0.318-0.276,0.117-1.103,0.686-1.011,0.714,0.115,1.955-0.015,1.91,0.826-0.113,2.12-1.442,3.84-2.722,5.508,0.451,0.704-0.007,1.339-0.291,1.896-1.335,2.62-1.146,5.461-1.32,8.301-0.005,0.085-0.312,0.163-0.304,0.216,0.353,2.335,0.937,4.534,1.816,6.763,0.366,0.93,0.837,1.825,0.987,2.752,0.111,0.686,0.214,1.519-0.194,2.224,2.035,2.89,0.726,5.541,1.895,9.072,0.207,0.625,1.899,2.539,1.436,2.378-2.513-0.871-2.625-1.269-2.802-2.022-0.146-0.623-0.476-2-0.713-2.602-0.064-0.164-0.235-2.048-0.313-2.17-1.513-2.382-0.155-2.206-1.525-4.564-1.428-0.68-2.394-1.784-3.517-2.946-0.198-0.204,0.945-0.928,0.764-1.141-1.092-1.289-2.245-2.056-1.909-3.549,0.155-0.69,0.292-1.747-0.452-2.467z'][id='path648']")
|
||||
),
|
||||
m("g[fill='#000'][id='g650']",
|
||||
m("path[d='m-73.8-16.4s0.4,6.8,2.8,8.4,1.2,0.8-2-0.4-2-2-2-2-2.8,0.4-0.4,2.4,6,4.4,4.4,4.4-9.2-4-9.2-6.8-1-6.9-1-6.9,1.1-0.8,5.9-0.7c0,0,1.4,0.7,1.5,1.6z'][id='path652']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g654'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-74.6,2.2s-8.52-2.791-27,0.6c0,0,9.031-2.078,27.8,0.2,10.3,1.25-0.8-0.8-0.8-0.8z'][id='path656']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g658'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-72.502,2.129s-8.246-3.518-26.951-1.737c0,0,9.178-1.289,27.679,2.603,10.154,2.136-0.728-0.866-0.728-0.866z'][id='path660']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g662'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-70.714,2.222s-7.962-4.121-26.747-3.736c0,0,9.248-0.604,27.409,4.654,9.966,2.885-0.662-0.918-0.662-0.918z'][id='path664']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g666'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-69.444,2.445s-6.824-4.307-23.698-5.405c0,0,8.339,0.17,24.22,6.279,8.716,3.353-0.522-0.874-0.522-0.874z'][id='path668']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g670'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m45.84,12.961s-0.93,0.644-0.716-0.537c0.215-1.181,28.423-14.351,32.037-14.101,0,0-30.248,13.206-31.321,14.638z'][id='path672']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g674'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m42.446,13.6s-0.876,0.715-0.755-0.479,27.208-16.539,30.83-16.573c0,0-29.117,15.541-30.075,17.052z'][id='path676']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g678'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m39.16,14.975s-0.828,0.772-0.786-0.428c0.042-1.199,19.859-16.696,29.671-18.57,0,0-18.03,8.127-28.885,18.998z'][id='path680']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g682'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m36.284,16.838s-0.745,0.694-0.707-0.385c0.038-1.08,17.872-15.027,26.703-16.713,0,0-16.226,7.314-25.996,17.098z'][id='path684']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g686']",
|
||||
m("path[d='m4.6,164.8s-15.2-2.4,1.6-4c0,0,18-2,22-7.2,0,0,13.6-9.2,16.4-9.6s19.2-4,19.6-6.4,6.4-4.8,8-4,1.6,10-1.2,10.8-21.6,8-28,9.2-18,8.8-22.8,10-15.6,1.2-15.6,1.2z'][id='path688']")
|
||||
),
|
||||
m("g[fill='#000'][id='g690']",
|
||||
m("path[d='m77.6,127.4s-3,1.6-4.2,4.2c0,0-6.4,10.6-20.6,13.8,0,0-23,9-30.8,11,0,0-13.4,5-20.8,4.2,0,0-7,0.2-0.8,1.8,0,0,20.2-2,23.6-3.8,0,0,15.6-5.2,18.6-7.8s21.2-7.6,23.4-9.6,12-10.4,11.6-13.8z'][id='path692']")
|
||||
),
|
||||
m("g[fill='#000'][id='g694']",
|
||||
m("path[d='m18.882,158.91s5.229-0.23,4.076,1.32-3.601,0.68-3.601,0.68l-0.475-2z'][id='path696']")
|
||||
),
|
||||
m("g[fill='#000'][id='g698']",
|
||||
m("path[d='m11.68,160.26s5.228-0.22,4.076,1.33c-1.153,1.55-3.601,0.67-3.601,0.67l-0.475-2z'][id='path700']")
|
||||
),
|
||||
m("g[fill='#000'][id='g702']",
|
||||
m("path[d='m1.251,161.51s5.229-0.23,4.076,1.32-3.601,0.68-3.601,0.68l-0.475-2z'][id='path704']")
|
||||
),
|
||||
m("g[fill='#000'][id='g706']",
|
||||
m("path[d='m-6.383,162.06s5.229-0.23,4.076,1.32-3.601,0.67-3.601,0.67l-0.475-1.99z'][id='path708']")
|
||||
),
|
||||
m("g[fill='#000'][id='g710']",
|
||||
m("path[d='m35.415,151.51s6.96-0.3,5.425,1.76c-1.534,2.07-4.793,0.9-4.793,0.9l-0.632-2.66z'][id='path712']")
|
||||
),
|
||||
m("g[fill='#000'][id='g714']",
|
||||
m("path[d='m45.73,147.09s5.959-3.3,5.425,1.76c-0.27,2.55-4.793,0.9-4.793,0.9l-0.632-2.66z'][id='path716']")
|
||||
),
|
||||
m("g[fill='#000'][id='g718']",
|
||||
m("path[d='m54.862,144.27s7.159-3.7,5.425,1.77c-0.778,2.44-4.794,0.9-4.794,0.9l-0.631-2.67z'][id='path720']")
|
||||
),
|
||||
m("g[fill='#000'][id='g722']",
|
||||
m("path[d='m64.376,139.45s4.359-4.9,5.425,1.76c0.406,2.54-4.793,0.9-4.793,0.9l-0.632-2.66z'][id='path724']")
|
||||
),
|
||||
m("g[fill='#000'][id='g726']",
|
||||
m("path[d='m26.834,156s5.228-0.23,4.076,1.32c-1.153,1.55-3.602,0.68-3.602,0.68l-0.474-2z'][id='path728']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g730'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m62.434,34.603s-0.726,0.665-0.727-0.406c0-1.07,17.484-14.334,26.327-15.718,0,0-16.099,6.729-25.6,16.124z'][id='path732']")
|
||||
),
|
||||
m("g[fill='#000'][id='g734']",
|
||||
m("path[d='m65.4,98.4s22.001,22.4,31.201,26c0,0,9.199,11.2,5.199,37.2,0,0-3.199,7.6-6.399-13.2,0,0,3.2-25.2-8-9.2,0,0-8.401-9.9-2.001-9.6,0,0,3.201,2,3.601,0.4s-7.601-15.2-24.801-29.6,1.2-2,1.2-2z'][id='path736']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g738'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m7,137.2s-0.2-1.8,1.6-1,96,7,127.6,31c0,0-45.199-23.2-129.2-30z'][id='path740']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g742'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m17.4,132.8s-0.2-1.8,1.6-1,138.4-0.2,162,32.2c0,0-22-25.2-163.6-31.2z'][id='path744']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g746'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m29,128.8s-0.2-1.8,1.6-1,175.2-12.2,198.8,20.2c0,0-9.6-25.6-200.4-19.2z'][id='path748']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g750'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m39,124s-0.2-1.8,1.6-1,124-37.8,147.6-5.4c0,0-13.4-24.6-149.2,6.4z'][id='path752']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g754'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-19,146.8s-0.2-1.8,1.6-1,19.6,3,21.6,41.8c0,0-7.2-42-23.2-40.8z'][id='path756']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g758'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-27.8,148.4s-0.2-1.8,1.6-1,16-3.8,13.2,35c0,0,1.2-35.2-14.8-34z'][id='path760']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g762'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-35.8,148.8s-0.2-1.8,1.6-1,17.2,1.4,4.8,23.8c0,0,9.6-24-6.4-22.8z'][id='path764']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g766'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m11.526,104.46s-0.444,2,1.105,0.79c16.068-12.628,48.51-71.53,104.2-77.164,0,0-38.312-12.11-105.3,76.374z'][id='path768']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g770'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m22.726,102.66s-1.363-1.19,0.505-1.81c1.868-0.63,114.31-73.13,153.6-65.164,0,0-27.11-7.51-154.1,66.974z'][id='path772']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g774'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m1.885,108.77s-0.509,1.6,1.202,0.62c8.975-5.12,12.59-62.331,56.167-63.586,0,0-32.411-14.714-57.369,62.966z'][id='path776']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g778'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-18.038,119.79s-1.077,1.29,0.876,1.03c10.246-1.33,31.651-42.598,76.09-37.519,0,0-31.966-14.346-76.966,36.489z'][id='path780']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g782'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-6.8,113.67s-0.811,1.47,1.058,0.84c9.799-3.27,22.883-47.885,67.471-51.432,0,0-34.126-7.943-68.529,50.592z'][id='path784']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g786'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-25.078,124.91s-0.873,1.04,0.709,0.84c8.299-1.08,25.637-34.51,61.633-30.396,0,0-25.893-11.62-62.342,29.556z'][id='path788']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g790'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-32.677,130.82s-1.005,1.05,0.586,0.93c4.168-0.31,34.806-33.39,53.274-17.89,0,0-12.015-18.721-53.86,16.96z'][id='path792']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g794'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m36.855,98.898s-1.201-1.355,0.731-1.74c1.932-0.384,122.63-58.097,160.59-45.231,0,0-25.94-10.874-161.32,46.971z'][id='path796']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g798'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m3.4,163.2s-0.2-1.8,1.6-1,17.2,1.4,4.8,23.8c0,0,9.6-24-6.4-22.8z'][id='path800']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g802'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m13.8,161.6s-0.2-1.8,1.6-1,19.6,3,21.6,41.8c0,0-7.2-42-23.2-40.8z'][id='path804']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g806'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m20.6,160s-0.2-1.8,1.6-1,26.4,4.2,50,36.6c0,0-35.6-36.8-51.6-35.6z'][id='path808']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g810'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m28.225,157.97s-0.437-1.76,1.453-1.2c1.89,0.55,22.324-1.35,60.421,32.83,0,0-46.175-34.94-61.874-31.63z'][id='path812']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g814'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m38.625,153.57s-0.437-1.76,1.453-1.2c1.89,0.55,36.724,5.05,88.422,40.03,0,0-74.176-42.14-89.875-38.83z'][id='path816']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g818'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-1.8,142s-0.2-1.8,1.6-1,55.2,3.4,85.6,30.2c0,0-34.901-24.77-87.2-29.2z'][id='path820']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g822'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m-11.8,146s-0.2-1.8,1.6-1,26.4,4.2,50,36.6c0,0-35.6-36.8-51.6-35.6z'][id='path824']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g826'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m49.503,148.96s-0.565-1.72,1.361-1.3c1.926,0.41,36.996,2.34,91.116,33.44,0,0-77.663-34.4-92.477-32.14z'][id='path828']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g830'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m57.903,146.56s-0.565-1.72,1.361-1.3c1.926,0.41,36.996,2.34,91.116,33.44,0,0-77.063-34.8-92.477-32.14z'][id='path832']")
|
||||
),
|
||||
m("g[fill='#FFF'][id='g834'][stroke='#000'][stroke-width='0.1']",
|
||||
m("path[d='m67.503,141.56s-0.565-1.72,1.361-1.3c1.926,0.41,44.996,4.74,134.72,39.04,0,0-120.66-40.4-136.08-37.74z'][id='path836']")
|
||||
),
|
||||
m("g[fill='#000'][id='g838']",
|
||||
m("path[d='m-43.8,148.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path840']")
|
||||
),
|
||||
m("g[fill='#000'][id='g842']",
|
||||
m("path[d='m-13,162.4s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path844']")
|
||||
),
|
||||
m("g[fill='#000'][id='g846']",
|
||||
m("path[d='m-21.8,162s5.2-0.4,4,1.2-3.6,0.8-3.6,0.8l-0.4-2z'][id='path848']")
|
||||
),
|
||||
m("g[fill='#000'][id='g850']",
|
||||
m("path[d='m-117.17,150.18s5.05,1.32,3.39,2.44-3.67-0.42-3.67-0.42l0.28-2.02z'][id='path852']")
|
||||
),
|
||||
m("g[fill='#000'][id='g854']",
|
||||
m("path[d='m-115.17,140.58s5.05,1.32,3.39,2.44-3.67-0.42-3.67-0.42l0.28-2.02z'][id='path856']")
|
||||
),
|
||||
m("g[fill='#000'][id='g858']",
|
||||
m("path[d='m-122.37,136.18s5.05,1.32,3.39,2.44-3.67-0.42-3.67-0.42l0.28-2.02z'][id='path860']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g862']",
|
||||
m("path[d='m-42.6,211.2-5.6,2c-2,0-13.2,3.6-18.8,13.6,0,0,12.4-9.6,24.4-15.6z'][id='path864']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g866']",
|
||||
m("path[d='m45.116,303.85c0.141,0.25,0.196,0.67,0.488,0.69,0.658,0.04,1.891,0.34,1.766-0.29-0.848-4.31-1.722-9.25-5.855-11.05-0.639-0.28-2.081,0.13-2.155,1.02-0.127,1.52-0.244,2.87,0.065,4.33,0.3,1.43,2.458,1.43,3.375,0.05,0.936,1.67,1.368,3.52,2.316,5.25z'][id='path868']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g870']",
|
||||
m("path[d='m34.038,308.58c0.748,1.41,0.621,3.27,2.036,3.84,0.74,0.29,2.59-0.68,2.172-1.76-0.802-2.06-1.19-4.3-2.579-6.11-0.2-0.26,0.04-0.79-0.12-1.12-0.594-1.22-1.739-1.96-3.147-1.63-1.115,2.2,0.033,4.33,1.555,6.04,0.136,0.15-0.03,0.53,0.083,0.74z'][id='path872']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g874']",
|
||||
m("path[d='m-5.564,303.39c-0.108-0.38-0.146-0.84,0.019-1.16,0.531-1.03,1.324-2.15,0.987-3.18-0.348-1.05-1.464-0.87-2.114-0.3-1.135,0.99-1.184,2.82-1.875,4.18-0.196,0.38-0.145,0.96-0.586,1.35-0.474,0.42-0.914,1.94-0.818,2.51,0.053,0.32-0.13,10.22,0.092,9.96,0.619-0.73,3.669-10.47,3.738-11.36,0.057-0.73,0.789-1.19,0.557-2z'][id='path876']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g878']",
|
||||
m("path[d='m-31.202,296.6c2.634-2.5,5.424-5.46,4.982-9.17-0.116-0.98-1.891-0.45-2.078,0.39-0.802,3.63-2.841,6.29-5.409,8.68-2.196,2.05-4.058,8.39-4.293,8.9,3.697-5.26,5.954-8,6.798-8.8z'][id='path880']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g882']",
|
||||
m("path[d='m-44.776,290.64c0.523-0.38,0.221-0.87,0.438-1.2,0.953-1.46,2.254-2.7,2.272-4.44,0.003-0.28-0.375-0.59-0.71-0.36-0.277,0.18-0.619,0.31-0.727,0.44-2.03,2.45-3.43,5.12-4.873,7.93-0.183,0.36-1.327,4.85-1.014,4.96,0.239,0.09,1.959-4.09,2.169-4.21,1.263-0.68,1.275-2.3,2.445-3.12z'][id='path884']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g886']",
|
||||
m("path[d='m-28.043,310.18c0.444-0.87,2.02-2.07,1.907-2.96-0.118-0.93,0.35-2.37-0.562-1.68-1.257,0.94-4.706,2.29-4.976,8.1-0.026,0.57,2.948-2.12,3.631-3.46z'][id='path888']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g890']",
|
||||
m("path[d='m-13.6,293c0.4-0.67,1.108-0.19,1.567-0.46,0.648-0.37,1.259-0.93,1.551-1.58,0.97-2.14,2.739-3.96,2.882-6.36-1.491-1.4-2.17,0.64-2.8,1.6-1.323-1.65-2.322,0.23-3.622,0.75-0.07,0.03-0.283-0.32-0.358-0.29-1.177,0.44-1.857,1.52-2.855,2.3-0.171,0.13-0.576-0.05-0.723,0.09-0.652,0.6-1.625,0.93-1.905,1.61-1.11,2.7-4.25,4.8-6.137,12.34,0.381,0.91,4.512-6.64,4.999-7.34,0.836-1.2,0.954,1.66,2.23,1,0.051-0.03,0.237,0.21,0.371,0.34,0.194-0.28,0.412-0.51,0.8-0.4,0-0.4-0.134-0.96,0.067-1.11,1.237-0.98,1.153-2.05,1.933-3.29,0.458,0.79,1.519,0.07,2,0.8z'][id='path892']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g894']",
|
||||
m("path[d='m46.2,347.4s7.4-20.4,3-31.6c0,0,11.4,21.6,6.8,32.8,0,0-0.4-10.4-4.4-15.4,0,0-4,12.8-5.4,14.2z'][id='path896']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g898']",
|
||||
m("path[d='m31.4,344.8s5.4-8.8-2.6-27.2c0,0-0.8,20.4-7.6,31.4,0,0,14.2-20.2,10.2-4.2z'][id='path900']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g902']",
|
||||
m("path[d='m21.4,342.8s-0.2-20,0.2-23c0,0-3.8,16.6-14,26.2,0,0,14.4-12,13.8-3.2z'][id='path904']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g906']",
|
||||
m("path[d='m11.8,310.8s6,13.6-4,32c0,0,6.4-12.2,1.6-19.2,0,0,2.6-3.4,2.4-12.8z'][id='path908']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g910']",
|
||||
m("path[d='m-7.4,342.4s-1-15.6,0.8-17.8c0,0,0.2-6.4-0.2-7.4,0,0,4-6.2,4.2,1.2,0,0,1.4,7.8,4.2,12.4,0,0,3.6,5.4,3.4,11.8,0,0-10-30.2-12.4-0.2z'][id='path912']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g914']",
|
||||
m("path[d='m-11,314.8s-6.6,10.8-8.4,29.8c0,0-1.4-6.2,2.4-20.6,0,0,4.2-15.4,6-9.2z'][id='path916']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g918']",
|
||||
m("path[d='m-32.8,334.6s5-5.4,6.4-10.4c0,0,3.6-15.8-2.8-7.2,0,0,0.2,8-8,15.4,0,0,4.8-2.4,4.4,2.2z'][id='path920']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g922']",
|
||||
m("path[d='m-38.6,329.6s3.4-17.4,4.2-18.2c0,0,1.8-3.4-1-0.2,0,0-8.8,19.2-12.8,25.8,0,0,8-9.2,9.6-7.4z'][id='path924']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g926']",
|
||||
m("path[d='m-44.4,313s11.6-22.4-10.2,3.4c0,0,11-9.8,10.2-3.4z'][id='path928']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g930']",
|
||||
m("path[d='m-59.8,298.4s4.8-18.8,7.4-18.6l1.6,1.6s-6,9.6-5.4,19.4c0,0-0.6-9.6-3.6-2.4z'][id='path932']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g934']",
|
||||
m("path[d='m270.5,287s-12-10-14.5-13.5c0,0,13.5,18.5,13.5,25.5,0,0,2.5-7.5,1-12z'][id='path936']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g938']",
|
||||
m("path[d='m276,265s-21-15-24.5-22.5c0,0,26.5,29.5,26.5,34,0,0,0.5-9-2-11.5z'][id='path940']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g942']",
|
||||
m("path[d='m293,111s-12-8-13.5-6c0,0,10.5,6.5,13,15,0,0-1.5-9,0.5-9z'][id='path944']")
|
||||
),
|
||||
m("g[fill='#CCC'][id='g946']",
|
||||
m("path[d='m301.5,191.5-17.5-12s19,17,19.5,21l-2-9z'][id='path948']")
|
||||
),
|
||||
m("g[id='g950'][stroke='#000']",
|
||||
m("path[d='m-89.25,169,22,4.75'][id='path952']")
|
||||
),
|
||||
m("g[id='g954'][stroke='#000']",
|
||||
m("path[d='m-39,331s-0.5-3.5-9.5,7'][id='path956']")
|
||||
),
|
||||
m("g[id='g958'][stroke='#000']",
|
||||
m("path[d='m-33.5,336s2-6.5-4.5-2'][id='path960']")
|
||||
),
|
||||
m("g[id='g962'][stroke='#000']",
|
||||
m("path[d='m20.5,344.5s1.5-11-10,2'][id='path964']")
|
||||
)
|
||||
])
|
||||
)
|
||||
|
||||
m.render(document.getElementById("root"), [tiger])
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,174 +0,0 @@
|
|||
T.time("Setup");
|
||||
|
||||
//API calls
|
||||
var api = {
|
||||
home: function() {
|
||||
T.timeEnd("Setup")
|
||||
return m.request({method: "GET", url: T.apiUrl + "/threads/"})
|
||||
},
|
||||
thread: function(id) {
|
||||
T.timeEnd("Setup")
|
||||
return m.request({method: "GET", url: T.apiUrl + "/comments/" + id}).then(T.transformResponse)
|
||||
},
|
||||
newThread: function(text) {
|
||||
return m.request({method: "POST", url: T.apiUrl + "/threads/create",data: {text: text}})
|
||||
},
|
||||
newComment: function(text, id) {
|
||||
return m.request({method: "POST", url: T.apiUrl + "/comments/create", data: {text: text, parent: id}});
|
||||
}
|
||||
};
|
||||
|
||||
var threads = [], current = null, loaded = false, error = false, notFound = false
|
||||
function loadThreads() {
|
||||
loaded = false
|
||||
api.home().then(function(response) {
|
||||
document.title = "ThreaditJS: Mithril.js | Home"
|
||||
threads = response.data
|
||||
loaded = true
|
||||
}, function() {
|
||||
loaded = error = true
|
||||
})
|
||||
}
|
||||
|
||||
function loadThread(id) {
|
||||
loaded = false
|
||||
notFound = false
|
||||
api.thread(id).then(function(response) {
|
||||
document.title = "ThreaditJS: Mithril.js | " + T.trimTitle(response.root.text);
|
||||
loaded = true
|
||||
current = response
|
||||
}, function(response) {
|
||||
loaded = true
|
||||
if (response.status === 404) notFound = true
|
||||
else error = true
|
||||
})
|
||||
}
|
||||
function unloadThread() {
|
||||
current = null
|
||||
}
|
||||
|
||||
function createThread() {
|
||||
var threadText = document.getElementById("threadText")
|
||||
api.newThread(threadText.value).then(function(response) {
|
||||
threadText.value = "";
|
||||
threads.push(response.data);
|
||||
})
|
||||
return false
|
||||
}
|
||||
|
||||
function showReplying(vnode) {
|
||||
vnode.state.replying = true
|
||||
vnode.state.newComment = ""
|
||||
return false
|
||||
}
|
||||
|
||||
function submitComment(vnode) {
|
||||
api.newComment(vnode.state.newComment, vnode.attrs.node.id).then(function(response) {
|
||||
vnode.state.newComment = ""
|
||||
vnode.state.replying = false
|
||||
vnode.attrs.node.children.push(response.data)
|
||||
})
|
||||
return false
|
||||
}
|
||||
|
||||
//shared
|
||||
var Header = {
|
||||
view: function() {
|
||||
return [
|
||||
m("p.head_links", [
|
||||
m("a[href='https://github.com/koglerjs/threaditjs/tree/master/examples/mithril']", "Source"),
|
||||
" | ",
|
||||
m("a[href='https://threaditjs.com']", "ThreaditJS Home"),
|
||||
]),
|
||||
m("h2", [
|
||||
m(m.route.Link, {href: "/"}, "ThreaditJS: Mithril"),
|
||||
]),
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
//home
|
||||
var Home = {
|
||||
oninit: loadThreads,
|
||||
view: function() {
|
||||
return [
|
||||
m(Header),
|
||||
m(".main", [
|
||||
loaded === false ? m("h2", "Loading") :
|
||||
error ? m("h2", "Error! Try refreshing.") :
|
||||
notFound ? m("h2", "Not found! Don't try refreshing!") : [
|
||||
threads.map(function(thread) {
|
||||
return [
|
||||
m("p", [
|
||||
m(m.route.Link, {href: "/thread/" + thread.id}, m.trust(T.trimTitle(thread.text))),
|
||||
]),
|
||||
m("p.comment_count", thread.comment_count + " comment(s)"),
|
||||
m("hr"),
|
||||
]
|
||||
}),
|
||||
m(NewThread),
|
||||
]
|
||||
])
|
||||
]
|
||||
}
|
||||
}
|
||||
var NewThread = {
|
||||
view: function() {
|
||||
return m("form", {onsubmit: createThread}, [
|
||||
m("textarea#threadText"),
|
||||
m("input", {type:"submit", value: "Post!"}),
|
||||
])
|
||||
}
|
||||
}
|
||||
|
||||
//thread
|
||||
var Thread = {
|
||||
oninit: function(vnode) {
|
||||
loadThread(vnode.attrs.id)
|
||||
},
|
||||
onremove: unloadThread,
|
||||
view: function() {
|
||||
if (current) T.time("Thread render")
|
||||
return [
|
||||
m(Header),
|
||||
current ? m(".main", {oncreate: function() {T.timeEnd("Thread render")}}, [
|
||||
m(ThreadNode, {node: current.root})
|
||||
]) : null
|
||||
]
|
||||
}
|
||||
}
|
||||
var ThreadNode = {
|
||||
view: function(vnode) {
|
||||
return m(".comment", [
|
||||
m("p", m.trust(vnode.attrs.node.text)),
|
||||
m(".reply", m(Reply, vnode.attrs)),
|
||||
m(".children", [
|
||||
vnode.attrs.node.children.map(function(child) {
|
||||
return m(ThreadNode, {node: child})
|
||||
})
|
||||
])
|
||||
])
|
||||
}
|
||||
}
|
||||
var Reply = {
|
||||
view: function(vnode) {
|
||||
return vnode.state.replying
|
||||
? m("form", {onsubmit: function() {return submitComment(vnode)}}, [
|
||||
m("textarea", {
|
||||
value: vnode.state.newComment,
|
||||
oninput: function(e) {
|
||||
vnode.state.newComment = e.target.value
|
||||
},
|
||||
}),
|
||||
m("input", {type:"submit", value: "Reply!"}),
|
||||
m(".preview", m.trust(T.previewComment(vnode.state.newComment))),
|
||||
])
|
||||
: m("a", {onclick: function() {return showReplying(vnode)}}, "Reply!")
|
||||
}
|
||||
}
|
||||
|
||||
//router
|
||||
m.route(document.getElementById("app"), "/", {
|
||||
"/thread/:id" : Thread,
|
||||
"/" : Home,
|
||||
})
|
||||
|
|
@ -1,6 +0,0 @@
|
|||
html {background-color:#f5f5f5;}
|
||||
|
||||
a {color:#161;text-decoration:none;}
|
||||
a:hover {text-decoration:underline;}
|
||||
|
||||
input[type=submit] {background-color:#5A5;color:#fff;border:0;font-weight:bold;}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Mithril.js • ThreadIt.js</title>
|
||||
<link rel="stylesheet" href="https://threaditjs.com/reset.css"/>
|
||||
<link rel="stylesheet" href="https://threaditjs.com/shared.css"/>
|
||||
<link rel="stylesheet" href="colors.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script src="//threaditjs.com/shared.js"></script>
|
||||
<script src="../../mithril.js"></script>
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,378 +0,0 @@
|
|||
html,
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background: none;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
color: inherit;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
body {
|
||||
font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
line-height: 1.4em;
|
||||
background: #f5f5f5;
|
||||
color: #4d4d4d;
|
||||
min-width: 230px;
|
||||
max-width: 550px;
|
||||
margin: 0 auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
button,
|
||||
input[type="checkbox"] {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#todoapp {
|
||||
background: #fff;
|
||||
margin: 130px 0 40px 0;
|
||||
position: relative;
|
||||
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2),
|
||||
0 25px 50px 0 rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
#todoapp input::-webkit-input-placeholder {
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
color: #e6e6e6;
|
||||
}
|
||||
|
||||
#todoapp input::-moz-placeholder {
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
color: #e6e6e6;
|
||||
}
|
||||
|
||||
#todoapp input::input-placeholder {
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
color: #e6e6e6;
|
||||
}
|
||||
|
||||
#todoapp h1 {
|
||||
position: absolute;
|
||||
top: -155px;
|
||||
width: 100%;
|
||||
font-size: 100px;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
color: rgba(175, 47, 47, 0.15);
|
||||
-webkit-text-rendering: optimizeLegibility;
|
||||
-moz-text-rendering: optimizeLegibility;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
#new-todo,
|
||||
.edit {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
font-size: 24px;
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
line-height: 1.4em;
|
||||
border: 0;
|
||||
outline: none;
|
||||
color: inherit;
|
||||
padding: 6px;
|
||||
border: 1px solid #999;
|
||||
box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
|
||||
box-sizing: border-box;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
#new-todo {
|
||||
padding: 16px 16px 16px 60px;
|
||||
border: none;
|
||||
background: rgba(0, 0, 0, 0.003);
|
||||
box-shadow: inset 0 -2px 1px rgba(0,0,0,0.03);
|
||||
}
|
||||
|
||||
#main {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
label[for='toggle-all'] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toggle-all {
|
||||
position: absolute;
|
||||
top: -55px;
|
||||
left: -12px;
|
||||
width: 60px;
|
||||
height: 34px;
|
||||
text-align: center;
|
||||
border: none; /* Mobile Safari */
|
||||
}
|
||||
|
||||
#toggle-all:before {
|
||||
content: '❯';
|
||||
font-size: 22px;
|
||||
color: #e6e6e6;
|
||||
padding: 10px 27px 10px 27px;
|
||||
}
|
||||
|
||||
#toggle-all:checked:before {
|
||||
color: #737373;
|
||||
}
|
||||
|
||||
#todo-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#todo-list li {
|
||||
position: relative;
|
||||
font-size: 24px;
|
||||
border-bottom: 1px solid #ededed;
|
||||
}
|
||||
|
||||
#todo-list li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#todo-list li.editing {
|
||||
border-bottom: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#todo-list li.editing .edit {
|
||||
display: block;
|
||||
width: 506px;
|
||||
padding: 13px 17px 12px 17px;
|
||||
margin: 0 0 0 43px;
|
||||
}
|
||||
|
||||
#todo-list li.editing .view {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#todo-list li .toggle {
|
||||
text-align: center;
|
||||
width: 40px;
|
||||
/* auto, since non-WebKit browsers doesn't support input styling */
|
||||
height: auto;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto 0;
|
||||
border: none; /* Mobile Safari */
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
#todo-list li .toggle:after {
|
||||
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#ededed" stroke-width="3"/></svg>');
|
||||
}
|
||||
|
||||
#todo-list li .toggle:checked:after {
|
||||
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="-10 -18 100 135"><circle cx="50" cy="50" r="50" fill="none" stroke="#bddad5" stroke-width="3"/><path fill="#5dc2af" d="M72 25L42 71 27 56l-4 4 20 20 34-52z"/></svg>');
|
||||
}
|
||||
|
||||
#todo-list li label {
|
||||
white-space: pre;
|
||||
word-break: break-word;
|
||||
padding: 15px 60px 15px 15px;
|
||||
margin-left: 45px;
|
||||
display: block;
|
||||
line-height: 1.2;
|
||||
transition: color 0.4s;
|
||||
}
|
||||
|
||||
#todo-list li.completed label {
|
||||
color: #d9d9d9;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
#todo-list li .destroy {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 10px;
|
||||
bottom: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: auto 0;
|
||||
font-size: 30px;
|
||||
color: #cc9a9a;
|
||||
margin-bottom: 11px;
|
||||
transition: color 0.2s ease-out;
|
||||
}
|
||||
|
||||
#todo-list li .destroy:hover {
|
||||
color: #af5b5e;
|
||||
}
|
||||
|
||||
#todo-list li .destroy:after {
|
||||
content: '×';
|
||||
}
|
||||
|
||||
#todo-list li:hover .destroy {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#todo-list li .edit {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#todo-list li.editing:last-child {
|
||||
margin-bottom: -1px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
color: #777;
|
||||
padding: 10px 15px;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
#footer:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2),
|
||||
0 8px 0 -3px #f6f6f6,
|
||||
0 9px 1px -3px rgba(0, 0, 0, 0.2),
|
||||
0 16px 0 -6px #f6f6f6,
|
||||
0 17px 2px -6px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
#todo-count {
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#todo-count strong {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
#filters {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#filters li {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#filters li a {
|
||||
color: inherit;
|
||||
margin: 3px;
|
||||
padding: 3px 7px;
|
||||
text-decoration: none;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#filters li a.selected,
|
||||
#filters li a:hover {
|
||||
border-color: rgba(175, 47, 47, 0.1);
|
||||
}
|
||||
|
||||
#filters li a.selected {
|
||||
border-color: rgba(175, 47, 47, 0.2);
|
||||
}
|
||||
|
||||
#clear-completed,
|
||||
html #clear-completed:active {
|
||||
float: right;
|
||||
position: relative;
|
||||
line-height: 20px;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#clear-completed:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#info {
|
||||
margin: 65px auto 0;
|
||||
color: #bfbfbf;
|
||||
font-size: 10px;
|
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#info p {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#info a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#info a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/*
|
||||
Hack to remove background from Mobile Safari.
|
||||
Can't use it globally since it destroys checkboxes in Firefox
|
||||
*/
|
||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
||||
#toggle-all,
|
||||
#todo-list li .toggle {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#todo-list li .toggle {
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
#toggle-all {
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 430px) {
|
||||
#footer {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#filters {
|
||||
bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,141 +0,0 @@
|
|||
hr {
|
||||
margin: 20px 0;
|
||||
border: 0;
|
||||
border-top: 1px dashed #c5c5c5;
|
||||
border-bottom: 1px dashed #f7f7f7;
|
||||
}
|
||||
|
||||
.learn a {
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
color: #b83f45;
|
||||
}
|
||||
|
||||
.learn a:hover {
|
||||
text-decoration: underline;
|
||||
color: #787e7e;
|
||||
}
|
||||
|
||||
.learn h3,
|
||||
.learn h4,
|
||||
.learn h5 {
|
||||
margin: 10px 0;
|
||||
font-weight: 500;
|
||||
line-height: 1.2;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.learn h3 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
.learn h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.learn h5 {
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.learn ul {
|
||||
padding: 0;
|
||||
margin: 0 0 30px 25px;
|
||||
}
|
||||
|
||||
.learn li {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.learn p {
|
||||
font-size: 15px;
|
||||
font-weight: 300;
|
||||
line-height: 1.3;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#issue-count {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.quote {
|
||||
border: none;
|
||||
margin: 20px 0 60px 0;
|
||||
}
|
||||
|
||||
.quote p {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.quote p:before {
|
||||
content: '“';
|
||||
font-size: 50px;
|
||||
opacity: .15;
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
.quote p:after {
|
||||
content: '”';
|
||||
font-size: 50px;
|
||||
opacity: .15;
|
||||
position: absolute;
|
||||
bottom: -42px;
|
||||
right: 3px;
|
||||
}
|
||||
|
||||
.quote footer {
|
||||
position: absolute;
|
||||
bottom: -40px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.quote footer img {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.quote footer a {
|
||||
margin-left: 5px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.speech-bubble {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
background: rgba(0, 0, 0, .04);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.speech-bubble:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: 30px;
|
||||
border: 13px solid transparent;
|
||||
border-top-color: rgba(0, 0, 0, .04);
|
||||
}
|
||||
|
||||
.learn-bar > .learn {
|
||||
position: absolute;
|
||||
width: 272px;
|
||||
top: 8px;
|
||||
left: -300px;
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: rgba(255, 255, 255, .6);
|
||||
transition-property: left;
|
||||
transition-duration: 500ms;
|
||||
}
|
||||
|
||||
@media (min-width: 899px) {
|
||||
.learn-bar {
|
||||
width: auto;
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
.learn-bar > .learn {
|
||||
left: 8px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Mithril.js • TodoMVC</title>
|
||||
<link rel="stylesheet" href="base.css">
|
||||
<link rel="stylesheet" href="app.css">
|
||||
</head>
|
||||
<body>
|
||||
<section id="todoapp"></section>
|
||||
<footer id="info">
|
||||
<p>Double-click to edit a todo</p>
|
||||
<p>Part of <a href="https://todomvc.com">TodoMVC</a></p>
|
||||
</footer>
|
||||
<script src="../../mithril.js"></script>
|
||||
<script src="todomvc.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,131 +0,0 @@
|
|||
//model
|
||||
var state = {
|
||||
dispatch: function(action, args) {
|
||||
state[action].apply(state, args || [])
|
||||
requestAnimationFrame(function() {
|
||||
localStorage["todos-mithril"] = JSON.stringify(state.todos)
|
||||
})
|
||||
},
|
||||
|
||||
todos: JSON.parse(localStorage["todos-mithril"] || "[]"),
|
||||
editing: null,
|
||||
filter: "",
|
||||
remaining: 0,
|
||||
todosByStatus: [],
|
||||
|
||||
createTodo: function(title) {
|
||||
state.todos.push({title: title.trim(), completed: false})
|
||||
},
|
||||
setStatuses: function(completed) {
|
||||
for (var i = 0; i < state.todos.length; i++) state.todos[i].completed = completed
|
||||
},
|
||||
setStatus: function(todo, completed) {
|
||||
todo.completed = completed
|
||||
},
|
||||
destroy: function(todo) {
|
||||
var index = state.todos.indexOf(todo)
|
||||
if (index > -1) state.todos.splice(index, 1)
|
||||
},
|
||||
clear: function() {
|
||||
for (var i = 0; i < state.todos.length; i++) {
|
||||
if (state.todos[i].completed) state.destroy(state.todos[i--])
|
||||
}
|
||||
},
|
||||
|
||||
edit: function(todo) {
|
||||
state.editing = todo
|
||||
},
|
||||
update: function(title) {
|
||||
if (state.editing != null) {
|
||||
state.editing.title = title.trim()
|
||||
if (state.editing.title === "") state.destroy(state.editing)
|
||||
state.editing = null
|
||||
}
|
||||
},
|
||||
reset: function() {
|
||||
state.editing = null
|
||||
},
|
||||
|
||||
computed: function(vnode) {
|
||||
state.showing = vnode.attrs.status || ""
|
||||
state.remaining = state.todos.filter(function(todo) {return !todo.completed}).length
|
||||
state.todosByStatus = state.todos.filter(function(todo) {
|
||||
switch (state.showing) {
|
||||
case "": return true
|
||||
case "active": return !todo.completed
|
||||
case "completed": return todo.completed
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
//view
|
||||
var Todos = {
|
||||
add: function(e) {
|
||||
if (e.keyCode === 13 && e.target.value) {
|
||||
state.dispatch("createTodo", [e.target.value])
|
||||
e.target.value = ""
|
||||
}
|
||||
},
|
||||
toggleAll: function() {
|
||||
state.dispatch("setStatuses", [document.getElementById("toggle-all").checked])
|
||||
},
|
||||
toggle: function(todo) {
|
||||
state.dispatch("setStatus", [todo, !todo.completed])
|
||||
},
|
||||
focus: function(vnode, todo) {
|
||||
if (todo === state.editing && vnode.dom !== document.activeElement) {
|
||||
vnode.dom.value = todo.title
|
||||
vnode.dom.focus()
|
||||
vnode.dom.selectionStart = vnode.dom.selectionEnd = todo.title.length
|
||||
}
|
||||
},
|
||||
save: function(e) {
|
||||
if (e.keyCode === 13 || e.type === "blur") state.dispatch("update", [e.target.value])
|
||||
else if (e.keyCode === 27) state.dispatch("reset")
|
||||
},
|
||||
oninit: state.computed,
|
||||
onbeforeupdate: state.computed,
|
||||
view: function(vnode) {
|
||||
var ui = vnode.state
|
||||
return [
|
||||
m("header.header", [
|
||||
m("h1", "todos"),
|
||||
m("input#new-todo[placeholder='What needs to be done?'][autofocus]", {onkeypress: ui.add}),
|
||||
]),
|
||||
m("section#main", {style: {display: state.todos.length > 0 ? "" : "none"}}, [
|
||||
m("input#toggle-all[type='checkbox']", {checked: state.remaining === 0, onclick: ui.toggleAll}),
|
||||
m("label[for='toggle-all']", {onclick: ui.toggleAll}, "Mark all as complete"),
|
||||
m("ul#todo-list", [
|
||||
state.todosByStatus.map(function(todo) {
|
||||
return m("li", {class: (todo.completed ? "completed" : "") + " " + (todo === state.editing ? "editing" : "")}, [
|
||||
m(".view", [
|
||||
m("input.toggle[type='checkbox']", {checked: todo.completed, onclick: function() {ui.toggle(todo)}}),
|
||||
m("label", {ondblclick: function() {state.dispatch("edit", [todo])}}, todo.title),
|
||||
m("button.destroy", {onclick: function() {state.dispatch("destroy", [todo])}}),
|
||||
]),
|
||||
m("input.edit", {onupdate: function(vnode) {ui.focus(vnode, todo)}, onkeyup: ui.save, onblur: ui.save})
|
||||
])
|
||||
}),
|
||||
]),
|
||||
]),
|
||||
state.todos.length ? m("footer#footer", [
|
||||
m("span#todo-count", [
|
||||
m("strong", state.remaining),
|
||||
state.remaining === 1 ? " item left" : " items left",
|
||||
]),
|
||||
m("ul#filters", [
|
||||
m("li", m(m.route.Link, {href: "/", class: state.showing === "" ? "selected" : ""}, "All")),
|
||||
m("li", m(m.route.Link, {href: "/active", class: state.showing === "active" ? "selected" : ""}, "Active")),
|
||||
m("li", m(m.route.Link, {href: "/completed", class: state.showing === "completed" ? "selected" : ""}, "Completed")),
|
||||
]),
|
||||
m("button#clear-completed", {onclick: function() {state.dispatch("clear")}}, "Clear completed"),
|
||||
]) : null,
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
m.route(document.getElementById("todoapp"), "/", {
|
||||
"/": Todos,
|
||||
"/:status": Todos,
|
||||
})
|
||||
Loading…
Add table
Add a link
Reference in a new issue