hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

finalboss

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-15 17:49:01 +02:00
parent 95a4b50d6a
commit 9b8d67eec9
5 changed files with 188 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
_layouts/default.html
View file

@ -17,7 +17,13 @@ body{
</style> </style>
</head> </head>
<body> <body>
{{ content }} {% if page.collection == 'tracks' %}
<div id="wallpaper">
{{ content }}
</div>
{% else %}
{{ content }}
{% endif %}
</body> </body>
</html> </html>

53
_layouts/music.html
View file

@ -16,32 +16,24 @@ layout: default
{% if page.next != nil %} {% if page.next != nil %}
<a href="{{ site.baseurl }}{{ page.next.url }}" title="Next Track"><img <a href="{{ site.baseurl }}{{ page.next.url }}" title="Next Track"><img
src="{{ site.baseurl }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %} src="{{ site.baseurl }}/assets/img/icons/skipfwd.png" title="Next Track" /></a>{% endif %}
</div> </div>
</div> </div>
</div> </div>
<div class="trackcontainer"> <div class="trackcontainer">
<h1>{{ page.title }}</h1> <h1>{{ page.title }}</h1>
<p style="margin-bottom: 0px;">{{ page.keywords }}<br />{{ page.date | date: '%Y - %B' }} <p style="margin-bottom: 0px;">{{ page.keywords }}<br />{{ page.date | date: '%Y - %B' }}
<br /> <br />
<span id="tracktime" style="font-weight: normal;">&nbsp;</span></p> <span id="tracktime" style="font-weight: normal;">&nbsp;</span></p>
{% include cookiemonster.html %} {% include cookiemonster.html %}
</div> </div>
<div id="timer"> <div id="timer">
{{ page.content }} {{ page.content }}
</div> </div>
<!-- stylemachine by Sakrecoer -snipthis if ya feel it - its the pary that runs the player ;) -->
</div> </div>
<audio preload="true" autoplay <audio preload="true" autoplay="true"
ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration) + ' Seconds';"> ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime) + ' / ' + Math.floor(this.duration) + ' Seconds';">
<source src="{{ page.mp3 }}" type="audio/mpeg" /> <source src="{{ page.mp3 }}" type="audio/mpeg" />
<source src="{{ page.ogg }}" type="audio/ogg" /> <source src="{{ page.ogg }}" type="audio/ogg" />
@ -53,9 +45,11 @@ layout: default
return false; return false;
} }
var mu = document.getElementsByTagName("audio")[0]; var mu = document.getElementsByTagName("audio")[0];
var anim = document.getElementById("wallpaper");
var pauseButton = document.getElementById("mu_pause"); var pauseButton = document.getElementById("mu_pause");
function muFade() { function muFade() {
mu.classList.add("stopfade"); mu.classList.add("stopfade");
anim.classList.add("stopfade");
} }
mu.addEventListener('ended', function () { mu.addEventListener('ended', function () {
// only functional if "loop" is removed // only functional if "loop" is removed
@ -82,9 +76,34 @@ layout: default
body { body {
background-image:url('{{ page.image }}') ; background-image:url('{{ page.image }}') ;
} }
#navigation {
opacity: 1;
}
#navigation { #wallpaper {
background-image: url(/assets/img/world.svg);
-webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite;
height: fit-content;
@-webkit-keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
@-moz-keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
@keyframes AnimationName {
0%{background-position:0% 91%}
50%{background-position:100% 10%}
100%{background-position:0% 91%}
}
}
.stopfade {
animation-play-state: paused;
}
opacity: 1;
}
</style> </style>

5
_sass/main.scss
View file

@ -50,7 +50,7 @@ a:hover {
width: 100%; width: 100%;
// background: linear-gradient(230deg, rgba(218, 159, 142, 0.8), rgba(236, 0, 228, 0.8), rgba(0, 212, 236, 0.8), rgba(0, 236, 173, 0.8), rgba(110, 0, 236, 0.8)); // background: linear-gradient(230deg, rgba(218, 159, 142, 0.8), rgba(236, 0, 228, 0.8), rgba(0, 212, 236, 0.8), rgba(0, 236, 173, 0.8), rgba(110, 0, 236, 0.8));
// background-size: 1000% 1000%; // background-size: 1000% 1000%;
background-image: url('/assets/img/header.svg'); background-image: url('/assets/img/world.svg');
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite;
@ -249,6 +249,7 @@ background-image: url('/assets/img/header.svg');
margin: 0; margin: 0;
padding: 0; padding: 0;
height: 100vh; height: 100vh;
} }
#controls { #controls {
@ -342,7 +343,7 @@ min-height: 80vh;
} }
#timer { #timer {
flex: 1 1 200px; flex: 1 1 200px;
background: linear-gradient(230deg, rgba(255, 0, 255, 0.9), rgba(65, 106, 0, 0.9)); background: linear-gradient(230deg, #ff00ffe6, #416a00e6);
background-size: 1000% 1000%; background-size: 1000% 1000%;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;

55
assets/img/sakrecoer-logo.svg
View file

@ -5,36 +5,11 @@
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
id="svg8"
version="1.1"
viewBox="0 0 43.391667 43.391665"
height="164"
width="164" width="164"
sodipodi:docname="sakrecoer-logo.svg" height="164"
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"> viewBox="0 0 43.391667 43.391665"
<sodipodi:namedview version="1.1"
pagecolor="#ffffff" id="svg8">
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1136"
inkscape:window-height="746"
id="namedview1019"
showgrid="false"
inkscape:zoom="1.6023716"
inkscape:cx="95.706842"
inkscape:cy="78.633445"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg8"
units="px" />
<defs <defs
id="defs2" /> id="defs2" />
<metadata <metadata
@ -50,21 +25,19 @@
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
<g <g
id="g1568" style="opacity:0.784"
style="opacity:0.85" id="g2880">
transform="matrix(1.0707421,0,0,1.0707421,0.26458134,0.83334402)">
<ellipse <ellipse
ry="13.112915" style="opacity:1;fill:none;fill-opacity:0.6476684;stroke:#416a00;stroke-width:8.00697803;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:0.66321242;paint-order:normal"
rx="13.136927"
transform="matrix(0.97529502,-0.22090637,0.22365011,0.9746695,0,0)"
cy="24.082312"
cx="18.077591"
id="path874" id="path874"
style="opacity:0.997;fill:none;fill-opacity:0.6476684;stroke:#000000;stroke-width:7.4779706;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" /> cx="19.427938"
cy="26.657154"
transform="matrix(0.97529502,-0.22090638,0.2236501,0.9746695,0,0)"
rx="14.06626"
ry="14.04055" />
<path <path
style="opacity:1;fill:#445500;fill-opacity:1;stroke-width:0.12279122"
d="m 26.399862,38.0119 -0.219499,-0.95657 -0.976174,0.2211 -0.976173,0.22111 -0.139529,-0.97469 -0.139529,-0.97469 -0.961744,0.21784 -0.961745,0.21783 -0.219496,-0.95656 -0.219498,-0.95658 -0.958941,0.2172 -0.958939,0.21721 -0.219498,-0.95658 -0.219498,-0.95657 -0.899007,0.20362 -0.899006,0.20363 -0.205778,-0.89678 -0.205779,-0.89679 -0.958941,0.2172 -0.958939,0.2172 -0.219498,-0.95657 -0.219498,-0.95658 -0.958941,0.2172 -0.95894,0.21721 -0.644774,-2.80994 -0.644774,-2.80993 0.958941,-0.2172 0.95894,-0.2172 -0.201754,-0.87925 -0.201753,-0.87924 0.899356,-0.28501 c 0.494633,-0.15682 1.32272,-0.38101 1.84019,-0.49821 L 16.650499,21.3522 16.431,20.39563 l -0.219496,-0.95657 0.95894,-0.2172 0.95894,-0.2172 -0.425278,-1.85337 -0.425276,-1.85336 -1.852904,0.41969 -1.852904,0.41969 -0.247647,-0.91876 -0.247645,-0.91875 -2.77829,0.59552 -2.778289,0.59552 -0.202725,-0.5354 C 7.206921,14.66097 7.080382,14.26613 7.037217,14.07801 L 6.958737,13.73599 5.999797,13.95319 5.040857,14.1704 4.821359,13.21382 4.601861,12.25724 3.702855,12.46087 2.803849,12.6645 2.598069,11.76771 2.392292,10.87093 1.433351,11.08813 0.474411,11.30533 0.237207,10.27159 2e-6,9.23785 8.491465,7.3642 16.982927,5.49055 16.505002,3.61767 16.027078,1.74478 19.87866,0.87239 23.730244,0 23.949742,0.95658 24.169241,1.91315 23.218926,2.1284 22.268611,2.34365 22.334921,2.998 c 0.03647,0.35991 0.114796,0.78084 0.174043,0.93542 l 0.107733,0.28107 8.469721,-1.9684 8.469722,-1.9684 0.237253,1.03396 0.237256,1.03396 -0.95894,0.2172 -0.95894,0.2172 0.205777,0.89678 0.20578,0.89679 -0.899006,0.20363 -0.899006,0.20363 0.219498,0.95657 0.219498,0.95658 -0.948713,0.21488 -0.948712,0.21489 0.121238,0.91365 0.121239,0.91365 -2.765676,0.6602 -2.765675,0.6602 0.177631,0.93461 0.177633,0.93462 -1.792971,0.40611 -1.79297,0.40611 0.425276,1.85335 0.425278,1.85337 0.899006,-0.20363 0.899006,-0.20362 0.219496,0.95656 0.219498,0.95658 1.049035,-0.23672 c 0.576971,-0.13019 1.420993,-0.28493 1.875636,-0.34374 l 0.826596,-0.10704 0.201812,0.8795 0.20181,0.87949 0.95894,-0.2172 0.95894,-0.2172 0.644776,2.80994 0.644774,2.80993 -0.95894,0.2172 -0.95894,0.2172 0.219498,0.95658 0.219498,0.95657 -0.958939,0.21721 -0.95894,0.2172 0.205777,0.89678 0.20578,0.89679 -0.899006,0.20363 -0.899007,0.20362 0.218343,0.95155 0.218344,0.95154 -0.920962,0.24532 -0.920963,0.24533 0.177631,0.93461 0.17763,0.9346 -0.956702,0.2167 -0.956703,0.21669 0.299467,0.93847 0.299468,0.93846 -0.976173,0.2211 -0.976174,0.22111 0.219496,0.95656 0.219498,0.95658 -0.95894,0.2172 -0.958941,0.2172 -0.219498,-0.95657 z m -1.978205,-17.41358 -0.219498,-0.95658 0.899006,-0.20362 0.899006,-0.20363 -0.20578,-0.89679 -0.205777,-0.89678 -2.756953,0.62446 -2.756952,0.62445 0.205778,0.89678 0.205779,0.89679 0.899006,-0.20363 0.899006,-0.20362 0.219499,0.95657 0.219498,0.95658 0.95894,-0.2172 0.95894,-0.21721 z"
id="path867" id="path867"
inkscape:connector-curvature="0" /> d="m 28.532025,41.534286 -0.235027,-1.02424 -1.04523,0.236741 -1.04523,0.236752 -0.1494,-1.043642 -0.149399,-1.043641 -1.02978,0.23325 -1.029781,0.23324 -0.235023,-1.024229 -0.235026,-1.024251 -1.026779,0.232565 -1.026776,0.232576 -0.235026,-1.02425 -0.235025,-1.02424 -0.962605,0.218025 -0.962604,0.218035 -0.220335,-0.96022 -0.220336,-0.960231 -1.026779,0.232565 -1.026776,0.232565 -0.235026,-1.02424 -0.235025,-1.02425 -1.026779,0.232565 -1.026777,0.232576 -0.690387,-3.008721 -0.690387,-3.00871 1.026779,-0.232566 1.026777,-0.232565 -0.216026,-0.94145 -0.216026,-0.941439 0.962979,-0.305172 c 0.529624,-0.167914 1.416292,-0.407964 1.970369,-0.533455 l 1.007413,-0.228186 -0.235027,-1.024239 -0.235024,-1.02424 1.026778,-0.232565 1.026777,-0.232565 -0.455363,-1.984482 -0.455361,-1.98447 -1.983982,0.449379 -1.983983,0.44938 -0.265166,-0.983755 -0.265164,-0.983744 -2.974832,0.637648 -2.9748306,0.637649 -0.2170662,-0.573276 C 7.9813351,16.531462 7.8458444,16.10869 7.7996258,15.907262 L 7.715594,15.541047 6.6888166,15.773612 5.6620391,16.006188 5.4270134,14.981937 5.1919877,13.957687 4.2293841,14.175722 3.2667805,14.393757 3.0464432,13.433527 2.8261091,12.473306 1.7993306,12.705872 0.77255317,12.938437 0.51856886,11.831568 0.26458348,10.724699 9.3567504,8.718503 18.448916,6.7123071 17.937182,4.7069356 17.425448,2.7015534 l 4.124051,-0.9341047 4.124054,-0.93410468 0.235025,1.02425048 0.235027,1.0242398 -1.017542,0.2304772 -1.017542,0.2304772 0.071,0.7006401 c 0.03905,0.3853708 0.122916,0.8360783 0.186355,1.0015936 l 0.115354,0.3009535 9.068887,-2.1076488 9.068888,-2.1076487 0.254037,1.1071045 0.25404,1.1071045 -1.026778,0.2325652 -1.026777,0.2325652 0.220334,0.9602201 0.220337,0.9602308 -0.962604,0.2180352 -0.962603,0.2180352 0.235026,1.0242398 0.235025,1.0242504 -1.015827,0.2300811 -1.015825,0.2300918 0.129814,0.9782835 0.129816,0.9782833 -2.961326,0.706904 -2.961324,0.706904 0.190197,1.000726 0.190199,1.000737 -1.91981,0.434839 -1.919808,0.434839 0.455361,1.98446 0.455363,1.984482 0.962603,-0.218036 0.962604,-0.218024 0.235023,1.024229 0.235026,1.02425 1.123246,-0.253466 c 0.617787,-0.1394 1.521517,-0.305086 2.008323,-0.368056 l 0.885071,-0.114613 0.216088,0.941718 0.216087,0.941707 1.026777,-0.232565 1.026778,-0.232565 0.690388,3.008721 0.690387,3.00871 -1.026777,0.232565 -1.026778,0.232565 0.235026,1.024251 0.235026,1.02424 -1.026777,0.232575 -1.026777,0.232566 0.220334,0.96022 0.220337,0.960231 -0.962603,0.218035 -0.962605,0.218024 0.233789,1.018865 0.23379,1.018854 -0.986113,0.262674 -0.986113,0.262685 0.190197,1.000727 0.190196,1.000715 -1.024382,0.23203 -1.024382,0.232019 0.320652,1.00486 0.320653,1.004848 -1.045229,0.236741 -1.045231,0.236752 0.235024,1.024229 0.235025,1.024251 -1.026777,0.232565 -1.026779,0.232565 -0.235025,-1.02424 z m -2.118147,-18.645454 -0.235026,-1.02425 0.962603,-0.218025 0.962604,-0.218035 -0.220337,-0.960231 -0.220334,-0.96022 -2.951986,0.668636 -2.951985,0.668625 0.220336,0.96022 0.220336,0.960231 0.962603,-0.218035 0.962604,-0.218025 0.235027,1.02424 0.235026,1.02425 1.026777,-0.232565 1.026777,-0.232576 z"
style="opacity:1;fill:#ff00ff;fill-opacity:1;stroke-width:0.13147773" />
</g> </g>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

126
assets/img/world.svg Normal file
View file

@ -0,0 +1,126 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="svg921"
version="1.1"
viewBox="0 0 725.32062 374.77838"
height="374.77838mm"
width="725.32062mm">
<defs
id="defs915">
<linearGradient
id="linearGradient2113">
<stop
style="stop-color:#416a00;stop-opacity:1"
offset="0"
id="stop2111" />
<stop
style="stop-color:#ff00ff;stop-opacity:1"
offset="1"
id="stop2109" />
</linearGradient>
<linearGradient
id="linearGradient2086-7">
<stop
style="stop-color:#ff00ff;stop-opacity:1"
offset="0"
id="stop2084" />
<stop
style="stop-color:#416a00;stop-opacity:1"
offset="1"
id="stop2082" />
</linearGradient>
<radialGradient
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,0.87480638,-69.99076,9.7319301)"
r="118.91523"
fy="113.80343"
fx="-102.1889"
cy="113.80343"
cx="-102.1889"
id="radialGradient2092"
xlink:href="#linearGradient2086-7" />
<radialGradient
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(3.7795276,0,0,3.8102544,1383.9611,390.95244)"
r="72.464668"
fy="-23.883537"
fx="-102.06171"
cy="-23.883537"
cx="-102.06171"
id="radialGradient2181"
xlink:href="#linearGradient2113" />
<radialGradient
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.78562071,0,0,0.79200773,42.764506,30.251308)"
r="94.020424"
fy="175.29575"
fx="117.09596"
cy="175.29575"
cx="117.09596"
id="radialGradient2185"
xlink:href="#linearGradient2086-7" />
<radialGradient
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1,0,0,0.92100027,0,11.79087)"
r="66.986603"
fy="149.25203"
fx="-293.62271"
cy="149.25203"
cx="-293.62271"
id="radialGradient2203"
xlink:href="#linearGradient2113" />
</defs>
<metadata
id="metadata918">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(366.17304,103.24533)"
id="layer1">
<path
id="path2058-2"
transform="matrix(0.26458333,0,0,0.26458333,-366.17304,-103.24533)"
d="M 998.2168 23.841797 A 273.88221 276.10883 0 0 0 724.33398 299.94922 A 273.88221 276.10883 0 0 0 747.76562 410.73633 A 449.44339 393.17594 0 0 0 733.20312 410.09961 A 449.44339 393.17594 0 0 0 293.63086 722.03906 A 253.17771 233.17674 0 0 0 274.20508 721.14453 A 253.17771 233.17674 0 0 0 21.027344 954.32031 A 253.17771 233.17674 0 0 0 274.20508 1187.498 A 253.17771 233.17674 0 0 0 458.45117 1113.8262 A 449.44339 393.17594 0 0 0 733.20312 1196.4512 A 449.44339 393.17594 0 0 0 797.46289 1192.0195 A 647.98031 566.85732 0 0 0 1277.873 1379.4297 A 647.98031 566.85732 0 0 0 1705.916 1237.4863 A 279.17252 281.44213 0 0 0 1893.2812 1310.7285 A 279.17252 281.44213 0 0 0 2172.4531 1029.2871 A 279.17252 281.44213 0 0 0 1921.4727 749.30078 A 647.98031 566.85732 0 0 0 1916.8965 719.61914 A 297.23676 297.23676 0 0 0 2016.7031 737.19531 A 297.23676 297.23676 0 0 0 2292.6211 549.83203 A 210.98503 210.98503 0 0 0 2453.2695 624.4043 A 210.98503 210.98503 0 0 0 2664.2539 413.41992 A 210.98503 210.98503 0 0 0 2453.2695 202.43555 A 210.98503 210.98503 0 0 0 2277.1953 297.45117 A 297.23676 297.23676 0 0 0 2016.7031 142.7207 A 297.23676 297.23676 0 0 0 1722.3789 401.07227 A 647.98031 566.85732 0 0 0 1277.873 245.71484 A 647.98031 566.85732 0 0 0 1266.5645 246.06445 A 273.88221 276.10883 0 0 0 998.2168 23.841797 z "
style="opacity:0.44299999;fill:#fbffff;fill-opacity:1;stroke:none;stroke-width:16.56319427;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
<path
id="path2058"
transform="matrix(0.26458333,0,0,0.26458333,-366.17304,-103.24533)"
d="M 998.2168 23.841797 A 273.88221 276.10883 0 0 0 724.33398 299.94922 A 273.88221 276.10883 0 0 0 773.59766 457.37305 A 647.98032 566.85733 0 0 0 629.89258 812.57227 A 647.98032 566.85733 0 0 0 1277.873 1379.4297 A 647.98032 566.85733 0 0 0 1925.8535 812.57227 A 647.98032 566.85733 0 0 0 1916.8965 719.61914 A 297.23676 297.23676 0 0 0 2016.7031 737.19531 A 297.23676 297.23676 0 0 0 2292.6211 549.83203 A 210.98503 210.98503 0 0 0 2453.2695 624.4043 A 210.98503 210.98503 0 0 0 2664.2539 413.41992 A 210.98503 210.98503 0 0 0 2453.2695 202.43555 A 210.98503 210.98503 0 0 0 2277.1953 297.45117 A 297.23676 297.23676 0 0 0 2016.7031 142.7207 A 297.23676 297.23676 0 0 0 1722.3789 401.07227 A 647.98032 566.85733 0 0 0 1277.873 245.71484 A 647.98032 566.85733 0 0 0 1266.5645 246.06445 A 273.88221 276.10883 0 0 0 998.2168 23.841797 z "
style="opacity:0.44299999;fill:url(#radialGradient2181);fill-opacity:1;stroke:none;stroke-width:16.56319427;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
<ellipse
ry="61.694679"
rx="66.986603"
cy="149.25203"
cx="-293.62271"
id="path1858"
style="opacity:0.44299999;fill:url(#radialGradient2203);fill-opacity:1.0;stroke:none;stroke-width:2.46894503;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
<ellipse
ry="104.0278"
rx="118.91523"
cy="109.2879"
cx="-172.17966"
id="path1858-2"
style="opacity:0.28500001;fill:url(#radialGradient2092);fill-opacity:1;stroke:none;stroke-width:4.27156639;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
<ellipse
ry="74.464897"
rx="73.864395"
cy="169.0869"
cx="134.75752"
id="path2058-6"
style="opacity:0.44299999;fill:url(#radialGradient2185);fill-opacity:1;stroke:none;stroke-width:4.46699429;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 6.5 KiB