nnwhen/scritch-player
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

numbers font adjustments

Browse source
This commit is contained in:
torcado194 2022-09-18 15:53:28 -04:00
parent 8c773e46a6
commit 6aad3e583e
7 changed files with 19 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -28,7 +28,7 @@
}
@font-face {
font-family: 'Rubik';
font-family: 'Rubik-numbers';
font-style: normal;
font-weight: 600;
font-display: swap;
@ -329,11 +329,10 @@
background-color: var(--primaryColor);
border: 2px solid var(--backgroundColor);
border-radius: 20px;
font-family: 'Rubik';
font-family: 'Rubik-numbers';
font-weight: 600;
font-size: 14px;
text-align: center;
letter-spacing: -1px;
}
#controls {
@ -634,11 +633,10 @@
background-color: var(--primaryColor);
border: 2px solid var(--backgroundColor);
border-radius: 20px;
font-family: 'Rubik';
font-family: 'Rubik-numbers';
font-weight: 600;
font-size: 10px;
text-align: center;
letter-spacing: -1px;
}
.track.active.looped button:before {
border-color: var(--secondaryColor);;

17
src/fonts.css
View file

@ -1,10 +1,10 @@
@font-face {
font-family: 'icons';
src: url('fonts/icons.eot?vz49dm');
src: url('fonts/icons.eot?vz49dm#iefix') format('embedded-opentype'),
url('fonts/icons.ttf?vz49dm') format('truetype'),
url('fonts/icons.woff?vz49dm') format('woff'),
url('fonts/icons.svg?vz49dm#icons') format('svg');
src: url('fonts/icons.eot?7p075h');
src: url('fonts/icons.eot?7p075h#iefix') format('embedded-opentype'),
url('fonts/icons.ttf?7p075h') format('truetype'),
url('fonts/icons.woff?7p075h') format('woff'),
url('fonts/icons.svg?7p075h#icons') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
@ -35,6 +35,9 @@
.icon-loading-big:before {
content: "\25cc";
}
.icon-loop-edit:before {
content: "\1f504";
}
.icon-loop-1:before {
content: "\1f502";
}
@ -42,7 +45,7 @@
content: "\1f501";
}
.icon-play-loop:before {
content: "\1f503";
content: "\27f2";
}
.icon-duration-preview:before {
content: "\1f55b";
@ -141,7 +144,7 @@
content: "\22ef";
}
.icon-loading:before {
content: "\1f504";
content: "\1f506";
}
.icon-next:before {
content: "\23ed";

BIN
src/fonts/icons.eot
View file

Binary file not shown.

8
src/fonts/icons.svg
View file

@ -17,6 +17,7 @@
<glyph unicode="&#x23ee;" glyph-name="previous" d="M921.6 102.4v614.4l-358.4-307.2 358.4-307.2zM563.2 102.4v614.4l-358.4-307.2 358.4-307.2zM204.8 716.8h-102.4v-614.4h102.4v614.4z" />
<glyph unicode="&#x23f2;" glyph-name="duration-dot" d="M307.2 665.6c0-56.554-45.846-102.4-102.4-102.4s-102.4 45.846-102.4 102.4c0 56.554 45.846 102.4 102.4 102.4s102.4-45.846 102.4-102.4zM214.545 486.661c-3.227-0.173-6.476-0.261-9.745-0.261-32.752 0-63.452 8.786-89.871 24.131-8.182-32.286-12.529-66.101-12.529-100.931 0-226.217 183.384-409.6 409.6-409.6s409.6 183.383 409.6 409.6c0 226.216-183.383 409.6-409.6 409.6-61.002 0-118.888-13.335-170.905-37.25 22.121-25.889 36.996-58.157 41.482-93.663 39.332 18.297 83.184 28.512 129.422 28.512 169.661 0 307.2-137.538 307.2-307.2s-137.539-307.2-307.2-307.2c-169.662 0-307.2 137.539-307.2 307.2 0 26.613 3.384 52.435 9.745 77.061zM512 665.6c28.278 0 51.2-22.923 51.2-51.2v-183.592l87.404-87.404c19.994-19.994 19.994-52.413 0-72.407s-52.413-19.994-72.407 0l-102.401 102.4c-9.265 9.267-14.996 22.067-14.996 36.204v204.8c0 28.277 22.923 51.2 51.2 51.2z" />
<glyph unicode="&#x23f4;" glyph-name="start" d="M307.2 716.8c28.277 0 51.2-22.923 51.2-51.2v-42.666c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2v42.666c0 28.277 22.923 51.2 51.2 51.2zM307.2 503.466c28.277 0 51.2-22.923 51.2-51.2v-85.331c0-28.278-22.923-51.2-51.2-51.2s-51.2 22.922-51.2 51.2v85.331c0 28.277 22.923 51.2 51.2 51.2zM307.2 247.465c28.277 0 51.2-22.922 51.2-51.2v-42.665c0-28.278-22.923-51.2-51.2-51.2s-51.2 22.922-51.2 51.2v42.665c0 28.278 22.923 51.2 51.2 51.2zM753.004 650.604c19.994-19.995 19.994-52.413 0-72.408l-168.596-168.596 168.596-168.596c19.994-19.994 19.994-52.413 0-72.407s-52.413-19.994-72.407 0l-204.801 204.8c-19.995 19.994-19.995 52.412 0 72.408l204.801 204.8c19.994 19.995 52.413 19.995 72.407 0z" />
<glyph unicode="&#x23f5;" glyph-name="end" d="M716.8 716.8c-28.278 0-51.2-22.923-51.2-51.2v-42.666c0-28.277 22.922-51.2 51.2-51.2s51.2 22.923 51.2 51.2v42.666c0 28.277-22.922 51.2-51.2 51.2zM716.8 503.466c-28.278 0-51.2-22.923-51.2-51.2v-85.331c0-28.278 22.922-51.2 51.2-51.2s51.2 22.922 51.2 51.2v85.331c0 28.277-22.922 51.2-51.2 51.2zM716.8 247.465c-28.278 0-51.2-22.922-51.2-51.2v-42.665c0-28.278 22.922-51.2 51.2-51.2s51.2 22.922 51.2 51.2v42.665c0 28.278-22.922 51.2-51.2 51.2zM270.996 650.604c-19.995-19.995-19.995-52.413 0-72.408l168.596-168.596-168.596-168.596c-19.995-19.994-19.995-52.413 0-72.407s52.413-19.994 72.408 0l204.799 204.8c19.994 19.994 19.994 52.412 0 72.408l-204.799 204.8c-19.995 19.995-52.413 19.995-72.408 0z" />
<glyph unicode="&#x23f8;" glyph-name="pause" d="M256 716.8h204.8v-614.4h-204.8v614.4zM563.2 716.8h204.8v-614.4h-204.8v614.4z" />
<glyph unicode="&#x24e7;" glyph-name="error" d="M512 0c226.217 0 409.6 183.383 409.6 409.6s-183.383 409.6-409.6 409.6c-226.216 0-409.6-183.384-409.6-409.6s183.384-409.6 409.6-409.6zM322.196 599.404c19.995 19.995 52.413 19.995 72.408 0l117.396-117.396 117.396 117.396c19.994 19.995 52.413 19.995 72.407 0s19.994-52.413 0-72.408l-117.396-117.396 117.396-117.396c19.994-19.994 19.994-52.413 0-72.407s-52.413-19.994-72.407 0l-117.396 117.396-117.396-117.396c-19.995-19.994-52.413-19.994-72.408 0s-19.995 52.413 0 72.407l117.396 117.396-117.396 117.396c-19.995 19.995-19.995 52.413 0 72.408z" />
<glyph unicode="&#x25b6;" glyph-name="play" d="M256 102.4v614.4l512-307.2-512-307.2z" />
@ -29,15 +30,18 @@
<glyph unicode="&#x2700;" glyph-name="cut" d="M566.308 282.885l216.689-216.689c19.994-19.994 52.413-19.994 72.407 0s19.994 52.413 0 72.407l-216.689 216.689-72.407-72.407zM281.6 716.8c-42.416 0-76.8-34.384-76.8-76.8s34.384-76.8 76.8-76.8c42.416 0 76.8 34.384 76.8 76.8s-34.384 76.8-76.8 76.8zM102.4 640c0 98.97 80.23 179.2 179.2 179.2s179.2-80.23 179.2-179.2c0-30.861-7.801-59.9-21.539-85.253l72.739-72.739 270.996 270.996c19.994 19.995 52.413 19.995 72.407 0s19.994-52.413 0-72.408l-416.143-416.143c13.738-25.354 21.539-54.39 21.539-85.253 0-98.97-80.23-179.2-179.2-179.2s-179.2 80.23-179.2 179.2c0 98.97 80.23 179.2 179.2 179.2 30.861 0 59.9-7.803 85.253-21.54l72.739 72.74-72.739 72.739c-25.353-13.738-54.392-21.539-85.253-21.539-98.97 0-179.2 80.23-179.2 179.2zM281.6 256c-42.416 0-76.8-34.386-76.8-76.8s34.384-76.8 76.8-76.8c42.416 0 76.8 34.386 76.8 76.8s-34.384 76.8-76.8 76.8z" />
<glyph unicode="&#x2753;" glyph-name="marker-help" d="M563.2 204.8c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM512 716.8c-169.662 0-307.2-137.538-307.2-307.2s137.538-307.2 307.2-307.2c169.661 0 307.2 137.539 307.2 307.2s-137.539 307.2-307.2 307.2zM102.4 409.6c0 226.216 183.384 409.6 409.6 409.6s409.6-183.384 409.6-409.6c0-226.217-183.383-409.6-409.6-409.6s-409.6 183.383-409.6 409.6zM512 563.2c-28.277 0-51.2-22.923-51.2-51.2s-22.923-51.2-51.2-51.2c-28.277 0-51.2 22.923-51.2 51.2 0 84.831 68.769 153.6 153.6 153.6 84.833 0 153.6-68.769 153.6-153.6 0-58.214-32.404-108.785-79.913-134.794-8.919-4.884-15.647-10.184-19.574-14.766-2.038-2.381-2.719-3.799-2.913-4.352v-16.584c0-28.278-22.922-51.2-51.2-51.2-28.277 0-51.2 22.922-51.2 51.2v16.896c0 29.716 12.942 53.629 27.583 70.702 14.419 16.813 32.244 29.23 48.131 37.926 16.010 8.766 26.685 25.659 26.685 44.972 0 28.277-22.922 51.2-51.2 51.2zM563.128 357.811c-0.005 0 0.005 0.072 0.051 0.21-0.020-0.138-0.041-0.205-0.051-0.21z" />
<glyph unicode="&#x2757;" glyph-name="marker-warning" d="M563.2 256c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM512 716.8c-169.662 0-307.2-137.538-307.2-307.2s137.538-307.2 307.2-307.2c169.661 0 307.2 137.539 307.2 307.2s-137.539 307.2-307.2 307.2zM102.4 409.6c0 226.216 183.384 409.6 409.6 409.6s409.6-183.384 409.6-409.6c0-226.217-183.383-409.6-409.6-409.6s-409.6 183.383-409.6 409.6zM512 614.4c28.278 0 51.2-22.923 51.2-51.2v-170.496c0-28.278-22.922-51.2-51.2-51.2-28.277 0-51.2 22.922-51.2 51.2v170.496c0 28.277 22.923 51.2 51.2 51.2z" />
<glyph unicode="&#x27f2;" glyph-name="play-loop" d="M426.667 238.933v341.333l277.333-170.667-277.333-170.667zM213.88 427.819c9.416 156.465 139.289 280.448 298.12 280.448 164.949 0 298.667-133.718 298.667-298.667s-133.717-298.667-298.667-298.667c-83.772 0-159.423 34.432-213.708 90.027-16.463 16.858-43.476 17.182-60.335 0.717-16.86-16.461-17.182-43.473-0.719-60.335 69.68-71.36 167.076-115.742 274.762-115.742 212.079 0 384 171.921 384 384 0 212.077-171.921 384-384 384-206.283 0-374.575-162.656-383.618-366.707l-34.212 34.21c-16.663 16.661-43.677 16.661-60.34 0s-16.662-43.678 0-60.339l136.837-136.836 136.837 136.836c16.662 16.661 16.662 43.678 0 60.339s-43.677 16.661-60.34 0l-33.283-33.284z" />
<glyph unicode="&#x2913;" glyph-name="pull" d="M512 819.2c28.278 0 51.2-22.923 51.2-51.2v-388.393l117.396 117.397c19.994 19.995 52.413 19.995 72.407 0s19.994-52.413 0-72.408l-204.8-204.799c-19.994-19.994-52.412-19.994-72.408 0l-204.8 204.799c-19.995 19.995-19.995 52.413 0 72.408s52.413 19.995 72.408 0l117.396-117.397v388.393c0 28.277 22.923 51.2 51.2 51.2zM563.2 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM358.4 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2zM768 51.2c0-28.277-22.923-51.2-51.2-51.2s-51.2 22.923-51.2 51.2c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2z" />
<glyph unicode="&#x2b07;" glyph-name="drop-big" d="M512 25.6c-226.217 0-409.6 183.383-409.6 409.6s183.383 409.6 409.6 409.6c226.217 0 409.6-183.383 409.6-409.6s-183.383-409.6-409.6-409.6zM563.2 665.6c0 28.277-22.922 51.2-51.2 51.2s-51.2-22.923-51.2-51.2v-337.193l-142.996 142.996c-19.994 19.996-52.413 19.996-72.407 0-19.995-19.994-19.995-52.413 0-72.407l230.4-230.4c19.994-19.996 52.413-19.996 72.407 0l230.4 230.4c19.996 19.994 19.996 52.413 0 72.407-19.994 19.996-52.413 19.996-72.407 0l-142.996-142.996v337.193z" />
<glyph unicode="&#xe900;" glyph-name="end" d="M716.8 716.8c-28.278 0-51.2-22.923-51.2-51.2v-42.666c0-28.277 22.922-51.2 51.2-51.2s51.2 22.923 51.2 51.2v42.666c0 28.277-22.922 51.2-51.2 51.2zM716.8 503.466c-28.278 0-51.2-22.923-51.2-51.2v-85.331c0-28.278 22.922-51.2 51.2-51.2s51.2 22.922 51.2 51.2v85.331c0 28.277-22.922 51.2-51.2 51.2zM716.8 247.465c-28.278 0-51.2-22.922-51.2-51.2v-42.665c0-28.278 22.922-51.2 51.2-51.2s51.2 22.922 51.2 51.2v42.665c0 28.278-22.922 51.2-51.2 51.2zM270.996 650.604c-19.995-19.995-19.995-52.413 0-72.408l168.596-168.596-168.596-168.596c-19.995-19.994-19.995-52.413 0-72.407s52.413-19.994 72.408 0l204.799 204.8c19.994 19.994 19.994 52.412 0 72.408l-204.799 204.8c-19.995 19.995-52.413 19.995-72.408 0z" />
<glyph unicode="&#x1f3bc;" glyph-name="lyrics" d="M819.2 870.4c56.556 0 102.4-45.846 102.4-102.4v-97.891l-102.4-30.72v128.611h-614.4v-716.8h206.206c4.157-37.601 17.363-72.479 37.392-102.4h-243.598c-56.554 0-102.4 45.844-102.4 102.4v716.8c0 56.554 45.846 102.4 102.4 102.4h614.4zM768 332.8v-256c0-70.692-57.308-128-128-128s-128 57.308-128 128c0 70.692 57.308 128 128 128 8.765 0 17.326-0.881 25.6-2.56v284.16l256 76.8v-179.2l-153.6-51.2zM307.2 614.4c0 28.277 22.923 51.2 51.2 51.2h256c28.278 0 51.2-22.923 51.2-51.2s-22.922-51.2-51.2-51.2h-256c-28.277 0-51.2 22.923-51.2 51.2zM307.2 409.6c0 28.277 22.923 51.2 51.2 51.2h153.6c28.278 0 51.2-22.923 51.2-51.2 0-28.278-22.922-51.2-51.2-51.2h-153.6c-28.277 0-51.2 22.922-51.2 51.2zM307.2 204.8c0 28.278 22.923 51.2 51.2 51.2h51.2c28.277 0 51.2-22.922 51.2-51.2s-22.923-51.2-51.2-51.2h-51.2c-28.277 0-51.2 22.922-51.2 51.2z" />
<glyph unicode="&#x1f4bd;" glyph-name="cover" d="M548.204 714.227c59.986 59.984 157.24 59.984 217.221 0 59.986-59.984 59.986-157.239 0-217.223l-36.204-36.204 36.204-36.204c59.986-59.985 59.986-157.24 0-217.226-59.981-59.981-157.235-59.981-217.221 0l-36.204 36.209-36.204-36.204c-59.984-59.986-157.239-59.986-217.223 0-59.984 59.981-59.984 157.235 0 217.221l36.204 36.204-36.204 36.204c-59.984 59.984-59.984 157.239 0 217.223s157.239 59.984 217.224 0l36.203-36.204 36.204 36.204zM512 358.4c56.556 0 102.4 45.844 102.4 102.4 0 56.554-45.844 102.4-102.4 102.4-56.554 0-102.4-45.846-102.4-102.4 0-56.556 45.846-102.4 102.4-102.4zM102.4 921.6c-56.554 0-102.4-45.846-102.4-102.4v-819.2c0-56.556 45.846-102.4 102.4-102.4h819.2c56.556 0 102.4 45.844 102.4 102.4v819.2c0 56.554-45.844 102.4-102.4 102.4h-819.2zM102.4 819.2h819.2v-716.8h-819.2v716.8z" />
<glyph unicode="&#x1f4c3;" glyph-name="config" d="M614.4 819.2h-358.4c-28.277 0-51.2-22.923-51.2-51.2v-665.6c0-28.278 22.923-51.2 51.2-51.2h512c28.278 0 51.2 22.922 51.2 51.2v512l-204.8 204.8zM640 665.6c14.136 0 25.6-11.462 25.6-25.6s-11.464-25.6-25.6-25.6h-132.37c-10.543-29.829-38.991-51.2-72.43-51.2s-61.887 21.371-72.43 51.2h-81.17c-14.138 0-25.6 11.462-25.6 25.6s11.462 25.6 25.6 25.6h81.17c10.543 29.829 38.991 51.2 72.43 51.2s61.887-21.371 72.43-51.2h132.37zM256 435.2c0 14.138 11.462 25.6 25.6 25.6h234.772c10.542 29.829 38.989 51.2 72.428 51.2s61.885-21.371 72.428-51.2h81.172c14.136 0 25.6-11.462 25.6-25.6s-11.464-25.6-25.6-25.6h-81.172c-10.542-29.829-38.989-51.2-72.428-51.2s-61.885 21.371-72.428 51.2h-234.772c-14.138 0-25.6 11.462-25.6 25.6zM256 230.4c0 14.136 11.462 25.6 25.6 25.6h81.17c10.543 29.829 38.991 51.2 72.43 51.2s61.887-21.371 72.43-51.2h234.77c14.136 0 25.6-11.464 25.6-25.6s-11.464-25.6-25.6-25.6h-234.77c-10.543-29.829-38.991-51.2-72.43-51.2s-61.887 21.371-72.43 51.2h-81.17c-14.138 0-25.6 11.464-25.6 25.6z" />
<glyph unicode="&#x1f4dd;" glyph-name="edit-info" d="M776.786 870.4l-102.4-102.4h-469.586v-716.8h614.4v367.185l102.4 102.4v-469.585c0-56.556-45.844-102.4-102.4-102.4h-614.4c-56.554 0-102.4 45.844-102.4 102.4v716.8c0 56.554 45.846 102.4 102.4 102.4h571.986zM571.986 665.6l-102.402-102.4h-111.184c-28.277 0-51.2 22.923-51.2 51.2s22.923 51.2 51.2 51.2h213.586zM409.6 460.8v-102.4h-51.2c-28.277 0-51.2 22.922-51.2 51.2 0 28.277 22.923 51.2 51.2 51.2h51.2zM307.2 204.8c0 28.278 22.923 51.2 51.2 51.2h307.2c28.278 0 51.2-22.922 51.2-51.2s-22.922-51.2-51.2-51.2h-307.2c-28.277 0-51.2 22.922-51.2 51.2zM512 460.8l204.8 204.8 102.4-102.4-204.8-204.8h-102.4v102.4zM870.4 614.4l-102.4 102.4 29.993 29.992c13.578 13.579 31.995 21.208 51.2 21.208 39.987 0 72.407-32.418 72.407-72.408 0-19.204-7.629-37.621-21.207-51.2l-29.993-29.992z" />
<glyph unicode="&#x1f4f9;" glyph-name="video" d="M256 665.6h307.2c56.554 0 102.4-45.846 102.4-102.4v-307.2c0-56.554-45.846-102.4-102.4-102.4h-307.2c-56.554 0-102.4 45.846-102.4 102.4v307.2c0 56.554 45.846 102.4 102.4 102.4zM716.8 307.2v204.8l153.6 102.4h51.2v-409.6h-51.2l-153.6 102.4z" />
<glyph unicode="&#x1f504;" glyph-name="loading" d="M716.8 409.6c0 28.277 22.922 51.2 51.2 51.2h102.4c28.278 0 51.2-22.923 51.2-51.2 0-28.278-22.922-51.2-51.2-51.2h-102.4c-28.278 0-51.2 22.922-51.2 51.2zM102.4 409.6c0 28.277 22.923 51.2 51.2 51.2h102.4c28.277 0 51.2-22.923 51.2-51.2 0-28.278-22.923-51.2-51.2-51.2h-102.4c-28.277 0-51.2 22.922-51.2 51.2zM512 614.4c-28.277 0-51.2 22.923-51.2 51.2v102.4c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2v-102.4c0-28.277-22.922-51.2-51.2-51.2zM512 0c-28.277 0-51.2 22.922-51.2 51.2v102.4c0 28.278 22.923 51.2 51.2 51.2s51.2-22.922 51.2-51.2v-102.4c0-28.278-22.922-51.2-51.2-51.2zM656.814 554.416c-19.994 19.995-19.994 52.413 0 72.408l72.407 72.408c19.999 19.995 52.413 19.995 72.412 0 19.994-19.995 19.994-52.413 0-72.408l-72.412-72.408c-19.994-19.995-52.408-19.995-72.407 0zM222.369 119.967c-19.995 19.999-19.995 52.413 0 72.412l72.408 72.407c19.995 19.994 52.413 19.994 72.408 0 19.995-19.999 19.995-52.413 0-72.407l-72.408-72.412c-19.995-19.994-52.413-19.994-72.408 0zM656.814 264.786c19.999 19.994 52.413 19.994 72.407 0l72.412-72.407c19.994-19.999 19.994-52.413 0-72.412-19.999-19.994-52.413-19.994-72.412 0l-72.407 72.412c-19.994 19.994-19.994 52.408 0 72.407zM222.369 699.231c19.995 19.995 52.413 19.995 72.408 0l72.408-72.408c19.995-19.995 19.995-52.413 0-72.408s-52.413-19.995-72.408 0l-72.408 72.408c-19.995 19.995-19.995 52.413 0 72.408z" />
<glyph unicode="&#x1f501;" glyph-name="loop" d="M640 494.933l192 128-192 128v-85.333h-256c-141.385 0-256-114.615-256-256 0-57.583 19.062-110.835 51.203-153.626l68.23 51.251c-21.422 28.518-34.099 63.906-34.099 102.374 0 94.257 76.41 170.667 170.667 170.667h256v-85.333zM362.667 68.267l-192 128 192 128v-85.333h277.333c94.255 0 170.667 76.412 170.667 170.667 0 38.468-12.676 73.856-34.099 102.375l68.228 51.249c32.141-42.79 51.204-96.042 51.204-153.625 0-141.385-114.615-256-256-256h-277.333v-85.333z" />
<glyph unicode="&#x1f502;" glyph-name="loop-1" d="M472.875 665.6h-88.875c-141.385 0-256-114.615-256-256 0-57.583 19.062-110.835 51.203-153.626l68.23 51.251c-21.422 28.518-34.099 63.906-34.099 102.374 0 94.257 76.41 170.667 170.667 170.667h88.875c-2.33 13.876-3.541 28.13-3.541 42.667s1.212 28.791 3.541 42.667zM808.222 380.651c32.367 11.068 61.811 28.446 86.869 50.658 0.602-7.159 0.909-14.4 0.909-21.709 0-141.385-114.615-256-256-256h-277.333v-85.333l-192 128 192 128v-85.333h277.333c84.39 0 154.47 61.248 168.222 141.717zM725.333 409.6c117.82 0 213.333 95.513 213.333 213.333s-95.514 213.333-213.333 213.333c-117.82 0-213.333-95.513-213.333-213.333s95.514-213.333 213.333-213.333zM714.487 494.933v192l-42.667-42.667-31.821 31.823 74.487 74.844h53.513v-256h-53.513z" />
<glyph unicode="&#x1f504;" glyph-name="loop-edit" d="M840.438 644.628c14.561 10.191 14.561 31.753 0 41.945l-185.759 130.031c-16.968 11.877-40.279-0.262-40.279-20.973v-78.831h-204.8c-169.662 0-307.2-137.538-307.2-307.2 0-43.597 9.112-85.197 25.584-122.9 11.321-25.912 41.505-37.74 67.416-26.419 25.912 11.325 37.74 41.508 26.419 67.42-10.93 25.016-17.019 52.68-17.019 81.9 0 113.108 91.692 204.8 204.8 204.8h204.8v-78.831c0-20.711 23.311-32.849 40.279-20.973l185.759 130.032zM183.561 132.628c-14.559 10.189-14.559 31.754 0 41.943l185.759 130.033c16.967 11.878 40.281-0.261 40.281-20.972v-78.833h204.8c113.106 0 204.8 91.694 204.8 204.8 0 29.221-6.088 56.886-17.019 81.901-11.32 25.912 0.507 56.095 26.419 67.416s56.095-0.506 67.415-26.418c16.471-37.701 25.585-79.303 25.585-122.899 0-169.661-137.539-307.2-307.2-307.2h-204.8v-78.833c0-20.71-23.313-32.85-40.281-20.972l-185.759 130.033z" />
<glyph unicode="&#x1f506;" glyph-name="loading" d="M716.8 409.6c0 28.277 22.922 51.2 51.2 51.2h102.4c28.278 0 51.2-22.923 51.2-51.2 0-28.278-22.922-51.2-51.2-51.2h-102.4c-28.278 0-51.2 22.922-51.2 51.2zM102.4 409.6c0 28.277 22.923 51.2 51.2 51.2h102.4c28.277 0 51.2-22.923 51.2-51.2 0-28.278-22.923-51.2-51.2-51.2h-102.4c-28.277 0-51.2 22.922-51.2 51.2zM512 614.4c-28.277 0-51.2 22.923-51.2 51.2v102.4c0 28.277 22.923 51.2 51.2 51.2s51.2-22.923 51.2-51.2v-102.4c0-28.277-22.922-51.2-51.2-51.2zM512 0c-28.277 0-51.2 22.922-51.2 51.2v102.4c0 28.278 22.923 51.2 51.2 51.2s51.2-22.922 51.2-51.2v-102.4c0-28.278-22.922-51.2-51.2-51.2zM656.814 554.416c-19.994 19.995-19.994 52.413 0 72.408l72.407 72.408c19.999 19.995 52.413 19.995 72.412 0 19.994-19.995 19.994-52.413 0-72.408l-72.412-72.408c-19.994-19.995-52.408-19.995-72.407 0zM222.369 119.967c-19.995 19.999-19.995 52.413 0 72.412l72.408 72.407c19.995 19.994 52.413 19.994 72.408 0 19.995-19.999 19.995-52.413 0-72.407l-72.408-72.412c-19.995-19.994-52.413-19.994-72.408 0zM656.814 264.786c19.999 19.994 52.413 19.994 72.407 0l72.412-72.407c19.994-19.999 19.994-52.413 0-72.412-19.999-19.994-52.413-19.994-72.412 0l-72.407 72.412c-19.994 19.994-19.994 52.408 0 72.407zM222.369 699.231c19.995 19.995 52.413 19.995 72.408 0l72.408-72.408c19.995-19.995 19.995-52.413 0-72.408s-52.413-19.995-72.408 0l-72.408 72.408c-19.995 19.995-19.995 52.413 0 72.408z" />
<glyph unicode="&#x1f507;" glyph-name="volume-x" d="M256 563.2h-204.8v-307.2h204.8l204.8-204.8h51.2v716.8h-51.2l-204.8-204.8zM614.4 512v51.2h51.2l102.4-102.4 102.4 102.4h51.2v-51.2l-102.4-102.4 102.4-102.4v-51.2h-51.2l-102.4 102.4-102.4-102.4h-51.2v51.2l102.4 102.4-102.4 102.4z" />
<glyph unicode="&#x1f508;" glyph-name="volume-none" d="M256 563.2h-204.8v-307.2h204.8l204.8-204.8h51.2v716.8h-51.2l-204.8-204.8z" />
<glyph unicode="&#x1f509;" glyph-name="volume-low" d="M256 563.2h-204.8v-307.2h204.8l204.8-204.8h51.2v716.8h-51.2l-204.8-204.8zM665.6 409.6c0-28.278-22.922-51.2-51.2-51.2v-102.4c84.833 0 153.6 68.767 153.6 153.6 0 84.831-68.767 153.6-153.6 153.6v-102.4c28.278 0 51.2-22.923 51.2-51.2z" />

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 30 KiB

Before After
Before After

BIN
src/fonts/icons.ttf
View file

Binary file not shown.

BIN
src/fonts/icons.woff
View file

Binary file not shown.

BIN
src/fonts/rubikNumbers-edit.woff2
View file

Binary file not shown.