Release 0.2.0 (#12)

* add border radius

* fix settings styling a little

* move hook

* get default values from localstorage

* replace svgs with own svg

* update favicon

* add logo

* update meta
This commit is contained in:
Viktor Rådberg
2023-08-31 23:16:24 +02:00
committed by GitHub
parent 248522676b
commit a0f5261340
14 changed files with 411 additions and 41 deletions

View File

@@ -5,7 +5,9 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Simple mtg life counter web app" />
<meta name="keywords"
content="lifecounter, lifetracker, life, tracker, counter, mtg, Magic, Magic the Gathering, React">
<meta name="description" content="A simple life counter for Magic: The Gathering" />
<link rel="apple-touch-icon" href="/logo192.png" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -23,7 +25,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Life Trinket</title>
<title>Life Trinket - MTG Life Counter</title>
</head>
<body>

View File

@@ -1,7 +1,7 @@
{
"name": "life-trinket",
"private": true,
"version": "0.1.2",
"version": "0.2.0",
"type": "commonjs",
"scripts": {
"dev": "vite",

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 25 KiB

View File

@@ -6,7 +6,9 @@
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta name="description" content="Simple mtg life counter web app" />
<meta name="keywords"
content="lifecounter, lifetracker, life, tracker, counter, mtg, Magic, Magic the Gathering, React">
<meta name="description" content="A simple life counter for Magic: The Gathering" />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
@@ -22,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>Life Trinket</title>
<title>Life Trinket - MTG Life Counter</title>
</head>
<body>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

After

Width:  |  Height:  |  Size: 56 KiB

View File

@@ -224,7 +224,7 @@ const Settings = ({ player, onChange, resetCurrentGame }: SettingsProps) => {
size="6vmax"
color="black"
stroke="white"
stroke-width="30"
stroke-width="15"
/>
}
checkedIcon={
@@ -232,7 +232,7 @@ const Settings = ({ player, onChange, resetCurrentGame }: SettingsProps) => {
size="6vmax"
color={player.color}
stroke="white"
stroke-width="30"
stroke-width="15"
/>
}
onChange={handleSettingsChange}
@@ -248,7 +248,7 @@ const Settings = ({ player, onChange, resetCurrentGame }: SettingsProps) => {
size="6vmax"
color="black"
stroke="white"
stroke-width="50"
stroke-width="15"
/>
}
checkedIcon={
@@ -256,7 +256,7 @@ const Settings = ({ player, onChange, resetCurrentGame }: SettingsProps) => {
size="6vmax"
color={player.color}
stroke="white"
stroke-width="50"
stroke-width="15"
/>
}
onChange={handleSettingsChange}

View File

@@ -13,16 +13,17 @@ const Energy = ({
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
paintOrder="stroke fill markers"
viewBox="-30 -20 500 500"
height={props.size || 16}
width={props.size || 16}
height={props.size || 16}
viewBox="0 0 524 524"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<path d="M211.406 436.526c-2.402-2.572-3.027-7.384-5.033-10.492-2.38-3.69-5.3-6.987-7.828-10.568-3.312-4.695-7.093-9.054-10.44-13.736-5.726-8.007-12.229-14.967-19.081-22.02-16.815-17.312-34.377-33.318-54.334-46.98-30.92-21.168-63.694-39.695-98.837-52.885-2.439-.915 0 0-15.853-7.748 2.992-4.806 21.448-30.966 25.774-37.908 7.225-11.593 12.42-24.268 17.804-36.78 6.854-15.93 12.994-32.237 17.91-48.866 6.277-21.243 11.55-42.794 15.618-64.572 1.132-6.062 7.872-57.414 11.893-83.688 35.273 10.169 23.174 7.102 31.173 9.166 22.159 5.721 45.406 6.85 68.15 8.601 12.963.999 25.81.9 38.793.7 19.303-.297 38.646-1.21 57.783-3.864 9.526-1.321 19.014-3.12 28.33-5.513 7.373-1.894 12.123-2.96 27.929-9.09 1.743 6.78 19.708 130.486 43.887 187.366 9.562 22.493 38.407 71.889 47.47 83.038-12.888 4.825-64.739 28.657-91.663 44.666-33.069 19.663-64.332 43.76-90.14 72.401-12.18 13.518-21.737 29.346-31.578 44.583-3.84 5.944-5.32 6.751-7.727 4.19zm10.34-49.414c6.863-35.947 26.661-81.689 57.558-132.975 10.423-17.3 30.243-46.992 42.27-63.326 7.459-10.129 9.851-13.863 9.851-15.378 0-1.128-.428-2.164-.984-2.377-.541-.208-5.325.41-10.631 1.376-32.573 5.92-65.72 7.888-91.484 5.432-11.66-1.111-20.197-2.515-21.162-3.478-.683-.684 1.955-17.361 4.103-25.94 8.986-35.893 29.973-73.608 56.785-102.046 4.13-4.38 7.34-8.13 7.137-8.334-.205-.204-2.746.39-5.649 1.32-34.024 10.905-71.853 12.001-99.09 2.872-3.72-1.247-6.862-2.172-6.986-2.058-.122.115.149 3.804.602 8.2 4.272 41.354-15.366 95.567-56.564 156.15-6.195 9.112-18.317 25.405-25.358 34.088-2.84 3.502-4.053 5.476-3.45 5.615.51.12 5.718-1.004 11.573-2.494 16.713-4.255 30.695-6.866 49.796-9.3 14.614-1.86 50.604-1.691 63.113.298 8.136 1.293 19.394 3.788 20.05 4.444.134.135-.192 1.577-.726 3.205-2.83 8.624-6.468 25.773-8.144 38.396-3.223 24.26-3.22 63.313.005 92.137 1.268 11.337 3.516 25.878 4.162 26.922.55.887.836-.245 3.224-12.748z" />
<path
fill="currentColor"
d="M115 56.7c0 43.4-3.9 70.1-15.2 105.3-13.2 41.2-31 72.7-64.7 114.9-9.4 11.8-16.8 21.8-16.4 22.1.5.4 15.9 7.1 34.3 15 45.7 19.5 62.7 28.1 85.5 43.3 20.7 13.8 37.9 28 56 46.2 25.5 25.5 37.6 41.5 64.9 86.1l2.8 4.7 4.2-6.7c23.6-38.7 58.8-78.7 94.3-107.4 36.6-29.6 69.6-48.8 120.8-70.6 12.7-5.4 23.4-10.2 23.8-10.6.5-.4-6.1-9.5-14.6-20.1-18.3-23.1-25-32.4-34.6-48.3-22.9-38.1-38.1-82-44.6-128.6-1.1-7.4-1.8-22.4-2.2-41.8l-.6-30.3-2.6.5c-1.4.3-24.6 4.1-51.6 8.5-92 15-94.4 15-199.8-2.5-21.3-3.5-39-6.4-39.2-6.4-.3 0-.5 12-.5 26.7zm129 28.7c14.8 6.1 22.9 7.8 39.5 8.3 13.2.4 16.9.2 30.8-2.2 8.7-1.5 16-2.6 16.2-2.4.2.2-4 4-9.2 8.4-19.6 16.6-37.7 36.8-50.7 56.6-9.5 14.7-24.6 45.4-24.6 50.2 0 1 3.2 1.8 12.3 3 42.6 5.8 64 5.9 108 .6 9.3-1.1 17-1.9 17.2-1.7.2.2-7.6 9.3-17.2 20.3-28.6 32.6-40.9 48.8-55.3 72.5-10.5 17.4-14.4 26.9-26.6 64-6.3 19.5-13.9 42.7-16.8 51.5l-5.3 16-.9-28c-1.2-36.9-1-59 .5-70 2.3-17.3 7.5-35.6 15.1-53.8 4.5-10.5 3.9-11.7-6.9-14.6-22.9-6.2-71.6-4.5-114.5 3.9-8.3 1.6-15.1 2.8-15.3 2.6-.2-.1 3-4.1 7-8.7 31.2-35.8 55.4-78.7 69.6-123.3 2.1-6.6 6.4-22.4 9.6-34.9 4.8-18.9 6.1-22.8 7.4-22.3.9.2 5.4 2 10.1 4z"
/>
</svg>
);
};

View File

@@ -13,16 +13,16 @@ const Experience = ({
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="currentColor"
paintOrder="stroke fill markers"
viewBox="-50 0 980 980"
height={props.size || 16}
width={props.size || 16}
height={props.size || 16}
viewBox="0 0 524 524"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<path d="M.698 153.992c86.595.1 173.239-.645 259.784.347 24.182 12.066 46.426 28.153 67.579 45.035-10.527 37.24-7.697 79.595 14.45 112.266 15.69 24.727 42.85 40.715 71.5 45.283l.05 447.523c-98.065-53.774-193.598-113.705-277.76-187.788-28.848-25.62-56.952-56.457-63.804-95.781-8.193-46.773 11.42-92.156 12.91-138.632.646-36.097-.1-73.387-14.698-107.051-13.704-36.445-42.104-64.102-63.058-96.179C2.238 171.767.898 162.83.699 153.991zm562.022 45.133c21.45-16.484 43.695-32.67 67.876-44.787 86.497-.992 173.041-.247 259.587-.347-.647 7.397-.447 15.293-5.015 21.599-19.415 31.728-47.27 58.093-62.067 92.751-17.527 36.097-18.719 77.16-17.576 116.537 2.233 45.332 20.408 89.623 13.009 135.305-6.852 39.72-35.204 70.754-64.251 96.624-84.807 74.926-181.532 134.858-280.342 189.376-.05-149.703-.05-299.407-.05-449.11 32.175-3.924 62.463-22.84 78.154-51.441 18.868-31.876 20.458-71.4 10.675-106.506z" />
<g fill="currentColor">
<path d="M24.2 73.7c14 18.5 27.2 42.3 30.4 55.3 2.8 11.1 1.5 23.8-6.1 58.5-15 69-16.8 93.2-7.9 111.3 8.7 17.8 45 48.1 121.5 101.4 23.5 16.4 84.8 56.8 86.2 56.8.4 0 .6-64.2.5-142.6l-.3-142.6-7-2.2c-25.3-8-38.8-24.2-41.1-49-.8-8.6 1.4-20.7 5.2-29.4 1.3-3 2.1-5.9 1.7-6.3-.5-.4-9-4.6-19-9.3L170.1 67h-151l5.1 6.7zM334.3 76c-10.1 4.9-18.3 9.1-18.3 9.3 0 .3 1.1 2.9 2.4 5.8 3.7 8.5 5.1 15.7 5 25.9-.1 16.1-4.7 27.6-15 37.7-6.9 6.8-18.7 13.3-28.1 15.4l-5.3 1.2v142.9c0 78.5.3 142.8.8 142.8.4 0 11.8-7.3 25.4-16.3C409.9 369.3 469 323.6 482.5 300.6c9.9-16.9 8.4-41.8-6.6-111.1-8.5-39-9.6-50.6-5.9-62.6 4.3-14.5 13.5-31.3 27-49.5 3.9-5.2 7-9.6 7-9.9 0-.3-34.1-.5-75.7-.4l-75.8.1-18.2 8.8z" />
</g>
</svg>
);
};

View File

@@ -0,0 +1,287 @@
import PropTypes from 'prop-types';
import { SVGProps } from 'react';
interface SVGRProps {
title?: string;
titleId?: string;
size?: string;
}
const Logo = ({
title,
titleId,
...props
}: SVGProps<SVGSVGElement> & SVGRProps) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
xmlSpace="preserve"
width={props.size || 16}
height={props.size || 16}
viewBox="0 0 524 524"
aria-labelledby={titleId}
{...props}
>
{title ? <title id={titleId}>{title}</title> : null}
<path
d="M0-196.791c108.629 0 196.791 88.162 196.791 196.791 0 108.629-88.162 196.791-196.791 196.791-108.629 0-196.791-88.162-196.791-196.791 0-108.629 88.162-196.791 196.791-196.791z"
style={{
stroke: '#590713',
strokeWidth: 0,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fdffd2',
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.10991 0 0 1.10991 262 262)"
/>
<path
strokeLinecap="round"
d="M-17.706-50.704s-4.378 12.973.446 25.583c2.124 5.55 12.255 17.109 17.107 36.364 4.852 19.255 19.679 39.46 19.679 39.46"
style={{
stroke: '#000',
strokeWidth: 4,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: 'none',
fillRule: 'nonzero',
opacity: 1,
}}
transform="rotate(1 -17129.538 10072.475) scale(2.11279)"
/>
<path
fill="none"
strokeLinecap="round"
d="M50.163 56.172S31.68 34 24.46 3.6C17.239-26.8 13.467-35.306 2.42-47.373c-11.046-12.066-26.224-12.189-25.26 2.534.966 14.722 12.84 12.598 14.365 1.93 1.526-10.667-21.8-10.696-32.304 1.854C-53.573-25.77-49.57-2.79-49.57-2.79"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 246.77 350.593)"
/>
<path
fill="none"
strokeLinecap="round"
d="M-61.541-71.832s39.965 62.644 41.684 89.093c1.718 26.45 7.326 33.328 17.516 44.667 10.19 11.339 36.055 16.684 32.478-4.845-3.578-21.53-29.514-8.071-16.735 4.07 12.779 12.143 30.514 9.462 39.88-2.368 6.188-7.814 9.732-26.682 7.67-41.524-1.059-7.627-14.72-28.434-14.72-28.434"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 265.204 178.318)"
/>
<path
fill="none"
strokeLinecap="round"
d="M-26.889-69.574S-9.544-51.826-3.454-23.78c6.09 28.046 24.518 40.828 27.8 61.071 3.284 20.244 3.494 23.63 0 32.283"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 359.29 252.477)"
/>
<path
fill="none"
strokeLinecap="round"
d="M30.481-85.77S31.897-63.74-.082-1.032C-32.06 61.673-30.478 85.769-30.478 85.769"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 138.597 192.722)"
/>
<path
fill="none"
strokeLinecap="round"
d="M-30.017 97.228S-.607 52.493 6.833 6.645c7.44-45.849 23.184-103.873 23.184-103.873"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 395.16 294.413)"
/>
<path
fill="none"
strokeLinecap="round"
d="M-24.23-79.242s-7.454 19.782-.69 39.5c2.979 8.68 17.988 27.06 24.437 57.033 6.45 29.973 28.24 61.951 28.24 61.951"
style={{
stroke: '#000',
strokeWidth: 1,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="rotate(-1.005 17359.092 -9769.972) scale(1.36839)"
/>
<path
strokeLinecap="round"
d="M-45.63-48.464C-71.24-37.592-84.397-27.166-91.043-20.02c-4.07 4.376-3.966 4.338-5.24 6.898a4.617 4.617 0 0 0 .396 4.766c.894 1.234.96 1.326 2.899 3.595C-83.146 6.756-56.46 32.52-4.814 47.45c44.828 12.96 74.528 12.437 89.557 10.58 2.68-.332 2.726-.3 4.041-.593a10.178 10.178 0 0 0 7.957-9.425c.047-.93.022-1.057-.024-2.821-.34-12.824-3.372-35.645-18.26-58.984-22.56-35.37-46.732-40.492-46.732-40.492S.657-68.114-45.63-48.464z"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#7f9172',
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 310.196 90.265)"
/>
<path
fill="none"
strokeLinecap="round"
d="M-75.76-23.868S-46.62-.584-7.64 13.972c38.981 14.555 83.4 8.755 83.4 8.755"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 328.467 67.617)"
/>
<path
fill="none"
strokeLinecap="round"
d="M-47.435-13.554S-25.095 2.054-4.157 8.458c20.938 6.405 51.592 4.955 51.592 4.955"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 338.115 33.635)"
/>
<path
strokeLinecap="round"
d="M-90.654-77.091S-74.41-28.509-9.055-2.309C56.299 23.89 100.897 9.078 100.897 9.078S61.451 101.65-37.09 70.793C-135.63 39.936-90.654-77.09-90.654-77.09z"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#7f9172',
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 220.14 408.996)"
/>
<path
fill="none"
strokeLinecap="round"
d="M-88.09-33.272S-62.125 3.672-9.471 22.15c52.655 18.478 97.561 8.354 97.561 8.354"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 201.931 429.575)"
/>
<path
fill="none"
strokeLinecap="round"
d="M-57.603-25.15S-30.843-.785-4.996 9.534C20.852 19.854 57.603 25.15 57.603 25.15"
style={{
stroke: '#000',
strokeWidth: 6,
strokeDasharray: 'none',
strokeLinecap: 'butt',
strokeDashoffset: 0,
strokeLinejoin: 'miter',
strokeMiterlimit: 4,
fill: '#fff',
fillOpacity: 0,
fillRule: 'nonzero',
opacity: 1,
}}
transform="matrix(1.36839 0 0 1.36839 172.308 476.298)"
/>
</svg>
);
};
Logo.propTypes = {
title: PropTypes.string,
};
export default Logo;

View File

@@ -3,6 +3,7 @@ export { default as CommanderTax } from './CommanderTax';
export { default as Energy } from './Energy';
export { default as Experience } from './Experience';
export { default as LittleGuy } from './LittleGuy';
export { default as Logo } from './Logo';
export { default as PartnerTax } from './PartnerTax';
export { default as Poison } from './Poison';
export { default as Skull } from './Skull';

View File

@@ -1,11 +1,26 @@
<svg
xmlns="http://www.w3.org/2000/svg"
xmlSpace="preserve"
viewBox="-30 -20 500 500"
fill='currentColor'
paint-order='stroke fill markers'
>
<g transform="translate(0.000000,0.000000) scale(0.900000,0.900000)">
<path d="M234.896 485.029c-2.669-2.858-3.364-8.205-5.593-11.658-2.645-4.099-5.889-7.763-8.697-11.742-3.68-5.217-7.881-10.06-11.601-15.262-6.362-8.897-13.587-16.63-21.201-24.468-18.683-19.234-38.196-37.019-60.371-52.199-34.356-23.52-70.771-44.106-109.819-58.761-2.709-1.017 0 0-17.614-8.609 3.325-5.34 23.831-34.407 28.638-42.12 8.028-12.881 13.8-26.964 19.782-40.866 7.616-17.7 14.438-35.819 19.899-54.296 6.976-23.604 12.835-47.549 17.354-71.747C86.931 86.566 94.42 29.508 98.888.314c39.192 11.299 25.749 7.891 34.636 10.185 24.621 6.357 50.451 7.612 75.722 9.557 14.404 1.109 28.678.999 43.104.777 21.448-.33 42.94-1.344 64.203-4.293 10.585-1.468 21.127-3.467 31.478-6.126 8.192-2.104 13.47-3.289 31.032-10.1 1.937 7.533 21.898 144.985 48.764 208.185 10.624 24.992 42.674 79.876 52.745 92.264-14.321 5.362-71.933 31.841-101.849 49.629-36.743 21.848-71.48 48.623-100.156 80.446-13.532 15.02-24.152 32.606-35.086 49.537-4.266 6.604-5.912 7.501-8.585 4.654zm11.489-54.904c7.625-39.942 29.623-90.766 63.953-147.75 11.581-19.223 33.603-52.214 46.967-70.363 8.287-11.254 10.945-15.403 10.945-17.086 0-1.254-.476-2.405-1.093-2.642-.602-.231-5.917.457-11.813 1.529-36.192 6.578-73.021 8.765-101.648 6.036-12.956-1.235-22.442-2.794-23.514-3.865-.759-.759 2.172-19.29 4.559-28.822 9.985-39.881 33.304-81.786 63.095-113.384 4.589-4.866 8.156-9.034 7.93-9.26-.228-.227-3.052.433-6.277 1.467-37.805 12.116-79.837 13.334-110.1 3.191-4.133-1.386-7.625-2.414-7.762-2.287-.136.128.165 4.227.669 9.11 4.746 45.95-17.074 106.187-62.849 173.502-6.884 10.124-20.352 28.227-28.176 37.875-3.156 3.891-4.503 6.084-3.834 6.239.567.132 6.354-1.116 12.86-2.772 18.57-4.727 34.105-7.629 55.329-10.332 16.237-2.068 56.226-1.88 70.125.33 9.04 1.437 21.549 4.209 22.277 4.938.15.15-.213 1.752-.806 3.561-3.145 9.582-7.186 28.637-9.049 42.662-3.581 26.956-3.578 70.348.006 102.375 1.409 12.596 3.907 28.753 4.624 29.913.611.986.929-.272 3.582-14.165z" />
<?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="524.000000pt" height="524.000000pt" viewBox="0 0 524.000000 524.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,524.000000) scale(0.100000,-0.100000)"
fill="currentColor" stroke="none">
<path d="M1150 4673 c0 -434 -39 -701 -152 -1053 -132 -412 -310 -727 -647
-1149 -94 -118 -168 -218 -164 -221 5 -4 159 -71 343 -150 457 -195 627 -281
855 -433 207 -138 379 -280 560 -462 255 -255 376 -415 649 -861 l28 -47 42
67 c236 387 588 787 943 1074 366 296 696 488 1208 706 127 54 234 102 238
106 5 4 -61 95 -146 201 -183 231 -250 324 -346 483 -229 381 -381 820 -446
1286 -11 74 -18 224 -22 418 l-6 303 -26 -5 c-14 -3 -246 -41 -516 -85 -920
-150 -944 -150 -1998 25 -213 35 -390 64 -392 64 -3 0 -5 -120 -5 -267z m1290
-287 c148 -61 229 -78 395 -83 132 -4 169 -2 308 22 87 15 160 26 162 24 2 -2
-40 -40 -92 -84 -196 -166 -377 -368 -507 -566 -95 -147 -246 -454 -246 -502
0 -10 32 -18 123 -30 426 -58 640 -59 1080 -6 93 11 170 19 172 17 2 -2 -76
-93 -172 -203 -286 -326 -409 -488 -553 -725 -105 -174 -144 -269 -266 -640
-63 -195 -139 -427 -168 -515 l-53 -160 -9 280 c-12 369 -10 590 5 700 23 173
75 356 151 538 45 105 39 117 -69 146 -229 62 -716 45 -1145 -39 -83 -16 -151
-28 -153 -26 -2 1 30 41 70 87 312 358 554 787 696 1233 21 66 64 224 96 349
48 189 61 228 74 223 9 -2 54 -20 101 -40z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.2 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -1,11 +1,21 @@
<svg
xmlns="http://www.w3.org/2000/svg"
xmlSpace="preserve"
viewBox="-50 0 980 980"
fill='currentColor'
paint-order='stroke fill markers'
>
<g transform="translate(0.000000,0.000000) scale(0.900000,0.900000)">
<path d="M.775 171.102c96.217.111 192.488-.717 288.65.386 26.868 13.406 51.584 31.281 75.087 50.039-11.696 41.378-8.552 88.438 16.055 124.74 17.434 27.474 47.611 45.239 79.445 50.314l.055 497.248C351.107 834.08 244.959 767.49 151.445 685.175c-32.053-28.467-63.28-62.729-70.893-106.423-9.103-51.97 12.689-102.395 14.345-154.035.717-40.108-.111-81.541-16.331-118.946-15.227-40.494-46.783-71.224-70.065-106.865-6.014-8.054-7.503-17.985-7.724-27.805zm624.469 50.148c23.834-18.316 48.551-36.301 75.418-49.763 96.108-1.103 192.268-.275 288.43-.386-.719 8.219-.497 16.992-5.572 23.999-21.572 35.253-52.523 64.548-68.963 103.057-19.475 40.108-20.799 85.734-19.529 129.485 2.481 50.369 22.675 99.581 14.454 150.339-7.613 44.134-39.115 78.616-71.39 107.36-94.23 83.251-201.702 149.842-311.491 210.418-.055-166.337-.055-332.675-.055-499.012 35.75-4.359 69.403-25.378 86.837-57.156 20.965-35.418 22.731-79.334 11.861-118.34z" />
<?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="524.000000pt" height="524.000000pt" viewBox="0 0 524.000000 524.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,524.000000) scale(0.100000,-0.100000)"
fill="currentColor" stroke="none">
<path d="M242 4503 c140 -185 272 -423 304 -553 28 -111 15 -238 -61 -585
-150 -690 -168 -932 -79 -1113 87 -178 450 -481 1215 -1014 235 -164 848 -568
862 -568 4 0 6 642 5 1426 l-3 1426 -70 22 c-253 80 -388 242 -411 490 -8 86
14 207 52 294 13 30 21 59 17 63 -5 4 -90 46 -190 93 l-182 86 -755 0 -755 0
51 -67z"/>
<path d="M3343 4480 c-101 -49 -183 -91 -183 -93 0 -3 11 -29 24 -58 37 -85
51 -157 50 -259 -1 -161 -47 -276 -150 -377 -69 -68 -187 -133 -281 -154 l-53
-12 0 -1429 c0 -785 3 -1428 8 -1428 4 0 118 73 254 163 1087 714 1678 1171
1813 1401 99 169 84 418 -66 1111 -85 390 -96 506 -59 626 43 145 135 313 270
495 39 52 70 96 70 99 0 3 -341 5 -757 4 l-758 -1 -182 -88z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

52
src/Icons/svgs/Logo.svg Normal file
View File

@@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="524" height="524" viewBox="0 0 524 524" xml:space="preserve">
<desc>Created with Fabric.js 5.3.0</desc>
<defs>
</defs>
<g transform="matrix(1.1099126955 0 0 1.1099126955 262 262)" id="LR8J5WL7q7WaHHwjsEtRr" >
<path style="stroke: rgb(89,7,19); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(253,255,210); fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M 0 -196.79111 C 108.62869 -196.79111 196.79111 -108.62869 196.79111 0 C 196.79111 108.62869 108.62869 196.79111 0 196.79111 C -108.62869 196.79111 -196.79111 108.62869 -196.79111 0 C -196.79111 -108.62869 -108.62869 -196.79111 0 -196.79111 z" stroke-linecap="round" />
</g>
<g transform="matrix(2.1124684223 0.0368732735 -0.0368732735 2.1124684223 173.1817410487 300.4847747585)" id="nNVagvimyN8t6aN2p9MNI" >
<path style="stroke: rgb(0,0,0); stroke-width: 4; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: none; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -17.70611 -50.70376 C -17.70611 -50.70376 -22.08381 -37.73069 -17.25957 -25.121240000000004 C -15.13583 -19.570280000000004 -5.005319999999999 -8.012180000000004 -0.15315000000000012 11.242839999999998 C 4.69903 30.497859999999996 19.52589 50.70376999999999 19.52589 50.70376999999999" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 314.7282870627 428.1426241841)" id="U_ilII9tCMKMKeaRAbcYl" >
<path style="stroke: rgb(0,0,0); stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M 0 0" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 246.7699706276 350.5928509257)" id="lTns_qSvudATGiUnxiKH2" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M 50.16306 56.17237 C 50.16306 56.17237 31.67865 34.00044 24.458820000000003 3.600200000000001 C 17.23899 -26.80004 13.466520000000003 -35.30629 2.420270000000002 -47.37283 C -8.625979999999998 -59.43937 -23.80445 -59.56189 -22.839059999999996 -44.83928 C -21.873659999999997 -30.116680000000002 -9.999739999999996 -32.241080000000004 -8.474569999999996 -42.90849 C -6.949399999999996 -53.575900000000004 -30.274649999999998 -53.60488 -40.77870999999999 -41.05529 C -53.57293999999999 -25.76955 -49.57005999999999 -2.789609999999996 -49.57005999999999 -2.789609999999996" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 265.2035762162 178.317805859)" id="Z1Umh1Sfz_QlfCLdnkHpm" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -61.5411 -71.83174 C -61.5411 -71.83174 -21.57609 -9.18799 -19.85736 17.26113000000001 C -18.13863 43.710260000000005 -12.53123 50.58861000000001 -2.3411299999999997 61.92766000000001 C 7.84897 73.26672 33.714150000000004 78.61237000000001 30.136789999999998 57.08316000000001 C 26.55943 35.55394000000001 0.6225999999999985 49.011790000000005 13.401649999999997 61.153850000000006 C 26.180699999999995 73.29591 43.91598 70.61543 53.282529999999994 58.78508000000001 C 59.469539999999995 50.97062000000001 63.01423 32.10342000000001 60.952589999999994 17.26113000000001 C 59.8931 9.63357000000001 46.23201999999999 -11.173259999999992 46.23201999999999 -11.173259999999992" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 359.2891984122 252.4769307253)" id="NoiwG2RvbK4VZ1BD2ACNE" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -26.88862 -69.57444 C -26.88862 -69.57444 -9.54373 -51.825979999999994 -3.4537799999999983 -23.779829999999997 C 2.6361700000000017 4.266320000000004 21.064100000000003 17.047510000000003 24.34694 37.291290000000004 C 27.62978 57.535070000000005 27.84027 60.92087000000001 24.34694 69.57443" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 138.596882238 192.7217904465)" id="_5tQK10rIKxHIYGKzP-DK" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M 30.48143 -85.76909 C 30.48143 -85.76909 31.89683 -63.73997000000001 -0.08190000000000097 -1.0333800000000082 C -32.06063 61.67320999999999 -30.47795 85.76908999999999 -30.47795 85.76908999999999" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 395.160715661 294.4132962971)" id="2vextGauwxmw1Z19uMiee" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -30.0172 97.22766 C -30.0172 97.22766 -0.6072999999999986 52.49302 6.832409999999999 6.644750000000002 C 14.27212 -39.20352 30.0172 -97.22765 30.0172 -97.22765" stroke-linecap="round" />
</g>
<g transform="matrix(1.3681793316 -0.0238816591 0.0238816591 1.3681793316 173.1817410487 301.453302604)" id="VheepmwQ3mqkJ_4whAIqF" >
<path style="stroke: rgb(0,0,0); stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -24.22989 -79.24203 C -24.22989 -79.24203 -31.68399 -59.45971 -24.91935 -39.74263 C -21.94141 -31.062739999999998 -6.93224 -12.682029999999997 -0.4826000000000015 17.291070000000005 C 5.967039999999998 47.26417000000001 27.75697 79.24202 27.75697 79.24202" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 310.1958831199 90.2650404129)" id="gHTZnpnq5IJdIE2hI1gZV" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(127,145,114); fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -45.63009 -48.46402 C -71.23924 -37.592209999999994 -84.39723000000001 -27.16596 -91.0426 -20.02022 C -95.11241 -15.64397 -95.00943 -15.681759999999997 -96.28281999999999 -13.122399999999999 L -96.28281999999999 -13.122399999999999 C -97.04828999999998 -11.583889999999998 -96.89588999999998 -9.747539999999999 -95.88725999999998 -8.356269999999999 C -94.99266999999999 -7.122289999999999 -94.92754999999998 -7.029949999999999 -92.98836999999999 -4.760719999999999 C -83.14648 6.756270000000001 -56.45910999999999 32.51993 -4.814429999999987 47.44934 C 40.013500000000015 60.408159999999995 69.71393000000002 59.88649 84.74308 58.02861 C 87.42240000000001 57.6974 87.46851000000001 57.72846 88.78423000000001 57.435990000000004 L 88.78423000000001 57.435990000000004 C 93.25482000000001 56.442220000000006 96.51118000000001 52.585060000000006 96.74106 48.011120000000005 C 96.7878 47.081140000000005 96.76332000000001 46.95405 96.71653 45.189550000000004 C 96.37649 32.365680000000005 93.34479 9.545120000000004 78.45745000000001 -13.794399999999996 C 55.89634000000001 -49.16439999999999 31.725260000000006 -54.28624 31.725260000000006 -54.28624 C 31.725260000000006 -54.28624 0.6565900000000049 -68.11402 -45.63007999999999 -48.46402 z" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 328.4669009299 67.6168021759)" id="pjGLICIK2KYAQZmLrkW6r" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -75.76065 -23.86792 C -75.76065 -23.86792 -46.62034 -0.5840900000000033 -7.639020000000002 13.971459999999997 C 31.342299999999994 28.527019999999997 75.76065 22.727159999999998 75.76065 22.727159999999998" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 338.1147326335 33.6351963031)" id="6GcjH33Y1gjhuv3nw95Sz" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -47.43473 -13.5536 C -47.43473 -13.5536 -25.095460000000003 2.0538000000000007 -4.157340000000005 8.45825 C 16.780779999999996 14.86269 47.434729999999995 13.412749999999999 47.434729999999995 13.412749999999999" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 220.1409217368 408.996229633)" id="TFOksIogf5hep4xTV0XNW" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(127,145,114); fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -90.65408 -77.09098 C -90.65408 -77.09098 -74.40959 -28.50936 -9.055149999999998 -2.309359999999998 C 56.29929 23.89064 100.89703 9.077910000000001 100.89703 9.077910000000001 C 100.89703 9.077910000000001 61.45147 101.65124 -37.08964 70.79347 C -135.63075 39.935689999999994 -90.65408 -77.09097000000001 -90.65408 -77.09097000000001 z" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 201.9309717568 429.5750721457)" id="ZYvLnftOSJCDg8-dJCVMZ" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -88.08943 -33.27163 C -88.08943 -33.27163 -62.125609999999995 3.6717299999999966 -9.471529999999987 22.14982 C 43.18254000000001 40.62792 88.08944000000001 30.50408 88.08944000000001 30.50408" stroke-linecap="round" />
</g>
<g transform="matrix(1.3683877436 0 0 1.3683877436 172.3084077154 476.2976161987)" id="j8mGKRAC2kKBEnk6reNSW" >
<path style="stroke: rgb(0,0,0); stroke-width: 6; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-opacity: 0; fill-rule: nonzero; opacity: 1;" transform=" translate(0, 0)" d="M -57.60281 -25.15017 C -57.60281 -25.15017 -30.843749999999996 -0.7852800000000002 -4.995809999999999 9.533890000000003 C 20.852130000000002 19.853070000000002 57.60282 25.150170000000003 57.60282 25.150170000000003" stroke-linecap="round" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB