slowed down floating animation, optimised images and svgs and load them eagerly in certain cases

This commit is contained in:
William Grant 2021-09-20 13:24:57 +10:00
parent 656fab3ac6
commit ffdc702967
25 changed files with 29 additions and 278 deletions

View File

@ -1,65 +1 @@
<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
viewBox="0 0 32 32.001801"
fill="none"
version="1.1"
id="svg1037"
sodipodi:docname="bittrex-logo.svg"
inkscape:version="1.0.1 (0767f8302a, 2020-10-17)">
<metadata
id="metadata1041">
<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>
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1014"
id="namedview1039"
showgrid="false"
inkscape:zoom="9.3455882"
inkscape:cx="68"
inkscape:cy="16"
inkscape:window-x="1080"
inkscape:window-y="34"
inkscape:window-maximized="1"
inkscape:current-layer="svg1037" />
<path
d="M 32,22.7191 V 0 H 9.28086 V 6.72093 H 13.4311 V 4.15027 H 27.8479 V 18.5653 H 22.7191 V 9.28265 H 0 V 32.0018 h 22.7191 v -6.7192 h -4.1502 v 2.5671 H 4.15027 V 13.4329 h 5.13238 v 9.2862 z m -13.4347,-4.152 h -5.1324 v -5.1342 h 5.1324 z"
fill="#1c6fe8"
id="path1024" />
<defs
id="defs1035">
<clipPath
id="clip0">
<rect
width="135.03"
height="32"
fill="#ffffff"
id="rect1032"
x="0"
y="0" />
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32.002" fill="none"><path d="M32 22.72V0H9.28v6.72h4.151V4.15h14.417v14.415h-5.129V9.283H0v22.719h22.72v-6.72h-4.151v2.568H4.15V13.433h5.133v9.286zm-13.435-4.153h-5.132v-5.134h5.132z" fill="#1c6fe8"/></svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 262 B

View File

@ -1,9 +1 @@
<svg viewBox="0 0 226 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M133.39 11.5447L123.605 20.085L113.82 11.5447C113.038 10.8584 112.029 10.4771 110.99 10.4771H102.485L118.547 24.4924L102.485 38.5076H110.99C112.029 38.5076 113.038 38.1264 113.82 37.4401L123.605 28.8998L133.39 37.4401C134.173 38.1264 135.181 38.5076 136.22 38.5076H144.725L128.663 24.4924L144.725 10.4771H136.22C135.181 10.4771 134.173 10.8584 133.39 11.5447Z" fill="#1E1D48"/>
<path d="M226 10.4771H219.527V30.0588L195.577 11.3922C194.824 10.7974 193.891 10.4771 192.927 10.4771H188.276V38.5229H194.749V18.9412L218.699 37.6078C219.452 38.2026 220.385 38.5229 221.348 38.5229H226V10.4771Z" fill="#1E1D48"/>
<path d="M182.45 16.4553V10.4771H151.485C148.097 14.427 146.291 19.3224 146.291 24.4924C146.291 29.6623 148.097 34.573 151.485 38.5076H182.45V32.5447H154.691C153.923 31.0806 153.366 29.4488 153.08 27.4815H180.222V21.2135H153.125C153.426 19.3834 153.968 17.8279 154.691 16.4401H182.45V16.4553Z" fill="#1E1D48"/>
<path d="M101.522 24.5083C101.522 16.0594 96.4034 10.493 96.4034 10.493H67.3348C67.3348 10.493 62.2166 16.0747 62.2166 24.5083C62.2166 32.9418 67.3348 38.5235 67.3348 38.5235H96.4034C96.4034 38.5235 101.522 32.9418 101.522 24.5083ZM70.6918 32.5148C69.3821 30.1052 68.6897 27.3449 68.6897 24.5083C68.6897 21.6716 69.3821 18.9113 70.6918 16.5017H93.0615C94.3711 18.9113 95.0636 21.6716 95.0636 24.5083C95.0636 27.3449 94.3711 30.1052 93.0615 32.5148H70.6918Z" fill="#1E1D48"/>
<path d="M24.1761 48.9848C37.5282 48.9848 48.3522 38.0191 48.3522 24.4924C48.3522 10.9656 37.5282 0 24.1761 0C10.824 0 0 10.9656 0 24.4924C0 38.0191 10.824 48.9848 24.1761 48.9848Z" fill="#1E1D48"/>
<path d="M10.1762 12.2767L24.1761 24.4924L38.191 12.2767H10.1762Z" fill="#12C7BA"/>
<path d="M38.191 36.7233L24.1761 24.4924L10.1762 36.7233H38.191Z" fill="#12C7BA"/>
</svg>
<svg viewBox="0 0 226 49" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m133.39 11.545-9.785 8.54-9.785-8.54a4.299 4.299 0 0 0-2.83-1.068h-8.505l16.062 14.015-16.062 14.016h8.505a4.299 4.299 0 0 0 2.83-1.068l9.785-8.54 9.785 8.54a4.3 4.3 0 0 0 2.83 1.068h8.505l-16.062-14.016 16.062-14.015h-8.505a4.3 4.3 0 0 0-2.83 1.068ZM226 10.477h-6.473V30.06l-23.95-18.667a4.27 4.27 0 0 0-2.65-.915h-4.651v28.046h6.473V18.94l23.95 18.667a4.27 4.27 0 0 0 2.649.915H226V10.477ZM182.45 16.455v-5.978h-30.965c-3.388 3.95-5.194 8.845-5.194 14.015s1.806 10.081 5.194 14.016h30.965v-5.963h-27.759c-.768-1.464-1.325-3.096-1.611-5.064h27.142v-6.268h-27.097c.301-1.83.843-3.385 1.566-4.773h27.759v.015ZM101.522 24.508c0-8.449-5.119-14.015-5.119-14.015H67.335s-5.118 5.582-5.118 14.015c0 8.434 5.118 14.015 5.118 14.015h29.068s5.119-5.581 5.119-14.015Zm-30.83 8.007c-1.31-2.41-2.002-5.17-2.002-8.007 0-2.836.692-5.597 2.002-8.006h22.37c1.31 2.41 2.002 5.17 2.002 8.006 0 2.837-.693 5.597-2.002 8.007h-22.37ZM24.176 48.985c13.352 0 24.176-10.966 24.176-24.493C48.352 10.966 37.528 0 24.176 0 10.824 0 0 10.966 0 24.492 0 38.02 10.824 48.985 24.176 48.985Z" fill="#1E1D48"/><path d="m10.176 12.277 14 12.215 14.015-12.215H10.176ZM38.191 36.723l-14.015-12.23-14 12.23h28.015Z" fill="#12C7BA"/></svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -1,70 +1 @@
<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
viewBox="0 0 28 28"
version="1.1"
id="svg24"
sodipodi:docname="kucoin-logo.svg"
inkscape:version="1.0.1 (0767f8302a, 2020-10-17)">
<metadata
id="metadata30">
<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>kucoin-logo</dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs28" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1014"
id="namedview26"
showgrid="false"
inkscape:zoom="56.59398"
inkscape:cx="16.420998"
inkscape:cy="14.75838"
inkscape:window-x="1080"
inkscape:window-y="34"
inkscape:window-maximized="1"
inkscape:current-layer="kucoin-logo"
fit-margin-left="2" />
<!-- Generator: Sketch 56.3 (81716) - https://sketch.com -->
<title
id="title2">kucoin-logo</title>
<desc
id="desc4">Created with Sketch.</desc>
<g
id="kucoin-logo"
style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"
transform="translate(-14,-14)">
<rect
id="矩形"
x="1.2939318"
y="0.10434178"
width="150"
height="56" />
<path
d="m 23.373175,28.013999 8.281834,8.283119 5.227523,-5.227523 c 0.934751,-0.841665 2.364819,-0.804222 3.254246,0.0852 0.889426,0.889426 0.926869,2.319494 0.0852,3.254245 l -6.898532,6.899816 c -0.926633,0.911309 -2.412816,0.911309 -3.33945,0 l -9.95284,-9.955408 v 5.917248 c 0,1.305926 -1.058661,2.364587 -2.364587,2.364587 -1.305925,0 -2.364587,-1.058661 -2.364587,-2.364587 V 18.749595 c 0,-1.305925 1.058662,-2.364587 2.364587,-2.364587 1.305926,0 2.364587,1.058662 2.364587,2.364587 v 5.917248 l 9.95156,-9.952844 c 0.926351,-0.911999 2.413099,-0.911999 3.33945,0 l 6.903669,6.898532 c 0.841665,0.934751 0.804222,2.364819 -0.0852,3.254245 -0.889427,0.889427 -2.319495,0.92687 -3.254245,0.08521 l -5.227527,-5.227528 z m 8.285688,-2.367156 v 0 c -0.957542,-5.2e-4 -1.821087,0.57589 -2.187883,1.460394 -0.366795,0.884505 -0.164589,1.902871 0.512312,2.580139 0.676901,0.677269 1.695157,0.880028 2.579861,0.513713 0.884703,-0.366316 1.461582,-1.229548 1.461582,-2.18709 3.4e-4,-0.627809 -0.248729,-1.23004 -0.692416,-1.674208 -0.443687,-0.444169 -1.045647,-0.693892 -1.673456,-0.694232 z"
id="path17"
style="fill:#23af91;fill-rule:evenodd;stroke-width:1" />
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><g style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"><path d="M-12.706-13.896h150v56h-150z"/><path d="m23.373 28.014 8.282 8.283 5.228-5.227a2.365 2.365 0 0 1 3.339 3.339l-6.899 6.9a2.381 2.381 0 0 1-3.339 0l-9.953-9.956v5.918a2.365 2.365 0 1 1-4.729 0V18.75a2.365 2.365 0 0 1 4.73 0v5.917l9.95-9.953a2.38 2.38 0 0 1 3.34 0l6.904 6.899a2.365 2.365 0 0 1-3.34 3.339l-5.227-5.228zm8.286-2.367a2.367 2.367 0 1 0-.003 4.737 2.367 2.367 0 0 0 .003-4.738z" style="fill:#23af91;fill-rule:evenodd;stroke-width:1" transform="translate(-14 -14)"/></g></svg>

Before

Width:  |  Height:  |  Size: 3.0 KiB

After

Width:  |  Height:  |  Size: 620 B

View File

@ -1,64 +1 @@
<?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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="48.3522"
height="48.984798"
viewBox="0 0 48.3522 48.984798"
fill="none"
version="1.1"
id="svg16"
sodipodi:docname="logo.svg"
inkscape:version="1.0.1 (0767f8302a, 2020-10-17)">
<metadata
id="metadata22">
<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>
<defs
id="defs20" />
<sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="2560"
inkscape:window-height="1374"
id="namedview18"
showgrid="false"
inkscape:zoom="5.5442478"
inkscape:cx="113"
inkscape:cy="24.5"
inkscape:window-x="0"
inkscape:window-y="34"
inkscape:window-maximized="0"
inkscape:current-layer="svg16" />
<path
d="m 24.1761,48.9848 c 13.3521,0 24.1761,-10.9657 24.1761,-24.4924 C 48.3522,10.9656 37.5282,0 24.1761,0 10.824,0 0,10.9656 0,24.4924 0,38.0191 10.824,48.9848 24.1761,48.9848 Z"
fill="#1e1d48"
id="path10" />
<path
d="M 10.1762,12.2767 24.1761,24.4924 38.191,12.2767 Z"
fill="#12c7ba"
id="path12" />
<path
d="M 38.191,36.7233 24.1761,24.4924 10.1762,36.7233 Z"
fill="#12c7ba"
id="path14" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="48.352" height="48.985" fill="none"><path d="M24.176 48.985c13.352 0 24.176-10.966 24.176-24.493C48.352 10.966 37.528 0 24.176 0 10.824 0 0 10.966 0 24.492 0 38.02 10.824 48.985 24.176 48.985Z" fill="#1e1d48"/><path d="m10.176 12.277 14 12.215 14.015-12.215ZM38.191 36.723l-14.015-12.23-14 12.23Z" fill="#12c7ba"/></svg>

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 367 B

View File

@ -1,3 +1 @@
<svg viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 1.20577L14 9L0.499999 16.7942L0.5 1.20577Z" stroke="#1F1C47"/>
</svg>
<svg viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M.5 1.206 14 9 .5 16.794V1.206Z" stroke="#1F1C47"/></svg>

Before

Width:  |  Height:  |  Size: 157 B

After

Width:  |  Height:  |  Size: 138 B

View File

@ -1,3 +1 @@
<svg viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 9L-8.15666e-07 17.6603L-5.85621e-08 0.339745L15 9Z"/>
</svg>
<svg viewBox="0 0 15 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 9 0 17.66V.34L15 9Z"/></svg>

Before

Width:  |  Height:  |  Size: 147 B

After

Width:  |  Height:  |  Size: 113 B

View File

@ -15,6 +15,7 @@ export function HomeHero() {
alt="Hero Landing Page, depicting the integration of privacy and technology"
layout="fill"
priority={true}
loading="eager"
/>
</div>
);

View File

@ -44,6 +44,7 @@ export default function RichPage(props: Props) {
alt={page?.hero?.description ?? page?.label}
layout="fill"
priority={true}
loading="eager"
className="object-contain"
/>
</div>

View File

@ -1,6 +1,8 @@
import Image from 'next/image';
import { IFigureImage } from '../../../types/cms';
import { UI } from '../../../constants';
import { Contained } from '../../Contained';
import { ArticleContained } from '../../ArticleContained';
@ -14,12 +16,13 @@ export function ArticleSectionFeatureImage({ featureImage, title }: Props) {
<div className="w-full pb-4">
<div className="relative w-full h-full">
<Image
src={featureImage?.imageUrl}
src={`${featureImage?.imageUrl}?w=${UI.MAX_CONTENT_WIDTH}`}
alt={featureImage?.description ?? title}
width={featureImage?.width}
height={featureImage?.height}
priority={true}
layout="responsive"
priority={true}
loading="eager"
/>
</div>

View File

@ -45,6 +45,7 @@ export function ArticleCardFeature(props: IPost) {
alt={featureImage?.description ?? title}
layout="fill"
priority={true}
loading="eager"
className="object-cover"
/>
</div>

View File

@ -1,4 +1,3 @@
/* eslint-disable @typescript-eslint/no-var-requires */
const withPlugins = require('next-compose-plugins');
const withFonts = require('next-fonts');
const withSvgr = require('next-svgr');

View File

@ -47,6 +47,7 @@ function FAQ(props: Props) {
alt={METADATA.FAQ_PAGE.OG_IMAGE.ALT}
layout="fill"
priority={true}
loading="eager"
className="object-contain"
/>
</div>

View File

@ -35,6 +35,7 @@ function Roadmap() {
height={horizontal ? '1009' : '1615'}
layout="responsive"
priority={true}
loading="eager"
/>
</div>
</div>
@ -56,6 +57,8 @@ function Roadmap() {
width={horizontal ? '17138' : '4688'}
height={horizontal ? '9992' : '12009'}
layout="responsive"
priority={true}
loading="eager"
className="rounded-md"
/>
</div>
@ -72,6 +75,8 @@ function Roadmap() {
width={horizontal ? '8003' : '4688'}
height={horizontal ? '3808' : '10150'}
layout="responsive"
priority={true}
loading="eager"
className="rounded-md"
/>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 315 KiB

After

Width:  |  Height:  |  Size: 272 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 349 KiB

After

Width:  |  Height:  |  Size: 142 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 583 KiB

After

Width:  |  Height:  |  Size: 241 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 292 KiB

After

Width:  |  Height:  |  Size: 210 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 233 KiB

After

Width:  |  Height:  |  Size: 164 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

After

Width:  |  Height:  |  Size: 604 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 878 KiB

After

Width:  |  Height:  |  Size: 315 KiB

View File

@ -1,60 +1,4 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="784.000000pt" height="784.000000pt" viewBox="0 0 784.000000 784.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.11, written by Peter Selinger 2001-2013
</metadata>
<g transform="translate(0.000000,784.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M3688 7835 c-1 -1 -41 -6 -88 -9 -94 -7 -147 -13 -194 -20 -17 -3
-53 -8 -81 -12 -27 -3 -59 -8 -70 -10 -11 -3 -42 -9 -70 -14 -27 -6 -60 -12
-72 -15 -13 -3 -32 -7 -44 -10 -11 -2 -28 -6 -37 -9 -9 -3 -28 -7 -42 -10 -14
-2 -79 -21 -145 -41 -144 -43 -135 -40 -160 -49 -157 -58 -249 -93 -289 -113
-28 -12 -56 -23 -63 -23 -7 0 -13 -4 -13 -10 0 -5 -6 -10 -14 -10 -18 0 -261
-125 -295 -151 -13 -11 -28 -19 -33 -19 -10 0 -86 -48 -106 -68 -8 -7 -17 -10
-22 -7 -5 3 -10 2 -12 -3 -3 -6 -168 -127 -216 -157 -9 -5 -22 -16 -30 -23 -8
-7 -30 -25 -50 -40 -21 -15 -42 -31 -48 -37 -7 -5 -33 -28 -59 -50 -66 -55
-144 -127 -228 -211 -100 -99 -209 -219 -257 -283 -14 -18 -35 -43 -48 -54
-12 -11 -22 -27 -22 -34 0 -7 -4 -13 -8 -13 -4 0 -35 -39 -68 -86 -32 -47 -73
-104 -89 -127 -28 -39 -72 -109 -106 -167 -8 -14 -16 -27 -19 -30 -3 -3 -12
-19 -21 -35 -48 -93 -75 -141 -82 -146 -5 -3 -9 -10 -9 -15 -1 -15 -22 -59
-31 -65 -5 -3 -9 -9 -8 -12 0 -9 -46 -116 -65 -149 -8 -16 -12 -28 -8 -28 3 0
2 -6 -3 -12 -5 -7 -20 -40 -33 -73 -12 -33 -28 -73 -35 -90 -11 -26 -47 -130
-50 -145 -1 -3 -14 -45 -30 -95 -15 -49 -29 -97 -30 -105 -1 -8 -5 -22 -8 -30
-3 -8 -13 -49 -22 -90 -8 -41 -18 -86 -21 -100 -14 -63 -25 -118 -30 -155 -3
-22 -7 -49 -9 -60 -1 -11 -6 -43 -10 -70 -4 -28 -8 -61 -10 -75 -26 -177 -26
-749 -1 -890 3 -14 7 -50 10 -80 3 -30 8 -66 11 -80 3 -14 8 -41 10 -60 9 -54
11 -69 30 -155 25 -117 27 -127 48 -205 36 -134 49 -176 58 -193 5 -10 7 -22
4 -27 -4 -6 -2 -10 3 -10 5 0 9 -6 10 -12 1 -24 110 -308 121 -318 3 -3 7 -12
9 -20 5 -24 122 -258 174 -348 26 -46 48 -88 48 -93 0 -5 3 -9 8 -9 4 0 18
-20 31 -45 13 -25 28 -45 32 -45 5 0 9 -5 9 -11 0 -13 109 -172 122 -177 4 -2
8 -8 8 -14 0 -6 20 -35 45 -64 25 -28 45 -57 45 -62 0 -6 4 -12 9 -14 4 -2 35
-34 67 -73 32 -38 72 -84 89 -102 221 -231 357 -355 550 -499 28 -20 52 -41
53 -46 2 -4 8 -8 14 -8 6 0 38 -19 72 -43 63 -45 204 -133 290 -182 50 -28
247 -128 256 -130 3 -1 36 -16 74 -33 38 -18 70 -32 72 -32 1 0 15 -5 31 -12
15 -6 33 -12 40 -14 7 -1 27 -9 44 -18 18 -9 36 -16 40 -16 4 0 20 -5 36 -12
15 -6 30 -12 33 -13 3 0 46 -14 95 -30 50 -16 95 -30 100 -31 6 -1 30 -7 55
-14 25 -7 52 -14 60 -16 169 -38 159 -36 255 -54 71 -13 113 -19 170 -25 28
-3 60 -8 72 -10 119 -26 741 -26 868 0 11 2 40 6 65 9 104 13 120 15 250 40
190 38 489 124 625 181 17 7 68 29 115 49 47 20 91 36 98 36 6 0 12 5 12 10 0
6 5 10 12 10 41 0 533 281 546 312 2 4 8 8 13 8 14 0 253 179 325 245 7 5 47
42 89 80 97 87 166 156 264 264 42 47 84 93 94 103 9 10 17 22 17 27 0 5 4 11
9 13 32 12 274 359 383 548 94 165 268 542 282 614 2 6 8 22 14 36 21 47 102
326 118 403 2 10 5 26 8 35 3 9 8 35 12 57 3 22 7 42 9 45 2 3 6 24 9 46 4 22
8 49 10 61 3 12 7 43 11 70 4 26 9 59 11 73 8 51 18 146 18 182 1 21 4 38 7
38 8 0 3 577 -6 660 -8 75 -12 105 -14 105 -1 0 -4 23 -6 50 -5 58 -11 100
-19 135 -3 14 -8 41 -11 60 -7 48 -14 88 -26 135 -5 22 -12 51 -15 65 -11 55
-13 66 -24 100 -6 19 -13 46 -16 59 -6 29 -71 238 -84 266 -10 24 -23 58 -24
65 -3 14 -71 176 -75 180 -3 3 -7 12 -9 20 -3 14 -131 277 -151 310 -61 100
-91 152 -91 155 0 4 -103 163 -124 190 -8 11 -52 70 -97 130 -87 117 -109 144
-222 268 -112 124 -280 286 -387 373 -19 16 -37 31 -40 34 -8 9 -131 102 -168
127 -18 13 -38 28 -45 34 -16 14 -234 155 -267 173 -14 7 -54 29 -90 49 -116
65 -410 204 -450 213 -5 1 -52 19 -80 31 -19 8 -20 8 -55 18 -16 4 -34 11 -40
15 -8 6 -100 34 -115 35 -3 0 -9 3 -15 6 -9 6 -43 15 -85 24 -8 2 -49 12 -90
23 -41 11 -88 23 -105 26 -16 2 -41 7 -55 10 -118 26 -178 35 -330 51 -36 4
-76 9 -90 12 -28 5 -566 13 -572 8z"/>
</g>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="1045.333" height="1045.333" viewBox="0 0 784 784">
<path
d="M368.8.5c-.1.1-4.1.6-8.8.9-9.4.7-14.7 1.3-19.4 2-1.7.3-5.3.8-8.1 1.2-2.7.3-5.9.8-7 1-1.1.3-4.2.9-7 1.4-2.7.6-6 1.2-7.2 1.5-1.3.3-3.2.7-4.4 1-1.1.2-2.8.6-3.7.9-.9.3-2.8.7-4.2 1-1.4.2-7.9 2.1-14.5 4.1-14.4 4.3-13.5 4-16 4.9-15.7 5.8-24.9 9.3-28.9 11.3-2.8 1.2-5.6 2.3-6.3 2.3-.7 0-1.3.4-1.3 1 0 .5-.6 1-1.4 1-1.8 0-26.1 12.5-29.5 15.1-1.3 1.1-2.8 1.9-3.3 1.9-1 0-8.6 4.8-10.6 6.8-.8.7-1.7 1-2.2.7-.5-.3-1-.2-1.2.3-.3.6-16.8 12.7-21.6 15.7-.9.5-2.2 1.6-3 2.3-.8.7-3 2.5-5 4-2.1 1.5-4.2 3.1-4.8 3.7-.7.5-3.3 2.8-5.9 5-6.6 5.5-14.4 12.7-22.8 21.1-10 9.9-20.9 21.9-25.7 28.3-1.4 1.8-3.5 4.3-4.8 5.4-1.2 1.1-2.2 2.7-2.2 3.4 0 .7-.4 1.3-.8 1.3s-3.5 3.9-6.8 8.6c-3.2 4.7-7.3 10.4-8.9 12.7-2.8 3.9-7.2 10.9-10.6 16.7-.8 1.4-1.6 2.7-1.9 3-.3.3-1.2 1.9-2.1 3.5-4.8 9.3-7.5 14.1-8.2 14.6-.5.3-.9 1-.9 1.5-.1 1.5-2.2 5.9-3.1 6.5-.5.3-.9.9-.8 1.2 0 .9-4.6 11.6-6.5 14.9-.8 1.6-1.2 2.8-.8 2.8.3 0 .2.6-.3 1.2-.5.7-2 4-3.3 7.3-1.2 3.3-2.8 7.3-3.5 9-1.1 2.6-4.7 13-5 14.5-.1.3-1.4 4.5-3 9.5-1.5 4.9-2.9 9.7-3 10.5-.1.8-.5 2.2-.8 3-.3.8-1.3 4.9-2.2 9-.8 4.1-1.8 8.6-2.1 10-1.4 6.3-2.5 11.8-3 15.5-.3 2.2-.7 4.9-.9 6-.1 1.1-.6 4.3-1 7-.4 2.8-.8 6.1-1 7.5-2.6 17.7-2.6 74.9-.1 89 .3 1.4.7 5 1 8 .3 3 .8 6.6 1.1 8 .3 1.4.8 4.1 1 6 .9 5.4 1.1 6.9 3 15.5 2.5 11.7 2.7 12.7 4.8 20.5 3.6 13.4 4.9 17.6 5.8 19.3.5 1 .7 2.2.4 2.7-.4.6-.2 1 .3 1s.9.6 1 1.2c.1 2.4 11 30.8 12.1 31.8.3.3.7 1.2.9 2 .5 2.4 12.2 25.8 17.4 34.8 2.6 4.6 4.8 8.8 4.8 9.3s.3.9.8.9c.4 0 1.8 2 3.1 4.5s2.8 4.5 3.2 4.5c.5 0 .9.5.9 1.1 0 1.3 10.9 17.2 12.2 17.7.4.2.8.8.8 1.4 0 .6 2 3.5 4.5 6.4 2.5 2.8 4.5 5.7 4.5 6.2 0 .6.4 1.2.9 1.4.4.2 3.5 3.4 6.7 7.3 3.2 3.8 7.2 8.4 8.9 10.2 22.1 23.1 35.7 35.5 55 49.9 2.8 2 5.2 4.1 5.3 4.6.2.4.8.8 1.4.8.6 0 3.8 1.9 7.2 4.3 6.3 4.5 20.4 13.3 29 18.2 5 2.8 24.7 12.8 25.6 13 .3.1 3.6 1.6 7.4 3.3 3.8 1.8 7 3.2 7.2 3.2.1 0 1.5.5 3.1 1.2 1.5.6 3.3 1.2 4 1.4.7.1 2.7.9 4.4 1.8 1.8.9 3.6 1.6 4 1.6.4 0 2 .5 3.6 1.2 1.5.6 3 1.2 3.3 1.3.3 0 4.6 1.4 9.5 3 5 1.6 9.5 3 10 3.1.6.1 3 .7 5.5 1.4s5.2 1.4 6 1.6c16.9 3.8 15.9 3.6 25.5 5.4 7.1 1.3 11.3 1.9 17 2.5 2.8.3 6 .8 7.2 1 11.9 2.6 74.1 2.6 86.8 0 1.1-.2 4-.6 6.5-.9 10.4-1.3 12-1.5 25-4 19-3.8 48.9-12.4 62.5-18.1 1.7-.7 6.8-2.9 11.5-4.9 4.7-2 9.1-3.6 9.8-3.6.6 0 1.2-.5 1.2-1 0-.6.5-1 1.2-1 4.1 0 53.3-28.1 54.6-31.2.2-.4.8-.8 1.3-.8 1.4 0 25.3-17.9 32.5-24.5.7-.5 4.7-4.2 8.9-8 9.7-8.7 16.6-15.6 26.4-26.4 4.2-4.7 8.4-9.3 9.4-10.3.9-1 1.7-2.2 1.7-2.7s.4-1.1.9-1.3c3.2-1.2 27.4-35.9 38.3-54.8 9.4-16.5 26.8-54.2 28.2-61.4.2-.6.8-2.2 1.4-3.6 2.1-4.7 10.2-32.6 11.8-40.3.2-1 .5-2.6.8-3.5.3-.9.8-3.5 1.2-5.7.3-2.2.7-4.2.9-4.5.2-.3.6-2.4.9-4.6.4-2.2.8-4.9 1-6.1.3-1.2.7-4.3 1.1-7 .4-2.6.9-5.9 1.1-7.3.8-5.1 1.8-14.6 1.8-18.2.1-2.1.4-3.8.7-3.8.8 0 .3-57.7-.6-66-.8-7.5-1.2-10.5-1.4-10.5-.1 0-.4-2.3-.6-5-.5-5.8-1.1-10-1.9-13.5-.3-1.4-.8-4.1-1.1-6-.7-4.8-1.4-8.8-2.6-13.5-.5-2.2-1.2-5.1-1.5-6.5-1.1-5.5-1.3-6.6-2.4-10-.6-1.9-1.3-4.6-1.6-5.9-.6-2.9-7.1-23.8-8.4-26.6-1-2.4-2.3-5.8-2.4-6.5-.3-1.4-7.1-17.6-7.5-18-.3-.3-.7-1.2-.9-2-.3-1.4-13.1-27.7-15.1-31-6.1-10-9.1-15.2-9.1-15.5 0-.4-10.3-16.3-12.4-19-.8-1.1-5.2-7-9.7-13-8.7-11.7-10.9-14.4-22.2-26.8-11.2-12.4-28-28.6-38.7-37.3-1.9-1.6-3.7-3.1-4-3.4-.8-.9-13.1-10.2-16.8-12.7-1.8-1.3-3.8-2.8-4.5-3.4-1.6-1.4-23.4-15.5-26.7-17.3-1.4-.7-5.4-2.9-9-4.9-11.6-6.5-41-20.4-45-21.3-.5-.1-5.2-1.9-8-3.1-1.9-.8-2-.8-5.5-1.8-1.6-.4-3.4-1.1-4-1.5-.8-.6-10-3.4-11.5-3.5-.3 0-.9-.3-1.5-.6-.9-.6-4.3-1.5-8.5-2.4-.8-.2-4.9-1.2-9-2.3-4.1-1.1-8.8-2.3-10.5-2.6-1.6-.2-4.1-.7-5.5-1-11.8-2.6-17.8-3.5-33-5.1-3.6-.4-7.6-.9-9-1.2-2.8-.5-56.6-1.3-57.2-.8z" />
</svg>

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 9.4 KiB

View File

@ -54,12 +54,16 @@ module.exports = {
10: '0.1',
},
animation: {
float: 'float 3s infinite',
float: 'float 9s infinite',
},
keyframes: {
float: {
'0%, 100%': {
transform: 'translateY(33.3333%)',
transform: 'translateY(33.3334%)',
animationTimingFunction: 'linear',
},
'25%, 75%': {
transform: 'translateY(16.6667%)',
animationTimingFunction: 'linear',
},
'50%': {