style: new empty states (#1497)

* fix: custom colors opacity

* chore: update text colors for dark mode

* fix: dropdown text colors, datepicker bg color

* chore: update text colors

* chore: updated primary bg color

* style: new empty states added

* refactor: empty state for issues

* style: empty state for estimates

* chore: update labels, estimates and integrations empty states

* fix: custom analytics sidebar
This commit is contained in:
Aaryan Khandelwal 2023-07-12 11:45:45 +05:30 committed by GitHub
parent 82ff786666
commit 4a2057c0b3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
44 changed files with 757 additions and 792 deletions

View File

@ -61,7 +61,7 @@ export const CustomAnalytics: React.FC<Props> = ({
<AnalyticsSelectBar
control={control}
setValue={setValue}
projects={projects}
projects={projects ?? []}
params={params}
fullScreen={fullScreen}
isProjectLevel={isProjectLevel}

View File

@ -24,13 +24,13 @@ import { ContrastIcon, LayerDiagonalIcon } from "components/icons";
// helpers
import { renderShortDate } from "helpers/date-time.helper";
import { renderEmoji } from "helpers/emoji.helper";
import { truncateText } from "helpers/string.helper";
// types
import {
IAnalyticsParams,
IAnalyticsResponse,
ICurrentUserResponse,
IExportAnalyticsFormData,
IProject,
IWorkspace,
} from "types";
// fetch-keys
@ -179,7 +179,7 @@ export const AnalyticsSidebar: React.FC<Props> = ({
};
const selectedProjects =
params.project && params.project.length > 0 ? params.project : projects.map((p) => p.id);
params.project && params.project.length > 0 ? params.project : projects?.map((p) => p.id);
return (
<div
@ -207,7 +207,7 @@ export const AnalyticsSidebar: React.FC<Props> = ({
</div>
)}
</div>
<div className="h-full overflow-hidden">
<div className="h-full w-full overflow-hidden">
{fullScreen ? (
<>
{!isProjectLevel && selectedProjects && selectedProjects.length > 0 && (
@ -215,61 +215,62 @@ export const AnalyticsSidebar: React.FC<Props> = ({
<h4 className="font-medium">Selected Projects</h4>
<div className="space-y-6 mt-4 h-full overflow-y-auto">
{selectedProjects.map((projectId) => {
const project: IProject = projects.find((p) => p.id === projectId);
const project = projects?.find((p) => p.id === projectId);
return (
<div key={project.id}>
<div className="text-sm flex items-center gap-1">
{project.emoji ? (
<span className="grid h-6 w-6 flex-shrink-0 place-items-center">
{renderEmoji(project.emoji)}
</span>
) : project.icon_prop ? (
<div className="h-6 w-6 grid place-items-center flex-shrink-0">
<span
style={{ color: project.icon_prop.color }}
className="material-symbols-rounded text-lg"
>
{project.icon_prop.name}
if (project)
return (
<div key={project.id} className="w-full">
<div className="text-sm flex items-center gap-1">
{project.emoji ? (
<span className="grid h-6 w-6 flex-shrink-0 place-items-center">
{renderEmoji(project.emoji)}
</span>
</div>
) : (
<span className="grid h-6 w-6 mr-1 flex-shrink-0 place-items-center rounded bg-gray-700 uppercase text-white">
{project?.name.charAt(0)}
</span>
)}
<h5 className="flex items-center gap-1">
<p className="break-words">{project.name}</p>
<span className="text-custom-text-200 text-xs ml-1">
({project.identifier})
</span>
</h5>
</div>
<div className="mt-4 space-y-3 pl-2">
<div className="flex items-center justify-between gap-2 text-xs">
<div className="flex items-center gap-2">
<UserGroupIcon className="h-4 w-4 text-custom-text-200" />
<h6>Total members</h6>
</div>
<span className="text-custom-text-200">{project.total_members}</span>
) : project.icon_prop ? (
<div className="h-6 w-6 grid place-items-center flex-shrink-0">
<span
style={{ color: project.icon_prop.color }}
className="material-symbols-rounded text-lg"
>
{project.icon_prop.name}
</span>
</div>
) : (
<span className="grid h-6 w-6 mr-1 flex-shrink-0 place-items-center rounded bg-gray-700 uppercase text-white">
{project?.name.charAt(0)}
</span>
)}
<h5 className="flex items-center gap-1">
<p className="break-words">{truncateText(project.name, 20)}</p>
<span className="text-custom-text-200 text-xs ml-1">
({project.identifier})
</span>
</h5>
</div>
<div className="flex items-center justify-between gap-2 text-xs">
<div className="flex items-center gap-2">
<ContrastIcon height={16} width={16} />
<h6>Total cycles</h6>
<div className="mt-4 space-y-3 pl-2 w-full">
<div className="flex items-center justify-between gap-2 text-xs">
<div className="flex items-center gap-2">
<UserGroupIcon className="h-4 w-4 text-custom-text-200" />
<h6>Total members</h6>
</div>
<span className="text-custom-text-200">{project.total_members}</span>
</div>
<span className="text-custom-text-200">{project.total_cycles}</span>
</div>
<div className="flex items-center justify-between gap-2 text-xs">
<div className="flex items-center gap-2">
<UserGroupIcon className="h-4 w-4 text-custom-text-200" />
<h6>Total modules</h6>
<div className="flex items-center justify-between gap-2 text-xs">
<div className="flex items-center gap-2">
<ContrastIcon height={16} width={16} />
<h6>Total cycles</h6>
</div>
<span className="text-custom-text-200">{project.total_cycles}</span>
</div>
<div className="flex items-center justify-between gap-2 text-xs">
<div className="flex items-center gap-2">
<UserGroupIcon className="h-4 w-4 text-custom-text-200" />
<h6>Total modules</h6>
</div>
<span className="text-custom-text-200">{project.total_modules}</span>
</div>
<span className="text-custom-text-200">{project.total_modules}</span>
</div>
</div>
</div>
);
);
})}
</div>
</div>

View File

@ -29,19 +29,13 @@ import {
} from "components/core";
import { CreateUpdateIssueModal, DeleteIssueModal } from "components/issues";
import { CreateUpdateViewModal } from "components/views";
import { CycleIssuesGanttChartView, TransferIssues, TransferIssuesModal } from "components/cycles";
import { IssueGanttChartView } from "components/issues/gantt-chart";
import { TransferIssues, TransferIssuesModal } from "components/cycles";
// ui
import { EmptySpace, EmptySpaceItem, EmptyState, PrimaryButton, Spinner } from "components/ui";
import { EmptyState, PrimaryButton, Spinner } from "components/ui";
// icons
import {
ListBulletIcon,
PlusIcon,
RectangleStackIcon,
TrashIcon,
} from "@heroicons/react/24/outline";
import { PlusIcon, TrashIcon } from "@heroicons/react/24/outline";
// images
import emptyIssue from "public/empty-state/empty-issue.svg";
import emptyIssue from "public/empty-state/issue.svg";
// helpers
import { getStatesList } from "helpers/state.helper";
import { orderArrayBy } from "helpers/array.helper";
@ -56,7 +50,6 @@ import {
PROJECT_ISSUES_LIST_WITH_PARAMS,
STATES_LIST,
} from "constants/fetch-keys";
import { ModuleIssuesGanttChartView } from "components/modules";
type Props = {
type?: "issue" | "cycle" | "module";
@ -107,7 +100,7 @@ export const IssuesView: React.FC<Props> = ({
groupByProperty: selectedGroup,
orderBy,
filters,
isNotEmpty,
isEmpty,
setFilters,
params,
} = useIssuesView();
@ -517,7 +510,7 @@ export const IssuesView: React.FC<Props> = ({
)}
</StrictModeDroppable>
{groupedByIssues ? (
isNotEmpty ? (
!isEmpty || issueView === "kanban" || issueView === "calendar" ? (
<>
{isCompleted && <TransferIssues handleClick={() => setTransferIssuesModal(true)} />}
{issueView === "list" ? (
@ -584,46 +577,20 @@ export const IssuesView: React.FC<Props> = ({
issueView === "gantt_chart" && <GanttChartView />
)}
</>
) : type === "issue" ? (
<EmptyState
type="issue"
title="Create New Issue"
description="Issues help you track individual pieces of work. With Issues, keep track of what's going on, who is working on it, and what's done."
imgURL={emptyIssue}
/>
) : (
<div className="grid h-full w-full place-items-center px-4 sm:px-0">
<EmptySpace
title="You don't have any issue yet."
description="Issues help you track individual pieces of work. With Issues, keep track of what's going on, who is working on it, and what's done."
Icon={RectangleStackIcon}
>
<EmptySpaceItem
title="Create a new issue"
description={
<span>
Use <pre className="inline rounded bg-custom-background-80 px-2 py-1">C</pre>{" "}
shortcut to create a new issue
</span>
}
Icon={PlusIcon}
action={() => {
const e = new KeyboardEvent("keydown", {
key: "c",
});
document.dispatchEvent(e);
}}
/>
{openIssuesListModal && (
<EmptySpaceItem
title="Add an existing issue"
description="Open list"
Icon={ListBulletIcon}
action={openIssuesListModal}
/>
)}
</EmptySpace>
</div>
<EmptyState
title="Project issues will appear here"
description="Issues help you track individual pieces of work. With Issues, keep track of what's going on, who is working on it, and what's done."
image={emptyIssue}
buttonText="New Issue"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "c",
});
document.dispatchEvent(e);
}}
/>
)
) : (
<div className="flex h-full w-full items-center justify-center">

View File

@ -19,8 +19,10 @@ import {
} from "components/cycles";
// ui
import { EmptyState, Loader } from "components/ui";
// icons
import { PlusIcon } from "@heroicons/react/24/outline";
// images
import emptyCycle from "public/empty-state/empty-cycle.svg";
import emptyCycle from "public/empty-state/cycle.svg";
// helpers
import { getDateRangeStatus } from "helpers/date-time.helper";
// types
@ -205,10 +207,17 @@ export const CyclesView: React.FC<Props> = ({ cycles, viewType }) => {
)
) : (
<EmptyState
type="cycle"
title="Create New Cycle"
description="Sprint more effectively with Cycles by confining your project to a fixed amount of time. Create new cycle now."
imgURL={emptyCycle}
title="Plan your project with cycles"
description="Cycle is a custom time period in which a team works to complete items on their backlog."
image={emptyCycle}
buttonText="New Cycle"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "q",
});
document.dispatchEvent(e);
}}
/>
)
) : viewType === "list" ? (

View File

@ -137,7 +137,7 @@ export const JiraGetImportDetail: React.FC = () => {
label={
<span>
{value && value !== "" ? (
projects.find((p) => p.id === value)?.name
projects?.find((p) => p.id === value)?.name
) : (
<span className="text-custom-text-200">Select a project</span>
)}
@ -145,7 +145,7 @@ export const JiraGetImportDetail: React.FC = () => {
}
verticalPosition="top"
>
{projects.length > 0 ? (
{projects && projects.length > 0 ? (
projects.map((project) => (
<CustomSelect.Option key={project.id} value={project.id}>
{project.name}

View File

@ -10,8 +10,10 @@ import pagesService from "services/pages.service";
import { PagesView } from "components/pages";
// ui
import { EmptyState, Loader } from "components/ui";
// icons
import { PlusIcon } from "@heroicons/react/24/outline";
// images
import emptyPage from "public/empty-state/empty-page.svg";
import emptyPage from "public/empty-state/page.svg";
// helpers
import { replaceUnderscoreIfSnakeCase } from "helpers/string.helper";
// types
@ -51,10 +53,17 @@ export const RecentPagesList: React.FC<TPagesListProps> = ({ viewType }) => {
})
) : (
<EmptyState
type="page"
title="Create New Page"
description="Create and document issues effortlessly in one place with Plane Notes, AI-powered for ease."
imgURL={emptyPage}
title="Have your thoughts in place"
description="You can think of Pages as an AI-powered notepad."
image={emptyPage}
buttonText="New Page"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "d",
});
document.dispatchEvent(e);
}}
/>
)
) : (

View File

@ -18,8 +18,10 @@ import {
} from "components/pages";
// ui
import { EmptyState, Loader } from "components/ui";
// icons
import { PlusIcon } from "@heroicons/react/24/outline";
// images
import emptyPage from "public/empty-state/empty-page.svg";
import emptyPage from "public/empty-state/page.svg";
// types
import { IPage, TPageViewProps } from "types";
import {
@ -255,10 +257,17 @@ export const PagesView: React.FC<Props> = ({ pages, viewType }) => {
)
) : (
<EmptyState
type="page"
title="Create New Page"
description="Create and document issues effortlessly in one place with Plane Notes, AI-powered for ease."
imgURL={emptyPage}
title="Have your thoughts in place"
description="You can think of Pages as an AI-powered notepad."
image={emptyPage}
buttonText="New Page"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "d",
});
document.dispatchEvent(e);
}}
/>
)}
</div>

View File

@ -20,7 +20,11 @@ import {
import { ExclamationIcon } from "components/icons";
// helpers
import { copyTextToClipboard, truncateText } from "helpers/string.helper";
import { renderShortTime, renderShortDate, renderLongDateFormat } from "helpers/date-time.helper";
import {
render24HourFormatTime,
renderShortDate,
renderLongDateFormat,
} from "helpers/date-time.helper";
// types
import { IPage, IProjectMember } from "types";
@ -97,11 +101,13 @@ export const SinglePageDetailedItem: React.FC<TSingleStatProps> = ({
<div className="flex items-center gap-2">
<Tooltip
tooltipContent={`Last updated at ${
renderShortTime(page.updated_at) +
render24HourFormatTime(page.updated_at) +
` ${new Date(page.updated_at).getHours() < 12 ? "am" : "pm"}`
} on ${renderShortDate(page.updated_at)}`}
>
<p className="text-sm text-custom-text-200">{renderShortTime(page.updated_at)}</p>
<p className="text-sm text-custom-text-200">
{render24HourFormatTime(page.updated_at)}
</p>
</Tooltip>
{page.is_favorite ? (
<button

View File

@ -21,7 +21,11 @@ import {
import { ExclamationIcon } from "components/icons";
// helpers
import { copyTextToClipboard, truncateText } from "helpers/string.helper";
import { renderLongDateFormat, renderShortDate, renderShortTime } from "helpers/date-time.helper";
import {
renderLongDateFormat,
renderShortDate,
render24HourFormatTime,
} from "helpers/date-time.helper";
// types
import { IPage, IProjectMember } from "types";
@ -98,12 +102,12 @@ export const SinglePageListItem: React.FC<TSingleStatProps> = ({
<div className="ml-2 flex flex-shrink-0">
<div className="flex items-center gap-2">
<Tooltip
tooltipContent={`Last updated at ${renderShortTime(
tooltipContent={`Last updated at ${render24HourFormatTime(
page.updated_at
)} on ${renderShortDate(page.updated_at)}`}
>
<p className="text-sm text-custom-text-200">
{renderShortTime(page.updated_at)}
{render24HourFormatTime(page.updated_at)}
</p>
</Tooltip>
{page.is_favorite ? (

View File

@ -1,77 +1,42 @@
import React from "react";
import Image from "next/image";
// ui
import { PrimaryButton } from "components/ui";
// icon
import { PlusIcon } from "@heroicons/react/24/outline";
// helper
import { capitalizeFirstLetter } from "helpers/string.helper";
type Props = {
type: "cycle" | "module" | "project" | "issue" | "view" | "page" | "estimate";
title: string;
description: React.ReactNode | string;
imgURL: string;
action?: () => void;
image: any;
buttonText: string;
buttonIcon?: any;
onClick?: () => void;
isFullScreen?: boolean;
};
export const EmptyState: React.FC<Props> = ({ type, title, description, imgURL, action }) => {
const shortcutKey = (type: string) => {
switch (type) {
case "cycle":
return "Q";
case "module":
return "M";
case "project":
return "P";
case "issue":
return "C";
case "view":
return "V";
case "page":
return "D";
default:
return null;
}
};
return (
<div className="flex h-full w-full flex-col items-center justify-center gap-5 text-center">
<div className="h-32 w-72">
<Image src={imgURL} height="128" width="288" alt={type} />
</div>
<h3 className="text-xl font-semibold">{title}</h3>
{shortcutKey(type) && (
<span>
Use shortcut{" "}
<span className="text-custom-text-200 mx-1 rounded-sm border border-custom-border-100 bg-custom-background-90 px-2 py-1 text-sm font-medium">
{shortcutKey(type)}
</span>{" "}
to create {type} from anywhere.
</span>
)}
<p className="max-w-md text-sm text-custom-text-200">{description}</p>
<PrimaryButton
className="flex items-center gap-1"
onClick={() => {
if (action) {
action();
return;
}
if (!shortcutKey(type)) return;
const e = new KeyboardEvent("keydown", {
key: shortcutKey(type) as string,
});
document.dispatchEvent(e);
}}
>
<PlusIcon className="h-4 w-4 font-bold text-white" />
Create New {capitalizeFirstLetter(type)}
export const EmptyState: React.FC<Props> = ({
title,
description,
image,
onClick,
buttonText,
buttonIcon,
isFullScreen = true,
}) => (
<div
className={`h-full w-full mx-auto grid place-items-center p-8 ${
isFullScreen ? "md:w-4/5 lg:w-3/5" : ""
}`}
>
<div className="text-center flex flex-col items-center w-full">
<Image src={image} className="w-52 sm:w-60" alt={buttonText} />
<h6 className="text-xl font-semibold mt-6 sm:mt-8 mb-3">{title}</h6>
<p className="text-custom-text-300 mb-7 sm:mb-8">{description}</p>
<PrimaryButton className="flex items-center gap-1.5" onClick={onClick}>
{buttonIcon}
{buttonText}
</PrimaryButton>
</div>
);
};
</div>
);

View File

@ -18,7 +18,7 @@ import { VIEWS_LIST } from "constants/fetch-keys";
import useToast from "hooks/use-toast";
// helpers
import { truncateText } from "helpers/string.helper";
import { renderShortDateWithYearFormat, renderShortTime } from "helpers/date-time.helper";
import { renderShortDateWithYearFormat, render24HourFormatTime } from "helpers/date-time.helper";
type Props = {
view: IView;
@ -105,12 +105,12 @@ export const SingleViewItem: React.FC<Props> = ({ view, handleEditView, handleDe
filters
</p>
<Tooltip
tooltipContent={`Last updated at ${renderShortTime(
tooltipContent={`Last updated at ${render24HourFormatTime(
view.updated_at
)} ${renderShortDateWithYearFormat(view.updated_at)}`}
>
<p className="text-sm text-custom-text-200">
{renderShortTime(view.updated_at)}
{render24HourFormatTime(view.updated_at)}
</p>
</Tooltip>
{view.is_favorite ? (

View File

@ -172,18 +172,35 @@ export const renderShortDate = (date: string | Date, placeholder?: string) => {
return isNaN(date.getTime()) ? placeholder ?? "N/A" : `${day} ${month}`;
};
export const renderShortTime = (date: string | Date) => {
if (!date || date === "") return null;
export const render12HourFormatTime = (date: string | Date): string => {
if (!date || date === "") return "";
date = new Date(date);
let hours = date.getHours();
const minutes = date.getMinutes();
let period = "AM";
if (hours >= 12) {
period = "PM";
if (hours > 12) hours -= 12;
}
return hours + ":" + minutes + " " + period;
};
export const render24HourFormatTime = (date: string | Date): string => {
if (!date || date === "") return "";
date = new Date(date);
const hours = date.getHours();
let minutes: any = date.getMinutes();
// Add leading zero to single-digit minutes
if (minutes < 10) {
minutes = "0" + minutes;
}
// add leading zero to single digit minutes
if (minutes < 10) minutes = "0" + minutes;
return hours + ":" + minutes;
};

View File

@ -186,7 +186,7 @@ const useIssuesView = () => {
filters,
setFilters,
params,
isNotEmpty: !isEmpty,
isEmpty,
resetFilterToDefault,
setNewFilterDefaultView,
setIssueView,

View File

@ -6,6 +6,8 @@ import useSWR from "swr";
import projectService from "services/project.service";
// helpers
import { orderArrayBy } from "helpers/array.helper";
// types
import { IProject } from "types";
// fetch-keys
import { PROJECTS_LIST } from "constants/fetch-keys";
@ -24,7 +26,7 @@ const useProjects = () => {
?.slice(0, 3);
return {
projects: orderArrayBy(projects ?? [], "is_favorite", "descending") || [],
projects: orderArrayBy(projects ?? [], "is_favorite", "descending") as IProject[] | undefined,
recentProjects: recentProjects || [],
mutateProjects,
};

View File

@ -8,6 +8,7 @@ import useSWR from "swr";
import { useForm } from "react-hook-form";
// hooks
import useUserAuth from "hooks/use-user-auth";
import useProjects from "hooks/use-projects";
// headless ui
import { Tab } from "@headlessui/react";
// services
@ -19,6 +20,11 @@ import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
import { CustomAnalytics, ScopeAndDemand } from "components/analytics";
// ui
import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
import { EmptyState } from "components/ui";
// icons
import { PlusIcon } from "@heroicons/react/24/outline";
// images
import emptyAnalytics from "public/empty-state/analytics.svg";
// types
import { IAnalyticsParams } from "types";
// fetch-keys
@ -38,6 +44,7 @@ const Analytics = () => {
const { workspaceSlug } = router.query;
const { user } = useUserAuth();
const { projects } = useProjects();
const { control, watch, setValue } = useForm<IAnalyticsParams>({ defaultValues });
@ -84,54 +91,60 @@ const Analytics = () => {
<BreadcrumbItem title="Workspace Analytics" />
</Breadcrumbs>
}
// right={
// <PrimaryButton
// className="flex items-center gap-2"
// onClick={() => {
// const e = new KeyboardEvent("keydown", { key: "p" });
// document.dispatchEvent(e);
// }}
// >
// <PlusIcon className="h-4 w-4" />
// Save Analytics
// </PrimaryButton>
// }
>
<div className="h-full flex flex-col overflow-hidden bg-custom-background-100">
<Tab.Group as={Fragment}>
<Tab.List as="div" className="space-x-2 border-b border-custom-border-100 px-5 py-3">
{tabsList.map((tab) => (
<Tab
key={tab}
className={({ selected }) =>
`rounded-3xl border border-custom-border-100 px-4 py-2 text-xs hover:bg-custom-background-80 ${
selected ? "bg-custom-background-80" : ""
}`
}
onClick={() => trackAnalyticsEvent(tab)}
>
{tab}
</Tab>
))}
</Tab.List>
<Tab.Panels as={Fragment}>
<Tab.Panel as={Fragment}>
<ScopeAndDemand fullScreen />
</Tab.Panel>
<Tab.Panel as={Fragment}>
<CustomAnalytics
analytics={analytics}
analyticsError={analyticsError}
params={params}
control={control}
setValue={setValue}
user={user}
fullScreen
/>
</Tab.Panel>
</Tab.Panels>
</Tab.Group>
</div>
{projects ? (
projects.length > 0 ? (
<div className="h-full flex flex-col overflow-hidden bg-custom-background-100">
<Tab.Group as={Fragment}>
<Tab.List as="div" className="space-x-2 border-b border-custom-border-100 px-5 py-3">
{tabsList.map((tab) => (
<Tab
key={tab}
className={({ selected }) =>
`rounded-3xl border border-custom-border-100 px-4 py-2 text-xs hover:bg-custom-background-80 ${
selected ? "bg-custom-background-80" : ""
}`
}
onClick={() => trackAnalyticsEvent(tab)}
>
{tab}
</Tab>
))}
</Tab.List>
<Tab.Panels as={Fragment}>
<Tab.Panel as={Fragment}>
<ScopeAndDemand fullScreen />
</Tab.Panel>
<Tab.Panel as={Fragment}>
<CustomAnalytics
analytics={analytics}
analyticsError={analyticsError}
params={params}
control={control}
setValue={setValue}
user={user}
fullScreen
/>
</Tab.Panel>
</Tab.Panels>
</Tab.Group>
</div>
) : (
<EmptyState
title="You can see your all projects' analytics here"
description="Let's create your first project and analyse the stats with various graphs."
image={emptyAnalytics}
buttonText="New Project"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "p",
});
document.dispatchEvent(e);
}}
/>
)
) : null}
</WorkspaceAuthorizationLayout>
);
};

View File

@ -1,6 +1,7 @@
import React, { useEffect, useState } from "react";
import { useRouter } from "next/router";
import Image from "next/image";
import useSWR, { mutate } from "swr";
@ -8,6 +9,9 @@ import useSWR, { mutate } from "swr";
import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
// services
import userService from "services/user.service";
// hooks
import useUser from "hooks/use-user";
import useProjects from "hooks/use-projects";
// components
import {
CompletedIssuesGraph,
@ -15,11 +19,18 @@ import {
IssuesPieChart,
IssuesStats,
} from "components/workspace";
import { ProductUpdatesModal } from "components/ui";
// ui
import { PrimaryButton, ProductUpdatesModal } from "components/ui";
// images
import emptyDashboard from "public/empty-state/dashboard.svg";
// helpers
import { render12HourFormatTime, renderShortDate } from "helpers/date-time.helper";
// types
import type { NextPage } from "next";
// fetch-keys
import { USER_WORKSPACE_DASHBOARD } from "constants/fetch-keys";
// constants
import { DAYS } from "constants/project";
const WorkspacePage: NextPage = () => {
const [month, setMonth] = useState(new Date().getMonth() + 1);
@ -28,11 +39,18 @@ const WorkspacePage: NextPage = () => {
const router = useRouter();
const { workspaceSlug } = router.query;
const { user } = useUser();
const { projects } = useProjects();
const { data: workspaceDashboardData } = useSWR(
workspaceSlug ? USER_WORKSPACE_DASHBOARD(workspaceSlug as string) : null,
workspaceSlug ? () => userService.userWorkspaceDashboard(workspaceSlug as string, month) : null
);
const today = new Date();
const greeting =
today.getHours() < 12 ? "morning" : today.getHours() < 18 ? "afternoon" : "evening";
useEffect(() => {
if (!workspaceSlug) return;
@ -47,42 +65,76 @@ const WorkspacePage: NextPage = () => {
setIsOpen={setIsProductUpdatesModalOpen}
/>
)}
<div className="p-8">
<div className="flex flex-col gap-8">
<div className="text-custom-text-200 flex flex-col justify-between gap-x-2 gap-y-6 rounded-lg border border-custom-border-100 bg-custom-background-100 px-4 py-6 md:flex-row md:items-center md:py-3">
<p className="font-semibold">
Plane is open source, support us by starring us on GitHub.
</p>
<div className="flex items-center gap-2">
<button
onClick={() => setIsProductUpdatesModalOpen(true)}
className="rounded-md border-2 border-custom-border-100 px-3 py-1.5 text-sm font-medium duration-300"
>
{`What's New?`}
</button>
<a
href="https://github.com/makeplane/plane"
target="_blank"
className="rounded-md border-2 border-custom-border-100 px-3 py-1.5 text-sm font-medium duration-300"
rel="noopener noreferrer"
>
Star us on GitHub
</a>
{projects ? (
projects.length > 0 ? (
<div className="p-8">
<div className="flex flex-col gap-8">
<div className="text-custom-text-200 flex flex-col justify-between gap-x-2 gap-y-6 rounded-lg border border-custom-border-100 bg-custom-background-100 px-4 py-6 md:flex-row md:items-center md:py-3">
<p className="font-semibold">
Plane is open source, support us by starring us on GitHub.
</p>
<div className="flex items-center gap-2">
<button
onClick={() => setIsProductUpdatesModalOpen(true)}
className="rounded-md border-2 border-custom-border-100 px-3 py-1.5 text-sm font-medium duration-300"
>
{`What's New?`}
</button>
<a
href="https://github.com/makeplane/plane"
target="_blank"
className="rounded-md border-2 border-custom-border-100 px-3 py-1.5 text-sm font-medium duration-300"
rel="noopener noreferrer"
>
Star us on GitHub
</a>
</div>
</div>
<IssuesStats data={workspaceDashboardData} />
<div className="grid grid-cols-1 gap-8 lg:grid-cols-2">
<IssuesList issues={workspaceDashboardData?.overdue_issues} type="overdue" />
<IssuesList issues={workspaceDashboardData?.upcoming_issues} type="upcoming" />
<IssuesPieChart groupedIssues={workspaceDashboardData?.state_distribution} />
<CompletedIssuesGraph
issues={workspaceDashboardData?.completed_issues}
month={month}
setMonth={setMonth}
/>
</div>
</div>
</div>
<IssuesStats data={workspaceDashboardData} />
<div className="grid grid-cols-1 gap-8 lg:grid-cols-2">
<IssuesList issues={workspaceDashboardData?.overdue_issues} type="overdue" />
<IssuesList issues={workspaceDashboardData?.upcoming_issues} type="upcoming" />
<IssuesPieChart groupedIssues={workspaceDashboardData?.state_distribution} />
<CompletedIssuesGraph
issues={workspaceDashboardData?.completed_issues}
month={month}
setMonth={setMonth}
/>
) : (
<div className="p-8">
<h3 className="text-2xl font-semibold">
Good {greeting}, {user?.first_name} {user?.last_name}
</h3>
<h6 className="text-custom-text-400 font-medium">
{DAYS[today.getDay()]}, {renderShortDate(today)} {render12HourFormatTime(today)}
</h6>
<div className="mt-7 bg-custom-primary-100/5 flex justify-between gap-5 md:gap-8">
<div className="p-5 md:p-8 pr-0">
<h5 className="text-xl font-semibold">Create a project</h5>
<p className="mt-2 mb-5">
Manage your projects by creating issues, cycles, modules, views and pages.
</p>
<PrimaryButton
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "p",
});
document.dispatchEvent(e);
}}
>
Create Project
</PrimaryButton>
</div>
<div className="hidden md:block self-end overflow-hidden pt-8">
<Image src={emptyDashboard} alt="Empty Dashboard" />
</div>
</div>
</div>
</div>
</div>
)
) : null}
</WorkspaceAuthorizationLayout>
);
};

View File

@ -5,13 +5,15 @@ import { useRouter } from "next/router";
// headless ui
import { Disclosure, Popover, Transition } from "@headlessui/react";
// icons
import { ChevronDownIcon, PlusIcon, RectangleStackIcon } from "@heroicons/react/24/outline";
import { ChevronDownIcon, PlusIcon } from "@heroicons/react/24/outline";
// images
import emptyMyIssues from "public/empty-state/my-issues.svg";
// layouts
import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
// hooks
import useIssues from "hooks/use-issues";
// ui
import { Spinner, EmptySpace, EmptySpaceItem, PrimaryButton } from "components/ui";
import { Spinner, PrimaryButton, EmptyState } from "components/ui";
import { Breadcrumbs, BreadcrumbItem } from "components/breadcrumbs";
// hooks
import useMyIssuesProperties from "hooks/use-my-issues-filter";
@ -23,13 +25,14 @@ import { MyIssuesListItem } from "components/issues";
import { replaceUnderscoreIfSnakeCase } from "helpers/string.helper";
// types
import type { NextPage } from "next";
import useProjects from "hooks/use-projects";
const MyIssuesPage: NextPage = () => {
const router = useRouter();
const { workspaceSlug } = router.query;
// fetching user issues
const { myIssues } = useIssues(workspaceSlug as string);
const { projects } = useProjects();
const [properties, setProperties] = useMyIssuesProperties(workspaceSlug as string);
@ -148,30 +151,39 @@ const MyIssuesPage: NextPage = () => {
)}
</Disclosure>
) : (
<div className="flex h-full w-full flex-col items-center justify-center px-4">
<EmptySpace
title="You don't have any issue assigned to you yet."
description="Issues help you track individual pieces of work. With Issues, keep track of what's going on, who is working on it, and what's done."
Icon={RectangleStackIcon}
>
<EmptySpaceItem
title="Create a new issue"
description={
<span>
Use <pre className="inline rounded bg-gray-200 px-2 py-1">C</pre> shortcut
to create a new issue
</span>
}
Icon={PlusIcon}
action={() => {
const e = new KeyboardEvent("keydown", {
key: "c",
});
document.dispatchEvent(e);
}}
/>
</EmptySpace>
</div>
<EmptyState
title={
projects
? projects.length > 0
? "You don't have any issue assigned to you yet"
: "Issues assigned to you will appear here"
: ""
}
description={
projects
? projects.length > 0
? "Keep track of your work in a single place."
: "Let's create your first project and add issues that you want to accomplish."
: ""
}
image={emptyMyIssues}
buttonText={projects ? (projects.length > 0 ? "New Issue" : "New Project") : ""}
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
let e: KeyboardEvent;
if (projects && projects.length > 0)
e = new KeyboardEvent("keydown", {
key: "c",
});
else
e = new KeyboardEvent("keydown", {
key: "p",
});
document.dispatchEvent(e);
}}
/>
)}
</>
) : (

View File

@ -10,7 +10,6 @@ import { Tab } from "@headlessui/react";
import useLocalStorage from "hooks/use-local-storage";
import useUserAuth from "hooks/use-user-auth";
// services
import cycleService from "services/cycles.service";
import projectService from "services/project.service";
// layouts
import { ProjectAuthorizationWrapper } from "layouts/auth-layout";

View File

@ -21,9 +21,9 @@ import {
import { EmptyState, Loader, PrimaryButton } from "components/ui";
import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
// icons
import { ChartBarIcon, PlusIcon, Squares2X2Icon } from "@heroicons/react/24/outline";
import { PlusIcon, Squares2X2Icon } from "@heroicons/react/24/outline";
// images
import emptyModule from "public/empty-state/empty-module.svg";
import emptyModule from "public/empty-state/module.svg";
// types
import { IModule, SelectModuleType } from "types/modules";
import type { NextPage } from "next";
@ -141,10 +141,17 @@ const ProjectModules: NextPage = () => {
</div>
) : (
<EmptyState
type="module"
title="Create New Module"
description="Modules are smaller, focused projects that help you group and organize issues within a specific time frame."
imgURL={emptyModule}
title="Manage your project with modules"
description="Modules are smaller, focused projects that help you group and organize issues."
image={emptyModule}
buttonText="New Module"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "m",
});
document.dispatchEvent(e);
}}
/>
)
) : (

View File

@ -41,7 +41,7 @@ import {
} from "@heroicons/react/24/outline";
import { ColorPalletteIcon, ClipboardIcon } from "components/icons";
// helpers
import { renderShortTime, renderShortDate } from "helpers/date-time.helper";
import { render24HourFormatTime, renderShortDate } from "helpers/date-time.helper";
import { copyTextToClipboard } from "helpers/string.helper";
import { orderArrayBy } from "helpers/array.helper";
// types
@ -397,11 +397,11 @@ const SinglePage: NextPage = () => {
<div className="flex items-center">
<div className="flex items-center gap-6 text-custom-text-200">
<Tooltip
tooltipContent={`Last updated at ${renderShortTime(
tooltipContent={`Last updated at ${render24HourFormatTime(
pageDetails.updated_at
)} on ${renderShortDate(pageDetails.updated_at)}`}
>
<p className="text-sm">{renderShortTime(pageDetails.updated_at)}</p>
<p className="text-sm">{render24HourFormatTime(pageDetails.updated_at)}</p>
</Tooltip>
<button className="flex items-center gap-2" onClick={handleCopyText}>
<LinkIcon className="h-4 w-4" />

View File

@ -23,7 +23,7 @@ import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
// icons
import { PlusIcon } from "@heroicons/react/24/outline";
// images
import emptyEstimate from "public/empty-state/empty-estimate.svg";
import emptyEstimate from "public/empty-state/estimate.svg";
// types
import { IEstimate, IProject } from "types";
import type { NextPage } from "next";
@ -158,13 +158,14 @@ const EstimatesSettings: NextPage = () => {
))}
</section>
) : (
<div className="grid h-full w-full place-items-center">
<div className="h-full w-full overflow-y-auto">
<EmptyState
type="estimate"
title="Create New Estimate"
description="Estimates help you communicate the complexity of an issue. You can create your own estimate and communicate with your team."
imgURL={emptyEstimate}
action={() => {
title="No estimates yet"
description="Estimates help you communicate the complexity of an issue."
image={emptyEstimate}
buttonText="Add Estimate"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
setEstimateToUpdate(undefined);
setEstimateFormOpen(true);
}}

View File

@ -12,15 +12,12 @@ import projectService from "services/project.service";
// components
import { SettingsHeader, SingleIntegration } from "components/project";
// ui
import {
EmptySpace,
EmptySpaceItem,
IntegrationAndImportExportBanner,
Loader,
} from "components/ui";
import { EmptyState, IntegrationAndImportExportBanner, Loader } from "components/ui";
import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
// icons
import { PlusIcon, PuzzlePieceIcon } from "@heroicons/react/24/outline";
// images
import emptyIntegration from "public/empty-state/integration.svg";
// types
import { IProject } from "types";
import type { NextPage } from "next";
@ -74,21 +71,13 @@ const ProjectIntegrations: NextPage = () => {
</div>
</section>
) : (
<div className="grid h-full w-full place-items-center">
<EmptySpace
title="You haven't added any integration yet."
description="Add GitHub and other integrations to sync your project issues."
Icon={PuzzlePieceIcon}
>
<EmptySpaceItem
title="Add new integration"
Icon={PlusIcon}
action={() => {
router.push(`/${workspaceSlug}/settings/integrations`);
}}
/>
</EmptySpace>
</div>
<EmptyState
title="You haven't configured integrations"
description="Configure GitHub and other integrations to sync your project issues."
image={emptyIntegration}
buttonText="Configure now"
onClick={() => router.push(`/${workspaceSlug}/settings/integrations`)}
/>
)
) : (
<Loader className="space-y-5">

View File

@ -21,10 +21,12 @@ import {
} from "components/labels";
import { SettingsHeader } from "components/project";
// ui
import { Loader, PrimaryButton } from "components/ui";
import { EmptyState, Loader, PrimaryButton } from "components/ui";
import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
// icons
import { PlusIcon } from "@heroicons/react/24/outline";
// images
import emptyLabel from "public/empty-state/label.svg";
// types
import { IIssueLabels } from "types";
import type { NextPage } from "next";
@ -133,16 +135,33 @@ const LabelsSettings: NextPage = () => {
)}
<>
{issueLabels ? (
issueLabels.map((label) => {
const children = issueLabels?.filter((l) => l.parent === label.id);
issueLabels.length > 0 ? (
issueLabels.map((label) => {
const children = issueLabels?.filter((l) => l.parent === label.id);
if (children && children.length === 0) {
if (!label.parent)
if (children && children.length === 0) {
if (!label.parent)
return (
<SingleLabel
key={label.id}
label={label}
addLabelToGroup={() => addLabelToGroup(label)}
editLabel={(label) => {
editLabel(label);
scrollToRef.current?.scrollIntoView({
behavior: "smooth",
});
}}
handleLabelDelete={() => setSelectDeleteLabel(label)}
/>
);
} else
return (
<SingleLabel
<SingleLabelGroup
key={label.id}
label={label}
addLabelToGroup={() => addLabelToGroup(label)}
labelChildren={children}
addLabelToGroup={addLabelToGroup}
editLabel={(label) => {
editLabel(label);
scrollToRef.current?.scrollIntoView({
@ -150,26 +169,20 @@ const LabelsSettings: NextPage = () => {
});
}}
handleLabelDelete={() => setSelectDeleteLabel(label)}
user={user}
/>
);
} else
return (
<SingleLabelGroup
key={label.id}
label={label}
labelChildren={children}
addLabelToGroup={addLabelToGroup}
editLabel={(label) => {
editLabel(label);
scrollToRef.current?.scrollIntoView({
behavior: "smooth",
});
}}
handleLabelDelete={() => setSelectDeleteLabel(label)}
user={user}
/>
);
})
})
) : (
<EmptyState
title="No labels yet"
description="Create labels to help organize and filter issues in you project"
image={emptyLabel}
buttonText="Add label"
onClick={newLabel}
isFullScreen={false}
/>
)
) : (
<Loader className="space-y-5">
<Loader.Item height="40px" />

View File

@ -16,7 +16,7 @@ import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
//icons
import { PlusIcon } from "components/icons";
// images
import emptyView from "public/empty-state/empty-view.svg";
import emptyView from "public/empty-state/view.svg";
// fetching keys
import { PROJECT_DETAILS, VIEWS_LIST } from "constants/fetch-keys";
// components
@ -115,10 +115,17 @@ const ProjectViews: NextPage = () => {
</div>
) : (
<EmptyState
type="view"
title="Create New View"
title="Get focused with views"
description="Views aid in saving your issues by applying various filters and grouping options."
imgURL={emptyView}
image={emptyView}
buttonText="New View"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "v",
});
document.dispatchEvent(e);
}}
/>
)
) : (

View File

@ -16,12 +16,12 @@ import { WorkspaceAuthorizationLayout } from "layouts/auth-layout";
import { JoinProjectModal } from "components/project/join-project-modal";
import { DeleteProjectModal, SingleProjectCard } from "components/project";
// ui
import { Loader, EmptyState, PrimaryButton } from "components/ui";
import { EmptyState, Loader, PrimaryButton } from "components/ui";
import { Breadcrumbs, BreadcrumbItem } from "components/breadcrumbs";
// icons
import { PlusIcon } from "@heroicons/react/24/outline";
// images
import emptyProject from "public/empty-state/empty-project.svg";
import emptyProject from "public/empty-state/project.svg";
// types
import type { NextPage } from "next";
// fetch-keys
@ -88,16 +88,7 @@ const ProjectsPage: NextPage = () => {
/>
{projects ? (
<div className="h-full w-full overflow-hidden">
{projects.length === 0 ? (
<div className="h-full w-full grid place-items-center p-8">
<EmptyState
type="project"
title="Create New Project"
description="Projects are a collection of issues. They can be used to represent the development work for a product, project, or service."
imgURL={emptyProject}
/>
</div>
) : (
{projects.length > 0 ? (
<div className="h-full p-8 overflow-y-auto">
<div className="grid grid-cols-1 gap-9 md:grid-cols-2 lg:grid-cols-3">
{projects.map((project) => (
@ -110,6 +101,20 @@ const ProjectsPage: NextPage = () => {
))}
</div>
</div>
) : (
<EmptyState
image={emptyProject}
title="No projects yet"
description="Get started by creating your first project"
buttonText="New Project"
buttonIcon={<PlusIcon className="h-4 w-4" />}
onClick={() => {
const e = new KeyboardEvent("keydown", {
key: "p",
});
document.dispatchEvent(e);
}}
/>
)}
</div>
) : (

View File

@ -0,0 +1,21 @@
<svg width="126" height="136" viewBox="0 0 126 136" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M113.955 135.906C113.919 135.906 113.883 135.906 113.848 135.906L19.4 134.786C14.0318 134.715 9.70802 130.233 9.74578 124.787C3.07794 102.326 0.140014 84.6385 0.220352 67.4423C0.304227 49.494 3.79635 31.2365 11.2096 9.98858C11.2958 4.57842 15.6643 0.222153 20.9864 0.222153C21.0208 0.222153 21.0552 0.222371 21.0897 0.222697L115.538 1.34477C120.918 1.41524 125.248 5.91626 125.189 11.3783L124.998 28.0142L124.856 28.0159L123.728 126.104C123.659 131.532 119.285 135.906 113.955 135.906ZM20.9863 0.668279C15.8915 0.668279 11.7123 4.84756 11.6484 10.0314L11.648 10.0683L11.6358 10.1031C-2.52107 50.6621 -2.90313 80.6475 10.1761 124.69L10.1858 124.723L10.1854 124.757C10.1319 129.973 14.2679 134.272 19.4054 134.34L113.853 135.459C113.887 135.46 113.921 135.46 113.955 135.46C119.046 135.46 123.223 131.282 123.289 126.099L124.33 35.5712L124.335 35.1254L124.456 24.7741L124.596 24.773L124.75 11.3732C124.806 6.15696 120.671 1.8582 115.532 1.79089L21.0848 0.668824C21.0522 0.668498 21.0188 0.668279 20.9863 0.668279Z" fill="#F5F5F5"/>
<path d="M105.57 95.7116L105.563 96.1577H51.6133V95.7116H105.57Z" fill="#F5F5F5"/>
<path d="M105.677 86.2315L105.673 86.6777H51.6133V86.2315H105.677Z" fill="#F5F5F5"/>
<path d="M105.787 76.7513L105.783 77.1975H51.6133V76.7513H105.787Z" fill="#F5F5F5"/>
<path d="M105.442 106.062L105.437 106.508H50.4023V59.6869L50.8417 59.6914V87.7104C50.8417 90.579 51.4897 93.2937 52.6451 95.7117C52.7176 95.8611 52.7901 96.0106 52.867 96.1578C55.8764 102.042 61.9348 106.062 68.9158 106.062H105.442Z" fill="#F5F5F5"/>
<path d="M29.1238 129.338C23.8536 129.27 19.6326 124.882 19.6882 119.53C7.13649 77.2648 6.35043 47.2084 21.1499 4.80458C21.1795 3.11704 21.6476 1.46746 22.5066 0.0226944L20.6481 0.000550955C15.3778 -0.0558841 11.0569 4.23032 10.9891 9.582C-3.81039 51.9859 -3.0243 82.0422 9.52746 124.308C9.47176 129.659 13.6928 134.047 18.963 134.116L113.411 135.237C116.826 135.266 119.994 133.434 121.713 130.437L29.1238 129.338Z" fill="#F5F5F5"/>
<path d="M17.1014 125.311C17.0716 124.32 17.9447 123.617 18.8372 123.436C19.9713 123.205 21.1291 123.799 22.09 124.338C23.8072 125.303 22.5893 124.924 24.6061 125.743C27.4295 126.563 29.8496 124.515 30.7316 121.601C31.2526 119.19 31.1434 117.133 31.2579 114.916C31.3681 112.78 31.9407 110.611 33.7234 109.285C34.4718 108.728 35.404 108.398 36.3333 108.594C37.3258 108.802 38.1186 109.527 39.075 109.842C40.8547 110.429 42.7264 109.637 44.061 108.429C45.6134 107.025 46.3714 105.05 46.9048 103.058C47.4579 100.992 47.7957 98.8294 48.8098 96.9266C49.6752 95.3029 51.0345 93.8043 52.908 93.4946C54.7436 93.1912 56.5024 94.105 58.0867 94.9234C59.7173 95.7656 61.4029 96.6782 63.2711 96.7567C67.2745 96.925 70.3669 93.4662 72.1019 90.1776C74.0822 86.424 75.2304 81.8692 78.7486 79.2155C80.2608 78.0749 82.1795 77.2786 84.09 77.5982C86.0209 77.9212 87.4315 79.3434 88.7138 80.7334C90.0273 82.1572 91.3314 83.5599 93.111 84.3799C94.8575 85.1846 96.8087 85.486 98.7111 85.2311C99.6298 85.108 100.509 84.8524 101.359 84.4796C101.747 84.3092 101.412 83.7326 101.026 83.9017C99.1621 84.7195 97.04 84.8612 95.0732 84.3691C93.0971 83.8747 91.5224 82.7522 90.127 81.2828C88.8495 79.9375 87.6484 78.4058 85.9773 77.5413C84.2868 76.6668 82.3485 76.6891 80.6038 77.3946C78.8348 78.1101 77.3023 79.3755 76.1402 80.8969C74.7902 82.6643 73.8925 84.7357 72.9901 86.7604C71.359 90.4199 69.2681 94.7415 65.0953 95.8789C61.1443 96.9559 58.221 93.4057 54.5355 92.8421C52.7237 92.5651 51.009 93.2021 49.726 94.5162C48.3977 95.8768 47.6298 97.6761 47.1226 99.4939C46.501 101.721 46.181 104.107 45.0397 106.146C44.1375 107.758 42.4664 109.253 40.5676 109.365C39.4798 109.429 38.6469 108.919 37.7171 108.427C36.879 107.983 36.0038 107.754 35.0617 107.941C33.2973 108.291 31.9264 109.874 31.2526 111.488C29.5906 115.47 31.8793 120.586 28.6257 123.99C28.0311 124.612 27.2683 125.08 26.4071 125.175C25.2534 125.303 24.1746 124.757 23.1966 124.204C21.5072 123.249 19.3683 121.971 17.5167 123.297C16.8596 123.768 16.4174 124.478 16.4424 125.311C16.4554 125.74 17.1144 125.742 17.1014 125.311Z" fill="#3A3A3A"/>
<path d="M82.8793 78.9819C83.9712 78.9819 84.8563 78.0831 84.8563 76.9743C84.8563 75.8656 83.9712 74.9667 82.8793 74.9667C81.7875 74.9667 80.9023 75.8656 80.9023 76.9743C80.9023 78.0831 81.7875 78.9819 82.8793 78.9819Z" fill="#3F76FF"/>
<path d="M64.4223 97.9423C65.5142 97.9423 66.3993 97.0435 66.3993 95.9347C66.3993 94.826 65.5142 93.9272 64.4223 93.9272C63.3304 93.9272 62.4453 94.826 62.4453 95.9347C62.4453 97.0435 63.3304 97.9423 64.4223 97.9423Z" fill="#3F76FF"/>
<path d="M53.1523 35.2409C54.3647 32.6859 57.5101 31.2629 60.1915 32.0564C61.702 32.5034 62.969 33.5304 64.3579 34.281C65.7468 35.0315 67.4699 35.4976 68.867 34.763C71.2685 33.5002 71.122 29.7301 73.2108 27.9858C74.6011 26.8248 76.6411 26.8791 78.3595 27.4234C80.0778 27.9677 81.6492 28.9286 83.3787 29.4352C86.5972 30.3778 90.2569 29.5851 92.8165 27.3909C92.8421 27.369 92.8673 27.3469 92.8922 27.3246C94.1594 26.191 96.1451 27.1252 96.0986 28.8395L95.7746 40.7943H53.3791L53.1523 35.2409Z" fill="#F5F5F5"/>
<path d="M90.36 33.0866C90.4996 33.029 90.4996 32.8303 90.3599 32.7727C89.3853 32.3712 88.2938 31.7997 87.4596 31.178C87.3261 31.0784 87.1476 31.2157 87.204 31.3738L87.6788 32.7065H79.5547V33.1527H87.6788L87.2039 34.4858C87.1476 34.644 87.326 34.7812 87.4596 34.6817C88.2937 34.0599 89.3853 33.4883 90.36 33.0866Z" fill="#3A3A3A"/>
<path d="M72.0801 30.9379C72.157 30.8062 72.0385 30.648 71.893 30.6881C70.8779 30.9678 69.6684 31.184 68.6339 31.2021C68.4682 31.205 68.408 31.4239 68.5472 31.5152L69.7197 32.2839L63.2539 37.2788L63.5199 37.6339L69.9857 32.6389L70.4026 33.9919C70.4521 34.1525 70.6759 34.1519 70.7229 33.9906C71.0161 32.9829 71.544 31.8569 72.0801 30.9379Z" fill="#3A3A3A"/>
<path d="M94.3087 30.3053C96.3884 30.3053 98.0744 28.5933 98.0744 26.4814C98.0744 24.3694 96.3884 22.6574 94.3087 22.6574C92.2289 22.6574 90.543 24.3694 90.543 26.4814C90.543 28.5933 92.2289 30.3053 94.3087 30.3053Z" fill="#3F76FF"/>
<path opacity="0.7" d="M75.8673 30.3053C77.947 30.3053 79.633 28.5933 79.633 26.4814C79.633 24.3694 77.947 22.6574 75.8673 22.6574C73.7875 22.6574 72.1016 24.3694 72.1016 26.4814C72.1016 28.5933 73.7875 30.3053 75.8673 30.3053Z" fill="#3F76FF"/>
<path opacity="0.25" d="M59.168 33.8743C61.2478 33.8743 62.9337 32.1623 62.9337 30.0504C62.9337 27.9384 61.2478 26.2264 59.168 26.2264C57.0883 26.2264 55.4023 27.9384 55.4023 30.0504C55.4023 32.1623 57.0883 33.8743 59.168 33.8743Z" fill="#3F76FF"/>
<path d="M104.847 48.4215L46.4175 47.9963C44.5394 47.9826 43.0018 49.5218 42.9884 51.4289C42.9749 53.336 44.4906 54.8974 46.3687 54.9111L104.798 55.3363C106.676 55.35 108.214 53.8109 108.227 51.9037C108.241 49.9966 106.725 48.4352 104.847 48.4215Z" fill="#F5F5F5"/>
<path d="M37.69 52.2934C38.5392 52.2934 39.2277 51.5943 39.2277 50.7319C39.2277 49.8695 38.5392 49.1705 37.69 49.1705C36.8408 49.1705 36.1523 49.8695 36.1523 50.7319C36.1523 51.5943 36.8408 52.2934 37.69 52.2934Z" fill="#F5F5F5"/>
<path d="M104.847 10.0546L46.4175 9.62939C44.5394 9.61572 43.0018 11.1549 42.9884 13.062C42.9749 14.9692 44.4906 16.5305 46.3687 16.5442L104.798 16.9694C106.676 16.9831 108.214 15.444 108.227 13.5368C108.241 11.6297 106.725 10.0683 104.847 10.0546Z" fill="#F5F5F5"/>
<path d="M37.69 13.9265C38.5392 13.9265 39.2277 13.2274 39.2277 12.365C39.2277 11.5027 38.5392 10.8036 37.69 10.8036C36.8408 10.8036 36.1523 11.5027 36.1523 12.365C36.1523 13.2274 36.8408 13.9265 37.69 13.9265Z" fill="#F5F5F5"/>
</svg>

After

Width:  |  Height:  |  Size: 7.4 KiB

View File

@ -0,0 +1,21 @@
<svg width="182" height="160" viewBox="0 0 182 160" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M77.5271 158.363C34.7784 158.363 0 123.584 0 80.8354C0 38.0867 34.7784 3.30835 77.5271 3.30835C89.9482 3.32111 102.185 6.31164 113.212 12.0292C124.239 17.7468 133.735 26.0247 140.902 36.169L140.169 36.6873C133.084 26.6602 123.699 18.4779 112.799 12.8264C101.9 7.17492 89.8045 4.21891 77.5271 4.20626C35.2738 4.20626 0.897914 38.5822 0.897914 80.8354C0.897914 123.089 35.2738 157.465 77.5271 157.465C89.2975 157.503 100.917 154.812 111.472 149.603C122.026 144.393 131.23 136.808 138.359 127.442L139.071 127.988C131.859 137.464 122.547 145.138 111.869 150.409C101.19 155.679 89.4353 158.401 77.5271 158.363Z" fill="#E5E5E5"/>
<path d="M109.579 67.8527C108.729 67.8527 107.898 67.6006 107.191 67.1284C106.484 66.6562 105.934 65.985 105.608 65.1998C105.283 64.4145 105.198 63.5505 105.364 62.7168C105.53 61.8832 105.939 61.1175 106.54 60.5165C107.141 59.9155 107.907 59.5062 108.74 59.3404C109.574 59.1746 110.438 59.2597 111.223 59.5849C112.008 59.9102 112.68 60.461 113.152 61.1677C113.624 61.8744 113.876 62.7053 113.876 63.5552C113.876 64.695 113.423 65.788 112.617 66.594C111.811 67.3999 110.718 67.8527 109.579 67.8527Z" fill="#E5E5E5"/>
<path d="M88.2044 17.1041C92.9276 17.1041 96.7565 13.2753 96.7565 8.55207C96.7565 3.82889 92.9276 0 88.2044 0C83.4812 0 79.6523 3.82889 79.6523 8.55207C79.6523 13.2753 83.4812 17.1041 88.2044 17.1041Z" fill="#E5E5E5"/>
<path d="M87.0383 13.003C86.8906 13.003 86.7449 12.9687 86.6128 12.9026C86.4808 12.8365 86.3659 12.7406 86.2773 12.6224L83.9441 9.51154C83.8692 9.4116 83.8147 9.29788 83.7837 9.17686C83.7527 9.05585 83.7458 8.92991 83.7635 8.80624C83.7811 8.68257 83.823 8.5636 83.8867 8.45611C83.9503 8.34862 84.0345 8.25471 84.1344 8.17976C84.2344 8.10481 84.3481 8.05028 84.4691 8.01928C84.5901 7.98828 84.7161 7.98142 84.8397 7.99909C84.9634 8.01676 85.0824 8.05862 85.1899 8.12227C85.2974 8.18592 85.3913 8.27012 85.4662 8.37006L86.9927 10.4051L90.9131 4.5246C91.0538 4.3165 91.2711 4.17252 91.5176 4.12407C91.7641 4.07562 92.0198 4.12663 92.2288 4.26598C92.4378 4.40533 92.5832 4.6217 92.6333 4.86788C92.6834 5.11405 92.6341 5.37005 92.4961 5.57999L87.8299 12.5794C87.7455 12.706 87.6319 12.8105 87.4988 12.8841C87.3657 12.9578 87.2168 12.9985 87.0647 13.0027L87.0383 13.003Z" fill="white"/>
<path d="M98.6775 23.9807H78.1119C76.8549 23.9807 75.8359 24.9997 75.8359 26.2567V27.0758C75.8359 28.3328 76.8549 29.3518 78.1119 29.3518H98.6775C99.9345 29.3518 100.953 28.3328 100.953 27.0758V26.2567C100.953 24.9997 99.9345 23.9807 98.6775 23.9807Z" fill="#E5E5E5"/>
<path d="M111.436 34.7229H65.358C64.101 34.7229 63.082 35.7419 63.082 36.9989V37.818C63.082 39.075 64.101 40.094 65.358 40.094H111.436C112.693 40.094 113.712 39.075 113.712 37.818V36.9989C113.712 35.7419 112.693 34.7229 111.436 34.7229Z" fill="#E5E5E5"/>
<path d="M111.436 45.4651H65.358C64.101 45.4651 63.082 46.4841 63.082 47.7411V48.5602C63.082 49.8172 64.101 50.8362 65.358 50.8362H111.436C112.693 50.8362 113.712 49.8172 113.712 48.5602V47.7411C113.712 46.4841 112.693 45.4651 111.436 45.4651Z" fill="#E5E5E5"/>
<path d="M83.4068 160C82.5568 160 81.726 159.748 81.0193 159.276C80.3126 158.804 79.7618 158.133 79.4365 157.347C79.1112 156.562 79.0261 155.698 79.1919 154.864C79.3578 154.031 79.7671 153.265 80.3681 152.664C80.9691 152.063 81.7348 151.654 82.5684 151.488C83.402 151.322 84.2661 151.407 85.0513 151.732C85.8366 152.058 86.5078 152.608 86.98 153.315C87.4522 154.022 87.7042 154.853 87.7042 155.703C87.7042 156.842 87.2514 157.935 86.4455 158.741C85.6396 159.547 84.5465 160 83.4068 160Z" fill="#E5E5E5"/>
<path d="M62.0325 109.251C66.7557 109.251 70.5846 105.422 70.5846 100.699C70.5846 95.9761 66.7557 92.1472 62.0325 92.1472C57.3094 92.1472 53.4805 95.9761 53.4805 100.699C53.4805 105.422 57.3094 109.251 62.0325 109.251Z" fill="#E5E5E5"/>
<path d="M60.8703 105.15C60.7226 105.15 60.5769 105.116 60.4449 105.05C60.3128 104.984 60.1979 104.888 60.1093 104.77L57.7762 101.659C57.7012 101.559 57.6467 101.445 57.6157 101.324C57.5847 101.203 57.5778 101.077 57.5955 100.953C57.6132 100.83 57.655 100.711 57.7187 100.603C57.7823 100.496 57.8665 100.402 57.9665 100.327C58.0664 100.252 58.1801 100.197 58.3012 100.166C58.4222 100.135 58.5481 100.129 58.6718 100.146C58.7954 100.164 58.9144 100.206 59.0219 100.269C59.1294 100.333 59.2233 100.417 59.2983 100.517L60.8247 102.552L64.7451 96.6718C64.814 96.567 64.9029 96.4768 65.0068 96.4064C65.1107 96.3361 65.2275 96.287 65.3505 96.262C65.4734 96.237 65.6001 96.2366 65.7232 96.2607C65.8463 96.2848 65.9634 96.3331 66.0678 96.4027C66.1722 96.4723 66.2618 96.5619 66.3315 96.6662C66.4011 96.7706 66.4494 96.8877 66.4736 97.0108C66.4978 97.1339 66.4974 97.2606 66.4725 97.3835C66.4475 97.5065 66.3985 97.6233 66.3282 97.7272L61.6619 104.727C61.5775 104.853 61.4639 104.958 61.3308 105.031C61.1977 105.105 61.0488 105.146 60.8968 105.15L60.8703 105.15Z" fill="white"/>
<path d="M72.5056 116.128H51.9401C50.6831 116.128 49.6641 117.147 49.6641 118.404V119.223C49.6641 120.48 50.6831 121.499 51.9401 121.499H72.5056C73.7626 121.499 74.7816 120.48 74.7816 119.223V118.404C74.7816 117.147 73.7626 116.128 72.5056 116.128Z" fill="#E5E5E5"/>
<path d="M85.2605 126.87H39.1822C37.9252 126.87 36.9062 127.889 36.9062 129.146V129.965C36.9062 131.222 37.9252 132.241 39.1822 132.241H85.2605C86.5175 132.241 87.5365 131.222 87.5365 129.965V129.146C87.5365 127.889 86.5175 126.87 85.2605 126.87Z" fill="#E5E5E5"/>
<path d="M85.2605 137.613H39.1822C37.9252 137.613 36.9062 138.632 36.9062 139.889V140.708C36.9062 141.965 37.9252 142.984 39.1822 142.984H85.2605C86.5175 142.984 87.5365 141.965 87.5365 140.708V139.889C87.5365 138.632 86.5175 137.613 85.2605 137.613Z" fill="#E5E5E5"/>
<path d="M172.305 141.665C171.132 141.665 169.984 141.317 169.009 140.664C168.033 140.012 167.272 139.086 166.823 138.001C166.374 136.917 166.256 135.724 166.485 134.573C166.714 133.421 167.279 132.364 168.109 131.534C168.939 130.704 169.997 130.139 171.148 129.91C172.299 129.681 173.492 129.798 174.576 130.248C175.661 130.697 176.588 131.457 177.24 132.433C177.892 133.409 178.24 134.557 178.24 135.73C178.24 137.304 177.615 138.814 176.502 139.926C175.389 141.039 173.879 141.665 172.305 141.665Z" fill="#E5E5E5"/>
<path d="M146.45 71.5857C152.972 71.5857 158.26 66.2984 158.26 59.7761C158.26 53.2539 152.972 47.9666 146.45 47.9666C139.928 47.9666 134.641 53.2539 134.641 59.7761C134.641 66.2984 139.928 71.5857 146.45 71.5857Z" fill="#3F76FF"/>
<path d="M144.836 65.9224C144.632 65.9224 144.431 65.8749 144.249 65.7837C144.066 65.6924 143.908 65.56 143.785 65.3968L140.563 61.1009C140.46 60.9629 140.385 60.8059 140.342 60.6388C140.299 60.4717 140.29 60.2978 140.314 60.127C140.338 59.9562 140.396 59.7919 140.484 59.6435C140.572 59.4951 140.688 59.3654 140.826 59.2619C140.964 59.1584 141.121 59.0831 141.288 59.0403C141.456 58.9975 141.629 58.988 141.8 59.0124C141.971 59.0368 142.135 59.0946 142.284 59.1825C142.432 59.2704 142.562 59.3867 142.665 59.5247L144.773 62.3349L150.187 54.2144C150.283 54.0708 150.406 53.9475 150.549 53.8515C150.692 53.7554 150.853 53.6886 151.022 53.6547C151.192 53.6208 151.366 53.6206 151.535 53.6541C151.704 53.6876 151.865 53.7541 152.009 53.8498C152.152 53.9455 152.276 54.0686 152.372 54.2119C152.468 54.3553 152.535 54.5162 152.568 54.6854C152.602 54.8546 152.602 55.0288 152.569 55.198C152.535 55.3673 152.469 55.5283 152.373 55.6718L145.929 65.3374C145.813 65.5122 145.656 65.6565 145.472 65.7582C145.288 65.8599 145.083 65.916 144.873 65.9219C144.861 65.9222 144.848 65.9224 144.836 65.9224Z" fill="white"/>
<path d="M161.776 81.0818H131.643C130.386 81.0818 129.367 82.1008 129.367 83.3578V86.2228C129.367 87.4798 130.386 88.4988 131.643 88.4988H161.776C163.033 88.4988 164.052 87.4798 164.052 86.2228V83.3578C164.052 82.1008 163.033 81.0818 161.776 81.0818Z" fill="#686868"/>
<path d="M179.39 95.9158H114.026C112.769 95.9158 111.75 96.9348 111.75 98.1918V101.057C111.75 102.314 112.769 103.333 114.026 103.333H179.39C180.647 103.333 181.666 102.314 181.666 101.057V98.1918C181.666 96.9348 180.647 95.9158 179.39 95.9158Z" fill="#686868"/>
<path d="M179.39 110.75H114.026C112.769 110.75 111.75 111.769 111.75 113.026V115.89C111.75 117.147 112.769 118.166 114.026 118.166H179.39C180.647 118.166 181.666 117.147 181.666 115.89V113.026C181.666 111.769 180.647 110.75 179.39 110.75Z" fill="#686868"/>
</svg>

After

Width:  |  Height:  |  Size: 8.2 KiB

View File

@ -0,0 +1,23 @@
<svg width="277" height="167" viewBox="0 0 277 167" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M55.1378 23.975H33.4777C31.3953 23.9769 29.3987 24.805 27.9262 26.2775C26.4538 27.75 25.6257 29.7465 25.6238 31.8289V55.3121C25.3469 55.2955 25.07 55.2708 24.7971 55.2377C19.6656 54.6978 14.787 52.7351 10.7113 49.5709C6.63556 46.4067 3.52485 42.1669 1.72986 37.3293C-0.0651362 32.4918 -0.473025 27.2491 0.552182 22.1921C1.57739 17.1352 3.99491 12.4652 7.5322 8.70874C11.0695 4.95225 15.5858 2.25865 20.5721 0.931613C25.5583 -0.395423 30.8161 -0.303114 35.7527 1.19814C40.6893 2.69939 45.1083 5.54988 48.5115 9.42823C51.9147 13.3066 54.1669 18.0585 55.0139 23.1483C55.0593 23.4211 55.1007 23.6981 55.1378 23.975Z" fill="#B2C8FF"/>
<path d="M310.84 23.1483H33.4736C31.1721 23.1508 28.9656 24.0662 27.3382 25.6936C25.7109 27.321 24.7955 29.5275 24.793 31.8289V178.159C24.7955 180.461 25.7109 182.667 27.3382 184.295C28.9656 185.922 31.1721 186.837 33.4736 186.84H310.84C313.141 186.837 315.348 185.922 316.975 184.295C318.603 182.667 319.518 180.461 319.521 178.159V31.8289C319.518 29.5275 318.603 27.321 316.975 25.6936C315.348 24.0662 313.141 23.1508 310.84 23.1483ZM318.694 178.159C318.692 180.242 317.864 182.238 316.391 183.711C314.919 185.183 312.922 186.011 310.84 186.013H33.4736C31.3912 186.011 29.3946 185.183 27.9221 183.711C26.4496 182.238 25.6216 180.242 25.6197 178.159V31.8289C25.6216 29.7465 26.4496 27.75 27.9221 26.2775C29.3946 24.805 31.3912 23.9769 33.4736 23.975H310.84C312.922 23.9769 314.919 24.805 316.391 26.2775C317.864 27.75 318.692 29.7465 318.694 31.8289V178.159Z" fill="#E5E5E5"/>
<path d="M297.201 46.8628H47.1165C47.0069 46.8628 46.9017 46.8192 46.8242 46.7417C46.7467 46.6642 46.7031 46.5591 46.7031 46.4494C46.7031 46.3398 46.7467 46.2347 46.8242 46.1571C46.9017 46.0796 47.0069 46.0361 47.1165 46.0361H297.201C297.31 46.0361 297.416 46.0796 297.493 46.1571C297.571 46.2347 297.614 46.3398 297.614 46.4494C297.614 46.5591 297.571 46.6642 297.493 46.7417C297.416 46.8192 297.31 46.8628 297.201 46.8628Z" fill="#E5E5E5"/>
<path d="M117.812 169.065C117.702 169.065 117.597 169.022 117.52 168.944C117.442 168.867 117.398 168.762 117.398 168.652V32.6557C117.398 32.546 117.442 32.4409 117.52 32.3634C117.597 32.2858 117.702 32.2423 117.812 32.2423C117.921 32.2423 118.027 32.2858 118.104 32.3634C118.182 32.4409 118.225 32.546 118.225 32.6557V168.652C118.225 168.762 118.182 168.867 118.104 168.944C118.027 169.022 117.921 169.065 117.812 169.065Z" fill="#E5E5E5"/>
<path d="M180.214 169.065C180.105 169.065 179.999 169.022 179.922 168.944C179.844 168.867 179.801 168.762 179.801 168.652V32.6557C179.801 32.546 179.844 32.4409 179.922 32.3634C179.999 32.2858 180.105 32.2423 180.214 32.2423C180.324 32.2423 180.429 32.2858 180.506 32.3634C180.584 32.4409 180.628 32.546 180.628 32.6557V168.652C180.628 168.762 180.584 168.867 180.506 168.944C180.429 169.022 180.324 169.065 180.214 169.065Z" fill="#E5E5E5"/>
<path d="M242.636 169.065C242.526 169.065 242.421 169.022 242.344 168.944C242.266 168.867 242.223 168.762 242.223 168.652V32.6557C242.223 32.546 242.266 32.4409 242.344 32.3634C242.421 32.2858 242.526 32.2423 242.636 32.2423C242.746 32.2423 242.851 32.2858 242.928 32.3634C243.006 32.4409 243.049 32.546 243.049 32.6557V168.652C243.049 168.762 243.006 168.867 242.928 168.944C242.851 169.022 242.746 169.065 242.636 169.065Z" fill="#E5E5E5"/>
<path d="M77.6675 89.5292H62.5633C62.0701 89.5286 61.5973 89.3325 61.2486 88.9838C60.8998 88.635 60.7037 88.1622 60.7031 87.6691V69.845C60.7037 69.3518 60.8998 68.879 61.2486 68.5303C61.5973 68.1816 62.0701 67.9854 62.5633 67.9849H77.6675C78.1607 67.9854 78.6335 68.1816 78.9822 68.5303C79.3309 68.879 79.5271 69.3518 79.5276 69.845V87.6691C79.5271 88.1622 79.3309 88.635 78.9822 88.9838C78.6335 89.3325 78.1607 89.5286 77.6675 89.5292Z" fill="#3F76FF"/>
<path d="M99.1753 140.373H84.0711C83.5779 140.372 83.1051 140.176 82.7564 139.827C82.4076 139.479 82.2115 139.006 82.2109 138.513V120.689C82.2115 120.195 82.4076 119.723 82.7564 119.374C83.1051 119.025 83.5779 118.829 84.0711 118.829H99.1753C99.6685 118.829 100.141 119.025 100.49 119.374C100.839 119.723 101.035 120.195 101.035 120.689V138.513C101.035 139.006 100.839 139.479 100.49 139.827C100.141 140.176 99.6685 140.372 99.1753 140.373Z" fill="#3F76FF"/>
<path d="M147.937 100.277H132.833C132.34 100.276 131.867 100.08 131.518 99.7311C131.169 99.3824 130.973 98.9096 130.973 98.4164V80.5924C130.973 80.0992 131.169 79.6264 131.518 79.2777C131.867 78.9289 132.34 78.7328 132.833 78.7322H147.937C148.43 78.7328 148.903 78.9289 149.252 79.2777C149.6 79.6264 149.797 80.0992 149.797 80.5924V98.4164C149.797 98.9096 149.6 99.3824 149.252 99.7311C148.903 100.08 148.43 100.276 147.937 100.277Z" fill="#3F76FF"/>
<path d="M211.195 80.8485H196.091C195.597 80.848 195.125 80.6518 194.776 80.3031C194.427 79.9544 194.231 79.4816 194.23 78.9884V61.1644C194.231 60.6712 194.427 60.1984 194.776 59.8497C195.125 59.5009 195.597 59.3048 196.091 59.3042H211.195C211.688 59.3048 212.161 59.5009 212.51 59.8497C212.858 60.1984 213.054 60.6712 213.055 61.1644V78.9884C213.054 79.4816 212.858 79.9544 212.51 80.3031C212.161 80.6518 211.688 80.848 211.195 80.8485Z" fill="#3F76FF"/>
<path d="M269.468 80.8485H254.364C253.871 80.848 253.398 80.6518 253.049 80.3031C252.701 79.9544 252.504 79.4816 252.504 78.9884V61.1644C252.504 60.6712 252.701 60.1984 253.049 59.8497C253.398 59.5009 253.871 59.3048 254.364 59.3042H269.468C269.961 59.3048 270.434 59.5009 270.783 59.8497C271.132 60.1984 271.328 60.6712 271.328 61.1644V78.9884C271.328 79.4816 271.132 79.9544 270.783 80.3031C270.434 80.6518 269.961 80.848 269.468 80.8485Z" fill="#3F76FF"/>
<path d="M284.347 117.638H269.243C268.75 117.637 268.277 117.441 267.928 117.092C267.58 116.744 267.383 116.271 267.383 115.778V97.9536C267.383 97.4604 267.58 96.9876 267.928 96.6389C268.277 96.2902 268.75 96.094 269.243 96.0935H284.347C284.84 96.094 285.313 96.2902 285.662 96.6389C286.011 96.9876 286.207 97.4604 286.207 97.9536V115.778C286.207 116.271 286.011 116.744 285.662 117.092C285.313 117.441 284.84 117.637 284.347 117.638Z" fill="#E5E5E5"/>
<path d="M233.105 111.024H218.001C217.508 111.023 217.035 110.827 216.686 110.479C216.337 110.13 216.141 109.657 216.141 109.164V91.3399C216.141 90.8467 216.337 90.3739 216.686 90.0252C217.035 89.6764 217.508 89.4803 218.001 89.4797H233.105C233.598 89.4803 234.071 89.6764 234.42 90.0252C234.768 90.3739 234.965 90.8467 234.965 91.3399V109.164C234.965 109.657 234.768 110.13 234.42 110.479C234.071 110.827 233.598 111.023 233.105 111.024Z" fill="#FF6584"/>
<path d="M203.757 117.638H188.653C188.16 117.637 187.687 117.441 187.338 117.092C186.99 116.744 186.794 116.271 186.793 115.778V97.9536C186.794 97.4604 186.99 96.9876 187.338 96.6389C187.687 96.2902 188.16 96.094 188.653 96.0935H203.757C204.251 96.094 204.723 96.2902 205.072 96.6389C205.421 96.9876 205.617 97.4604 205.617 97.9536V115.778C205.617 116.271 205.421 116.744 205.072 117.092C204.723 117.441 204.251 117.637 203.757 117.638Z" fill="#E5E5E5"/>
<path d="M140.496 145.746H125.391C124.898 145.746 124.425 145.55 124.077 145.201C123.728 144.852 123.532 144.379 123.531 143.886V126.062C123.532 125.569 123.728 125.096 124.077 124.748C124.425 124.399 124.898 124.203 125.391 124.202H140.496C140.989 124.203 141.462 124.399 141.81 124.748C142.159 125.096 142.355 125.569 142.356 126.062V143.886C142.355 144.38 142.159 144.852 141.81 145.201C141.462 145.55 140.989 145.746 140.496 145.746Z" fill="#E5E5E5"/>
<path d="M64.0308 122.185H48.9265C48.4334 122.184 47.9606 121.988 47.6118 121.639C47.2631 121.291 47.067 120.818 47.0664 120.325V102.501C47.067 102.008 47.2631 101.535 47.6118 101.186C47.9606 100.837 48.4334 100.641 48.9265 100.641H64.0308C64.524 100.641 64.9968 100.837 65.3455 101.186C65.6942 101.535 65.8904 102.008 65.8909 102.501V120.325C65.8904 120.818 65.6942 121.291 65.3455 121.639C64.9968 121.988 64.524 122.184 64.0308 122.185Z" fill="#FF6584"/>
<path d="M106.617 89.5292H91.5125C91.0193 89.5286 90.5465 89.3325 90.1978 88.9838C89.849 88.635 89.6529 88.1622 89.6523 87.6691V69.845C89.6529 69.3518 89.849 68.879 90.1978 68.5303C90.5465 68.1816 91.0193 67.9854 91.5125 67.9849H106.617C107.11 67.9854 107.583 68.1816 107.931 68.5303C108.28 68.879 108.476 69.3518 108.477 69.845V87.6691C108.476 88.1622 108.28 88.635 107.931 88.9838C107.583 89.3325 107.11 89.5286 106.617 89.5292Z" fill="#E5E5E5"/>
<path d="M94.2386 40.0962H70.6769C70.2384 40.0962 69.8178 39.922 69.5077 39.6119C69.1976 39.3018 69.0234 38.8813 69.0234 38.4427C69.0234 38.0042 69.1976 37.5837 69.5077 37.2736C69.8178 36.9635 70.2384 36.7893 70.6769 36.7893H94.2386C94.6771 36.7893 95.0976 36.9635 95.4077 37.2736C95.7178 37.5837 95.892 38.0042 95.892 38.4427C95.892 38.8813 95.7178 39.3018 95.4077 39.6119C95.0976 39.922 94.6771 40.0962 94.2386 40.0962Z" fill="#D4D4D4"/>
<path d="M160.782 40.0962H137.22C136.781 40.0962 136.361 39.922 136.051 39.6119C135.741 39.3018 135.566 38.8813 135.566 38.4427C135.566 38.0042 135.741 37.5837 136.051 37.2736C136.361 36.9635 136.781 36.7893 137.22 36.7893H160.782C161.22 36.7893 161.641 36.9635 161.951 37.2736C162.261 37.5837 162.435 38.0042 162.435 38.4427C162.435 38.8813 162.261 39.3018 161.951 39.6119C161.641 39.922 161.22 40.0962 160.782 40.0962Z" fill="#D4D4D4"/>
<path d="M223.207 40.0962H199.646C199.207 40.0962 198.787 39.922 198.476 39.6119C198.166 39.3018 197.992 38.8813 197.992 38.4427C197.992 38.0042 198.166 37.5837 198.476 37.2736C198.787 36.9635 199.207 36.7893 199.646 36.7893H223.207C223.646 36.7893 224.066 36.9635 224.376 37.2736C224.687 37.5837 224.861 38.0042 224.861 38.4427C224.861 38.8813 224.687 39.3018 224.376 39.6119C224.066 39.922 223.646 40.0962 223.207 40.0962Z" fill="#D4D4D4"/>
<path d="M281.496 40.0962H257.935C257.496 40.0962 257.076 39.922 256.766 39.6119C256.455 39.3018 256.281 38.8813 256.281 38.4427C256.281 38.0042 256.455 37.5837 256.766 37.2736C257.076 36.9635 257.496 36.7893 257.935 36.7893H281.496C281.935 36.7893 282.355 36.9635 282.666 37.2736C282.976 37.5837 283.15 38.0042 283.15 38.4427C283.15 38.8813 282.976 39.3018 282.666 39.6119C282.355 39.922 281.935 40.0962 281.496 40.0962Z" fill="#D4D4D4"/>
</svg>

After

Width:  |  Height:  |  Size: 9.9 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 34 KiB

View File

@ -1,49 +0,0 @@
<svg width="196" height="115" viewBox="0 0 196 115" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_3137_70101)">
<rect x="88" y="2.99988" width="105" height="65" rx="5.5615" fill="white"/>
<path d="M167.557 48.358C165.869 48.358 164.365 48.0682 163.044 47.4886C161.732 46.9091 160.688 46.1037 159.912 45.0724C159.145 44.0327 158.727 42.8267 158.659 41.4545H161.881C161.949 42.2983 162.239 43.027 162.75 43.6406C163.261 44.2457 163.93 44.7145 164.757 45.0469C165.584 45.3793 166.5 45.5455 167.506 45.5455C168.631 45.5455 169.628 45.3494 170.497 44.9574C171.366 44.5653 172.048 44.0199 172.543 43.321C173.037 42.6222 173.284 41.8125 173.284 40.892C173.284 39.929 173.045 39.081 172.568 38.348C172.091 37.6065 171.392 37.027 170.472 36.6094C169.551 36.1918 168.426 35.983 167.097 35.983H165V33.1705H167.097C168.136 33.1705 169.048 32.983 169.832 32.608C170.625 32.233 171.243 31.7045 171.686 31.0227C172.138 30.3409 172.364 29.5398 172.364 28.6193C172.364 27.733 172.168 26.9616 171.776 26.3054C171.384 25.6491 170.83 25.1378 170.114 24.7713C169.406 24.4048 168.571 24.2216 167.608 24.2216C166.705 24.2216 165.852 24.3878 165.051 24.7202C164.259 25.044 163.611 25.517 163.108 26.1392C162.605 26.7528 162.332 27.4943 162.29 28.3636H159.222C159.273 26.9915 159.686 25.7898 160.462 24.7585C161.237 23.7187 162.251 22.9091 163.504 22.3295C164.766 21.75 166.151 21.4602 167.659 21.4602C169.278 21.4602 170.668 21.7884 171.827 22.4446C172.986 23.0923 173.876 23.9489 174.499 25.0142C175.121 26.0795 175.432 27.2301 175.432 28.4659C175.432 29.9403 175.044 31.1974 174.268 32.2372C173.501 33.277 172.457 33.9972 171.136 34.3977V34.6023C172.79 34.875 174.081 35.5781 175.01 36.7116C175.939 37.8366 176.403 39.2301 176.403 40.892C176.403 42.3153 176.016 43.5938 175.24 44.7273C174.473 45.8523 173.425 46.7386 172.095 47.3864C170.766 48.0341 169.253 48.358 167.557 48.358Z" fill="#495057"/>
<path d="M105.479 47.75L121.5 20L137.521 47.75H105.479Z" stroke="#ACB5BD"/>
</g>
<g filter="url(#filter1_d_3137_70101)">
<rect x="47" y="24.9999" width="105" height="65" rx="5.5615" fill="white"/>
<path d="M117.71 70V67.6989L126.352 58.2386C127.366 57.1307 128.202 56.1676 128.858 55.3494C129.514 54.5227 130 53.7472 130.315 53.0227C130.639 52.2898 130.801 51.5227 130.801 50.7216C130.801 49.8011 130.58 49.0043 130.136 48.331C129.702 47.6577 129.105 47.1378 128.347 46.7713C127.588 46.4048 126.736 46.2216 125.79 46.2216C124.784 46.2216 123.906 46.4304 123.156 46.848C122.415 47.2571 121.839 47.8324 121.43 48.5739C121.03 49.3153 120.83 50.1847 120.83 51.1818H117.812C117.812 49.6477 118.166 48.3011 118.874 47.142C119.581 45.983 120.544 45.0795 121.763 44.4318C122.99 43.7841 124.366 43.4602 125.892 43.4602C127.426 43.4602 128.786 43.7841 129.97 44.4318C131.155 45.0795 132.084 45.9531 132.757 47.0526C133.43 48.152 133.767 49.375 133.767 50.7216C133.767 51.6847 133.592 52.6264 133.243 53.5469C132.902 54.4588 132.305 55.4773 131.453 56.6023C130.609 57.7187 129.438 59.0824 127.938 60.6932L122.057 66.983V67.1875H134.227V70H117.71Z" fill="#495057"/>
<path d="M64.4785 69.75L80.5 42L96.5215 69.75H64.4785Z" stroke="#ACB5BD"/>
</g>
<g filter="url(#filter2_d_3137_70101)">
<rect x="3" y="46.9999" width="105" height="65" rx="5.5615" fill="white"/>
<path d="M82.9148 65.8182V92H79.7443V69.142H79.5909L73.1989 73.3864V70.1648L79.7443 65.8182H82.9148Z" fill="#495057"/>
<path d="M20.4785 91.75L36.5 64L52.5215 91.75H20.4785Z" stroke="#ACB5BD"/>
</g>
<defs>
<filter id="filter0_d_3137_70101" x="85.2193" y="0.219129" width="110.561" height="70.5616" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.39037"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3137_70101"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3137_70101" result="shape"/>
</filter>
<filter id="filter1_d_3137_70101" x="44.2193" y="22.2191" width="110.561" height="70.5616" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.39037"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3137_70101"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3137_70101" result="shape"/>
</filter>
<filter id="filter2_d_3137_70101" x="0.219251" y="44.2191" width="110.561" height="70.5616" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.39037"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3137_70101"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3137_70101" result="shape"/>
</filter>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 5.5 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 51 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 24 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 36 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 76 KiB

View File

@ -0,0 +1,19 @@
<svg width="98" height="121" viewBox="0 0 98 121" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.8707 74.5375C16.3076 72.9545 18.6808 73.4171 20.2598 74.5344C22.2919 75.9722 22.873 78.598 23.1728 80.9255C23.6803 84.8657 23.8304 90.4355 28.2986 92.0828C30.363 92.8439 32.7261 92.2154 34.4697 90.9796C36.3742 89.6297 37.5622 87.5534 38.3579 85.4014C39.3213 82.796 39.879 80.0089 40.3517 77.2785C40.8351 74.4863 41.1519 71.664 41.2941 68.8338C41.4333 66.0649 41.3427 63.3142 41.2327 60.5471C41.1467 58.3866 41.1139 56.1179 41.8437 54.052C42.5808 51.9655 44.2945 50.3785 46.5478 50.1692C48.7349 49.966 50.9875 50.8883 52.57 52.3768C56.3668 55.9484 56.5454 61.7791 57.3941 66.5679C57.8399 69.084 58.4917 71.63 59.8579 73.819C60.9816 75.6193 62.5432 77.1286 64.3419 78.2484C67.9699 80.507 72.5929 81.1661 76.6187 79.6144C80.5491 78.0995 83.713 74.7878 85.082 70.8073C85.4201 69.8243 85.6289 68.8088 85.7348 67.7756C85.7841 67.2952 85.0326 67.2986 84.9838 67.7756C84.5336 72.1666 81.7151 76.1433 77.8526 78.2259C73.8783 80.3689 69.0654 80.097 65.1824 77.8754C63.2735 76.7832 61.6129 75.2427 60.4591 73.364C59.0598 71.0857 58.4606 68.4301 58.0247 65.8227C57.2373 61.1135 56.8802 55.7066 53.3508 52.0908C50.6136 49.2866 45.5767 48.1613 42.635 51.2848C39.6059 54.501 40.5139 59.682 40.6106 63.6745C40.7523 69.5217 40.1494 75.3825 38.8131 81.0769C38.2314 83.5555 37.5623 86.1115 36.1024 88.2369C34.7681 90.1793 32.5875 91.6848 30.1594 91.6609C27.7378 91.637 26.0364 89.8572 25.1768 87.7354C24.2698 85.4969 24.2104 83.0793 23.8965 80.7163C23.6084 78.5472 23.0835 76.1467 21.4568 74.5592C20.1918 73.3248 18.3152 72.5301 16.5348 72.814C15.6794 72.9505 14.9208 73.3661 14.3396 74.0064C14.0153 74.3636 14.5449 74.8963 14.8707 74.5375Z" fill="#3F76FF"/>
<path d="M55.4847 43.7299H38.3499C37.9179 43.7299 37.5664 43.3784 37.5664 42.9464C37.5664 42.5144 37.9179 42.1631 38.3499 42.1631H55.4847C55.9167 42.1631 56.268 42.5144 56.268 42.9464C56.268 43.3784 55.9167 43.7299 55.4847 43.7299Z" fill="#D4D4D4"/>
<path d="M81.9847 89.2958H64.8499C64.4179 89.2958 64.0664 88.9443 64.0664 88.5123C64.0664 88.0803 64.4179 87.729 64.8499 87.729H81.9847C82.4167 87.729 82.768 88.0803 82.768 88.5123C82.768 88.9443 82.4167 89.2958 81.9847 89.2958Z" fill="#D4D4D4"/>
<path d="M96.0159 120.34H78.8811C78.4491 120.34 78.0977 119.989 78.0977 119.557C78.0977 119.125 78.4491 118.773 78.8811 118.773H96.0159C96.4479 118.773 96.7993 119.125 96.7993 119.557C96.7993 119.989 96.4479 120.34 96.0159 120.34Z" fill="#D4D4D4"/>
<path d="M17.9183 26.7069H0.78347C0.351487 26.7069 0 26.3554 0 25.9235C0 25.4915 0.351492 25.1401 0.78347 25.1401H17.9183C18.3503 25.1401 18.7016 25.4915 18.7016 25.9235C18.7016 26.3554 18.3503 26.7069 17.9183 26.7069Z" fill="#D4D4D4"/>
<path d="M87.2283 111.248H9.56712C9.29059 111.248 9.06641 111.023 9.06641 110.747V36.6409C9.06641 36.3641 9.2906 36.1401 9.56712 36.1401C9.84364 36.1401 10.0678 36.3641 10.0678 36.6409V66.8782C10.0678 90.8296 29.4843 110.246 53.4358 110.246H87.2283C87.5048 110.246 87.729 110.47 87.729 110.747C87.729 111.024 87.5048 111.248 87.2283 111.248Z" fill="#D4D4D4"/>
<path d="M25.9613 81.4652H8.82644C8.39446 81.4652 8.04297 81.1137 8.04297 80.6817C8.04297 80.2498 8.39446 79.8984 8.82644 79.8984H25.9613C26.3932 79.8984 26.7446 80.2498 26.7446 80.6817C26.7446 81.1137 26.3932 81.4652 25.9613 81.4652Z" fill="#D4D4D4"/>
<path d="M14.8118 76.6085C16.0562 76.6085 17.065 75.5997 17.065 74.3553C17.065 73.1109 16.0562 72.1021 14.8118 72.1021C13.5674 72.1021 12.5586 73.1109 12.5586 74.3553C12.5586 75.5997 13.5674 76.6085 14.8118 76.6085Z" fill="#2E2E2E"/>
<path d="M29.8431 94.1349C31.0875 94.1349 32.0963 93.1261 32.0963 91.8816C32.0963 90.6372 31.0875 89.6284 29.8431 89.6284C28.5986 89.6284 27.5898 90.6372 27.5898 91.8816C27.5898 93.1261 28.5986 94.1349 29.8431 94.1349Z" fill="#2E2E2E"/>
<path d="M46.8587 52.0738C48.1031 52.0738 49.1119 51.065 49.1119 49.8206C49.1119 48.5762 48.1031 47.5674 46.8587 47.5674C45.6143 47.5674 44.6055 48.5762 44.6055 49.8206C44.6055 51.065 45.6143 52.0738 46.8587 52.0738Z" fill="#2E2E2E"/>
<path d="M71.9017 82.1178C73.1461 82.1178 74.1549 81.109 74.1549 79.8646C74.1549 78.6201 73.1461 77.6113 71.9017 77.6113C70.6572 77.6113 69.6484 78.6201 69.6484 79.8646C69.6484 81.109 70.6572 82.1178 71.9017 82.1178Z" fill="#2E2E2E"/>
<path d="M86.4368 70.1007C87.6812 70.1007 88.69 69.0919 88.69 67.8475C88.69 66.603 87.6812 65.5942 86.4368 65.5942C85.1924 65.5942 84.1836 66.603 84.1836 67.8475C84.1836 69.0919 85.1924 70.1007 86.4368 70.1007Z" fill="#2E2E2E"/>
<path d="M82.1267 20.0406L86.2476 21.9926C84.5574 19.6339 83.101 15.95 82.3213 13.0186C81.0011 15.7492 78.873 19.0903 76.7664 21.0861L81.1217 19.9656C78.438 33.1184 68.3439 42.5608 56.7847 42.5608L56.6211 43.0359C68.6949 43.0359 79.3865 33.7244 82.1267 20.0406Z" fill="#2E2E2E"/>
<path d="M69.6669 0H95.7042C96.8085 0 97.707 0.8985 97.707 2.00286C97.707 3.10723 96.8085 4.00573 95.7042 4.00573H69.6669C68.5626 4.00573 67.6641 3.10723 67.6641 2.00286C67.6641 0.8985 68.5626 0 69.6669 0Z" fill="#3F76FF"/>
<path d="M87.2735 115.346C86.999 115.346 86.722 115.285 86.4582 115.162C85.8076 114.856 85.399 114.245 85.3658 113.527L85.0959 107.706C85.0612 106.958 85.4514 106.278 86.1144 105.931C86.7772 105.584 87.5586 105.651 88.153 106.105L92.1177 109.137C92.5944 109.502 92.8668 110.055 92.8648 110.655C92.8631 111.255 92.5873 111.806 92.1084 112.168L88.4136 114.958C88.0726 115.215 87.6757 115.346 87.2735 115.346Z" fill="#D4D4D4"/>
<path d="M14.2019 37.1274C14.2019 37.402 14.1407 37.679 14.017 37.9428C13.7114 38.5934 13.1002 39.0019 12.3824 39.0352L6.56105 39.3051C5.8134 39.3398 5.13372 38.9496 4.78654 38.2865C4.43937 37.6237 4.50684 36.8423 4.96062 36.248L7.99279 32.2833C8.35708 31.8066 8.9106 31.5342 9.51009 31.5361C10.1106 31.5379 10.6616 31.8136 11.0235 32.2926L13.8131 35.9873C14.0703 36.3284 14.2019 36.7252 14.2019 37.1274Z" fill="#D4D4D4"/>
<path d="M46.6797 31.9702C43.7154 31.2601 40.5482 31.9028 38.0143 33.5767C35.3571 35.332 33.5978 38.1427 33.0023 41.2566C31.7737 47.6809 35.5272 54.0986 41.4594 56.6556C47.6955 59.3435 55.114 57.5399 59.6426 52.5512C61.8873 50.0785 63.2901 46.9504 63.7125 43.6423C64.1286 40.3835 63.654 36.6235 61.6807 33.9037C59.7234 31.2058 56.464 30.3005 53.3163 29.8584C50.262 29.4294 46.2102 29.2429 44.5587 32.4757C44.2438 33.0921 44.0958 33.7563 44.1307 34.4476C44.155 34.9286 44.9062 34.9315 44.8818 34.4476C44.8055 32.9361 45.8132 31.6731 47.1049 30.9938C48.6018 30.2065 50.4074 30.2731 52.04 30.4486C54.9873 30.7654 58.3335 31.3306 60.459 33.5942C62.5762 35.8491 63.2109 39.2854 63.0795 42.2786C62.9423 45.4028 61.8658 48.4778 59.9796 50.9765C56.2574 55.9072 49.7451 58.253 43.754 56.6601C37.9165 55.1081 37.8402 51.6438 37.9365 45.5088C37.9879 42.2359 34.8963 37.0842 37.4205 34.9513C39.8919 32.8631 43.3172 31.9368 46.4801 32.6944C46.9499 32.807 47.1503 32.0829 46.6797 31.9702Z" fill="#3F76FF"/>
</svg>

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@ -0,0 +1,15 @@
<svg width="236" height="53" viewBox="0 0 236 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M195.448 46.8071H100.383C99.8783 46.8065 99.3948 46.6059 99.0382 46.2494C98.6816 45.8928 98.481 45.4093 98.4805 44.905V26.987H99.2413V44.905C99.2416 45.2076 99.362 45.4977 99.5759 45.7116C99.7899 45.9256 100.08 46.0459 100.383 46.0463H195.448C195.75 46.0459 196.04 45.9256 196.254 45.7116C196.468 45.4977 196.589 45.2076 196.589 44.905V26.8618H197.35V44.905C197.349 45.4093 197.149 45.8928 196.792 46.2494C196.435 46.6059 195.952 46.8065 195.448 46.8071Z" fill="#262626"/>
<path d="M229.943 26.606H6.55078V27.3668H229.943V26.606Z" fill="#262626"/>
<path d="M6.54403 33.4724C10.1582 33.4724 13.0881 30.5425 13.0881 26.9283C13.0881 23.3141 10.1582 20.3843 6.54403 20.3843C2.92986 20.3843 0 23.3141 0 26.9283C0 30.5425 2.92986 33.4724 6.54403 33.4724Z" fill="#3F76FF"/>
<path d="M73.0636 33.4724C76.6777 33.4724 79.6076 30.5425 79.6076 26.9283C79.6076 23.3141 76.6777 20.3843 73.0636 20.3843C69.4494 20.3843 66.5195 23.3141 66.5195 26.9283C66.5195 30.5425 69.4494 33.4724 73.0636 33.4724Z" fill="#3F76FF"/>
<path d="M118.189 52.7062C121.803 52.7062 124.733 49.7764 124.733 46.1622C124.733 42.548 121.803 39.6182 118.189 39.6182C114.574 39.6182 111.645 42.548 111.645 46.1622C111.645 49.7764 114.574 52.7062 118.189 52.7062Z" fill="#262626"/>
<path d="M152.493 52.7062C156.107 52.7062 159.037 49.7764 159.037 46.1622C159.037 42.548 156.107 39.6182 152.493 39.6182C148.879 39.6182 145.949 42.548 145.949 46.1622C145.949 49.7764 148.879 52.7062 152.493 52.7062Z" fill="#D4D4D4"/>
<path d="M135.853 33.4724C139.467 33.4724 142.397 30.5425 142.397 26.9283C142.397 23.3141 139.467 20.3843 135.853 20.3843C132.238 20.3843 129.309 23.3141 129.309 26.9283C129.309 30.5425 132.238 33.4724 135.853 33.4724Z" fill="#3F76FF"/>
<path d="M229.009 33.4724C232.623 33.4724 235.553 30.5425 235.553 26.9283C235.553 23.3141 232.623 20.3843 229.009 20.3843C225.395 20.3843 222.465 23.3141 222.465 26.9283C222.465 30.5425 225.395 33.4724 229.009 33.4724Z" fill="#3F76FF"/>
<path d="M196.962 33.4724C200.576 33.4724 203.506 30.5425 203.506 26.9283C203.506 23.3141 200.576 20.3843 196.962 20.3843C193.348 20.3843 190.418 23.3141 190.418 26.9283C190.418 30.5425 193.348 33.4724 196.962 33.4724Z" fill="#3F76FF"/>
<path d="M26.8335 27.3682C26.7327 27.3682 26.6359 27.3281 26.5646 27.2568C26.4932 27.1855 26.4531 27.0887 26.4531 26.9878V8.20924C26.4537 7.70495 26.6543 7.22148 27.0109 6.86489C27.3675 6.5083 27.8509 6.30771 28.3552 6.30713H46.8723C46.9731 6.30713 47.0699 6.34721 47.1413 6.41856C47.2126 6.4899 47.2527 6.58666 47.2527 6.68755C47.2527 6.78845 47.2126 6.88521 47.1413 6.95656C47.0699 7.0279 46.9731 7.06798 46.8723 7.06798H28.3552C28.0527 7.06831 27.7626 7.18865 27.5486 7.40261C27.3346 7.61657 27.2143 7.90666 27.214 8.20924V26.9878C27.214 27.0887 27.1739 27.1855 27.1025 27.2568C27.0312 27.3281 26.9344 27.3682 26.8335 27.3682Z" fill="#262626"/>
<path d="M47.7433 13.0881C51.3574 13.0881 54.2873 10.1582 54.2873 6.54404C54.2873 2.92987 51.3574 0 47.7433 0C44.1291 0 41.1992 2.92987 41.1992 6.54404C41.1992 10.1582 44.1291 13.0881 47.7433 13.0881Z" fill="#D4D4D4"/>
<path d="M173.319 26.9878H172.559V8.20924C172.559 7.70495 172.76 7.22148 173.116 6.86489C173.473 6.5083 173.956 6.30771 174.461 6.30713H192.978V7.06798H174.461C174.158 7.06831 173.868 7.18865 173.654 7.40261C173.44 7.61657 173.32 7.90666 173.319 8.20924V26.9878Z" fill="#262626"/>
<path d="M193.806 13.0881C197.42 13.0881 200.35 10.1582 200.35 6.54404C200.35 2.92987 197.42 0 193.806 0C190.192 0 187.262 2.92987 187.262 6.54404C187.262 10.1582 190.192 13.0881 193.806 13.0881Z" fill="#D4D4D4"/>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@ -0,0 +1,15 @@
<svg width="97" height="110" viewBox="0 0 97 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M86.748 110H9.8374C7.22926 109.997 4.72879 108.96 2.88456 107.115C1.04033 105.271 0.00294615 102.771 0 100.163V9.8374C0.00294615 7.22926 1.04033 4.72879 2.88456 2.88456C4.72879 1.04033 7.22926 0.00294615 9.8374 0H81.3901L96.5854 12.1116V100.163C96.5824 102.771 95.545 105.271 93.7008 107.115C91.8566 108.96 89.3561 109.997 86.748 110Z" fill="#E5E5E5"/>
<path d="M9.83745 2.83199C7.98014 2.83409 6.1995 3.57283 4.88618 4.88615C3.57287 6.19946 2.83412 7.9801 2.83203 9.83741V100.163C2.83412 102.02 3.57287 103.801 4.88618 105.114C6.1995 106.427 7.98014 107.166 9.83745 107.168H86.748C88.6053 107.166 90.386 106.427 91.6993 105.114C93.0126 103.801 93.7514 102.02 93.7534 100.163V13.4759L80.3996 2.83199H9.83745Z" fill="white"/>
<path d="M71.7873 29.0961H36.771C36.5559 29.0961 36.3428 29.0538 36.1441 28.9714C35.9453 28.8891 35.7647 28.7685 35.6126 28.6163C35.4605 28.4642 35.3398 28.2836 35.2575 28.0849C35.1752 27.8861 35.1328 27.6731 35.1328 27.458C35.1328 27.2428 35.1752 27.0298 35.2575 26.8311C35.3398 26.6323 35.4605 26.4517 35.6126 26.2996C35.7647 26.1475 35.9453 26.0268 36.1441 25.9445C36.3428 25.8621 36.5559 25.8198 36.771 25.8198H71.7873C72.0024 25.8198 72.2155 25.8621 72.4142 25.9445C72.613 26.0268 72.7936 26.1475 72.9457 26.2996C73.0978 26.4517 73.2185 26.6323 73.3008 26.8311C73.3831 27.0298 73.4255 27.2428 73.4255 27.458C73.4255 27.6731 73.3831 27.8861 73.3008 28.0849C73.2185 28.2836 73.0978 28.4642 72.9457 28.6163C72.7936 28.7685 72.613 28.8891 72.4142 28.9714C72.2155 29.0538 72.0024 29.0961 71.7873 29.0961Z" fill="#D4D4D4"/>
<path d="M78.5448 34.625H36.771C36.3365 34.625 35.9198 34.4524 35.6126 34.1452C35.3054 33.838 35.1328 33.4213 35.1328 32.9868C35.1328 32.5523 35.3054 32.1356 35.6126 31.8284C35.9198 31.5212 36.3365 31.3486 36.771 31.3486H78.5448C78.9793 31.3486 79.396 31.5212 79.7032 31.8284C80.0104 32.1356 80.183 32.5523 80.183 32.9868C80.183 33.4213 80.0104 33.838 79.7032 34.1452C79.396 34.4524 78.9793 34.625 78.5448 34.625Z" fill="#D4D4D4"/>
<path d="M71.7873 53.8737H36.771C36.3365 53.8737 35.9198 53.7011 35.6126 53.3939C35.3054 53.0867 35.1328 52.67 35.1328 52.2355C35.1328 51.8011 35.3054 51.3844 35.6126 51.0772C35.9198 50.77 36.3365 50.5974 36.771 50.5974H71.7873C72.2218 50.5974 72.6385 50.77 72.9457 51.0772C73.2529 51.3844 73.4255 51.8011 73.4255 52.2355C73.4255 52.67 73.2529 53.0867 72.9457 53.3939C72.6385 53.7011 72.2218 53.8737 71.7873 53.8737Z" fill="#D4D4D4"/>
<path d="M78.5448 59.4026H36.771C36.3365 59.4026 35.9198 59.23 35.6126 58.9228C35.3054 58.6156 35.1328 58.1989 35.1328 57.7644C35.1328 57.33 35.3054 56.9133 35.6126 56.6061C35.9198 56.2988 36.3365 56.1263 36.771 56.1263H78.5448C78.9793 56.1263 79.396 56.2988 79.7032 56.6061C80.0104 56.9133 80.183 57.33 80.183 57.7644C80.183 58.1989 80.0104 58.6156 79.7032 58.9228C79.396 59.23 78.9793 59.4026 78.5448 59.4026Z" fill="#D4D4D4"/>
<path d="M71.7873 78.6514H36.771C36.3365 78.6514 35.9198 78.4788 35.6126 78.1716C35.3054 77.8643 35.1328 77.4477 35.1328 77.0132C35.1328 76.5787 35.3054 76.162 35.6126 75.8548C35.9198 75.5476 36.3365 75.375 36.771 75.375H71.7873C72.2218 75.375 72.6385 75.5476 72.9457 75.8548C73.2529 76.162 73.4255 76.5787 73.4255 77.0132C73.4255 77.4477 73.2529 77.8643 72.9457 78.1716C72.6385 78.4788 72.2218 78.6514 71.7873 78.6514Z" fill="#D4D4D4"/>
<path d="M78.5448 84.1803H36.771C36.3365 84.1803 35.9198 84.0077 35.6126 83.7004C35.3054 83.3932 35.1328 82.9766 35.1328 82.5421C35.1328 82.1076 35.3054 81.6909 35.6126 81.3837C35.9198 81.0765 36.3365 80.9039 36.771 80.9039H78.5448C78.9793 80.9039 79.396 81.0765 79.7032 81.3837C80.0104 81.6909 80.183 82.1076 80.183 82.5421C80.183 82.9766 80.0104 83.3932 79.7032 83.7004C79.396 84.0077 78.9793 84.1803 78.5448 84.1803Z" fill="#D4D4D4"/>
<path d="M22.1846 36.0125C25.3824 36.0125 27.9747 33.4202 27.9747 30.2224C27.9747 27.0246 25.3824 24.4323 22.1846 24.4323C18.9868 24.4323 16.3945 27.0246 16.3945 30.2224C16.3945 33.4202 18.9868 36.0125 22.1846 36.0125Z" fill="#3F76FF"/>
<path d="M21.6211 32.4311C21.4909 32.4314 21.3641 32.3892 21.2598 32.3111L21.2534 32.3062L19.8926 31.2653C19.7655 31.1677 19.6823 31.0236 19.6614 30.8646C19.6405 30.7057 19.6835 30.545 19.781 30.4178C19.8786 30.2906 20.0226 30.2073 20.1815 30.1862C20.3404 30.1652 20.5012 30.2081 20.6285 30.3055L21.5098 30.9814L23.5926 28.2642C23.6409 28.2012 23.7011 28.1483 23.7698 28.1086C23.8386 28.0689 23.9145 28.0431 23.9932 28.0327C24.0718 28.0223 24.1518 28.0275 24.2285 28.048C24.3052 28.0685 24.3771 28.1039 24.4401 28.1522L24.4273 28.1703L24.4406 28.1524C24.5677 28.2501 24.6508 28.3942 24.6718 28.5531C24.6928 28.712 24.6498 28.8727 24.5524 29L22.1026 32.1946C22.046 32.2682 21.9731 32.3278 21.8897 32.3687C21.8063 32.4096 21.7145 32.4307 21.6216 32.4304L21.6211 32.4311Z" fill="white"/>
<path d="M22.7823 60.7901C25.9801 60.7901 28.5724 58.1978 28.5724 55C28.5724 51.8022 25.9801 49.2099 22.7823 49.2099C19.5845 49.2099 16.9922 51.8022 16.9922 55C16.9922 58.1978 19.5845 60.7901 22.7823 60.7901Z" fill="#D4D4D4"/>
<path d="M22.1846 85.5677C25.3824 85.5677 27.9747 82.9754 27.9747 79.7776C27.9747 76.5798 25.3824 73.9875 22.1846 73.9875C18.9868 73.9875 16.3945 76.5798 16.3945 79.7776C16.3945 82.9754 18.9868 85.5677 22.1846 85.5677Z" fill="#D4D4D4"/>
<path d="M96.2887 12.5014H84.3857C83.5168 12.5014 82.6834 12.1562 82.069 11.5418C81.4546 10.9273 81.1094 10.094 81.1094 9.22501V0.433652C81.1094 0.395162 81.1202 0.357449 81.1407 0.324842C81.1611 0.292236 81.1904 0.266054 81.225 0.249298C81.2597 0.232542 81.2983 0.22589 81.3366 0.230107C81.3748 0.234324 81.4111 0.249237 81.4413 0.273137L96.4158 12.1361C96.4492 12.1625 96.4735 12.1986 96.4853 12.2394C96.4972 12.2803 96.4961 12.3238 96.4821 12.3639C96.4681 12.4041 96.442 12.4389 96.4073 12.4635C96.3727 12.4882 96.3312 12.5014 96.2887 12.5014Z" fill="#E5E5E5"/>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@ -0,0 +1,42 @@
<svg width="179" height="122" viewBox="0 0 179 122" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M64.8237 93.7455C89.413 93.7455 109.347 73.8119 109.347 49.2226C109.347 24.6333 89.413 4.69971 64.8237 4.69971C40.2344 4.69971 20.3008 24.6333 20.3008 49.2226C20.3008 73.8119 40.2344 93.7455 64.8237 93.7455Z" fill="#F2F2F2"/>
<path d="M116.497 92.4296C121.153 92.4296 124.927 88.6552 124.927 83.9992C124.927 79.3433 121.153 75.5688 116.497 75.5688C111.841 75.5688 108.066 79.3433 108.066 83.9992C108.066 88.6552 111.841 92.4296 116.497 92.4296Z" fill="#F2F2F2"/>
<path d="M144.235 119.127C143.954 119.675 143.54 120.145 143.032 120.494C142.523 120.843 141.937 121.06 141.324 121.127C141.009 121.16 141.102 121.641 141.414 121.609C142.091 121.532 142.739 121.292 143.301 120.907C143.864 120.523 144.324 120.007 144.64 119.404C144.675 119.349 144.688 119.284 144.676 119.221C144.664 119.157 144.628 119.101 144.576 119.063C144.522 119.026 144.456 119.013 144.393 119.025C144.329 119.037 144.272 119.074 144.235 119.127Z" fill="white"/>
<path d="M100.432 106.656C79.1525 106.657 60.6376 90.7831 57.9023 69.1314L58.4251 69.0652C61.1265 90.4496 79.4159 106.128 100.433 106.129C102.218 106.129 104.002 106.017 105.774 105.792C128.954 102.864 145.429 81.6238 142.501 58.4441L143.024 58.3779C145.988 81.8459 129.308 103.351 105.84 106.315C104.046 106.542 102.24 106.656 100.432 106.656Z" fill="#262626"/>
<path d="M101.577 115.468H93.1981C93.0191 115.469 92.8423 115.428 92.6811 115.351C92.5198 115.273 92.3782 115.16 92.2669 115.02C92.157 114.883 92.0794 114.723 92.04 114.552C92.0007 114.381 92.0005 114.204 92.0396 114.033C92.8346 110.524 92.7877 106.877 91.9026 103.389C91.8422 103.148 91.8594 102.895 91.9517 102.664C92.044 102.434 92.2067 102.238 92.4166 102.105C95.3152 100.31 98.4715 100.366 102.066 102.277C102.23 102.363 102.371 102.486 102.479 102.635C102.587 102.785 102.66 102.958 102.69 103.14C103.285 106.884 103.306 110.698 102.752 114.448C102.712 114.732 102.572 114.991 102.356 115.179C102.14 115.366 101.863 115.469 101.577 115.468Z" fill="#3F76FF"/>
<path d="M63.3544 70.6825H54.9758C54.7967 70.6829 54.62 70.6428 54.4587 70.5651C54.2974 70.4874 54.1558 70.3742 54.0446 70.234C53.9346 70.0973 53.857 69.9376 53.8177 69.7667C53.7783 69.5958 53.7782 69.4182 53.8173 69.2472C54.6152 65.7262 54.5651 62.0659 53.671 58.568C53.6144 58.3377 53.6281 58.0957 53.7103 57.8733C53.7924 57.6508 53.9392 57.458 54.1319 57.3197C58.4402 54.2211 61.8332 54.311 64.2165 57.5874C64.324 57.7367 64.3954 57.9089 64.4251 58.0905C65.0619 61.9189 65.0971 65.8233 64.5295 69.6626C64.4901 69.9459 64.3493 70.2054 64.1332 70.3929C63.9172 70.5804 63.6405 70.6833 63.3544 70.6825Z" fill="#D4D4D4"/>
<path d="M97.689 107.604H94.8067C94.6476 107.604 94.495 107.54 94.3826 107.428C94.2702 107.315 94.207 107.162 94.207 107.003C94.207 106.844 94.2702 106.691 94.3826 106.579C94.495 106.466 94.6476 106.403 94.8067 106.402H97.689C97.8484 106.402 98.0012 106.466 98.1139 106.578C98.2266 106.691 98.29 106.844 98.29 107.003C98.29 107.163 98.2266 107.316 98.1139 107.428C98.0012 107.541 97.8484 107.604 97.689 107.604Z" fill="white"/>
<path d="M101.213 109.979H94.8067C94.6476 109.979 94.495 109.915 94.3826 109.803C94.2702 109.69 94.207 109.537 94.207 109.378C94.207 109.219 94.2702 109.066 94.3826 108.954C94.495 108.841 94.6476 108.778 94.8067 108.777H101.213C101.372 108.778 101.525 108.841 101.637 108.954C101.75 109.066 101.813 109.219 101.813 109.378C101.813 109.537 101.75 109.69 101.637 109.803C101.525 109.915 101.372 109.979 101.213 109.979Z" fill="white"/>
<path d="M60.814 62.2903H57.9317C57.7726 62.29 57.62 62.2265 57.5076 62.1138C57.3952 62.0012 57.332 61.8485 57.332 61.6893C57.332 61.5302 57.3952 61.3775 57.5076 61.2648C57.62 61.1522 57.7726 61.0887 57.9317 61.0884H60.814C60.9732 61.0887 61.1257 61.1522 61.2381 61.2648C61.3506 61.3775 61.4137 61.5302 61.4137 61.6893C61.4137 61.8485 61.3506 62.0012 61.2381 62.1138C61.1257 62.2265 60.9732 62.29 60.814 62.2903Z" fill="white"/>
<path d="M60.814 64.3977H57.9317C57.7726 64.3974 57.62 64.3339 57.5076 64.2212C57.3952 64.1086 57.332 63.9559 57.332 63.7968C57.332 63.6376 57.3952 63.4849 57.5076 63.3723C57.62 63.2596 57.7726 63.1961 57.9317 63.1958H60.814C60.9732 63.1961 61.1257 63.2596 61.2381 63.3723C61.3506 63.4849 61.4137 63.6376 61.4137 63.7968C61.4137 63.9559 61.3506 64.1086 61.2381 64.2212C61.1257 64.3339 60.9732 64.3974 60.814 64.3977Z" fill="white"/>
<path d="M60.814 66.5061H57.9317C57.7726 66.5058 57.62 66.4423 57.5076 66.3296C57.3952 66.217 57.332 66.0643 57.332 65.9052C57.332 65.746 57.3952 65.5933 57.5076 65.4807C57.62 65.368 57.7726 65.3045 57.9317 65.3042H60.814C60.9732 65.3045 61.1257 65.368 61.2381 65.4807C61.3506 65.5933 61.4137 65.746 61.4137 65.9052C61.4137 66.0643 61.3506 66.217 61.2381 66.3296C61.1257 66.4423 60.9732 66.5058 60.814 66.5061Z" fill="white"/>
<path d="M176.143 80.5809H149.36C148.642 80.5801 147.954 80.2946 147.446 79.787C146.939 79.2794 146.653 78.5913 146.652 77.8735V61.3773C146.653 60.6595 146.939 59.9714 147.446 59.4638C147.954 58.9562 148.642 58.6707 149.36 58.6699H176.143C176.861 58.6707 177.549 58.9562 178.057 59.4638C178.564 59.9714 178.85 60.6595 178.851 61.3773V77.8735C178.85 78.5913 178.564 79.2795 178.057 79.787C177.549 80.2946 176.861 80.5801 176.143 80.5809Z" fill="#E6E6E6"/>
<path d="M165.525 78.4563H151.266C150.594 78.4555 149.949 78.1882 149.474 77.7128C148.999 77.2375 148.731 76.593 148.73 75.9207V63.3305C148.731 62.6582 148.999 62.0137 149.474 61.5384C149.949 61.063 150.594 60.7957 151.266 60.7949H174.284C174.957 60.7957 175.601 61.063 176.077 61.5384C176.552 62.0137 176.819 62.6582 176.82 63.3305V67.162C176.817 70.1564 175.626 73.0272 173.508 75.1445C171.391 77.2619 168.52 78.4529 165.525 78.4563Z" fill="white"/>
<path d="M171.937 67.6877H153.511C153.352 67.6877 153.199 67.6244 153.086 67.5117C152.973 67.399 152.91 67.2461 152.91 67.0868C152.91 66.9274 152.973 66.7745 153.086 66.6618C153.199 66.5492 153.352 66.4858 153.511 66.4858H171.937C172.096 66.4858 172.249 66.5492 172.362 66.6618C172.474 66.7745 172.538 66.9274 172.538 67.0868C172.538 67.2461 172.474 67.399 172.362 67.5117C172.249 67.6244 172.096 67.6877 171.937 67.6877Z" fill="#E5E5E5"/>
<path d="M156.392 70.0623H153.51C153.351 70.0619 153.198 69.9985 153.086 69.8858C152.973 69.7731 152.91 69.6205 152.91 69.4613C152.91 69.3021 152.973 69.1495 153.086 69.0368C153.198 68.9241 153.351 68.8607 153.51 68.8604H156.392C156.551 68.8607 156.704 68.9241 156.816 69.0368C156.929 69.1495 156.992 69.3021 156.992 69.4613C156.992 69.6205 156.929 69.7731 156.816 69.8858C156.704 69.9985 156.551 70.0619 156.392 70.0623Z" fill="#E5E5E5"/>
<path d="M161.498 72.4377H153.511C153.352 72.4377 153.199 72.3744 153.086 72.2617C152.973 72.149 152.91 71.9962 152.91 71.8368C152.91 71.6774 152.973 71.5246 153.086 71.4119C153.199 71.2992 153.352 71.2358 153.511 71.2358H161.498C161.658 71.2358 161.81 71.2992 161.923 71.4119C162.036 71.5246 162.099 71.6774 162.099 71.8368C162.099 71.9962 162.036 72.149 161.923 72.2617C161.81 72.3744 161.658 72.4377 161.498 72.4377Z" fill="#E5E5E5"/>
<path d="M145.748 64.0054C148.877 64.0054 151.414 61.4687 151.414 58.3396C151.414 55.2105 148.877 52.6738 145.748 52.6738C142.619 52.6738 140.082 55.2105 140.082 58.3396C140.082 61.4687 142.619 64.0054 145.748 64.0054Z" fill="#262626"/>
<path d="M81.5586 15.2425C81.9337 13.3387 82.68 11.5274 83.7551 9.9121C84.8302 8.29676 86.2129 6.90898 87.8243 5.82801C91.0787 3.6449 95.067 2.84399 98.9119 3.60148C100.816 3.97655 102.627 4.72293 104.242 5.798C105.858 6.87307 107.245 8.25578 108.326 9.86718C109.407 11.4786 110.16 13.2871 110.542 15.1895C110.924 17.0919 110.928 19.051 110.553 20.9548L110.036 20.8529C110.766 17.1452 109.994 13.2991 107.889 10.1608C105.783 7.02254 102.518 4.84909 98.8101 4.1186C95.1023 3.38812 91.2563 4.16044 88.118 6.26567C84.9797 8.37091 82.8062 11.6366 82.0757 15.3443L81.5586 15.2425Z" fill="#262626"/>
<path d="M87.1952 24.5625L78.8237 24.9092C78.6449 24.917 78.4666 24.8842 78.3022 24.8132C78.1379 24.7423 77.9917 24.635 77.8747 24.4996C77.7592 24.3676 77.6751 24.2112 77.6287 24.042C77.5823 23.8729 77.5748 23.6955 77.6068 23.523C78.2492 20.02 78.062 16.4152 77.0601 12.9975C76.9828 12.7361 76.9985 12.456 77.1046 12.2049C77.2106 11.9538 77.4005 11.7473 77.6418 11.6205C81.0707 9.83905 84.2836 9.74872 87.1907 11.3517C87.3431 11.4345 87.4756 11.5495 87.5789 11.6888C87.6823 11.828 87.754 11.9881 87.7892 12.1579C88.5458 15.8873 88.7273 19.7105 88.3271 23.4947C88.2994 23.7795 88.1695 24.0446 87.9614 24.2409C87.7533 24.4372 87.4811 24.5514 87.1952 24.5625Z" fill="#3F76FF"/>
<path d="M86.875 19.0832L80.474 19.3483C80.3951 19.3517 80.3163 19.3394 80.2422 19.3123C80.168 19.2852 80.0999 19.2437 80.0418 19.1903C79.9837 19.1368 79.9367 19.0724 79.9034 19.0008C79.8702 18.9292 79.8514 18.8517 79.8482 18.7728C79.8449 18.6939 79.8572 18.6151 79.8844 18.541C79.9116 18.4669 79.9531 18.3988 80.0066 18.3407C80.0601 18.2827 80.1245 18.2357 80.1962 18.2025C80.2679 18.1694 80.3454 18.1507 80.4243 18.1475L86.8252 17.8824C86.9041 17.8791 86.9828 17.8914 87.0569 17.9185C87.131 17.9457 87.199 17.9872 87.2571 18.0406C87.3151 18.0941 87.3621 18.1584 87.3953 18.23C87.4285 18.3016 87.4473 18.3791 87.4505 18.4579C87.4538 18.5368 87.4415 18.6155 87.4143 18.6896C87.3872 18.7637 87.3457 18.8317 87.2922 18.8898C87.2388 18.9478 87.1744 18.9948 87.1028 19.028C87.0312 19.0612 86.9538 19.08 86.875 19.0832Z" fill="white"/>
<path d="M86.7807 16.9753L80.3797 17.2404C80.2205 17.247 80.0651 17.1901 79.9479 17.0822C79.8306 16.9742 79.761 16.8241 79.7544 16.6649C79.7478 16.5056 79.8048 16.3503 79.9127 16.233C80.0206 16.1157 80.1707 16.0462 80.33 16.0396L86.7309 15.7744C86.8902 15.7678 87.0455 15.8248 87.1628 15.9327C87.2801 16.0407 87.3497 16.1908 87.3562 16.35C87.3628 16.5093 87.3059 16.6646 87.198 16.7819C87.09 16.8991 86.9399 16.9687 86.7807 16.9753Z" fill="white"/>
<path d="M141.991 21.911H115.207C114.49 21.9102 113.801 21.6247 113.294 21.1171C112.786 20.6095 112.501 19.9214 112.5 19.2036V2.70741C112.501 1.98961 112.786 1.30144 113.294 0.793881C113.801 0.286319 114.49 0.000813734 115.207 0H141.991C142.709 0.000810943 143.397 0.286315 143.905 0.793877C144.412 1.30144 144.698 1.98961 144.698 2.70741V19.2036C144.698 19.9214 144.412 20.6095 143.905 21.1171C143.397 21.6247 142.709 21.9102 141.991 21.911Z" fill="#E6E6E6"/>
<path d="M131.322 19.7849H117.063C116.391 19.7842 115.746 19.5168 115.271 19.0414C114.796 18.5661 114.528 17.9216 114.527 17.2493V4.6591C114.528 3.98685 114.796 3.34235 115.271 2.867C115.746 2.39165 116.391 2.12428 117.063 2.12354H140.081C140.754 2.12428 141.398 2.39166 141.873 2.86701C142.349 3.34236 142.616 3.98686 142.617 4.6591V8.49057C142.613 11.485 141.422 14.3558 139.305 16.4732C137.188 18.5905 134.317 19.7815 131.322 19.7849Z" fill="white"/>
<path d="M137.827 9.01875H119.402C119.242 9.01875 119.089 8.95544 118.977 8.84274C118.864 8.73005 118.801 8.5772 118.801 8.41782C118.801 8.25845 118.864 8.1056 118.977 7.9929C119.089 7.88021 119.242 7.81689 119.402 7.81689H137.827C137.987 7.81689 138.14 7.88021 138.252 7.9929C138.365 8.1056 138.428 8.25845 138.428 8.41782C138.428 8.5772 138.365 8.73005 138.252 8.84274C138.14 8.95544 137.987 9.01875 137.827 9.01875Z" fill="#E5E5E5"/>
<path d="M122.283 11.3943H119.4C119.241 11.394 119.089 11.3305 118.976 11.2178C118.864 11.1052 118.801 10.9525 118.801 10.7933C118.801 10.6342 118.864 10.4815 118.976 10.3688C119.089 10.2562 119.241 10.1927 119.4 10.1924H122.283C122.442 10.1927 122.594 10.2562 122.707 10.3688C122.819 10.4815 122.882 10.6342 122.882 10.7933C122.882 10.9525 122.819 11.1052 122.707 11.2178C122.594 11.3305 122.442 11.394 122.283 11.3943Z" fill="#E5E5E5"/>
<path d="M127.389 13.7693H119.402C119.242 13.7693 119.09 13.706 118.977 13.5933C118.864 13.4806 118.801 13.3277 118.801 13.1683C118.801 13.009 118.864 12.8561 118.977 12.7434C119.09 12.6307 119.242 12.5674 119.402 12.5674H127.389C127.548 12.5677 127.701 12.6312 127.813 12.7438C127.925 12.8565 127.989 13.0092 127.989 13.1683C127.989 13.3275 127.925 13.4802 127.813 13.5928C127.701 13.7055 127.548 13.769 127.389 13.7693Z" fill="#E5E5E5"/>
<path d="M115.658 24.7646C117.31 22.1071 116.495 18.6136 113.837 16.9616C111.18 15.3097 107.686 16.1248 106.034 18.7824C104.382 21.4399 105.197 24.9334 107.855 26.5854C110.512 28.2373 114.006 27.4222 115.658 24.7646Z" fill="#262626"/>
<path d="M35.3719 65.9746C33.0473 59.8295 33.2591 53.0127 35.9607 47.0238C38.6622 41.0349 43.6322 36.3644 49.7773 34.0398C55.9224 31.7153 62.7392 31.9271 68.7281 34.6286C74.7171 37.3302 79.3875 42.3001 81.7121 48.4452L81.2191 48.6317C80.0926 45.6537 78.3906 42.9268 76.2102 40.6065C74.0298 38.2863 71.4138 36.4183 68.5115 35.1091C65.6091 33.7999 62.4773 33.0751 59.2949 32.9762C56.1125 32.8774 52.9418 33.4063 49.9638 34.5328C46.9858 35.6593 44.2588 37.3613 41.9386 39.5417C39.6184 41.7221 37.7503 44.3381 36.4411 47.2404C35.1319 50.1428 34.4072 53.2745 34.3083 56.457C34.2094 59.6394 34.7383 62.8101 35.8648 65.7881L35.3719 65.9746Z" fill="#262626"/>
<path d="M57.0595 41.4373H48.6809C48.5019 41.4377 48.3251 41.3975 48.1638 41.3199C48.0025 41.2422 47.861 41.129 47.7497 40.9888C47.6397 40.8521 47.5622 40.6924 47.5228 40.5215C47.4834 40.3506 47.4833 40.173 47.5224 40.002C48.3155 36.5013 48.2707 32.8627 47.3914 29.3826C47.3291 29.1363 47.3482 28.8765 47.4459 28.642C47.5436 28.4075 47.7147 28.2109 47.9335 28.0818C50.9686 26.3151 54.2097 26.369 57.5666 28.2425C57.7256 28.3292 57.8626 28.451 57.9673 28.5986C58.072 28.7463 58.1415 28.9159 58.1707 29.0946C58.7682 32.8436 58.7898 36.6618 58.2346 40.4174C58.1952 40.7007 58.0544 40.9602 57.8384 41.1477C57.6223 41.3352 57.3456 41.4381 57.0595 41.4373Z" fill="#3F76FF"/>
<path d="M53.1187 33.3123H50.2364C50.0773 33.3119 49.9247 33.2485 49.8123 33.1358C49.6999 33.0231 49.6367 32.8705 49.6367 32.7113C49.6367 32.5521 49.6999 32.3995 49.8123 32.2868C49.9247 32.1741 50.0773 32.1107 50.2364 32.1104H53.1187C53.2779 32.1107 53.4304 32.1741 53.5428 32.2868C53.6552 32.3995 53.7184 32.5521 53.7184 32.7113C53.7184 32.8705 53.6552 33.0231 53.5428 33.1358C53.4304 33.2485 53.2779 33.3119 53.1187 33.3123Z" fill="white"/>
<path d="M56.6441 35.6868H50.2377C50.0783 35.6868 49.9254 35.6235 49.8127 35.5108C49.7 35.3981 49.6367 35.2452 49.6367 35.0858C49.6367 34.9264 49.7 34.7736 49.8127 34.6609C49.9254 34.5482 50.0783 34.4849 50.2377 34.4849H56.6441C56.8033 34.4852 56.9558 34.5487 57.0682 34.6613C57.1807 34.774 57.2438 34.9267 57.2438 35.0858C57.2438 35.245 57.1807 35.3977 57.0682 35.5103C56.9558 35.623 56.8033 35.6864 56.6441 35.6868Z" fill="white"/>
<path d="M29.491 65.6424H2.70739C1.9896 65.6416 1.30143 65.3561 0.793869 64.8485C0.28631 64.341 0.000809544 63.6528 0 62.935V46.4388C0.000809544 45.7211 0.28631 45.0329 0.793869 44.5253C1.30143 44.0178 1.9896 43.7323 2.70739 43.7314H29.491C30.2088 43.7323 30.897 44.0178 31.4045 44.5253C31.9121 45.0329 32.1976 45.721 32.1984 46.4388V62.935C32.1976 63.6528 31.9121 64.341 31.4045 64.8485C30.897 65.3561 30.2088 65.6416 29.491 65.6424Z" fill="#E6E6E6"/>
<path d="M18.8302 63.5188H4.57086C3.8986 63.518 3.25408 63.2507 2.77871 62.7753C2.30334 62.3 2.03593 61.6555 2.03516 60.9832V48.393C2.03593 47.7207 2.30334 47.0762 2.77871 46.6009C3.25408 46.1255 3.8986 45.8582 4.57086 45.8574H27.5891C28.2613 45.8582 28.9058 46.1255 29.3812 46.6009C29.8565 47.0762 30.1239 47.7207 30.1247 48.393V52.2245C30.1213 55.2189 28.9302 58.0897 26.8128 60.207C24.6954 62.3244 21.8246 63.5154 18.8302 63.5188Z" fill="white"/>
<path d="M25.3509 52.7522H6.92515C6.76577 52.7522 6.61292 52.6888 6.50023 52.5761C6.38753 52.4634 6.32422 52.3106 6.32422 52.1512C6.32422 51.9918 6.38753 51.839 6.50023 51.7263C6.61292 51.6136 6.76577 51.5503 6.92515 51.5503H25.3509C25.5103 51.5503 25.6632 51.6136 25.7759 51.7263C25.8885 51.839 25.9519 51.9918 25.9519 52.1512C25.9519 52.3106 25.8885 52.4634 25.7759 52.5761C25.6632 52.6888 25.5103 52.7522 25.3509 52.7522Z" fill="#E5E5E5"/>
<path d="M9.80619 55.1267H6.92392C6.76475 55.1264 6.61222 55.0629 6.49979 54.9503C6.38736 54.8376 6.32422 54.6849 6.32422 54.5258C6.32422 54.3666 6.38736 54.2139 6.49979 54.1013C6.61222 53.9886 6.76475 53.9251 6.92392 53.9248H9.80619C9.96536 53.9251 10.1179 53.9886 10.2303 54.1013C10.3427 54.2139 10.4059 54.3666 10.4059 54.5258C10.4059 54.6849 10.3427 54.8376 10.2303 54.9503C10.1179 55.0629 9.96536 55.1264 9.80619 55.1267Z" fill="#E5E5E5"/>
<path d="M14.9111 57.5017H6.92392C6.76475 57.5014 6.61222 57.4379 6.49979 57.3253C6.38736 57.2126 6.32422 57.0599 6.32422 56.9008C6.32422 56.7416 6.38736 56.5889 6.49979 56.4763C6.61222 56.3636 6.76475 56.3001 6.92392 56.2998H14.9111C15.0704 56.2998 15.2233 56.3631 15.336 56.4758C15.4487 56.5885 15.512 56.7414 15.512 56.9008C15.512 57.0601 15.4487 57.213 15.336 57.3257C15.2233 57.4384 15.0704 57.5017 14.9111 57.5017Z" fill="#E5E5E5"/>
<path d="M40.0524 67.9717C41.7044 65.3141 40.8892 61.8206 38.2317 60.1687C35.5741 58.5167 32.0806 59.3319 30.4286 61.9894C28.7767 64.6469 29.5919 68.1404 32.2494 69.7924C34.9069 71.4444 38.4004 70.6292 40.0524 67.9717Z" fill="#262626"/>
<path d="M85.757 57.2463H77.3784C77.1994 57.2467 77.0226 57.2065 76.8613 57.1289C76.7 57.0512 76.5584 56.938 76.4472 56.7978C76.3372 56.6611 76.2597 56.5014 76.2203 56.3305C76.1809 56.1596 76.1808 55.982 76.2199 55.811C77.0116 52.3164 76.9683 48.6844 76.0935 45.2097C76.0315 44.96 76.0525 44.6969 76.1535 44.4602C76.2545 44.2235 76.4299 44.0263 76.6531 43.8983C80.7233 41.5684 83.9462 41.6327 86.5061 44.095C86.6855 44.2706 86.8036 44.4993 86.843 44.7473C87.465 48.5461 87.495 52.4183 86.9321 56.2264C86.8927 56.5097 86.7519 56.7692 86.5358 56.9567C86.3198 57.1442 86.0431 57.2471 85.757 57.2463Z" fill="#D4D4D4"/>
<path d="M82.3921 49.3806H79.5099C79.3507 49.3803 79.1982 49.3168 79.0857 49.2042C78.9733 49.0915 78.9102 48.9388 78.9102 48.7797C78.9102 48.6205 78.9733 48.4678 79.0857 48.3552C79.1982 48.2425 79.3507 48.179 79.5099 48.1787H82.3921C82.5513 48.179 82.7038 48.2425 82.8163 48.3552C82.9287 48.4678 82.9918 48.6205 82.9918 48.7797C82.9918 48.9388 82.9287 49.0915 82.8163 49.2042C82.7038 49.3168 82.5513 49.3803 82.3921 49.3806Z" fill="white"/>
<path d="M85.9175 51.7561H79.5111C79.3517 51.7561 79.1989 51.6928 79.0862 51.5801C78.9735 51.4674 78.9102 51.3145 78.9102 51.1552C78.9102 50.9958 78.9735 50.8429 79.0862 50.7302C79.1989 50.6175 79.3517 50.5542 79.5111 50.5542H85.9175C86.0767 50.5545 86.2292 50.618 86.3417 50.7307C86.4541 50.8433 86.5172 50.996 86.5172 51.1552C86.5172 51.3143 86.4541 51.467 86.3417 51.5797C86.2292 51.6923 86.0767 51.7558 85.9175 51.7561Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,31 @@
<svg width="128" height="120" viewBox="0 0 128 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M94.6802 91.1239L30.1583 107.739C27.9696 108.3 25.6478 107.97 23.7022 106.821C21.7567 105.672 20.3462 103.799 19.7803 101.611L0.26717 25.8357C-0.293799 23.647 0.0363 21.3252 1.18505 19.3796C2.3338 17.434 4.20739 16.0236 6.39477 15.4577L66.4219 0L81.786 6.87801L100.808 80.7459C101.369 82.9345 101.039 85.2563 99.8899 87.2019C98.7412 89.1475 96.8676 90.5579 94.6802 91.1239Z" fill="#F5F5F5"/>
<path d="M7.01089 17.8335C5.45321 18.2365 4.11898 19.2409 3.30093 20.6264C2.48288 22.0119 2.24781 23.6653 2.64729 25.2239L22.1604 101C22.5634 102.557 23.5678 103.892 24.9533 104.71C26.3388 105.528 27.9922 105.763 29.5508 105.363L94.0727 88.7481C95.6304 88.3451 96.9646 87.3407 97.7827 85.9552C98.6007 84.5697 98.8358 82.9163 98.4363 81.3577L79.7092 8.63441L66.2069 2.58984L7.01089 17.8335Z" fill="white"/>
<path d="M81.6203 7.26892L71.6347 9.84033C70.9057 10.0281 70.132 9.9185 69.4838 9.53577C68.8356 9.15305 68.366 8.52849 68.1782 7.79951L66.279 0.424265C66.2707 0.391976 66.2717 0.357998 66.2818 0.326226C66.2919 0.294454 66.3108 0.266177 66.3362 0.244634C66.3617 0.223092 66.3927 0.209157 66.4257 0.204429C66.4587 0.199701 66.4923 0.20437 66.5228 0.217902L81.6481 6.93501C81.6817 6.94996 81.7099 6.97501 81.7287 7.0067C81.7475 7.03838 81.7559 7.07512 81.7528 7.11182C81.7498 7.14853 81.7354 7.18337 81.7117 7.21152C81.6879 7.23967 81.656 7.25973 81.6203 7.26892Z" fill="#F5F5F5"/>
<path d="M76.3638 71.9795L46.9879 79.5441C46.8074 79.5906 46.6196 79.6011 46.435 79.575C46.2505 79.5488 46.0729 79.4866 45.9124 79.3919C45.752 79.2971 45.6117 79.1717 45.4997 79.0227C45.3877 78.8738 45.3062 78.7042 45.2597 78.5237C45.2132 78.3433 45.2027 78.1554 45.2289 77.9709C45.255 77.7863 45.3172 77.6088 45.412 77.4483C45.5067 77.2878 45.6322 77.1476 45.7811 77.0356C45.9301 76.9236 46.0996 76.842 46.2801 76.7955L75.656 69.2309C75.8365 69.1844 76.0243 69.1739 76.2089 69.2001C76.3934 69.2262 76.571 69.2884 76.7315 69.3832C76.8919 69.4779 77.0322 69.6033 77.1442 69.7523C77.2562 69.9013 77.3377 70.0708 77.3842 70.2513C77.4307 70.4318 77.4412 70.6196 77.415 70.8041C77.3889 70.9887 77.3267 71.1662 77.2319 71.3267C77.1372 71.4872 77.0118 71.6274 76.8628 71.7394C76.7138 71.8514 76.5443 71.933 76.3638 71.9795Z" fill="#CCCCCC"/>
<path d="M83.236 75.1579L48.191 84.1824C47.8265 84.2762 47.4397 84.2215 47.1156 84.0301C46.7915 83.8387 46.5567 83.5265 46.4628 83.162C46.3689 82.7975 46.4237 82.4106 46.6151 82.0865C46.8065 81.7624 47.1187 81.5276 47.4832 81.4338L82.5282 72.4093C82.8925 72.3158 83.2791 72.3708 83.6029 72.5622C83.9268 72.7536 84.1614 73.0657 84.2552 73.43C84.349 73.7943 84.2943 74.1809 84.1032 74.5049C83.9121 74.8289 83.6002 75.0638 83.236 75.1579Z" fill="#CCCCCC"/>
<path d="M35.0003 88.6551C37.7705 88.6551 40.0162 86.4094 40.0162 83.6392C40.0162 80.869 37.7705 78.6233 35.0003 78.6233C32.2301 78.6233 29.9844 80.869 29.9844 83.6392C29.9844 86.4094 32.2301 88.6551 35.0003 88.6551Z" fill="#E5E5E5"/>
<path d="M73.2439 58.8528L34.2297 68.8957C33.1022 69.1846 31.9061 69.0144 30.9039 68.4225C29.9017 67.8307 29.1752 66.8654 28.8838 65.7386L20.7079 33.977C20.419 32.8495 20.5891 31.6534 21.181 30.6512C21.7729 29.649 22.7381 28.9225 23.865 28.6311L62.8791 18.5882C64.0067 18.2993 65.2027 18.4695 66.2049 19.0614C67.2072 19.6532 67.9337 20.6185 68.2251 21.7454L76.401 53.5069C76.6899 54.6344 76.5197 55.8304 75.9279 56.8327C75.336 57.8349 74.3707 58.5614 73.2439 58.8528Z" fill="white"/>
<path d="M73.2439 58.8528L34.2297 68.8957C33.1022 69.1846 31.9061 69.0144 30.9039 68.4225C29.9017 67.8307 29.1752 66.8654 28.8838 65.7386L20.7079 33.977C20.419 32.8495 20.5891 31.6534 21.181 30.6512C21.7729 29.649 22.7381 28.9225 23.865 28.6311L62.8791 18.5882C64.0067 18.2993 65.2027 18.4695 66.2049 19.0614C67.2072 19.6532 67.9337 20.6185 68.2251 21.7454L76.401 53.5069C76.6899 54.6344 76.5197 55.8304 75.9279 56.8327C75.336 57.8349 74.3707 58.5614 73.2439 58.8528ZM23.9937 29.1313C22.9995 29.3884 22.1478 30.0295 21.6255 30.9138C21.1033 31.7981 20.9531 32.8534 21.208 33.8483L29.384 65.6098C29.6411 66.6041 30.2821 67.4558 31.1665 67.978C32.0508 68.5002 33.1061 68.6504 34.101 68.3955L73.1151 58.3526C74.1094 58.0955 74.9611 57.4545 75.4834 56.5701C76.0056 55.6858 76.1557 54.6305 75.9008 53.6356L67.7249 21.8741C67.4678 20.8798 66.8267 20.0281 65.9424 19.5059C65.0581 18.9836 64.0027 18.8335 63.0079 19.0884L23.9937 29.1313Z" fill="#E5E5E5"/>
<path d="M60.904 29.2677L41.214 34.3362C41.0419 34.3842 40.8579 34.3651 40.6993 34.2828C40.5407 34.2004 40.4193 34.0608 40.3596 33.8924C40.3318 33.8044 40.3223 33.7116 40.3315 33.6198C40.3408 33.528 40.3687 33.439 40.4134 33.3583C40.4582 33.2776 40.519 33.2069 40.592 33.1505C40.665 33.094 40.7487 33.053 40.8381 33.03L60.8812 27.8706C61.6909 28.2808 61.4781 29.1199 60.904 29.2677Z" fill="#F5F5F5"/>
<path d="M61.7946 32.7213L42.1046 37.7898C41.9325 37.8378 41.7485 37.8187 41.5899 37.7364C41.4313 37.654 41.3099 37.5144 41.2502 37.346C41.2225 37.258 41.2129 37.1652 41.2222 37.0734C41.2314 36.9816 41.2593 36.8926 41.3041 36.8119C41.3488 36.7312 41.4096 36.6605 41.4826 36.6041C41.5556 36.5476 41.6394 36.5066 41.7287 36.4836L61.7719 31.3242C62.5815 31.7345 62.3687 32.5735 61.7946 32.7213Z" fill="#F5F5F5"/>
<path d="M63.5496 39.8075L33.4992 47.543C33.327 47.5911 33.1431 47.572 32.9845 47.4896C32.8259 47.4072 32.7044 47.2677 32.6448 47.0992C32.617 47.0112 32.6075 46.9184 32.6167 46.8266C32.626 46.7348 32.6538 46.6458 32.6986 46.5651C32.7434 46.4844 32.8041 46.4137 32.8771 46.3573C32.9501 46.3008 33.0339 46.2599 33.1233 46.2369L63.5271 38.4104C64.3368 38.8206 64.1237 39.6597 63.5496 39.8075Z" fill="#F5F5F5"/>
<path d="M64.4363 43.2623L34.3859 50.9978C34.2137 51.0459 34.0298 51.0268 33.8712 50.9444C33.7126 50.862 33.5912 50.7225 33.5315 50.554C33.5037 50.466 33.4942 50.3733 33.5034 50.2815C33.5127 50.1896 33.5405 50.1007 33.5853 50.02C33.6301 49.9393 33.6908 49.8685 33.7639 49.8121C33.8369 49.7557 33.9206 49.7147 34.01 49.6917L64.4139 41.8652C65.2235 42.2755 65.0105 43.1146 64.4363 43.2623Z" fill="#F5F5F5"/>
<path d="M65.327 46.715L35.2765 54.4505C35.1044 54.4985 34.9204 54.4794 34.7618 54.397C34.6032 54.3147 34.4818 54.1751 34.4221 54.0067C34.3943 53.9187 34.3848 53.8259 34.394 53.7341C34.4033 53.6423 34.4312 53.5533 34.4759 53.4726C34.5207 53.3919 34.5815 53.3212 34.6545 53.2647C34.7275 53.2083 34.8112 53.1673 34.9006 53.1443L65.3045 45.3179C66.1141 45.7281 65.9011 46.5672 65.327 46.715Z" fill="#F5F5F5"/>
<path d="M66.2176 50.1693L36.1671 57.9048C35.995 57.9529 35.811 57.9338 35.6524 57.8514C35.4938 57.769 35.3724 57.6295 35.3127 57.461C35.285 57.373 35.2754 57.2803 35.2847 57.1884C35.2939 57.0966 35.3218 57.0076 35.3666 56.9269C35.4113 56.8462 35.4721 56.7755 35.5451 56.7191C35.6181 56.6626 35.7019 56.6217 35.7912 56.5987L66.1951 48.7722C67.0048 49.1825 66.7917 50.0215 66.2176 50.1693Z" fill="#F5F5F5"/>
<path d="M67.1082 53.6225L37.0578 61.3579C36.8856 61.406 36.7017 61.3869 36.543 61.3045C36.3844 61.2221 36.263 61.0826 36.2034 60.9141C36.1756 60.8261 36.166 60.7334 36.1753 60.6416C36.1846 60.5497 36.2124 60.4608 36.2572 60.3801C36.302 60.2994 36.3627 60.2286 36.4357 60.1722C36.5087 60.1158 36.5925 60.0748 36.6818 60.0518L67.0857 52.2253C67.8954 52.6356 67.6823 53.4747 67.1082 53.6225Z" fill="#F5F5F5"/>
<path d="M35.3731 85.3974C35.2639 85.4257 35.1484 85.4177 35.0441 85.3747L35.0376 85.372L33.6712 84.7927C33.6078 84.7659 33.5503 84.7268 33.502 84.6777C33.4537 84.6286 33.4156 84.5705 33.3897 84.5067C33.3639 84.4428 33.351 84.3745 33.3516 84.3056C33.3522 84.2368 33.3664 84.1687 33.3933 84.1053C33.4203 84.042 33.4595 83.9845 33.5086 83.9363C33.5578 83.8881 33.616 83.8501 33.6799 83.8243C33.7437 83.7986 33.8121 83.7858 33.8809 83.7865C33.9498 83.7872 34.0178 83.8015 34.0812 83.8286L34.9666 84.2052L36.1269 81.4757C36.1538 81.4124 36.1929 81.3551 36.242 81.3069C36.291 81.2587 36.3491 81.2207 36.4129 81.195C36.4767 81.1693 36.5449 81.1564 36.6136 81.157C36.6824 81.1576 36.7504 81.1718 36.8136 81.1987L36.8068 81.2167L36.8141 81.1987C36.9418 81.2532 37.0427 81.3562 37.0946 81.4849C37.1465 81.6137 37.1452 81.7578 37.091 81.8857L35.726 85.0949C35.6943 85.1689 35.6461 85.2346 35.5849 85.2869C35.5238 85.3393 35.4514 85.3768 35.3734 85.3967L35.3731 85.3974Z" fill="white"/>
<path d="M119.422 120H52.7955C50.5361 119.998 48.3699 119.099 46.7723 117.501C45.1747 115.904 44.276 113.738 44.2734 111.478V33.2303C44.276 30.9709 45.1747 28.8048 46.7723 27.2071C48.3699 25.6095 50.5361 24.7108 52.7955 24.7083H114.781L127.944 35.2004V111.478C127.942 113.738 127.043 115.904 125.446 117.501C123.848 119.099 121.682 119.998 119.422 120Z" fill="#E5E5E5"/>
<path d="M52.7992 27.1616C51.1902 27.1634 49.6477 27.8034 48.51 28.9411C47.3722 30.0788 46.7323 31.6214 46.7305 33.2303V111.478C46.7323 113.087 47.3722 114.63 48.51 115.767C49.6477 116.905 51.1902 117.545 52.7992 117.547H119.426C121.035 117.545 122.578 116.905 123.715 115.767C124.853 114.63 125.493 113.087 125.495 111.478V36.3824L113.926 27.1616H52.7992Z" fill="white"/>
<path d="M106.468 49.914H76.134C75.7576 49.914 75.3966 49.7645 75.1305 49.4983C74.8644 49.2322 74.7148 48.8712 74.7148 48.4948C74.7148 48.1184 74.8644 47.7575 75.1305 47.4913C75.3966 47.2252 75.7576 47.0757 76.134 47.0757H106.468C106.845 47.0757 107.206 47.2252 107.472 47.4913C107.738 47.7575 107.887 48.1184 107.887 48.4948C107.887 48.8712 107.738 49.2322 107.472 49.4983C107.206 49.7645 106.845 49.914 106.468 49.914Z" fill="#3F76FF"/>
<path d="M112.324 54.7035H76.136C75.7599 54.703 75.3995 54.5533 75.1337 54.2872C74.868 54.0211 74.7188 53.6604 74.7188 53.2844C74.7188 52.9083 74.868 52.5477 75.1337 52.2816C75.3995 52.0155 75.7599 51.8657 76.136 51.8652H112.324C112.511 51.865 112.696 51.9015 112.868 51.9727C113.04 52.0439 113.197 52.1484 113.329 52.2802C113.461 52.412 113.566 52.5685 113.637 52.7409C113.709 52.9132 113.745 53.0979 113.745 53.2844C113.745 53.4709 113.709 53.6556 113.637 53.8279C113.566 54.0002 113.461 54.1567 113.329 54.2885C113.197 54.4204 113.04 54.5248 112.868 54.5961C112.696 54.6673 112.511 54.7038 112.324 54.7035Z" fill="#3F76FF"/>
<path d="M106.467 68.5391H76.1339C75.7575 68.5391 75.3966 68.6886 75.1305 68.9547C74.8643 69.2208 74.7148 69.5818 74.7148 69.9581C74.7148 70.3345 74.8643 70.6954 75.1305 70.9615C75.3966 71.2277 75.7575 71.3772 76.1339 71.3772H106.467C106.844 71.3772 107.204 71.2277 107.471 70.9615C107.737 70.6954 107.886 70.3345 107.886 69.9581C107.886 69.5818 107.737 69.2208 107.471 68.9547C107.204 68.6886 106.844 68.5391 106.467 68.5391Z" fill="#CCCCCC"/>
<path d="M112.322 73.3296H76.1339C75.7575 73.3296 75.3966 73.4791 75.1305 73.7452C74.8643 74.0113 74.7148 74.3723 74.7148 74.7486C74.7148 75.125 74.8643 75.4859 75.1305 75.7521C75.3966 76.0182 75.7575 76.1677 76.1339 76.1677H112.322C112.698 76.1677 113.059 76.0182 113.325 75.7521C113.591 75.4859 113.741 75.125 113.741 74.7486C113.741 74.3723 113.591 74.0113 113.325 73.7452C113.059 73.4791 112.698 73.3296 112.322 73.3296Z" fill="#CCCCCC"/>
<path d="M106.468 92.8427H76.134C75.7576 92.8427 75.3966 92.6932 75.1305 92.427C74.8644 92.1609 74.7148 91.7999 74.7148 91.4235C74.7148 91.0472 74.8644 90.6862 75.1305 90.4201C75.3966 90.1539 75.7576 90.0044 76.134 90.0044H106.468C106.845 90.0044 107.206 90.1539 107.472 90.4201C107.738 90.6862 107.887 91.0472 107.887 91.4235C107.887 91.7999 107.738 92.1609 107.472 92.427C107.206 92.6932 106.845 92.8427 106.468 92.8427Z" fill="#CCCCCC"/>
<path d="M112.324 97.6327H76.136C75.7599 97.6322 75.3995 97.4825 75.1337 97.2164C74.868 96.9503 74.7188 96.5896 74.7188 96.2136C74.7188 95.8375 74.868 95.4769 75.1337 95.2108C75.3995 94.9447 75.7599 94.7949 76.136 94.7944H112.324C112.511 94.7942 112.696 94.8307 112.868 94.9019C113.04 94.9731 113.197 95.0776 113.329 95.2094C113.461 95.3412 113.566 95.4978 113.637 95.6701C113.709 95.8424 113.745 96.0271 113.745 96.2136C113.745 96.4001 113.709 96.5848 113.637 96.7571C113.566 96.9294 113.461 97.0859 113.329 97.2178C113.197 97.3496 113.04 97.454 112.868 97.5253C112.696 97.5965 112.511 97.633 112.324 97.6327Z" fill="#CCCCCC"/>
<path d="M63.5003 55.9056C66.2705 55.9056 68.5162 53.6599 68.5162 50.8897C68.5162 48.1195 66.2705 45.8738 63.5003 45.8738C60.7301 45.8738 58.4844 48.1195 58.4844 50.8897C58.4844 53.6599 60.7301 55.9056 63.5003 55.9056Z" fill="#3F76FF"/>
<path d="M63.0003 52.8029C62.8874 52.8031 62.7776 52.7666 62.6873 52.6989L62.6817 52.6947L61.5029 51.7929C61.4481 51.7511 61.4022 51.6989 61.3676 51.6393C61.333 51.5798 61.3106 51.5139 61.3015 51.4456C61.2924 51.3774 61.2968 51.308 61.3146 51.2414C61.3324 51.1748 61.3631 51.1124 61.405 51.0578C61.4469 51.0031 61.4992 50.9572 61.5589 50.9228C61.6185 50.8884 61.6844 50.866 61.7527 50.8571C61.821 50.8481 61.8904 50.8527 61.9569 50.8706C62.0234 50.8886 62.0858 50.9194 62.1403 50.9614L62.9039 51.547L64.7082 49.1931C64.75 49.1385 64.8022 49.0927 64.8617 49.0583C64.9212 49.0239 64.987 49.0016 65.0552 48.9925C65.1233 48.9835 65.1926 48.988 65.259 49.0058C65.3255 49.0236 65.3877 49.0543 65.4423 49.0961L65.4313 49.1118L65.4428 49.0962C65.5529 49.1808 65.6249 49.3057 65.6431 49.4433C65.6612 49.581 65.624 49.7203 65.5396 49.8305L63.4174 52.598C63.3683 52.6617 63.3052 52.7133 63.2329 52.7488C63.1607 52.7842 63.0812 52.8025 63.0007 52.8023L63.0003 52.8029Z" fill="white"/>
<path d="M69.0312 72.354C69.0315 73.0128 68.9019 73.6651 68.65 74.2739C68.3981 74.8826 68.0288 75.4357 67.5631 75.9016C67.0973 76.3676 66.5444 76.7372 65.9358 76.9895C65.3272 77.2417 64.6749 77.3716 64.0161 77.3716C63.973 77.3725 63.9299 77.3708 63.887 77.3665C62.9008 77.3412 61.9439 77.0256 61.1361 76.4592C60.3283 75.8928 59.7055 75.1007 59.3456 74.1821C58.9857 73.2635 58.9047 72.2592 59.1128 71.2948C59.3209 70.3304 59.8087 69.4488 60.5153 68.7603C61.2219 68.0718 62.1159 67.6069 63.0853 67.4239C64.0548 67.241 65.0567 67.3479 65.9657 67.7315C66.8746 68.1151 67.6503 68.7582 68.1956 69.5804C68.7408 70.4026 69.0315 71.3674 69.0312 72.354Z" fill="#CCCCCC"/>
<path d="M63.5003 98.8348C66.2705 98.8348 68.5162 96.5891 68.5162 93.8189C68.5162 91.0487 66.2705 88.803 63.5003 88.803C60.7301 88.803 58.4844 91.0487 58.4844 93.8189C58.4844 96.5891 60.7301 98.8348 63.5003 98.8348Z" fill="#CCCCCC"/>
<path d="M127.689 35.5378H117.377C116.625 35.5378 115.903 35.2388 115.37 34.7065C114.838 34.1742 114.539 33.4523 114.539 32.6995V25.0836C114.539 25.0503 114.548 25.0176 114.566 24.9894C114.584 24.9611 114.609 24.9385 114.639 24.9239C114.669 24.9094 114.703 24.9037 114.736 24.9073C114.769 24.911 114.8 24.9239 114.827 24.9446L127.799 35.2214C127.828 35.2442 127.849 35.2755 127.859 35.3109C127.869 35.3462 127.868 35.3839 127.856 35.4187C127.844 35.4535 127.822 35.4837 127.792 35.505C127.762 35.5263 127.726 35.5378 127.689 35.5378Z" fill="#CCCCCC"/>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -0,0 +1,15 @@
<svg width="97" height="110" viewBox="0 0 97 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M86.748 110H9.8374C7.22926 109.997 4.72879 108.96 2.88456 107.115C1.04033 105.271 0.00294615 102.771 0 100.163V9.8374C0.00294615 7.22926 1.04033 4.72879 2.88456 2.88456C4.72879 1.04033 7.22926 0.00294615 9.8374 0H81.3901L96.5854 12.1116V100.163C96.5824 102.771 95.545 105.271 93.7008 107.115C91.8566 108.96 89.3561 109.997 86.748 110Z" fill="#E5E5E5"/>
<path d="M9.83745 2.83199C7.98014 2.83409 6.1995 3.57283 4.88618 4.88615C3.57287 6.19946 2.83412 7.9801 2.83203 9.83741V100.163C2.83412 102.02 3.57287 103.801 4.88618 105.114C6.1995 106.427 7.98014 107.166 9.83745 107.168H86.748C88.6053 107.166 90.386 106.427 91.6993 105.114C93.0126 103.801 93.7514 102.02 93.7534 100.163V13.4759L80.3996 2.83199H9.83745Z" fill="white"/>
<path d="M71.7873 29.0961H36.771C36.5559 29.0961 36.3428 29.0538 36.1441 28.9714C35.9453 28.8891 35.7647 28.7685 35.6126 28.6163C35.4605 28.4642 35.3398 28.2836 35.2575 28.0849C35.1752 27.8861 35.1328 27.6731 35.1328 27.458C35.1328 27.2428 35.1752 27.0298 35.2575 26.8311C35.3398 26.6323 35.4605 26.4517 35.6126 26.2996C35.7647 26.1475 35.9453 26.0268 36.1441 25.9445C36.3428 25.8621 36.5559 25.8198 36.771 25.8198H71.7873C72.0024 25.8198 72.2155 25.8621 72.4142 25.9445C72.613 26.0268 72.7936 26.1475 72.9457 26.2996C73.0978 26.4517 73.2185 26.6323 73.3008 26.8311C73.3831 27.0298 73.4255 27.2428 73.4255 27.458C73.4255 27.6731 73.3831 27.8861 73.3008 28.0849C73.2185 28.2836 73.0978 28.4642 72.9457 28.6163C72.7936 28.7685 72.613 28.8891 72.4142 28.9714C72.2155 29.0538 72.0024 29.0961 71.7873 29.0961Z" fill="#D4D4D4"/>
<path d="M78.5448 34.625H36.771C36.3365 34.625 35.9198 34.4524 35.6126 34.1452C35.3054 33.838 35.1328 33.4213 35.1328 32.9868C35.1328 32.5523 35.3054 32.1356 35.6126 31.8284C35.9198 31.5212 36.3365 31.3486 36.771 31.3486H78.5448C78.9793 31.3486 79.396 31.5212 79.7032 31.8284C80.0104 32.1356 80.183 32.5523 80.183 32.9868C80.183 33.4213 80.0104 33.838 79.7032 34.1452C79.396 34.4524 78.9793 34.625 78.5448 34.625Z" fill="#D4D4D4"/>
<path d="M71.7873 53.8737H36.771C36.3365 53.8737 35.9198 53.7011 35.6126 53.3939C35.3054 53.0867 35.1328 52.67 35.1328 52.2355C35.1328 51.8011 35.3054 51.3844 35.6126 51.0772C35.9198 50.77 36.3365 50.5974 36.771 50.5974H71.7873C72.2218 50.5974 72.6385 50.77 72.9457 51.0772C73.2529 51.3844 73.4255 51.8011 73.4255 52.2355C73.4255 52.67 73.2529 53.0867 72.9457 53.3939C72.6385 53.7011 72.2218 53.8737 71.7873 53.8737Z" fill="#D4D4D4"/>
<path d="M78.5448 59.4026H36.771C36.3365 59.4026 35.9198 59.23 35.6126 58.9228C35.3054 58.6156 35.1328 58.1989 35.1328 57.7644C35.1328 57.33 35.3054 56.9133 35.6126 56.6061C35.9198 56.2988 36.3365 56.1263 36.771 56.1263H78.5448C78.9793 56.1263 79.396 56.2988 79.7032 56.6061C80.0104 56.9133 80.183 57.33 80.183 57.7644C80.183 58.1989 80.0104 58.6156 79.7032 58.9228C79.396 59.23 78.9793 59.4026 78.5448 59.4026Z" fill="#D4D4D4"/>
<path d="M71.7873 78.6514H36.771C36.3365 78.6514 35.9198 78.4788 35.6126 78.1716C35.3054 77.8643 35.1328 77.4477 35.1328 77.0132C35.1328 76.5787 35.3054 76.162 35.6126 75.8548C35.9198 75.5476 36.3365 75.375 36.771 75.375H71.7873C72.2218 75.375 72.6385 75.5476 72.9457 75.8548C73.2529 76.162 73.4255 76.5787 73.4255 77.0132C73.4255 77.4477 73.2529 77.8643 72.9457 78.1716C72.6385 78.4788 72.2218 78.6514 71.7873 78.6514Z" fill="#D4D4D4"/>
<path d="M78.5448 84.1803H36.771C36.3365 84.1803 35.9198 84.0077 35.6126 83.7004C35.3054 83.3932 35.1328 82.9766 35.1328 82.5421C35.1328 82.1076 35.3054 81.6909 35.6126 81.3837C35.9198 81.0765 36.3365 80.9039 36.771 80.9039H78.5448C78.9793 80.9039 79.396 81.0765 79.7032 81.3837C80.0104 81.6909 80.183 82.1076 80.183 82.5421C80.183 82.9766 80.0104 83.3932 79.7032 83.7004C79.396 84.0077 78.9793 84.1803 78.5448 84.1803Z" fill="#D4D4D4"/>
<path d="M22.1846 36.0125C25.3824 36.0125 27.9747 33.4202 27.9747 30.2224C27.9747 27.0246 25.3824 24.4323 22.1846 24.4323C18.9868 24.4323 16.3945 27.0246 16.3945 30.2224C16.3945 33.4202 18.9868 36.0125 22.1846 36.0125Z" fill="#3F76FF"/>
<path d="M21.6211 32.4311C21.4909 32.4314 21.3641 32.3892 21.2598 32.3111L21.2534 32.3062L19.8926 31.2653C19.7655 31.1677 19.6823 31.0236 19.6614 30.8646C19.6405 30.7057 19.6835 30.545 19.781 30.4178C19.8786 30.2906 20.0226 30.2073 20.1815 30.1862C20.3404 30.1652 20.5012 30.2081 20.6285 30.3055L21.5098 30.9814L23.5926 28.2642C23.6409 28.2012 23.7011 28.1483 23.7698 28.1086C23.8386 28.0689 23.9145 28.0431 23.9932 28.0327C24.0718 28.0223 24.1518 28.0275 24.2285 28.048C24.3052 28.0685 24.3771 28.1039 24.4401 28.1522L24.4273 28.1703L24.4406 28.1524C24.5677 28.2501 24.6508 28.3942 24.6718 28.5531C24.6928 28.712 24.6498 28.8727 24.5524 29L22.1026 32.1946C22.046 32.2682 21.9731 32.3278 21.8897 32.3687C21.8063 32.4096 21.7145 32.4307 21.6216 32.4304L21.6211 32.4311Z" fill="white"/>
<path d="M22.7823 60.7901C25.9801 60.7901 28.5724 58.1978 28.5724 55C28.5724 51.8022 25.9801 49.2099 22.7823 49.2099C19.5845 49.2099 16.9922 51.8022 16.9922 55C16.9922 58.1978 19.5845 60.7901 22.7823 60.7901Z" fill="#D4D4D4"/>
<path d="M22.1846 85.5677C25.3824 85.5677 27.9747 82.9754 27.9747 79.7776C27.9747 76.5798 25.3824 73.9875 22.1846 73.9875C18.9868 73.9875 16.3945 76.5798 16.3945 79.7776C16.3945 82.9754 18.9868 85.5677 22.1846 85.5677Z" fill="#D4D4D4"/>
<path d="M96.2887 12.5014H84.3857C83.5168 12.5014 82.6834 12.1562 82.069 11.5418C81.4546 10.9273 81.1094 10.094 81.1094 9.22501V0.433652C81.1094 0.395162 81.1202 0.357449 81.1407 0.324842C81.1611 0.292236 81.1904 0.266054 81.225 0.249298C81.2597 0.232542 81.2983 0.22589 81.3366 0.230107C81.3748 0.234324 81.4111 0.249237 81.4413 0.273137L96.4158 12.1361C96.4492 12.1625 96.4735 12.1986 96.4853 12.2394C96.4972 12.2803 96.4961 12.3238 96.4821 12.3639C96.4681 12.4041 96.442 12.4389 96.4073 12.4635C96.3727 12.4882 96.3312 12.5014 96.2887 12.5014Z" fill="#E5E5E5"/>
</svg>

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@ -0,0 +1,21 @@
<svg width="145" height="140" viewBox="0 0 145 140" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M80.0936 50.2539H48.8101C48.1252 50.256 47.4489 50.1018 46.8326 49.8031C46.2163 49.5045 45.6762 49.0691 45.2535 48.5303C44.8231 47.9864 44.5225 47.3514 44.3745 46.6738C44.2265 45.9961 44.2352 45.2936 44.3997 44.6198C47.2829 32.5432 47.2828 19.9576 44.3995 7.88101C44.2351 7.20721 44.2266 6.50478 44.3745 5.82718C44.5225 5.14958 44.8231 4.51466 45.2534 3.97073C45.6761 3.43186 46.2162 2.99651 46.8325 2.69783C47.4489 2.39914 48.1252 2.24498 48.8101 2.24709H80.0936C81.1737 2.2502 82.2176 2.63659 83.0395 3.33747C83.8613 4.03834 84.4076 5.00817 84.5812 6.07424C86.6401 19.4463 86.6401 33.0547 84.5812 46.4268C84.4076 47.4928 83.8613 48.4627 83.0395 49.1636C82.2176 49.8644 81.1737 50.2508 80.0936 50.2539Z" fill="#E5E5E5"/>
<path d="M48.8067 4.60109C48.4778 4.59998 48.153 4.67391 47.8569 4.81724C47.5609 4.96058 47.3015 5.16954 47.0984 5.42824C46.8892 5.69329 46.7433 6.00256 46.6716 6.33251C46.6 6.66246 46.6046 7.0044 46.685 7.33233C49.6545 19.7697 49.6545 32.7315 46.6852 45.1689C46.6047 45.4968 46.6001 45.8387 46.6717 46.1685C46.7432 46.4984 46.8891 46.8077 47.0983 47.0726C47.3013 47.3314 47.5609 47.5406 47.8569 47.684C48.1529 47.8273 48.4778 47.9013 48.8067 47.9002H80.0902C80.6089 47.9004 81.1108 47.7164 81.5066 47.3811C81.9023 47.0458 82.1663 46.5809 82.2513 46.0693C84.2736 32.9342 84.2736 19.567 82.2513 6.432C82.1663 5.92031 81.9023 5.45543 81.5066 5.12014C81.1108 4.78484 80.6089 4.60091 80.0902 4.60108L48.8067 4.60109Z" fill="white"/>
<path d="M73.2662 15.9196H56.8499C56.2258 15.9189 55.6275 15.6707 55.1863 15.2295C54.745 14.7882 54.4968 14.1899 54.4961 13.5658V12.646C54.4968 12.022 54.745 11.4237 55.1863 10.9824C55.6275 10.5411 56.2258 10.2929 56.8499 10.2922H73.2662C73.8902 10.2929 74.4885 10.5411 74.9298 10.9824C75.371 11.4237 75.6193 12.022 75.6199 12.646V13.5659C75.6192 14.1899 75.371 14.7882 74.9298 15.2295C74.4885 15.6707 73.8902 15.9189 73.2662 15.9196Z" fill="#E5E5E5"/>
<path d="M73.2662 27.5422H56.8499C56.2258 27.5415 55.6275 27.2933 55.1863 26.852C54.745 26.4107 54.4968 25.8124 54.4961 25.1884V24.2686C54.4968 23.6445 54.745 23.0462 55.1863 22.6049C55.6275 22.1637 56.2258 21.9155 56.8499 21.9148H73.2662C73.8902 21.9155 74.4885 22.1637 74.9298 22.6049C75.371 23.0462 75.6193 23.6445 75.6199 24.2686V25.1884C75.6193 25.8124 75.371 26.4107 74.9298 26.852C74.4885 27.2933 73.8902 27.5415 73.2662 27.5422Z" fill="#E5E5E5"/>
<path d="M73.2662 39.1645H56.8499C56.2258 39.1638 55.6275 38.9156 55.1863 38.4743C54.745 38.0331 54.4968 37.4348 54.4961 36.8107V35.8909C54.4968 35.2668 54.745 34.6685 55.1863 34.2273C55.6275 33.786 56.2258 33.5378 56.8499 33.5371H73.2662C73.8902 33.5378 74.4885 33.786 74.9298 34.2273C75.371 34.6685 75.6193 35.2668 75.6199 35.8909V36.8107C75.6193 37.4347 75.371 38.0331 74.9298 38.4743C74.4885 38.9156 73.8902 39.1638 73.2662 39.1645Z" fill="#E5E5E5"/>
<path d="M138.937 80.0698H107.654C106.969 80.0719 106.293 79.9177 105.676 79.6191C105.06 79.3204 104.52 78.8851 104.097 78.3462C103.667 77.8023 103.366 77.1673 103.218 76.4897C103.07 75.812 103.079 75.1096 103.243 74.4357C106.127 62.3592 106.127 49.7735 103.243 37.6969C103.079 37.0231 103.07 36.3207 103.218 35.6431C103.366 34.9655 103.667 34.3306 104.097 33.7867C104.52 33.2478 105.06 32.8124 105.676 32.5137C106.293 32.2151 106.969 32.0609 107.654 32.063H138.937C140.017 32.0661 141.061 32.4525 141.883 33.1534C142.705 33.8543 143.251 34.8241 143.425 35.8902C145.484 49.2622 145.484 62.8706 143.425 76.2427C143.251 77.3088 142.705 78.2786 141.883 78.9795C141.061 79.6803 140.017 80.0667 138.937 80.0698Z" fill="#E5E5E5"/>
<path d="M107.65 34.4168C107.322 34.4157 106.997 34.4896 106.701 34.6329C106.405 34.7762 106.145 34.9852 105.942 35.2439C105.733 35.509 105.587 35.8182 105.515 36.1482C105.444 36.4781 105.448 36.8201 105.529 37.148C108.498 49.5854 108.498 62.5472 105.529 74.9846C105.448 75.3124 105.444 75.6543 105.515 75.9842C105.587 76.3141 105.733 76.6233 105.942 76.8883C106.145 77.1471 106.405 77.3563 106.701 77.4997C106.997 77.643 107.322 77.717 107.65 77.7159H138.934C139.453 77.716 139.955 77.5321 140.35 77.1968C140.746 76.8615 141.01 76.3966 141.095 75.8849C143.117 62.7499 143.117 49.3827 141.095 36.2477C141.01 35.736 140.746 35.2711 140.35 34.9358C139.955 34.6005 139.453 34.4166 138.934 34.4167L107.65 34.4168Z" fill="white"/>
<path d="M76.5633 114.005H45.2798C44.5652 114.007 43.8596 113.846 43.2166 113.535C42.5736 113.223 42.0102 112.769 41.5692 112.207C41.1204 111.639 40.8069 110.977 40.6525 110.271C40.4982 109.564 40.5071 108.831 40.6786 108.129C43.5546 96.0824 43.5546 83.528 40.6784 71.4816C40.507 70.779 40.4982 70.0465 40.6525 69.3399C40.8068 68.6333 41.1203 67.9713 41.5691 67.4041C42.0101 66.8419 42.5736 66.3877 43.2166 66.0761C43.8596 65.7644 44.5652 65.6036 45.2798 65.6057H76.5633C77.6901 65.6091 78.7792 66.0124 79.6366 66.7437C80.4939 67.475 81.0638 68.4869 81.2448 69.5992C83.3067 82.991 83.3067 96.6196 81.2448 110.011C81.0638 111.124 80.4939 112.136 79.6366 112.867C78.7792 113.598 77.6901 114.002 76.5633 114.005Z" fill="#F5F5F5"/>
<path d="M132.11 51.6198H115.694C115.07 51.6191 114.471 51.3709 114.03 50.9297C113.589 50.4884 113.341 49.8901 113.34 49.266V48.3462C113.341 47.7222 113.589 47.1239 114.03 46.6826C114.471 46.2413 115.07 45.9931 115.694 45.9924H132.11C132.734 45.9931 133.332 46.2413 133.774 46.6826C134.215 47.1239 134.463 47.7222 134.464 48.3462V49.2661C134.463 49.8901 134.215 50.4884 133.774 50.9297C133.332 51.3709 132.734 51.6191 132.11 51.6198Z" fill="#E5E5E5"/>
<path d="M132.11 63.2424H115.694C115.07 63.2417 114.471 62.9935 114.03 62.5522C113.589 62.1109 113.341 61.5126 113.34 60.8886V59.9688C113.341 59.3447 113.589 58.7464 114.03 58.3051C114.471 57.8639 115.07 57.6157 115.694 57.615H132.11C132.734 57.6157 133.332 57.8639 133.774 58.3051C134.215 58.7464 134.463 59.3447 134.464 59.9688V60.8886C134.463 61.5126 134.215 62.1109 133.774 62.5522C133.332 62.9935 132.734 63.2417 132.11 63.2424Z" fill="#E5E5E5"/>
<path d="M61.0036 98.6664C65.987 98.6664 70.0268 94.6266 70.0268 89.6433C70.0268 84.6599 65.987 80.6201 61.0036 80.6201C56.0203 80.6201 51.9805 84.6599 51.9805 89.6433C51.9805 94.6266 56.0203 98.6664 61.0036 98.6664Z" fill="white"/>
<path d="M65.3195 88.4663H62.181V85.3278C62.181 85.0157 62.057 84.7163 61.8363 84.4956C61.6156 84.2749 61.3162 84.1509 61.0041 84.1509C60.6919 84.1509 60.3926 84.2749 60.1719 84.4956C59.9511 84.7163 59.8271 85.0157 59.8271 85.3278V88.4663H56.6887C56.3765 88.4663 56.0771 88.5903 55.8564 88.811C55.6357 89.0317 55.5117 89.3311 55.5117 89.6432C55.5117 89.9554 55.6357 90.2547 55.8564 90.4755C56.0771 90.6962 56.3765 90.8202 56.6887 90.8202H59.8271V93.9587C59.8271 94.2708 59.9511 94.5702 60.1719 94.7909C60.3926 95.0116 60.6919 95.1356 61.0041 95.1356C61.3162 95.1356 61.6156 95.0116 61.8363 94.7909C62.057 94.5702 62.181 94.2708 62.181 93.9587V90.8202H65.3195C65.6317 90.8202 65.931 90.6962 66.1517 90.4755C66.3725 90.2547 66.4964 89.9554 66.4964 89.6432C66.4964 89.3311 66.3725 89.0317 66.1517 88.811C65.931 88.5903 65.6317 88.4663 65.3195 88.4663Z" fill="#E5E5E5"/>
<path d="M72.3792 6.6693H55.9021C55.4341 6.66877 54.9853 6.4826 54.6544 6.15164C54.3234 5.82068 54.1372 5.37195 54.1367 4.90389V1.7654C54.1372 1.29735 54.3234 0.848619 54.6544 0.517657C54.9853 0.186694 55.4341 0.000527486 55.9021 0H72.3792C72.8473 0.000527486 73.296 0.186694 73.6269 0.517657C73.9579 0.848619 74.1441 1.29735 74.1446 1.7654V4.90389C74.1441 5.37195 73.9579 5.82068 73.6269 6.15164C73.296 6.4826 72.8473 6.66877 72.3792 6.6693Z" fill="#CCCCCC"/>
<path d="M132.02 36.8773H115.543C115.075 36.8768 114.626 36.6906 114.295 36.3596C113.964 36.0287 113.778 35.58 113.777 35.1119V31.9734C113.778 31.5054 113.964 31.0566 114.295 30.7257C114.626 30.3947 115.075 30.2085 115.543 30.208H132.02C132.488 30.2085 132.937 30.3947 133.268 30.7257C133.599 31.0566 133.785 31.5054 133.785 31.9734V35.1119C133.785 35.58 133.599 36.0287 133.268 36.3596C132.937 36.6906 132.488 36.8768 132.02 36.8773Z" fill="#CCCCCC"/>
<path d="M31.6843 139.656L2.79513 127.653C2.16188 127.392 1.59648 126.99 1.14194 126.478C0.687406 125.965 0.35571 125.356 0.172095 124.696C-0.0166774 124.029 -0.0506717 123.327 0.0726878 122.645C0.196047 121.962 0.47351 121.317 0.883962 120.758C8.18011 110.712 13.009 99.0892 14.9799 86.8306C15.0866 86.1453 15.3482 85.4934 15.7449 84.9244C16.1415 84.3555 16.6627 83.8845 17.2688 83.5473C17.8659 83.2118 18.5317 83.017 19.2155 82.9777C19.8992 82.9383 20.5829 83.0555 21.2146 83.3202L50.1038 95.3232C51.1 95.7404 51.9158 96.4978 52.4058 97.4604C52.8958 98.4229 53.0283 99.5281 52.7796 100.579C49.5502 113.718 44.3289 126.285 37.2969 137.843C36.7276 138.761 35.8509 139.447 34.8231 139.779C33.7952 140.111 32.6829 140.067 31.6843 139.656Z" fill="#E5E5E5"/>
<path d="M20.3118 85.494C20.0085 85.3668 19.6801 85.3104 19.3518 85.3292C19.0234 85.348 18.7036 85.4414 18.4168 85.6024C18.122 85.7669 17.8685 85.9965 17.6758 86.2737C17.483 86.551 17.3561 86.8685 17.3045 87.2022C15.2747 99.827 10.3015 111.797 2.78737 122.143C2.58727 122.415 2.45183 122.729 2.39136 123.061C2.33089 123.393 2.34699 123.735 2.43843 124.059C2.52665 124.376 2.68612 124.669 2.90448 124.915C3.12283 125.161 3.39442 125.354 3.69858 125.479L32.5878 137.482C33.0667 137.681 33.6008 137.704 34.0949 137.546C34.5891 137.388 35.0111 137.06 35.286 136.621C42.1932 125.267 47.322 112.923 50.4942 100.017C50.612 99.5118 50.5466 98.9812 50.3098 98.5198C50.073 98.0583 49.68 97.6958 49.2009 97.497L20.3118 85.494Z" fill="white"/>
<path d="M35.6957 112.213L20.5358 105.915C19.9598 105.675 19.5025 105.216 19.2643 104.639C19.0261 104.062 19.0265 103.414 19.2653 102.838L19.6182 101.988C19.8583 101.412 20.317 100.955 20.8938 100.717C21.4707 100.479 22.1184 100.479 22.695 100.718L37.8548 107.017C38.4308 107.257 38.8881 107.715 39.1263 108.292C39.3645 108.869 39.3641 109.517 39.1253 110.093L38.7724 110.943C38.5323 111.519 38.0736 111.976 37.4968 112.214C36.92 112.452 36.2722 112.452 35.6957 112.213Z" fill="#3F76FF"/>
<path d="M31.2387 122.946L16.0788 116.648C15.5027 116.408 15.0455 115.949 14.8073 115.372C14.5691 114.795 14.5695 114.148 14.8083 113.571L15.1612 112.722C15.4013 112.146 15.86 111.688 16.4368 111.45C17.0136 111.212 17.6614 111.212 18.2379 111.451L33.3978 117.75C33.9738 117.99 34.4311 118.449 34.6693 119.025C34.9075 119.602 34.9071 120.25 34.6683 120.826L34.3154 121.676C34.0753 122.252 33.6166 122.709 33.0398 122.947C32.463 123.186 31.8152 123.185 31.2387 122.946Z" fill="#3F76FF"/>
<path d="M41.7713 97.1291C41.5444 97.1289 41.3196 97.0848 41.1094 96.9994L25.8336 90.8233C25.3998 90.6474 25.0536 90.3066 24.8708 89.8758C24.688 89.4449 24.6836 88.9591 24.8585 88.525L26.035 85.6153C26.2105 85.1812 26.5513 84.8347 26.9823 84.6519C27.4133 84.4691 27.8993 84.4649 28.3334 84.6404L43.6092 90.8164C44.0429 90.9924 44.3892 91.3331 44.5719 91.764C44.7547 92.1949 44.7592 92.6806 44.5843 93.1148L43.4078 96.0245C43.2756 96.3504 43.0494 96.6295 42.7579 96.8262C42.4664 97.023 42.123 97.1284 41.7713 97.1291Z" fill="#CCCCCC"/>
</svg>

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,23 @@
<svg width="248" height="138" viewBox="0 0 248 138" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M240.118 0.431519H7.28681C5.35488 0.433631 3.50268 1.20203 2.1366 2.56811C0.770513 3.9342 0.00211246 5.7864 0 7.71833V130.553C0.00211246 132.485 0.770513 134.337 2.1366 135.703C3.50268 137.069 5.35488 137.838 7.28681 137.84H240.118C242.05 137.838 243.902 137.069 245.268 135.703C246.634 134.337 247.402 132.485 247.405 130.553V7.71833C247.402 5.7864 246.634 3.9342 245.268 2.56811C243.902 1.20203 242.05 0.433631 240.118 0.431519ZM246.711 130.553C246.709 132.301 246.014 133.977 244.778 135.213C243.542 136.449 241.866 137.144 240.118 137.146H7.28681C5.53877 137.144 3.86278 136.449 2.62672 135.213C1.39067 133.977 0.695564 132.301 0.693982 130.553V7.71833C0.695564 5.97029 1.39067 4.2943 2.62672 3.05824C3.86278 1.82219 5.53877 1.12708 7.28681 1.1255H240.118C241.866 1.12708 243.542 1.82219 244.778 3.05824C246.014 4.2943 246.709 5.97029 246.711 7.71833V130.553Z" fill="#E5E5E5"/>
<path d="M228.671 20.3383H18.7415C18.6495 20.3383 18.5612 20.3017 18.4962 20.2366C18.4311 20.1716 18.3945 20.0833 18.3945 19.9913C18.3945 19.8993 18.4311 19.811 18.4962 19.7459C18.5612 19.6809 18.6495 19.6443 18.7415 19.6443H228.671C228.763 19.6443 228.851 19.6809 228.916 19.7459C228.981 19.811 229.018 19.8993 229.018 19.9913C229.018 20.0833 228.981 20.1716 228.916 20.2366C228.851 20.3017 228.763 20.3383 228.671 20.3383Z" fill="#E5E5E5"/>
<path d="M78.0814 122.919C77.9893 122.919 77.9011 122.883 77.836 122.818C77.7709 122.753 77.7344 122.664 77.7344 122.572V8.41231C77.7344 8.32029 77.7709 8.23203 77.836 8.16695C77.9011 8.10188 77.9893 8.06532 78.0814 8.06532C78.1734 8.06532 78.2616 8.10188 78.3267 8.16695C78.3918 8.23203 78.4284 8.32029 78.4284 8.41231V122.572C78.4284 122.664 78.3918 122.753 78.3267 122.818C78.2616 122.883 78.1734 122.919 78.0814 122.919Z" fill="#E5E5E5"/>
<path d="M130.464 122.919C130.372 122.919 130.284 122.883 130.219 122.818C130.154 122.753 130.117 122.664 130.117 122.572V8.41231C130.117 8.32029 130.154 8.23203 130.219 8.16695C130.284 8.10188 130.372 8.06532 130.464 8.06532C130.556 8.06532 130.644 8.10188 130.71 8.16695C130.775 8.23203 130.811 8.32029 130.811 8.41231V122.572C130.811 122.664 130.775 122.753 130.71 122.818C130.644 122.883 130.556 122.919 130.464 122.919Z" fill="#E5E5E5"/>
<path d="M182.867 122.919C182.774 122.919 182.686 122.883 182.621 122.818C182.556 122.753 182.52 122.664 182.52 122.572V8.41231C182.52 8.32029 182.556 8.23203 182.621 8.16695C182.686 8.10188 182.774 8.06532 182.867 8.06532C182.959 8.06532 183.047 8.10188 183.112 8.16695C183.177 8.23203 183.214 8.32029 183.214 8.41231V122.572C183.214 122.664 183.177 122.753 183.112 122.818C183.047 122.883 182.959 122.919 182.867 122.919Z" fill="#E5E5E5"/>
<path d="M44.385 56.1539H31.706C31.292 56.1535 30.8951 55.9888 30.6024 55.6961C30.3097 55.4033 30.145 55.0064 30.1445 54.5925V39.6303C30.145 39.2164 30.3097 38.8194 30.6024 38.5267C30.8951 38.234 31.292 38.0693 31.706 38.0689H44.385C44.799 38.0693 45.1959 38.234 45.4886 38.5267C45.7814 38.8194 45.946 39.2164 45.9465 39.6303V54.5925C45.946 55.0065 45.7814 55.4033 45.4886 55.6961C45.1959 55.9888 44.799 56.1535 44.385 56.1539Z" fill="#A3A3A3"/>
<path d="M62.4436 98.8338H49.7646C49.3506 98.8334 48.9537 98.6687 48.661 98.376C48.3682 98.0833 48.2036 97.6864 48.2031 97.2724V82.3103C48.2036 81.8963 48.3682 81.4994 48.661 81.2066C48.9537 80.9139 49.3506 80.7493 49.7646 80.7488H62.4436C62.8576 80.7493 63.2545 80.9139 63.5472 81.2066C63.84 81.4994 64.0046 81.8963 64.0051 82.3103V97.2724C64.0046 97.6864 63.84 98.0833 63.5472 98.376C63.2545 98.6687 62.8576 98.8334 62.4436 98.8338Z" fill="#A3A3A3"/>
<path d="M103.369 65.1756H90.6904C90.2764 65.1752 89.8795 65.0105 89.5867 64.7178C89.294 64.4251 89.1294 64.0282 89.1289 63.6142V48.6521C89.1294 48.2381 89.294 47.8412 89.5867 47.5485C89.8795 47.2557 90.2764 47.0911 90.6904 47.0906H103.369C103.783 47.0911 104.18 47.2557 104.473 47.5485C104.766 47.8412 104.93 48.2381 104.931 48.6521V63.6142C104.93 64.0282 104.766 64.4251 104.473 64.7178C104.18 65.0105 103.783 65.1752 103.369 65.1756Z" fill="#A3A3A3"/>
<path d="M156.475 48.8671H143.796C143.382 48.8666 142.985 48.7019 142.692 48.4092C142.399 48.1165 142.235 47.7196 142.234 47.3056V32.3435C142.235 31.9295 142.399 31.5326 142.692 31.2399C142.985 30.9472 143.382 30.7825 143.796 30.782H156.475C156.889 30.7825 157.286 30.9472 157.578 31.2399C157.871 31.5326 158.036 31.9295 158.036 32.3435V47.3056C158.036 47.7196 157.871 48.1165 157.578 48.4092C157.286 48.702 156.889 48.8666 156.475 48.8671Z" fill="#A3A3A3"/>
<path d="M205.389 48.8671H192.71C192.296 48.8666 191.899 48.7019 191.606 48.4092C191.314 48.1165 191.149 47.7196 191.148 47.3056V32.3435C191.149 31.9295 191.314 31.5326 191.606 31.2399C191.899 30.9472 192.296 30.7825 192.71 30.782H205.389C205.803 30.7825 206.2 30.9472 206.493 31.2399C206.785 31.5326 206.95 31.9295 206.95 32.3435V47.3056C206.95 47.7196 206.785 48.1165 206.493 48.4092C206.2 48.702 205.803 48.8666 205.389 48.8671Z" fill="#A3A3A3"/>
<path d="M227.948 53.031H215.268C214.855 53.0306 214.458 52.8659 214.165 52.5732C213.872 52.2804 213.707 51.8835 213.707 51.4696V36.5074C213.707 36.0935 213.872 35.6966 214.165 35.4038C214.458 35.1111 214.855 34.9465 215.268 34.946H227.948C228.362 34.9465 228.758 35.1111 229.051 35.4038C229.344 35.6966 229.509 36.0935 229.509 36.5074V51.4696C229.509 51.8836 229.344 52.2804 229.051 52.5732C228.758 52.8659 228.362 53.0306 227.948 53.031Z" fill="#E5E5E5"/>
<path d="M217.877 79.7493H205.198C204.784 79.7488 204.387 79.5841 204.095 79.2914C203.802 78.9987 203.637 78.6018 203.637 78.1878V63.2257C203.637 62.8117 203.802 62.4148 204.095 62.1221C204.387 61.8293 204.784 61.6647 205.198 61.6642H217.877C218.291 61.6647 218.688 61.8293 218.981 62.1221C219.274 62.4148 219.438 62.8117 219.439 63.2257V78.1878C219.438 78.6018 219.274 78.9987 218.981 79.2914C218.688 79.5841 218.291 79.7488 217.877 79.7493Z" fill="#E5E5E5"/>
<path d="M174.869 74.1975H162.19C161.776 74.197 161.379 74.0323 161.087 73.7396C160.794 73.4469 160.629 73.05 160.629 72.636V57.6739C160.629 57.2599 160.794 56.863 161.087 56.5703C161.379 56.2775 161.776 56.1129 162.19 56.1124H174.869C175.283 56.1129 175.68 56.2775 175.973 56.5703C176.266 56.863 176.43 57.2599 176.431 57.6739V72.636C176.43 73.05 176.266 73.4469 175.973 73.7396C175.68 74.0323 175.283 74.197 174.869 74.1975Z" fill="#F5F5F5"/>
<path d="M150.233 79.7493H137.554C137.14 79.7488 136.743 79.5841 136.45 79.2914C136.157 78.9987 135.993 78.6018 135.992 78.1878V63.2257C135.993 62.8117 136.157 62.4148 136.45 62.1221C136.743 61.8293 137.14 61.6647 137.554 61.6642H150.233C150.647 61.6647 151.044 61.8293 151.336 62.1221C151.629 62.4148 151.794 62.8117 151.794 63.2257V78.1878C151.794 78.6018 151.629 78.9987 151.336 79.2914C151.044 79.5841 150.647 79.7488 150.233 79.7493Z" fill="#E5E5E5"/>
<path d="M97.1233 103.345H84.4443C84.0303 103.344 83.6334 103.18 83.3407 102.887C83.0479 102.594 82.8833 102.197 82.8828 101.783V86.8211C82.8833 86.4071 83.0479 86.0102 83.3407 85.7175C83.6334 85.4247 84.0303 85.2601 84.4443 85.2596H97.1233C97.5373 85.2601 97.9342 85.4247 98.2269 85.7175C98.5196 86.0102 98.6843 86.4071 98.6848 86.8211V101.783C98.6843 102.197 98.5196 102.594 98.2269 102.887C97.9342 103.18 97.5373 103.344 97.1233 103.345Z" fill="#E5E5E5"/>
<path d="M32.9397 83.5662H20.2607C19.8467 83.5658 19.4498 83.4011 19.1571 83.1084C18.8643 82.8156 18.6997 82.4188 18.6992 82.0048V67.0426C18.6997 66.6287 18.8643 66.2318 19.1571 65.939C19.4498 65.6463 19.8467 65.4816 20.2607 65.4812H32.9397C33.3537 65.4816 33.7506 65.6463 34.0433 65.939C34.3361 66.2318 34.5007 66.6287 34.5012 67.0426V82.0048C34.5007 82.4188 34.3361 82.8156 34.0433 83.1084C33.7506 83.4011 33.3537 83.5658 32.9397 83.5662Z" fill="#F5F5F5"/>
<path d="M68.6897 56.1539H56.0107C55.5967 56.1535 55.1998 55.9888 54.9071 55.6961C54.6143 55.4033 54.4497 55.0064 54.4492 54.5925V39.6303C54.4497 39.2164 54.6143 38.8194 54.9071 38.5267C55.1998 38.234 55.5967 38.0693 56.0107 38.0689H68.6897C69.1037 38.0693 69.5006 38.234 69.7933 38.5267C70.0861 38.8194 70.2507 39.2164 70.2512 39.6303V54.5925C70.2507 55.0065 70.0861 55.4033 69.7933 55.6961C69.5006 55.9888 69.1037 56.1535 68.6897 56.1539Z" fill="#E5E5E5"/>
<path d="M58.2954 14.6582H38.5169C38.1488 14.6582 37.7957 14.5119 37.5354 14.2516C37.2751 13.9913 37.1289 13.6383 37.1289 13.2702C37.1289 12.9021 37.2751 12.5491 37.5354 12.2888C37.7957 12.0285 38.1488 11.8822 38.5169 11.8822H58.2954C58.6635 11.8822 59.0165 12.0285 59.2768 12.2888C59.5371 12.5491 59.6833 12.9021 59.6833 13.2702C59.6833 13.6383 59.5371 13.9913 59.2768 14.2516C59.0165 14.5119 58.6635 14.6582 58.2954 14.6582Z" fill="#D4D4D4"/>
<path d="M114.159 14.6582H94.3802C94.012 14.6582 93.659 14.5119 93.3987 14.2516C93.1384 13.9913 92.9922 13.6383 92.9922 13.2702C92.9922 12.9021 93.1384 12.5491 93.3987 12.2888C93.659 12.0285 94.012 11.8822 94.3802 11.8822H114.159C114.527 11.8822 114.88 12.0285 115.14 12.2888C115.4 12.5491 115.547 12.9021 115.547 13.2702C115.547 13.6383 115.4 13.9913 115.14 14.2516C114.88 14.5119 114.527 14.6582 114.159 14.6582Z" fill="#D4D4D4"/>
<path d="M166.557 14.6582H146.779C146.41 14.6582 146.057 14.5119 145.797 14.2516C145.537 13.9913 145.391 13.6383 145.391 13.2702C145.391 12.9021 145.537 12.5491 145.797 12.2888C146.057 12.0285 146.41 11.8822 146.779 11.8822H166.557C166.925 11.8822 167.278 12.0285 167.539 12.2888C167.799 12.5491 167.945 12.9021 167.945 13.2702C167.945 13.6383 167.799 13.9913 167.539 14.2516C167.278 14.5119 166.925 14.6582 166.557 14.6582Z" fill="#D4D4D4"/>
<path d="M215.491 14.6582H195.712C195.344 14.6582 194.991 14.5119 194.731 14.2516C194.47 13.9913 194.324 13.6383 194.324 13.2702C194.324 12.9021 194.47 12.5491 194.731 12.2888C194.991 12.0285 195.344 11.8822 195.712 11.8822H215.491C215.859 11.8822 216.212 12.0285 216.472 12.2888C216.732 12.5491 216.879 12.9021 216.879 13.2702C216.879 13.6383 216.732 13.9913 216.472 14.2516C216.212 14.5119 215.859 14.6582 215.491 14.6582Z" fill="#D4D4D4"/>
</svg>

After

Width:  |  Height:  |  Size: 9.8 KiB

View File

@ -0,0 +1,26 @@
<svg width="135" height="120" viewBox="0 0 135 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M103.211 78.2037C106.147 88.8519 99.8959 99.8645 89.2477 102.801L46.1649 114.683C35.5168 117.619 24.5041 111.368 21.5675 100.72L5.31721 41.7963C2.3806 31.1481 8.63205 20.1355 19.2802 17.1988L62.363 5.31722C73.0112 2.3806 84.0238 8.63205 86.9605 19.2802L103.211 78.2037Z" fill="white"/>
<path d="M106.933 91.6999C107.814 94.8943 105.938 98.1981 102.744 99.0791L32.6688 118.405C29.4743 119.286 26.1705 117.41 25.2895 114.216L1.59516 28.3001C0.714179 25.1057 2.58962 21.8019 5.78407 20.9209L75.8592 1.59517C79.0536 0.71418 82.3574 2.58962 83.2384 5.78407L106.933 91.6999ZM26.3326 112.378C27.2136 115.573 30.5174 117.448 33.7119 116.567L100.906 98.036C104.101 97.155 105.976 93.8512 105.095 90.6568L82.1953 7.62159C81.3143 4.42714 78.0105 2.5517 74.8161 3.43269L7.62161 21.964C4.42716 22.845 2.55172 26.1488 3.4327 29.3432L26.3326 112.378Z" fill="#F1F1F1"/>
<path d="M63.8785 43.6712L43.4131 49.3153C43.1244 49.3946 42.816 49.3561 42.5557 49.2083C42.2953 49.0605 42.1042 48.8154 42.0243 48.5269L36.3802 28.0615C36.3009 27.7728 36.3394 27.4645 36.4872 27.2041C36.635 26.9437 36.88 26.7526 37.1686 26.6727L57.634 21.0286C57.9227 20.9494 58.231 20.9878 58.4914 21.1356C58.7518 21.2834 58.9429 21.5285 59.0228 21.817L64.6669 42.2824C64.7461 42.5711 64.7076 42.8795 64.5598 43.1398C64.412 43.4002 64.167 43.5913 63.8785 43.6712ZM37.2886 27.1082C37.1155 27.1561 36.9685 27.2708 36.8798 27.427C36.7911 27.5832 36.768 27.7682 36.8156 27.9414L42.4597 48.4069C42.5076 48.58 42.6223 48.727 42.7785 48.8157C42.9347 48.9043 43.1197 48.9274 43.293 48.8799L63.7584 43.2358C63.9315 43.1879 64.0785 43.0732 64.1672 42.917C64.2559 42.7608 64.279 42.5757 64.2314 42.4025L58.5873 21.9371C58.5394 21.764 58.4247 21.617 58.2685 21.5283C58.1123 21.4396 57.9273 21.4165 57.754 21.4641L37.2886 27.1082Z" fill="#E5E5E5"/>
<path d="M58.6848 47.7962L38.2194 53.4402C37.9596 53.5116 37.682 53.4769 37.4477 53.3439C37.2134 53.2109 37.0414 52.9904 36.9695 52.7307L31.3254 32.2653C31.254 32.0054 31.2887 31.7279 31.4217 31.4936C31.5547 31.2593 31.7752 31.0873 32.0349 31.0154L52.5003 25.3713C52.7601 25.2999 53.0377 25.3346 53.272 25.4676C53.5063 25.6006 53.6783 25.8211 53.7502 26.0808L59.3943 46.5462C59.4657 46.8061 59.431 47.0836 59.298 47.3179C59.165 47.5522 58.9445 47.7242 58.6848 47.7962Z" fill="#3F76FF"/>
<path d="M82.4 50.5902L25.2891 66.3406L25.8977 68.5475L83.0087 52.7971L82.4 50.5902Z" fill="#F1F1F1"/>
<path d="M83.986 56.3446L26.875 72.095L27.4837 74.3019L84.5946 58.5515L83.986 56.3446Z" fill="#F1F1F1"/>
<path d="M85.5719 62.0987L28.4609 77.8491L29.0696 80.0561L86.1806 64.3057L85.5719 62.0987Z" fill="#F1F1F1"/>
<path d="M88.3571 72.2262L31.2461 87.9766L31.8547 90.1835L88.9657 74.4331L88.3571 72.2262Z" fill="#F1F1F1"/>
<path d="M89.9469 77.9805L32.8359 93.731L33.4446 95.9379L90.5556 80.1875L89.9469 77.9805Z" fill="#F1F1F1"/>
<path d="M91.5407 83.7345L34.4297 99.4849L35.0383 101.692L92.1493 85.9414L91.5407 83.7345Z" fill="#F1F1F1"/>
<path d="M134.664 115.674C134.664 117.884 132.873 119.674 130.664 119.674H53.9727C51.7635 119.674 49.9727 117.884 49.9727 115.674V22.5513C49.9727 20.3421 51.7635 18.5513 53.9727 18.5513H130.664C132.873 18.5513 134.664 20.3421 134.664 22.5513V115.674Z" fill="white"/>
<path d="M134.664 113.674C134.664 116.988 131.978 119.674 128.664 119.674H55.9727C52.6589 119.674 49.9727 116.988 49.9727 113.674V24.5513C49.9727 21.2376 52.6589 18.5513 55.9727 18.5513H128.664C131.978 18.5513 134.664 21.2376 134.664 24.5513V113.674ZM51.4667 112.18C51.4667 115.494 54.153 118.18 57.4667 118.18H127.17C130.483 118.18 133.17 115.494 133.17 112.18V26.0454C133.17 22.7316 130.483 20.0454 127.17 20.0454H57.4667C54.153 20.0454 51.4667 22.7316 51.4667 26.0454V112.18Z" fill="#E5E5E5"/>
<path d="M119.242 62.0229H70.8203V64.3123H119.242V62.0229Z" fill="#3F76FF"/>
<path d="M119.242 67.9751H70.8203V70.2645H119.242V67.9751Z" fill="#3F76FF"/>
<path d="M119.242 73.9272H70.8203V76.2166H119.242V73.9272Z" fill="#3F76FF"/>
<path d="M66.8847 64.9965C67.7099 64.9965 68.3788 64.3275 68.3788 63.5024C68.3788 62.6772 67.7099 62.0083 66.8847 62.0083C66.0596 62.0083 65.3906 62.6772 65.3906 63.5024C65.3906 64.3275 66.0596 64.9965 66.8847 64.9965Z" fill="#3F76FF"/>
<path d="M119.242 36.3743H70.8203V38.6636H119.242V36.3743Z" fill="#E5E5E5"/>
<path d="M119.242 42.3264H70.8203V44.6158H119.242V42.3264Z" fill="#E5E5E5"/>
<path d="M119.242 48.2791H70.8203V50.5684H119.242V48.2791Z" fill="#E5E5E5"/>
<path d="M66.8847 39.0995C67.7099 39.0995 68.3788 38.4306 68.3788 37.6054C68.3788 36.7803 67.7099 36.1113 66.8847 36.1113C66.0596 36.1113 65.3906 36.7803 65.3906 37.6054C65.3906 38.4306 66.0596 39.0995 66.8847 39.0995Z" fill="#E5E5E5"/>
<path d="M119.242 87.9204H70.8203V90.2098H119.242V87.9204Z" fill="#E5E5E5"/>
<path d="M119.242 93.8723H70.8203V96.1617H119.242V93.8723Z" fill="#E5E5E5"/>
<path d="M119.242 99.8247H70.8203V102.114H119.242V99.8247Z" fill="#E5E5E5"/>
<path d="M66.8847 90.6456C67.7099 90.6456 68.3788 89.9767 68.3788 89.1516C68.3788 88.3264 67.7099 87.6575 66.8847 87.6575C66.0596 87.6575 65.3906 88.3264 65.3906 89.1516C65.3906 89.9767 66.0596 90.6456 66.8847 90.6456Z" fill="#E5E5E5"/>
</svg>

After

Width:  |  Height:  |  Size: 5.1 KiB

View File

@ -63,8 +63,9 @@
--color-background-80: 245, 245, 245; /* tertiary bg */
--color-text-100: 23, 23, 23; /* primary text */
--color-text-200: 82, 82, 82; /* secondary text */
--color-text-300: 115, 115, 115; /* tertiary text */
--color-text-200: 58, 58, 58; /* secondary text */
--color-text-300: 82, 82, 82; /* tertiary text */
--color-text-400: 163, 163, 163; /* placeholder text */
--color-border-100: 245, 245, 245; /* subtle border= 1 */
--color-border-200: 229, 229, 229; /* subtle border- 2 */
@ -76,8 +77,9 @@
--color-sidebar-background-80: 245, 245, 245; /* tertiary sidebar bg */
--color-sidebar-text-100: 23, 23, 23; /* primary sidebar text */
--color-sidebar-text-200: 82, 82, 82; /* secondary sidebar text */
--color-sidebar-text-300: 115, 115, 115; /* tertiary sidebar text */
--color-sidebar-text-200: 58, 58, 58; /* secondary sidebar text */
--color-sidebar-text-300: 82, 82, 82; /* tertiary sidebar text */
--color-sidebar-text-400: 163, 163, 163; /* sidebar placeholder text */
--color-sidebar-border-100: 245, 245, 245; /* subtle sidebar border= 1 */
--color-sidebar-border-200: 229, 229, 229; /* subtle sidebar border- 2 */
@ -95,6 +97,7 @@
--color-text-100: 241, 241, 241; /* primary text */
--color-text-200: 115, 115, 115; /* secondary text */
--color-text-300: 163, 163, 163; /* tertiary text */
--color-text-400: 82, 82, 82; /* placeholder text */
--color-border-100: 34, 34, 34; /* subtle border= 1 */
--color-border-200: 38, 38, 38; /* subtle border- 2 */
@ -108,6 +111,7 @@
--color-sidebar-text-100: 241, 241, 241; /* primary sidebar text */
--color-sidebar-text-200: 115, 115, 115; /* secondary sidebar text */
--color-sidebar-text-300: 163, 163, 163; /* tertiary sidebar text */
--color-sidebar-text-400: 82, 82, 82; /* sidebar placeholder text */
--color-sidebar-border-100: 34, 34, 34; /* subtle sidebar border= 1 */
--color-sidebar-border-200: 38, 38, 38; /* subtle sidebar border- 2 */
@ -256,5 +260,5 @@ body {
::-webkit-input-placeholder,
::placeholder,
:-ms-input-placeholder {
color: rgb(var(--color-text-300));
color: rgb(var(--color-text-400));
}