fergalmoran/supanextail
1
0
Fork 0
mirror of https://github.com/fergalmoran/supanextail.git synced 2025-12-22 09:17:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve landing page + Add Terms

Browse Source
This commit is contained in:
Michael
2021-06-22 21:59:53 +02:00
parent 888c86e135
commit 23d86f8a90
18 changed files with 662 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/Avatar.js
View File

@@ -38,6 +38,13 @@ const Avatar = ({ url, size, onUpload }) => {
const fileName = `${Math.random()}.${fileExt}`; const fileName = `${Math.random()}.${fileExt}`;
const filePath = `${fileName}`; const filePath = `${fileName}`;
if (event.target.files[0].size > 150000) {
alert("File is too big!");
event.target.value = "";
setUploading(false)
return;
}
let { error: uploadError } = await supabase.storage let { error: uploadError } = await supabase.storage
.from("avatars") .from("avatars")
.upload(filePath, file); .upload(filePath, file);

46
components/CardsLanding.js Normal file
View File

@@ -0,0 +1,46 @@
import CardLanding from "components/UI/CardLanding";
import Image from "next/image";
import cardAuth from "public/cardAuth.svg";
import cardFee from "public/cardFee.svg";
import cardPage from "public/cardPage.svg";
import cardResponsive from "public/cardResponsive.svg";
import cardServer from "public/cardServer.svg";
import cardStripe from "public/cardStripe.svg";
import cardTheme from "public/cardTheme.svg";
const CardsLanding = () => {
return (
<div className='flex flex-wrap justify-center mt-10'>
<CardLanding
image={cardPage}
text='7 pages fully designed and easily customizable'
/>
<CardLanding
image={cardServer}
text='Integrated backend already setup with Next.js API Routes'
/>
<CardLanding
image={cardAuth}
text='Auth and user management with Supabase'
/>
<CardLanding
image={cardResponsive}
text='Mobile ready, fully responsive and customizable with Tailwind CSS'
/>
<CardLanding
image={cardTheme}
text='Custom themes available and easily switch to dark mode'
/>
<CardLanding
image={cardStripe}
text='Stripe integration. Fully functional subscription system'
/>
<CardLanding
image={cardFee}
text='One-time fee. No subscription, you’ll have access to all the updates'
/>
</div>
);
};
export default CardsLanding;

2
components/Footer.js
View File

@@ -13,7 +13,7 @@ const Footer = () => {
<Link href='/privacy'> <Link href='/privacy'>
<a>Privacy Policy</a> <a>Privacy Policy</a>
</Link> </Link>
<Link href=''> <Link href='/terms'>
<a>Terms of service</a> <a>Terms of service</a>
</Link> </Link>
</div> </div>

37
components/Landing.js Normal file
View File

@@ -0,0 +1,37 @@
import CardsLanding from "components/CardsLanding";
const Landing = () => {
return (
<div className='mt-36 mb-20 text-base-content max-w-5xl'>
<div className='max-w-2xl m-auto'>
<h2 className='text-5xl md:text-5xl font-bold font-title'>
SupaNexTail <span className='text-accent'>Boilerplate</span>
</h2>
<hr className='my-5' />
<p className='text-xl max-w-lg text-center m-auto'>
Don’t waste your time and reinvent the wheel, setup your website in
<span className='text-accent text-2xl font-bold'> minutes</span>, not
days.
</p>
</div>
<CardsLanding />
<div>
<div className='max-w-2xl m-auto mt-10'>
<h2 className='text-5xl md:text-5xl font-bold font-title'>
Available soon
</h2>
<p className='text-xl max-w-lg text-center m-auto leading-9'>
You will save{" "}
<span className='text-accent text-2xl font-bold underline'>
weeks
</span>{" "}
of work on your first integration. Want to check a demo? This
website is built with it!
</p>
</div>
</div>
</div>
);
};
export default Landing;

107
components/PrivacyPolicy.js
View File

@@ -1,48 +1,52 @@
const PrivacyPolicy = () => { const PrivacyPolicy = () => {
return ( return (
<div className="max-w-xl text-left"> <div className='max-w-xl text-left'>
<h1 className='text-center'>Privacy Policy for {process.env.NEXT_PUBLIC_TITLE}</h1> <h1 className='text-center'>
Privacy Policy for {process.env.NEXT_PUBLIC_TITLE}
</h1>
<p> <p>
At {process.env.NEXT_PUBLIC_TITLE}, accessible from https://www.supanextail.dev, one of our At {process.env.NEXT_PUBLIC_TITLE}, accessible from
main priorities is the privacy of our visitors. This Privacy Policy https://www.supanextail.dev, one of our main priorities is the privacy
document contains types of information that is collected and recorded by of our visitors. This Privacy Policy document contains types of
information that is collected and recorded by
{process.env.NEXT_PUBLIC_TITLE} and how we use it. {process.env.NEXT_PUBLIC_TITLE} and how we use it.
</p> </p>
<p> <p>
If you have additional questions or require more information about our If you have additional questions or require more information about our
Privacy Policy, do not hesitate to contact us. Our Privacy Policy was Privacy Policy, do not hesitate to contact us.
generated with the help of{" "}
<a href='https://www.gdprprivacynotice.com/'>
GDPR Privacy Policy Generator from GDPRPrivacyNotice.com
</a>
</p> </p>
<h2>General Data Protection Regulation (GDPR)</h2> <h2>General Data Protection Regulation (GDPR)</h2>
<p>We are a Data Controller of your information.</p> <p>We are a Data Controller of your information.</p>
<p> <p>
{process.env.NEXT_PUBLIC_TITLE} legal basis for collecting and using the personal {process.env.NEXT_PUBLIC_TITLE} legal basis for collecting and using the
information described in this Privacy Policy depends on the Personal personal information described in this Privacy Policy depends on the
Information we collect and the specific context in which we collect the Personal Information we collect and the specific context in which we
information: collect the information:
</p> </p>
<ul> <ul>
<li>{process.env.NEXT_PUBLIC_TITLE} needs to perform a contract with you</li>
<li>You have given {process.env.NEXT_PUBLIC_TITLE} permission to do so</li>
<li> <li>
Processing your personal information is in {process.env.NEXT_PUBLIC_TITLE} legitimate {process.env.NEXT_PUBLIC_TITLE} needs to perform a contract with you
interests </li>
<li>
You have given {process.env.NEXT_PUBLIC_TITLE} permission to do so
</li>
<li>
Processing your personal information is in{" "}
{process.env.NEXT_PUBLIC_TITLE} legitimate interests
</li> </li>
<li>{process.env.NEXT_PUBLIC_TITLE} needs to comply with the law</li> <li>{process.env.NEXT_PUBLIC_TITLE} needs to comply with the law</li>
</ul> </ul>
<p> <p>
{process.env.NEXT_PUBLIC_TITLE} will retain your personal information only for as long as is {process.env.NEXT_PUBLIC_TITLE} will retain your personal information
necessary for the purposes set out in this Privacy Policy. We will only for as long as is necessary for the purposes set out in this
retain and use your information to the extent necessary to comply with Privacy Policy. We will retain and use your information to the extent
our legal obligations, resolve disputes, and enforce our policies. necessary to comply with our legal obligations, resolve disputes, and
enforce our policies.
</p> </p>
<p> <p>
@@ -69,15 +73,16 @@ const PrivacyPolicy = () => {
<h2>Log Files</h2> <h2>Log Files</h2>
<p> <p>
{process.env.NEXT_PUBLIC_TITLE} follows a standard procedure of using log files. These files {process.env.NEXT_PUBLIC_TITLE} follows a standard procedure of using
log visitors when they visit websites. All hosting companies do this and log files. These files log visitors when they visit websites. All
a part of hosting services' analytics. The information collected by log hosting companies do this and a part of hosting services' analytics. The
files include internet protocol (IP) addresses, browser type, Internet information collected by log files include internet protocol (IP)
Service Provider (ISP), date and time stamp, referring/exit pages, and addresses, browser type, Internet Service Provider (ISP), date and time
possibly the number of clicks. These are not linked to any information stamp, referring/exit pages, and possibly the number of clicks. These
that is personally identifiable. The purpose of the information is for are not linked to any information that is personally identifiable. The
analyzing trends, administering the site, tracking users' movement on purpose of the information is for analyzing trends, administering the
the website, and gathering demographic information. site, tracking users' movement on the website, and gathering demographic
information.
</p> </p>
<h2>Privacy Policies</h2> <h2>Privacy Policies</h2>
@@ -90,26 +95,26 @@ const PrivacyPolicy = () => {
<p> <p>
Third-party ad servers or ad networks uses technologies like cookies, Third-party ad servers or ad networks uses technologies like cookies,
JavaScript, or Web Beacons that are used in their respective JavaScript, or Web Beacons that are used in their respective
advertisements and links that appear on {process.env.NEXT_PUBLIC_TITLE}, which are sent advertisements and links that appear on {process.env.NEXT_PUBLIC_TITLE},
directly to users' browser. They automatically receive your IP address which are sent directly to users' browser. They automatically receive
when this occurs. These technologies are used to measure the your IP address when this occurs. These technologies are used to measure
effectiveness of their advertising campaigns and/or to personalize the the effectiveness of their advertising campaigns and/or to personalize
advertising content that you see on websites that you visit. the advertising content that you see on websites that you visit.
</p> </p>
<p> <p>
Note that {process.env.NEXT_PUBLIC_TITLE} has no access to or control over these cookies Note that {process.env.NEXT_PUBLIC_TITLE} has no access to or control
that are used by third-party advertisers. over these cookies that are used by third-party advertisers.
</p> </p>
<h2>Third Party Privacy Policies</h2> <h2>Third Party Privacy Policies</h2>
<p> <p>
{process.env.NEXT_PUBLIC_TITLE}'s Privacy Policy does not apply to other advertisers or {process.env.NEXT_PUBLIC_TITLE}'s Privacy Policy does not apply to other
websites. Thus, we are advising you to consult the respective Privacy advertisers or websites. Thus, we are advising you to consult the
Policies of these third-party ad servers for more detailed information. respective Privacy Policies of these third-party ad servers for more
It may include their practices and instructions about how to opt-out of detailed information. It may include their practices and instructions
certain options.{" "} about how to opt-out of certain options.{" "}
</p> </p>
<p> <p>
@@ -128,11 +133,11 @@ const PrivacyPolicy = () => {
</p> </p>
<p> <p>
{process.env.NEXT_PUBLIC_TITLE} does not knowingly collect any Personal Identifiable {process.env.NEXT_PUBLIC_TITLE} does not knowingly collect any Personal
Information from children under the age of 13. If you think that your Identifiable Information from children under the age of 13. If you think
child provided this kind of information on our website, we strongly that your child provided this kind of information on our website, we
encourage you to contact us immediately and we will do our best efforts strongly encourage you to contact us immediately and we will do our best
to promptly remove such information from our records. efforts to promptly remove such information from our records.
</p> </p>
<h2>Online Privacy Policy Only</h2> <h2>Online Privacy Policy Only</h2>
@@ -140,9 +145,9 @@ const PrivacyPolicy = () => {
<p> <p>
Our Privacy Policy applies only to our online activities and is valid Our Privacy Policy applies only to our online activities and is valid
for visitors to our website with regards to the information that they for visitors to our website with regards to the information that they
shared and/or collect in {process.env.NEXT_PUBLIC_TITLE}. This policy is not applicable to shared and/or collect in {process.env.NEXT_PUBLIC_TITLE}. This policy is
any information collected offline or via channels other than this not applicable to any information collected offline or via channels
website. other than this website.
</p> </p>
<h2>Consent</h2> <h2>Consent</h2>

239
components/Terms.js Normal file
View File

@@ -0,0 +1,239 @@
const Terms = () => {
return (
<div className='max-w-xl text-left'>
<h1>Terms and Conditions</h1>
<p>
The following terms and conditions (collectively, these "Terms and
Conditions") apply to your use of{" "}
<span className='website_url'>https://www.supanextail.dev</span>,
including any content, functionality and services offered on or via{" "}
<span className='website_url'>https://www.supanextail.dev</span> (the
"Website").
</p>
<p>
Please read the Terms and Conditions carefully before you start using{" "}
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span>,
because by using the Website you accept and agree to be bound and abide
by these Terms and Conditions.
</p>
<p>
These Terms and Conditions are effective as of{" "}
<span className='date'>06/22/2021</span>. We expressly reserve the right to
change these Terms and Conditions from time to time without notice to
you. You acknowledge and agree that it is your responsibility to review
this Website and these Terms and Conditions from time to time and to
familiarize yourself with any modifications. Your continued use of this
Website after such modifications will constitute acknowledgement of the
modified Terms and Conditions and agreement to abide and be bound by the
modified Terms and Conditions.
</p>
<h2>Conduct on Website</h2>
<p>
Your use of the Website is subject to all applicable laws and
regulations, and you are solely responsible for the substance of your
communications through the Website.
</p>
<p>
By posting information in or otherwise using any communications service,
chat room, message board, newsgroup, software library, or other
interactive service that may be available to you on or through this
Website, you agree that you will not upload, share, post, or otherwise
distribute or facilitate distribution of any content — including text,
communications, software, images, sounds, data, or other information —
that:
</p>
<ul>
<li>
Is unlawful, threatening, abusive, harassing, defamatory, libelous,
deceptive, fraudulent, invasive of another's privacy, tortious,
contains explicit or graphic descriptions or accounts of sexual acts
(including but not limited to sexual language of a violent or
threatening nature directed at another individual or group of
individuals), or otherwise violates our rules or policies
</li>
<li>
Victimizes, harasses, degrades, or intimidates an individual or group
of individuals on the basis of religion, gender, sexual orientation,
race, ethnicity, age, or disability
</li>
<li>
Infringes on any patent, trademark, trade secret, copyright, right of
publicity, or other proprietary right of any party
</li>
<li>
Constitutes unauthorized or unsolicited advertising, junk or bulk
email (also known as "spamming"), chain letters, any other form of
unauthorized solicitation, or any form of lottery or gambling
</li>
<li>
Contains software viruses or any other computer code, files, or
programs that are designed or intended to disrupt, damage, or limit
the functioning of any software, hardware, or telecommunications
equipment or to damage or obtain unauthorized access to any data or
other information of any third party
</li>
<li>
Impersonates any person or entity, including any of our employees or
representatives
</li>
</ul>
<p>
We neither endorse nor assume any liability for the contents of any
material uploaded or submitted by third party users of the Website. We
generally do not pre-screen, monitor, or edit the content posted by
users of communications services, chat rooms, message boards,
newsgroups, software libraries, or other interactive services that may
be available on or through this Website.
</p>
<p>
However, we and our agents have the right at their sole discretion to
remove any content that, in our judgment, does not comply with these
Terms of Use and any other rules of user conduct for our Website, or is
otherwise harmful, objectionable, or inaccurate. We are not responsible
for any failure or delay in removing such content. You hereby consent to
such removal and waive any claim against us arising out of such removal
of content.
</p>
<p>
You agree that we may at any time, and at our sole discretion, terminate
your membership, account, or other affiliation with our site without
prior notice to you for violating any of the above provisions.
</p>
<p>
In addition, you acknowledge that we will cooperate fully with
investigations of violations of systems or network security at other
sites, including cooperating with law enforcement authorities in
investigating suspected criminal violations.
</p>
<h2>Intellectual Property</h2>
<p>
By accepting these Terms and Conditions, you acknowledge and agree that
all content presented to you on this Website is protected by copyrights,
trademarks, service marks, patents or other proprietary rights and laws,
and is the sole property of{" "}
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span>.
</p>
<p>
You are only permitted to use the content as expressly authorized by us
or the specific content provider. Except for a single copy made for
personal use only, you may not copy, reproduce, modify, republish,
upload, post, transmit, or distribute any documents or information from
this Website in any form or by any means without prior written
permission from us or the specific content provider, and you are solely
responsible for obtaining permission before reusing any copyrighted
material that is available on this Website.
</p>
<h2>Third Party Websites</h2>
<p>
This Website may link you to other sites on the Internet or otherwise
include references to information, documents, software, materials and/or
services provided by other parties. These websites may contain
information or material that some people may find inappropriate or
offensive.
</p>
<p>
These other websites and parties are not under our control, and you
acknowledge that we are not responsible for the accuracy, copyright
compliance, legality, decency, or any other aspect of the content of
such sites, nor are we responsible for errors or omissions in any
references to other parties or their products and services. The
inclusion of such a link or reference is provided merely as a
convenience and does not imply endorsement of, or association with, the
Website or party by us, or any warranty of any kind, either express or
implied.
</p>
<h2>
Disclaimer of Warranties, Limitations of Liability and Indemnification
</h2>
<p>
Your use of{" "}
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span> is
at your sole risk. The Website is provided "as is" and "as available".
We disclaim all warranties of any kind, express or implied, including,
without limitation, the warranties of merchantability, fitness for a
particular purpose and non-infringement.
</p>
<p>
We are not liable for damages, direct or consequential, resulting from
your use of the Website, and you agree to defend, indemnify and hold us
harmless from any claims, losses, liability costs and expenses
(including but not limites to attorney's fees) arising from your
violation of any third-party's rights. You acknowledge that you have
only a limited, non-exclusive, nontransferable license to use the
Website. Because the Website is not error or bug free, you agree that
you will use it carefully and avoid using it ways which might result in
any loss of your or any third party's property or information.
</p>
<h2>Term and termination</h2>
<p>
This Terms and Conditions will become effective in relation to you when
you create a{" "}
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span>{" "}
account or when you start using the{" "}
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span>{" "}
and will remain effective until terminated by you or by us.{" "}
</p>
<p>
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span>{" "}
reserves the right to terminate this Terms and Conditions or suspend
your account at any time in case of unauthorized, or suspected
unauthorized use of the Website whether in contravention of this Terms
and Conditions or otherwise. If{" "}
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span>{" "}
terminates this Terms and Conditions, or suspends your account for any
of the reasons set out in this section,{" "}
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span>{" "}
shall have no liability or responsibility to you.
</p>
<h2>Assignment</h2>
<p>
<span className='website_name'>{process.env.NEXT_PUBLIC_TITLE}</span>{" "}
may assign this Terms and Conditions or any part of it without
restrictions. You may not assign this Terms and Conditions or any part
of it to any third party.
</p>
<h2>Governing Law</h2>
<p>
These Terms and Conditions and any dispute or claim arising out of, or
related to them, shall be governed by and construed in accordance with
the internal laws of the <span className='country'>fr</span> without
giving effect to any choice or conflict of law provision or rule.
</p>
<p>
Any legal suit, action or proceeding arising out of, or related to,
these Terms of Service or the Website shall be instituted exclusively in
the federal courts of <span className='country'>fr</span>.
</p>
</div>
);
};
export default Terms;

12
components/UI/CardLanding.js Normal file
View File

@@ -0,0 +1,12 @@
import Image from "next/image";
const CardLanding = (props) => {
return (
<div className='w-80 shadow-md h-48 p-5 sm:ml-5 mb-5 font-bold bg-base-100'>
<Image src={props.image} width={props.image.width * 0.7} />
<p className='mt-3'>{props.text}</p>
</div>
);
};
export default CardLanding;

5
pages/index.js
View File

@@ -1,3 +1,4 @@
import Landing from "components/Landing";
import Layout from "components/Layout"; import Layout from "components/Layout";
import { NextSeo } from "next-seo"; import { NextSeo } from "next-seo";
@@ -9,9 +10,7 @@ const Home = () => {
description={`SupaNexTail is a boilerplate for your website, based on Next.js, Supabase, and TailwindCSS`} description={`SupaNexTail is a boilerplate for your website, based on Next.js, Supabase, and TailwindCSS`}
/> />
<Layout> <Layout>
<h2 className='text-5xl md:text-6xl font-bold font-title'> <Landing />
SupaNexTail <span className='text-blue-600'>Boilerplate</span>
</h2>
</Layout> </Layout>
</> </>
); );

4
pages/privacy.js
View File

@@ -2,7 +2,7 @@ import Layout from "components/Layout";
import { NextSeo } from "next-seo"; import { NextSeo } from "next-seo";
import PrivacyPolicy from "components/PrivacyPolicy"; import PrivacyPolicy from "components/PrivacyPolicy";
const Privacy = () => { const PrivacyPage = () => {
return ( return (
<> <>
<NextSeo <NextSeo
@@ -15,4 +15,4 @@ const Privacy = () => {
</> </>
); );
}; };
export default Privacy; export default PrivacyPage;

18
pages/terms.js Normal file
View File

@@ -0,0 +1,18 @@
import Layout from "components/Layout";
import { NextSeo } from "next-seo";
import Terms from "components/Terms";
const TermsPage = () => {
return (
<>
<NextSeo
title={`${process.env.NEXT_PUBLIC_TITLE} | Terms and conditions`}
description={`SupaNexTail is a boilerplate for your website, based on Next.js, Supabase, and TailwindCSS`}
/>
<Layout>
<Terms />
</Layout>
</>
);
};
export default TermsPage;

27
public/cardAuth.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" width="81" height="81" viewBox="0 0 81 81">
<g id="cardAuth" transform="translate(-9.5 -9.5)">
<path id="Tracé_596" data-name="Tracé 596" d="M10,50A40,40,0,1,0,50,10,40,40,0,0,0,10,50Z" fill="#e8f4fa" stroke="#daedf7" stroke-width="1"/>
<path id="Tracé_597" data-name="Tracé 597" d="M47.023,36.011A15.862,15.862,0,0,1,28,51.54" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_598" data-name="Tracé 598" d="M28,43.62V36.011A19.018,19.018,0,0,1,47.023,16.993h0A19.017,19.017,0,0,1,66.041,36.012a34.7,34.7,0,0,1-4.119,15.819" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_599" data-name="Tracé 599" d="M54.8,49.65a15.911,15.911,0,0,0,11.253,1.891" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_600" data-name="Tracé 600" d="M52.688,52.822a19.562,19.562,0,0,0,10.184,2.841,19.853,19.853,0,0,0,2.829-.2" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_601" data-name="Tracé 601" d="M50.1,55.69a23.344,23.344,0,0,0,12.768,3.777q.811,0,1.611-.055" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_602" data-name="Tracé 602" d="M47.023,62.625A31.894,31.894,0,0,1,34.6,66.264" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_603" data-name="Tracé 603" d="M47.023,62.625a31.894,31.894,0,0,0,12.419,3.639" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_604" data-name="Tracé 604" d="M54.565,69.324a31,31,0,0,1-7.542-2.265,31,31,0,0,1-7.541,2.265" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_605" data-name="Tracé 605" d="M44.487,70.877h5.072" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_606" data-name="Tracé 606" d="M31.809,44.039V36.011A15.213,15.213,0,0,1,47.02,20.8h0A15.215,15.215,0,0,1,62.238,36.011a30.91,30.91,0,0,1-4.261,15.078" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_607" data-name="Tracé 607" d="M35.612,42.957V36.011A11.411,11.411,0,0,1,47.023,24.6h0A11.411,11.411,0,0,1,58.434,36.011C58.1,50.59,47.915,62.341,31.786,63.241" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_608" data-name="Tracé 608" d="M47.012,58.219a29.167,29.167,0,0,0,15.226,5.022" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_609" data-name="Tracé 609" d="M28,43.62a8.245,8.245,0,0,0,11.411-7.609A7.607,7.607,0,0,1,47.023,28.4h0a7.607,7.607,0,0,1,7.607,7.607,23.457,23.457,0,0,1-23.459,23.46c-.538,0-1.075-.018-1.607-.055" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_610" data-name="Tracé 610" d="M28.057,47.648A12.053,12.053,0,0,0,43.219,36.011a3.8,3.8,0,0,1,3.8-3.8h0a3.8,3.8,0,0,1,3.8,3.8,19.669,19.669,0,0,1-22.481,19.45" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_611" data-name="Tracé 611" d="M34.559,81.02c0,.948,6.148,1.716,13.731,1.716s13.731-.768,13.731-1.716S55.873,79.3,48.29,79.3s-13.731.768-13.731,1.716Z" fill="#45413c"/>
<path id="Tracé_612" data-name="Tracé 612" d="M82.839,53.761V66.44H78.4V53.761a6.34,6.34,0,1,0-12.68,0V66.44H61.285V53.761a10.777,10.777,0,1,1,21.554,0Z" fill="#daedf7"/>
<path id="Tracé_613" data-name="Tracé 613" d="M72.062,42.984A10.785,10.785,0,0,0,61.285,53.761V56.3a10.777,10.777,0,1,1,21.554,0V53.761A10.785,10.785,0,0,0,72.062,42.984Z" fill="#e8f4fa"/>
<path id="Tracé_614" data-name="Tracé 614" d="M82.839,53.761V66.44H78.4V53.761a6.34,6.34,0,1,0-12.68,0V66.44H61.285V53.761a10.777,10.777,0,1,1,21.554,0Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_615" data-name="Tracé 615" d="M58.75,58.2H85.375V76.583H58.75Z" fill="#ffe500"/>
<path id="Tracé_616" data-name="Tracé 616" d="M74.6,65.806a2.536,2.536,0,1,0-3.8,2.184v2.887a1.268,1.268,0,1,0,2.536,0V67.99A2.524,2.524,0,0,0,74.6,65.806Z" fill="#656769" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_617" data-name="Tracé 617" d="M82.839,58.2H61.285a2.535,2.535,0,0,0-2.535,2.535v3.8A2.536,2.536,0,0,1,61.285,62H82.839a2.536,2.536,0,0,1,2.536,2.536v-3.8A2.535,2.535,0,0,0,82.839,58.2Z" fill="#fff48c"/>
<path id="Tracé_618" data-name="Tracé 618" d="M58.75,58.2H85.375V76.583H58.75Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.0 KiB

27
public/cardFee.svg Normal file
View File

@@ -0,0 +1,27 @@
<svg xmlns="http://www.w3.org/2000/svg" width="81" height="81" viewBox="0 0 81 81">
<g id="cardFee" transform="translate(-9.5 -9.5)">
<path id="Tracé_400" data-name="Tracé 400" d="M10,50A40,40,0,1,0,50,10,40,40,0,0,0,10,50Z" fill="#e8f4fa" stroke="#daedf7" stroke-width="1"/>
<path id="Tracé_401" data-name="Tracé 401" d="M22.621,39.151H63.413a5.508,5.508,0,0,1,5.508,5.508V66.878a5.508,5.508,0,0,1-5.508,5.508H22.62a5.507,5.507,0,0,1-5.507-5.507V44.659A5.508,5.508,0,0,1,22.621,39.151Z" fill="#ebcb00"/>
<path id="Tracé_402" data-name="Tracé 402" d="M42.37,39.151H22.62a5.509,5.509,0,0,0-5.507,5.508V64.408Z" fill="#ffe500"/>
<path id="Tracé_403" data-name="Tracé 403" d="M23.956,64.566h9.775" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_404" data-name="Tracé 404" d="M23.956,50.881h9.775v6.842H23.956Z" fill="#ffef9e" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_405" data-name="Tracé 405" d="M22.621,39.151H63.413a5.508,5.508,0,0,1,5.508,5.508V66.878a5.508,5.508,0,0,1-5.508,5.508H22.62a5.507,5.507,0,0,1-5.507-5.507V44.659A5.508,5.508,0,0,1,22.621,39.151Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_406" data-name="Tracé 406" d="M45.461,61.634a5.865,5.865,0,1,0,5.865-5.865A5.865,5.865,0,0,0,45.461,61.634Z" fill="#ff6242"/>
<path id="Tracé_407" data-name="Tracé 407" d="M52.3,61.634a5.865,5.865,0,1,0,5.865-5.865A5.865,5.865,0,0,0,52.3,61.634Z" fill="#ffef9e"/>
<path id="Tracé_408" data-name="Tracé 408" d="M54.747,56.869a5.868,5.868,0,0,0,0,9.529,5.866,5.866,0,0,0,0-9.529Z" fill="#ffaa54"/>
<path id="Tracé_409" data-name="Tracé 409" d="M45.461,61.634a5.865,5.865,0,1,0,5.865-5.865A5.865,5.865,0,0,0,45.461,61.634Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_410" data-name="Tracé 410" d="M52.3,61.634a5.865,5.865,0,1,0,5.865-5.865A5.865,5.865,0,0,0,52.3,61.634Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_411" data-name="Tracé 411" d="M55.722,81.308c0-.956-5.688-1.732-12.7-1.732s-12.706.776-12.706,1.732,5.684,1.733,12.7,1.733S55.722,82.265,55.722,81.308Z" fill="#45413c" opacity="0.15"/>
<path id="Tracé_412" data-name="Tracé 412" d="M48.385,30.319A20.213,20.213,0,1,0,68.6,10.106,20.213,20.213,0,0,0,48.385,30.319Z" fill="#f0f0f0"/>
<path id="Tracé_413" data-name="Tracé 413" d="M88.45,34.142a20.2,20.2,0,0,0-39.7,0,20.213,20.213,0,1,1,39.7,0Z" fill="#fff"/>
<path id="Tracé_414" data-name="Tracé 414" d="M48.385,30.319A20.213,20.213,0,1,0,68.6,10.106,20.213,20.213,0,0,0,48.385,30.319Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_415" data-name="Tracé 415" d="M74.8,29.688l-5.7-11.4a.565.565,0,0,0-1.009,0l-5.7,11.4L55.17,23.426a.564.564,0,0,0-.923.534l3.074,15.878s0,2.82,11.277,2.82,11.278-2.82,11.278-2.82L82.949,23.96a.564.564,0,0,0-.923-.534Z" fill="#ffe500"/>
<path id="Tracé_416" data-name="Tracé 416" d="M74.8,29.688l-5.7-11.4a.565.565,0,0,0-1.009,0l-5.7,11.4L55.17,23.426a.564.564,0,0,0-.923.534l3.074,15.878s0,2.82,11.277,2.82,11.278-2.82,11.278-2.82L82.949,23.96a.564.564,0,0,0-.923-.534Z" fill="#ffe500"/>
<path id="Tracé_417" data-name="Tracé 417" d="M82.678,23.364a.566.566,0,0,0-.652.062L74.8,29.688l-5.7-11.4a.565.565,0,0,0-1.009,0l-5.7,11.4L55.17,23.426a.564.564,0,0,0-.923.533l3.074,15.879s0,2.82,11.277,2.82,11.278-2.82,11.278-2.82l3.073-15.879a.563.563,0,0,0-.271-.595Zm-4.51,15.99c-.342.3-2.212,1.534-9.57,1.534s-9.228-1.239-9.569-1.534L56.89,28.3a.442.442,0,0,1,.724-.418l4.914,4.259A.443.443,0,0,0,63.214,32L68.2,22.03a.443.443,0,0,1,.791,0l4.989,9.978a.442.442,0,0,0,.685.136l4.914-4.258a.442.442,0,0,1,.724.418Z" fill="#fff48c"/>
<path id="Tracé_418" data-name="Tracé 418" d="M56.837,37.339l.484,2.5s0,2.82,11.277,2.82,11.278-2.82,11.278-2.82l.484-2.5c-1.083.827-3.984,1.935-11.762,1.935S57.919,38.166,56.837,37.339Z" fill="#ebcb00"/>
<path id="Tracé_419" data-name="Tracé 419" d="M58.818,38.265a6.314,6.314,0,0,1-1.981-.926l.484,2.5s0,.983,2.322,1.789Z" fill="#ffe500"/>
<path id="Tracé_420" data-name="Tracé 420" d="M77.907,41.5c1.969-.777,1.969-1.658,1.969-1.658l.484-2.5a6.085,6.085,0,0,1-1.817.874Z" fill="#ffe500"/>
<path id="Tracé_421" data-name="Tracé 421" d="M56.837,37.339c1.082.827,3.984,1.935,11.761,1.935s10.679-1.108,11.762-1.935" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_422" data-name="Tracé 422" d="M74.8,29.688l-5.7-11.4a.565.565,0,0,0-1.009,0l-5.7,11.4L55.17,23.426a.564.564,0,0,0-.923.534l3.074,15.878s0,2.82,11.277,2.82,11.278-2.82,11.278-2.82L82.949,23.96a.564.564,0,0,0-.923-.534Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

41
public/cardPage.svg Normal file
View File

@@ -0,0 +1,41 @@
<svg xmlns="http://www.w3.org/2000/svg" width="90.615" height="80.002" viewBox="0 0 90.615 80.002">
<g id="cardPage" transform="translate(-4.443 -9.993)">
<path id="Tracé_553" data-name="Tracé 553" d="M88.443,50A40,40,0,1,0,12.007,66.5H84.879A39.844,39.844,0,0,0,88.443,50Z" fill="#ace5fa"/>
<path id="Tracé_554" data-name="Tracé 554" d="M12.007,66.5a40,40,0,0,0,72.872,0Z" fill="#ccf7ad"/>
<path id="Tracé_555" data-name="Tracé 555" d="M9.443,66.5h78m-82.5,0h2.5m82,0h2.5" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_556" data-name="Tracé 556" d="M65.872,69.7a2,2,0,0,1-2,2H11.491a2,2,0,0,1-2-2V38.532H65.872Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_557" data-name="Tracé 557" d="M65.872,38.532H9.491v-5.96a2,2,0,0,1,2-2H63.872a2,2,0,0,1,2,2Z" fill="#f0f0f0"/>
<path id="Tracé_558" data-name="Tracé 558" d="M65.872,32.572a2,2,0,0,0-2-2H11.491a2,2,0,0,0-2,2V36.66a2.771,2.771,0,0,1,2.771-2.771H63.1a2.771,2.771,0,0,1,2.771,2.771Z" fill="#fff"/>
<path id="Tracé_559" data-name="Tracé 559" d="M65.872,38.532H9.491v-5.96a2,2,0,0,1,2-2H63.872a2,2,0,0,1,2,2Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<circle id="Ellipse_6" data-name="Ellipse 6" cx="1.327" cy="1.327" r="1.327" transform="translate(12.144 33.225)" fill="#ff6242" stroke="#e04122" stroke-miterlimit="10" stroke-width="1"/>
<circle id="Ellipse_7" data-name="Ellipse 7" cx="1.327" cy="1.327" r="1.327" transform="translate(17.45 33.225)" fill="#ffe500" stroke="#ebcb00" stroke-miterlimit="10" stroke-width="1"/>
<circle id="Ellipse_8" data-name="Ellipse 8" cx="1.327" cy="1.327" r="1.327" transform="translate(22.757 33.225)" fill="#6dd627" stroke="#46b000" stroke-miterlimit="10" stroke-width="1"/>
<rect id="Rectangle_10" data-name="Rectangle 10" width="2.653" height="17.756" rx="0.5" transform="translate(13.551 68.394) rotate(-45)" fill="#daedf7" stroke="#45413c" stroke-linejoin="round" stroke-width="1"/>
<rect id="Rectangle_11" data-name="Rectangle 11" width="2.653" height="17.756" rx="0.5" transform="translate(26.463 68.395) rotate(-45)" fill="#daedf7" stroke="#45413c" stroke-linejoin="round" stroke-width="1"/>
<rect id="Rectangle_12" data-name="Rectangle 12" width="17.756" height="2.653" rx="0.5" transform="translate(13.552 79.075) rotate(-45)" fill="#daedf7" stroke="#45413c" stroke-linejoin="round" stroke-width="1"/>
<rect id="Rectangle_13" data-name="Rectangle 13" width="2.653" height="18.572" rx="0.354" transform="translate(26.074 62.411)" fill="#daedf7" stroke="#45413c" stroke-linejoin="round" stroke-width="1"/>
<rect id="Rectangle_14" data-name="Rectangle 14" width="2.653" height="18.572" rx="0.354" transform="translate(12.808 62.411)" fill="#daedf7" stroke="#45413c" stroke-linejoin="round" stroke-width="1"/>
<rect id="Rectangle_15" data-name="Rectangle 15" width="10.613" height="2.653" rx="0.5" transform="translate(15.461 64.401)" fill="#daedf7" stroke="#45413c" stroke-linejoin="round" stroke-width="1"/>
<rect id="Rectangle_16" data-name="Rectangle 16" width="13.929" height="15.919" rx="1" transform="translate(14.134 43.175)" fill="#ff6242" stroke="#45413c" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_560" data-name="Tracé 560" d="M58.239,63.074H38.35a1,1,0,0,0-1,1V71.7H59.239V64.074a1,1,0,0,0-1-1Z" fill="#ffaa54" stroke="#45413c" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_561" data-name="Tracé 561" d="M37.35,56.441H59.239v3.317H37.35Z" fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_562" data-name="Tracé 562" d="M70.163,23.835l-1.58,5.529H79.64V23.835Z" fill="#00b8f0"/>
<path id="Tracé_563" data-name="Tracé 563" d="M73.117,23.835H79.64v5.528h-2.5l-4.021-5.528Z" fill="#4acfff"/>
<rect id="Rectangle_17" data-name="Rectangle 17" width="52.569" height="3.159" rx="1" transform="translate(40.498 20.676)" fill="#c0dceb" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_564" data-name="Tracé 564" d="M71.742,32.523H78.06v48.2H71.742Z" fill="#adc4d9" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_565" data-name="Tracé 565" d="M78.061,20.676H71.742l2.526-8.208a.663.663,0,0,1,1.267,0Z" fill="#c0dceb" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_566" data-name="Tracé 566" d="M41.825,20.676,74.99,12.4m14.128,8.278L74.99,12.4" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_567" data-name="Tracé 567" d="M69.246,32.523h9.731a.663.663,0,0,0,.663-.663v-2.5H68.583v2.5A.663.663,0,0,0,69.246,32.523Z" fill="#f0f0f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_568" data-name="Tracé 568" d="M70.163,23.835l-1.58,5.529H79.64V23.835Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_569" data-name="Tracé 569" d="M45.237,23.835h6.319v3.159H45.237Zm4.8,19.593a1.58,1.58,0,1,1-1.579-1.579,1.58,1.58,0,0,1,1.579,1.579Z" fill="#f0f0f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_570" data-name="Tracé 570" d="M71.742,47.53l6.319,6.318m0-6.318-6.319,6.318m0,.79,6.319,6.319m0-6.319-6.319,6.319m0,.176,6.319,6.319m0-6.319-6.319,6.319m0,.314,6.319,6.319m0-6.319-6.319,6.319m0-33.664,6.319,6.319m0-6.319L71.742,46.74m0-13.427,6.319,6.318m0-6.318-6.319,6.318" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_571" data-name="Tracé 571" d="M67.53,78.065H89.746a.5.5,0,0,1,.5.5v2.153H67.03V78.565A.5.5,0,0,1,67.53,78.065Z" fill="#adc4d9" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_572" data-name="Tracé 572" d="M70.847,75.412H78.47a.5.5,0,0,1,.5.5v2.153H70.347V75.912A.5.5,0,0,1,70.847,75.412Z" fill="#adc4d9" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_573" data-name="Tracé 573" d="M82.286,75.412h6.633v2.653H82.286Zm0-2.654h6.633v2.653H82.286Zm0-2.653h6.633v2.653H82.286Z" fill="#e0e0e0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_574" data-name="Tracé 574" d="M48.458,45.008,53.1,49.145H43.815l4.643-4.137Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_575" data-name="Tracé 575" d="M39.666,49.145H57.249v3.317H39.666Z" fill="#ffe500" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_576" data-name="Tracé 576" d="M48.458,41.849V26.994" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<ellipse id="Ellipse_9" data-name="Ellipse 9" cx="16.583" cy="1.99" rx="16.583" ry="1.99" transform="translate(61.892 80.32)" fill="#45413c" opacity="0.15"/>
<ellipse id="Ellipse_10" data-name="Ellipse 10" cx="16.583" cy="1.99" rx="16.583" ry="1.99" transform="translate(8.828 80.32)" fill="#45413c" opacity="0.15"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

44
public/cardResponsive.svg Normal file
View File

@@ -0,0 +1,44 @@
<svg xmlns="http://www.w3.org/2000/svg" width="81" height="82.858" viewBox="0 0 81 82.858">
<g id="cardResponsive" transform="translate(-9.5 -8.571)">
<path id="Tracé_474" data-name="Tracé 474" d="M10,50.929a40,40,0,1,0,40-40,40,40,0,0,0-40,40Z" fill="#e8f4fa" stroke="#daedf7" stroke-width="1"/>
<path id="Tracé_475" data-name="Tracé 475" d="M25.881,85.354c0,.957,11.753,1.733,26.25,1.733s26.25-.776,26.25-1.733-11.752-1.733-26.25-1.733-26.25.776-26.25,1.733Z" fill="#525252" opacity="0.15"/>
<path id="Tracé_476" data-name="Tracé 476" d="M45.831,63.4a1.325,1.325,0,0,0,1.325,1.325H85.581A1.325,1.325,0,0,0,86.906,63.4V20.334L75.643,9.071H47.156A1.325,1.325,0,0,0,45.831,10.4Z" fill="#fff"/>
<path id="Tracé_477" data-name="Tracé 477" d="M45.831,63.4a1.325,1.325,0,0,0,1.325,1.325H85.581A1.325,1.325,0,0,0,86.906,63.4V20.334L75.643,9.071H47.156A1.325,1.325,0,0,0,45.831,10.4Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_478" data-name="Tracé 478" d="M86.906,20.334H75.643V9.071Z" fill="#e8f4fa" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_479" data-name="Tracé 479" d="M69.981,45.821h9.45" fill="#b8ecff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_480" data-name="Tracé 480" d="M69.981,51.071h9.45" fill="#b8ecff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_481" data-name="Tracé 481" d="M69.981,56.321h5.25" fill="#b8ecff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_482" data-name="Tracé 482" d="M51.083,22.721H76.9v17.85H51.083Z" fill="#b8ecff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_483" data-name="Tracé 483" d="M54.026,26.5a1.243,1.243,0,0,0-.453.088,2.1,2.1,0,0,0-2.066-1.768,2.07,2.07,0,0,0-.42.046V29.02h2.939a1.26,1.26,0,1,0,0-2.52Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_484" data-name="Tracé 484" d="M76.9,35.32,66.386,26.13a4.2,4.2,0,0,0-5.453-.064l-9.85,8.208v5.247a1.05,1.05,0,0,0,1.05,1.05H75.854a1.05,1.05,0,0,0,1.05-1.05v-4.2" fill="#627b8c"/>
<path id="Tracé_485" data-name="Tracé 485" d="M55.062,30.958,60.041,29.2a1.047,1.047,0,0,1,.933.116l2.13,1.42a1.051,1.051,0,0,0,1.165,0L66.4,29.314a1.052,1.052,0,0,1,.937-.115l4.343,1.555L66.386,26.13a4.2,4.2,0,0,0-5.453-.064Z" fill="#fff"/>
<path id="Tracé_486" data-name="Tracé 486" d="M76.9,35.32,66.386,26.13a4.2,4.2,0,0,0-5.453-.064l-9.85,8.208v5.247a1.05,1.05,0,0,0,1.05,1.05H75.854a1.05,1.05,0,0,0,1.05-1.05v-4.2" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_487" data-name="Tracé 487" d="M72.366,67.871a3.15,3.15,0,0,1-3.15,3.15H26.166a3.15,3.15,0,0,1-3.15-3.15V43.516h49.35Z" fill="#b8ecff"/>
<path id="Tracé_488" data-name="Tracé 488" d="M23.014,43.511h49.35v3.58H23.014Z" fill="#80ddff"/>
<path id="Tracé_489" data-name="Tracé 489" d="M72.366,37.216a3.15,3.15,0,0,0-3.15-3.15H26.166a3.15,3.15,0,0,0-3.15,3.15v6.3h49.35Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_490" data-name="Tracé 490" d="M26.166,38.791a1.575,1.575,0,1,0,1.575-1.575,1.575,1.575,0,0,0-1.575,1.575Z" fill="#ff6242"/>
<path id="Tracé_491" data-name="Tracé 491" d="M31.416,38.791a1.575,1.575,0,1,0,1.575-1.575A1.575,1.575,0,0,0,31.416,38.791Z" fill="#ffe500"/>
<path id="Tracé_492" data-name="Tracé 492" d="M36.666,38.791a1.575,1.575,0,1,0,1.575-1.575A1.575,1.575,0,0,0,36.666,38.791Z" fill="#6dd627"/>
<path id="Tracé_493" data-name="Tracé 493" d="M72.366,67.871a3.15,3.15,0,0,1-3.15,3.15H26.166a3.15,3.15,0,0,1-3.15-3.15V43.516h49.35Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_494" data-name="Tracé 494" d="M59.31,48.723h9.061" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_495" data-name="Tracé 495" d="M57.381,54.221h10.99" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_496" data-name="Tracé 496" d="M57.381,59.72h6.3" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_497" data-name="Tracé 497" d="M27.359,46.871H53.181v17.85H27.359Z" fill="#e5f8ff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_498" data-name="Tracé 498" d="M30.3,50.651a1.244,1.244,0,0,0-.454.088,2.1,2.1,0,0,0-2.066-1.768,2.07,2.07,0,0,0-.42.046v4.154H30.3a1.26,1.26,0,1,0,0-2.52Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_499" data-name="Tracé 499" d="M53.179,59.47,42.662,50.28a4.2,4.2,0,0,0-5.453-.064l-9.85,8.208v5.247a1.05,1.05,0,0,0,1.05,1.05H52.131a1.051,1.051,0,0,0,1.05-1.05v-4.2" fill="#627b8c"/>
<path id="Tracé_500" data-name="Tracé 500" d="M31.339,55.108l4.978-1.761a1.047,1.047,0,0,1,.933.116l2.13,1.42a1.051,1.051,0,0,0,1.165,0l2.129-1.419a1.05,1.05,0,0,1,.936-.115L47.953,54.9l-5.291-4.62a4.2,4.2,0,0,0-5.453-.064Z" fill="#fff"/>
<path id="Tracé_501" data-name="Tracé 501" d="M53.179,59.47,42.662,50.28a4.2,4.2,0,0,0-5.453-.064l-9.85,8.208v5.247a1.05,1.05,0,0,0,1.05,1.05H52.131a1.051,1.051,0,0,0,1.05-1.05v-4.2" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_502" data-name="Tracé 502" d="M15.233,79.707a3.363,3.363,0,0,1-3.362-3.361V61.782a3.359,3.359,0,0,1,3.361-3.36H47.72a3.36,3.36,0,0,1,3.36,3.361V76.346a3.361,3.361,0,0,1-3.361,3.36Z" fill="#fff"/>
<path id="Tracé_503" data-name="Tracé 503" d="M18.592,58.422H44.347V79.707H18.592Z" fill="#b8ecff"/>
<path id="Tracé_504" data-name="Tracé 504" d="M15.233,79.707a3.363,3.363,0,0,1-3.362-3.361V61.782a3.359,3.359,0,0,1,3.361-3.36H47.72a3.36,3.36,0,0,1,3.36,3.361V76.346a3.361,3.361,0,0,1-3.361,3.36Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_505" data-name="Tracé 505" d="M18.592,58.422H44.347V79.707H18.592Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_506" data-name="Tracé 506" d="M47.719,67.944v5.6" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_507" data-name="Tracé 507" d="M47.719,64.355a.788.788,0,0,0,0,1.576h0a.788.788,0,1,0,0-1.576Z" fill="#45413c"/>
<path id="Tracé_508" data-name="Tracé 508" d="M15.232,70.324a1.26,1.26,0,1,0-1.26-1.26,1.26,1.26,0,0,0,1.26,1.26Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_509" data-name="Tracé 509" d="M18.594,73.42l9.823-8.185a4.188,4.188,0,0,1,5.438.063l10.493,9.169V79.7H18.594Z" fill="#627b8c"/>
<path id="Tracé_510" data-name="Tracé 510" d="M39.134,69.906,34.8,68.355a1.049,1.049,0,0,0-.934.115l-2.123,1.415a1.046,1.046,0,0,1-1.162,0l-2.125-1.416a1.047,1.047,0,0,0-.93-.116l-4.953,1.752,5.845-4.87a4.176,4.176,0,0,1,5.436.063Z" fill="#fff"/>
<path id="Tracé_511" data-name="Tracé 511" d="M18.594,73.42l9.823-8.185a4.188,4.188,0,0,1,5.438.063l10.493,9.169V79.7H18.594Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_512" data-name="Tracé 512" d="M18.592,58.427H44.348V79.7H18.592Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_513" data-name="Tracé 513" d="M21.527,63.531a1.243,1.243,0,0,0-.453.088,2.074,2.074,0,0,0-2.48-1.718v4.144h2.933a1.257,1.257,0,1,0,0-2.514Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

43
public/cardServer.svg Normal file
View File

@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" width="94.38" height="84.83" viewBox="0 0 94.38 84.83">
<g id="cardServer" transform="translate(-2.81 -7.585)">
<path id="Tracé_514" data-name="Tracé 514" d="M9.875,50a40,40,0,1,0,40-40,40,40,0,0,0-40,40Z" fill="#e8f4fa" stroke="#daedf7" stroke-width="1"/>
<path id="Tracé_515" data-name="Tracé 515" d="M55.408,13.82a37,37,0,0,0-11.092,0" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_516" data-name="Tracé 516" d="M15.921,36.286a36.539,36.539,0,0,1,4.723-8.328" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_517" data-name="Tracé 517" d="M55.408,86.18a37,37,0,0,1-11.092,0" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_518" data-name="Tracé 518" d="M15.921,63.714a36.539,36.539,0,0,0,4.723,8.328" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_519" data-name="Tracé 519" d="M83.8,36.286a36.581,36.581,0,0,0-4.724-8.328" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_520" data-name="Tracé 520" d="M83.8,63.714a36.58,36.58,0,0,1-4.724,8.328" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_521" data-name="Tracé 521" d="M25.786,50h6.976" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_522" data-name="Tracé 522" d="M36.08,27.049l4.213,7.016" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_523" data-name="Tracé 523" d="M36.08,72.951l4.213-7.016" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_524" data-name="Tracé 524" d="M73.938,50H66.962" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_525" data-name="Tracé 525" d="M63.644,27.049l-4.213,7.016" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_526" data-name="Tracé 526" d="M63.644,72.951l-4.213-7.016" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_527" data-name="Tracé 527" d="M23.155,56.747a1.373,1.373,0,0,1-1.369,1.369H4.678A1.373,1.373,0,0,1,3.31,56.747V45.114H23.155Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_528" data-name="Tracé 528" d="M23.155,45.114H3.31V43.253a1.373,1.373,0,0,1,1.368-1.369H21.786a1.373,1.373,0,0,1,1.369,1.369Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_529" data-name="Tracé 529" d="M40.885,22.948a1.373,1.373,0,0,1-1.369,1.369H22.408a1.373,1.373,0,0,1-1.368-1.369V11.315H40.885Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_530" data-name="Tracé 530" d="M40.885,11.315H21.04V9.454a1.373,1.373,0,0,1,1.368-1.369H39.516a1.373,1.373,0,0,1,1.369,1.369Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_531" data-name="Tracé 531" d="M39.782,90.546a1.373,1.373,0,0,1-1.368,1.369H21.306a1.373,1.373,0,0,1-1.369-1.369V78.913H39.782Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_532" data-name="Tracé 532" d="M39.782,78.913H19.937V77.052a1.373,1.373,0,0,1,1.369-1.369H38.414a1.373,1.373,0,0,1,1.368,1.369Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_533" data-name="Tracé 533" d="M76.845,56.747a1.373,1.373,0,0,0,1.369,1.369H95.322a1.373,1.373,0,0,0,1.368-1.369V45.114H76.845Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_534" data-name="Tracé 534" d="M76.845,45.114H96.69V43.253a1.373,1.373,0,0,0-1.368-1.369H78.214a1.373,1.373,0,0,0-1.369,1.369Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_535" data-name="Tracé 535" d="M58.84,22.948a1.372,1.372,0,0,0,1.368,1.369H77.316a1.373,1.373,0,0,0,1.369-1.369V11.315H58.84Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_536" data-name="Tracé 536" d="M58.84,11.315H78.685V9.454a1.373,1.373,0,0,0-1.369-1.369H60.208A1.372,1.372,0,0,0,58.84,9.454Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_537" data-name="Tracé 537" d="M59.942,90.546a1.373,1.373,0,0,0,1.369,1.369H78.418a1.373,1.373,0,0,0,1.369-1.369V78.913H59.942Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_538" data-name="Tracé 538" d="M59.942,78.913H79.787V77.052a1.373,1.373,0,0,0-1.369-1.369H61.311a1.373,1.373,0,0,0-1.369,1.369Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_539" data-name="Tracé 539" d="M34.978,36.77H64.745V63.23H34.978Z" fill="#656769"/>
<path id="Tracé_540" data-name="Tracé 540" d="M64.746,39.526H34.978v-.551a2.2,2.2,0,0,1,2.2-2.2H62.541a2.2,2.2,0,0,1,2.2,2.2Z" fill="#87898c"/>
<path id="Tracé_541" data-name="Tracé 541" d="M38.286,58.82H44.9" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_542" data-name="Tracé 542" d="M38.286,50H44.9" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_543" data-name="Tracé 543" d="M38.286,41.18H44.9" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_544" data-name="Tracé 544" d="M59.233,41.18a1.654,1.654,0,1,0,1.654-1.654,1.654,1.654,0,0,0-1.654,1.654Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_545" data-name="Tracé 545" d="M53.721,41.18a1.654,1.654,0,1,0,1.654-1.654,1.654,1.654,0,0,0-1.654,1.654Z" fill="#00f5bc" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_546" data-name="Tracé 546" d="M59.233,50a1.654,1.654,0,1,0,1.654-1.654A1.654,1.654,0,0,0,59.233,50Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_547" data-name="Tracé 547" d="M53.721,50a1.654,1.654,0,1,0,1.654-1.654A1.654,1.654,0,0,0,53.721,50Z" fill="#00f5bc" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_548" data-name="Tracé 548" d="M59.233,58.82a1.654,1.654,0,1,0,1.654-1.654A1.654,1.654,0,0,0,59.233,58.82Z" fill="#4acfff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_549" data-name="Tracé 549" d="M53.721,58.82a1.654,1.654,0,1,0,1.654-1.654A1.654,1.654,0,0,0,53.721,58.82Z" fill="#00f5bc" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_550" data-name="Tracé 550" d="M62.541,63.23H37.183a2.2,2.2,0,0,1-2.2-2.2V54.41H64.746v6.615a2.2,2.2,0,0,1-2.205,2.2Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_551" data-name="Tracé 551" d="M34.978,45.59H64.745v8.82H34.978Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_552" data-name="Tracé 552" d="M64.746,45.59H34.978V38.975a2.2,2.2,0,0,1,2.2-2.2H62.541a2.2,2.2,0,0,1,2.2,2.2Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

29
public/cardStripe.svg Normal file
View File

@@ -0,0 +1,29 @@
<svg xmlns="http://www.w3.org/2000/svg" width="81" height="81" viewBox="0 0 81 81">
<g id="cardStripe" transform="translate(-9.5 -9.5)">
<path id="Tracé_423" data-name="Tracé 423" d="M10,50A40,40,0,1,0,50,10,40,40,0,0,0,10,50Z" fill="#e8f4fa" stroke="#daedf7" stroke-width="1"/>
<path id="Tracé_424" data-name="Tracé 424" d="M80.87,71.606a3.308,3.308,0,0,1-3.308,3.308H22.44a3.308,3.308,0,0,1-3.308-3.308V32.8H80.87Z" fill="#4acfff"/>
<path id="Tracé_425" data-name="Tracé 425" d="M19.13,32.8H80.868v3.759H19.13Z" fill="#00b8f0"/>
<path id="Tracé_426" data-name="Tracé 426" d="M80.87,26.188a3.308,3.308,0,0,0-3.308-3.307H22.44a3.308,3.308,0,0,0-3.308,3.307V32.8H80.87Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_427" data-name="Tracé 427" d="M22.439,27.842a1.654,1.654,0,1,0,1.654-1.654,1.654,1.654,0,0,0-1.654,1.654Z" fill="#ff6242"/>
<path id="Tracé_428" data-name="Tracé 428" d="M27.952,27.842a1.654,1.654,0,1,0,1.654-1.654A1.654,1.654,0,0,0,27.952,27.842Z" fill="#ffe500"/>
<path id="Tracé_429" data-name="Tracé 429" d="M33.464,27.842a1.654,1.654,0,1,0,1.654-1.654,1.654,1.654,0,0,0-1.654,1.654Z" fill="#6dd627"/>
<path id="Tracé_430" data-name="Tracé 430" d="M80.87,71.606a3.308,3.308,0,0,1-3.308,3.308H22.44a3.308,3.308,0,0,1-3.308-3.308V32.8H80.87Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_431" data-name="Tracé 431" d="M31.258,52.864A17.64,17.64,0,1,0,48.9,35.224a17.64,17.64,0,0,0-17.64,17.64Z" fill="#00b8f0"/>
<path id="Tracé_432" data-name="Tracé 432" d="M37.009,84.125c0,.913,5.43,1.654,12.128,1.654s12.128-.741,12.128-1.654-5.43-1.654-12.128-1.654-12.128.741-12.128,1.654Z" fill="#525252" opacity="0.15"/>
<path id="Tracé_433" data-name="Tracé 433" d="M34.014,52.864A14.884,14.884,0,1,0,48.9,37.98,14.884,14.884,0,0,0,34.014,52.864Z" fill="#ffe500"/>
<path id="Tracé_434" data-name="Tracé 434" d="M48.9,37.98A14.884,14.884,0,0,0,38.373,63.388L59.422,42.34A14.835,14.835,0,0,0,48.9,37.98Z" fill="#fff48c"/>
<path id="Tracé_435" data-name="Tracé 435" d="M34.014,52.864A14.884,14.884,0,1,0,48.9,37.98,14.884,14.884,0,0,0,34.014,52.864Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_436" data-name="Tracé 436" d="M34.014,52.864A14.884,14.884,0,1,0,48.9,37.98,14.884,14.884,0,0,0,34.014,52.864Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_437" data-name="Tracé 437" d="M37.114,52.864A11.783,11.783,0,1,0,48.9,41.081,11.783,11.783,0,0,0,37.114,52.864Z" fill="none" stroke="#ebcb00" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_438" data-name="Tracé 438" d="M52.618,49.142a3.721,3.721,0,0,0-3.721-3.72h-.271a3.45,3.45,0,0,0-1.543,6.535l3.629,1.813A3.45,3.45,0,0,1,49.169,60.3H48.9a3.721,3.721,0,0,1-3.72-3.721" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_439" data-name="Tracé 439" d="M48.9,45.422v-1.86" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_440" data-name="Tracé 440" d="M48.9,62.165v-1.86" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_441" data-name="Tracé 441" d="M51.151,31.058c0,1.444-1.17,4.712-2.614,4.712s-2.614-3.268-2.614-4.712a2.614,2.614,0,1,1,5.228,0Z" fill="#fff" stroke="#00658a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_442" data-name="Tracé 442" d="M31.046,39.846c1.251.722,3.5,3.37,2.774,4.62s-4.138.63-5.388-.092a2.614,2.614,0,1,1,2.614-4.528Z" fill="#fff" stroke="#00658a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_443" data-name="Tracé 443" d="M28.6,61.652c1.251-.722,4.666-1.343,5.388-.092s-1.523,3.9-2.774,4.619A2.614,2.614,0,1,1,28.6,61.652Z" fill="#fff" stroke="#00658a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_444" data-name="Tracé 444" d="M46.267,74.669c0-1.444,1.171-4.712,2.615-4.712S51.5,73.225,51.5,74.669a2.615,2.615,0,1,1-5.23,0Z" fill="#fff" stroke="#00658a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_445" data-name="Tracé 445" d="M68.815,44.076c-1.251.722-4.666,1.342-5.388.092s1.523-3.9,2.773-4.62a2.614,2.614,0,0,1,2.615,4.528Z" fill="#fff" stroke="#00658a" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_446" data-name="Tracé 446" d="M55.1,56.541a.55.55,0,0,0-.671.671l3.4,12.92a.549.549,0,0,0,.92.249l3.206-3.207,4.272,4.271a.547.547,0,0,0,.776,0l2.33-2.329a.549.549,0,0,0,0-.777l-4.271-4.271,3.883-3.883Z" fill="#525252" opacity="0.3"/>
<path id="Tracé_447" data-name="Tracé 447" d="M57.03,51.966a1.1,1.1,0,0,0-1.346,1.346L58.6,64.384a1.1,1.1,0,0,0,1.846.5l2.526-2.526,3.88,3.88a1.1,1.1,0,0,0,1.559,0l1.547-1.547a1.1,1.1,0,0,0,0-1.559l-3.88-3.88L68.6,56.725a1.1,1.1,0,0,0-.5-1.846Z" fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

30
public/cardTheme.svg Normal file
View File

@@ -0,0 +1,30 @@
<svg xmlns="http://www.w3.org/2000/svg" width="81" height="81" viewBox="0 0 81 81">
<g id="cardTheme" transform="translate(-9.5 -9.5)">
<path id="Tracé_448" data-name="Tracé 448" d="M10,50A40,40,0,1,0,50,10,40,40,0,0,0,10,50Z" fill="#e8f4fa" stroke="#daedf7" stroke-width="1"/>
<path id="Tracé_449" data-name="Tracé 449" d="M77.714,52.286a2,2,0,0,1,1.98,2.284,29.7,29.7,0,0,1-5.676,13.676A2,2,0,0,1,71,68.46l-5.016-5.016a2,2,0,0,1-.24-2.535,18.854,18.854,0,0,0,2.9-7,2,2,0,0,1,1.964-1.619Z" fill="#00dfeb" stroke="#45413c" stroke-width="1"/>
<path id="Tracé_450" data-name="Tracé 450" d="M68.174,71.29a2,2,0,0,1-.214,3.01,29.693,29.693,0,0,1-13.676,5.68A2,2,0,0,1,52,78V70.9a2,2,0,0,1,1.622-1.961,18.86,18.86,0,0,0,7-2.9,2,2,0,0,1,2.534.243Z" fill="#6dd627" stroke="#45413c" stroke-width="1"/>
<path id="Tracé_451" data-name="Tracé 451" d="M46.381,68.936A2,2,0,0,1,48,70.9V78a2,2,0,0,1-2.284,1.98A29.693,29.693,0,0,1,32.04,74.3a2,2,0,0,1-.214-3.014l5.015-5.015a2,2,0,0,1,2.534-.243,18.85,18.85,0,0,0,7.006,2.908Z" fill="#ffe500" stroke="#45413c" stroke-width="1"/>
<path id="Tracé_452" data-name="Tracé 452" d="M45.716,20.592A2,2,0,0,1,48,22.572v7.1a2,2,0,0,1-1.622,1.961,18.843,18.843,0,0,0-7,2.9,2,2,0,0,1-2.534-.244l-5.015-5.014a2,2,0,0,1,.214-3.014,29.693,29.693,0,0,1,13.673-5.669Z" fill="#ff6196" stroke="#45413c" stroke-width="1"/>
<path id="Tracé_453" data-name="Tracé 453" d="M34.011,37.127a2,2,0,0,1,.243,2.534,18.85,18.85,0,0,0-2.9,7.006,2,2,0,0,1-1.964,1.619h-7.1A2,2,0,0,1,20.306,46a29.693,29.693,0,0,1,5.676-13.676A2,2,0,0,1,29,32.112Z" fill="#ff6242" stroke="#45413c" stroke-width="1"/>
<path id="Tracé_454" data-name="Tracé 454" d="M34.254,60.911a2,2,0,0,1-.243,2.534L29,68.46a2,2,0,0,1-3.014-.214,29.7,29.7,0,0,1-5.68-13.676,2,2,0,0,1,1.98-2.284h7.1A2,2,0,0,1,31.35,53.9,18.85,18.85,0,0,0,34.254,60.911Z" fill="#ff8a14" stroke="#45413c" stroke-width="1"/>
<path id="Tracé_455" data-name="Tracé 455" d="M39.75,85.5c0,.828,4.925,1.5,11,1.5s11-.672,11-1.5-4.925-1.5-11-1.5S39.75,84.672,39.75,85.5Z" fill="#45413c" opacity="0.15"/>
<path id="Tracé_456" data-name="Tracé 456" d="M46.774,66.859a3.45,3.45,0,0,1-6.9,0c0-1.5,2.143-4.494,3.051-5.694a.5.5,0,0,1,.8,0C44.631,62.365,46.774,65.357,46.774,66.859Z" fill="#00b8f0"/>
<path id="Tracé_457" data-name="Tracé 457" d="M43.324,68.054A3.451,3.451,0,0,1,40.1,65.826a3.159,3.159,0,0,0-.223,1.033,3.45,3.45,0,0,0,6.9,0,3.159,3.159,0,0,0-.223-1.033,3.451,3.451,0,0,1-3.23,2.228Z" fill="#009fd9"/>
<path id="Tracé_458" data-name="Tracé 458" d="M46.774,66.859a3.45,3.45,0,0,1-6.9,0c0-1.5,2.143-4.494,3.051-5.694a.5.5,0,0,1,.8,0C44.631,62.365,46.774,65.357,46.774,66.859Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_459" data-name="Tracé 459" d="M46.625,57.219a1.15,1.15,0,0,1-1.326-.227l-.773-.787a1.151,1.151,0,0,1-.2-1.329l1.44-2.815a2.3,2.3,0,0,1,.437-.594L60.729,37.238,64.6,41.177,50.067,55.406a2.265,2.265,0,0,1-.6.425Z" fill="#e5f8ff"/>
<path id="Tracé_460" data-name="Tracé 460" d="M50.144,47.6,46.2,51.467a2.26,2.26,0,0,0-.436.6l-1.441,2.813a1.152,1.152,0,0,0,.2,1.33l.773.787a1.148,1.148,0,0,0,1.325.227l2.842-1.388a2.276,2.276,0,0,0,.6-.425l7.967-7.8Z" fill="#00b8f0"/>
<path id="Tracé_461" data-name="Tracé 461" d="M47.7,50h7.889l2.447-2.4h-7.89Z" fill="#4acfff"/>
<path id="Tracé_462" data-name="Tracé 462" d="M75.433,34.426a11.042,11.042,0,0,0-2.373,3.436L72.427,39.3l-9.66-9.839,1.453-.608a11.009,11.009,0,0,0,3.48-2.3l2.915-2.861a5.52,5.52,0,1,1,7.734,7.878Z" fill="#525252"/>
<path id="Tracé_463" data-name="Tracé 463" d="M70.251,45.3a1.148,1.148,0,0,1-1.626-.016L56.7,33.135a1.149,1.149,0,0,1,.015-1.627L60,28.285a1.15,1.15,0,0,1,1.626.016L73.548,40.446a1.15,1.15,0,0,1-.014,1.626Z" fill="#656769"/>
<path id="Tracé_464" data-name="Tracé 464" d="M58.546,39.376l3.867,3.939L64.6,41.177l-3.868-3.939Z" fill="#b8ecff"/>
<path id="Tracé_465" data-name="Tracé 465" d="M70.251,45.3a1.148,1.148,0,0,1-1.626-.016L56.7,33.135a1.149,1.149,0,0,1,.015-1.627L60,28.285a1.15,1.15,0,0,1,1.626.016L73.548,40.446a1.15,1.15,0,0,1-.014,1.626Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_466" data-name="Tracé 466" d="M63.237,29.942l-2.955,2.9" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_467" data-name="Tracé 467" d="M66.136,32.9l-2.954,2.9" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_468" data-name="Tracé 468" d="M69.037,35.851l-2.954,2.9" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_469" data-name="Tracé 469" d="M71.937,38.8l-2.954,2.9" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_470" data-name="Tracé 470" d="M79.324,24.976a5.525,5.525,0,0,0-8.711-1.289L67.7,26.548a11.009,11.009,0,0,1-3.478,2.309l-1.453.608,2.04,2.078,1.453-.607a11.03,11.03,0,0,0,3.479-2.309l2.914-2.861a5.506,5.506,0,0,1,6.669-.79Z" fill="#87898c"/>
<path id="Tracé_471" data-name="Tracé 471" d="M75.433,34.426a11.042,11.042,0,0,0-2.373,3.436L72.427,39.3l-9.66-9.839,1.453-.608a11.009,11.009,0,0,0,3.48-2.3l2.915-2.861a5.52,5.52,0,1,1,7.734,7.878Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_472" data-name="Tracé 472" d="M46.625,57.219a1.15,1.15,0,0,1-1.326-.227l-.773-.787a1.151,1.151,0,0,1-.2-1.329l1.44-2.815a2.3,2.3,0,0,1,.437-.594L60.729,37.238,64.6,41.177,50.067,55.406a2.265,2.265,0,0,1-.6.425Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
<path id="Tracé_473" data-name="Tracé 473" d="M50.144,47.6,46.2,51.467a2.26,2.26,0,0,0-.436.6l-1.441,2.813a1.152,1.152,0,0,0,.2,1.33l.773.787a1.148,1.148,0,0,0,1.325.227l2.842-1.388a2.276,2.276,0,0,0,.6-.425l7.967-7.8Z" fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.0 KiB

2
public/logo.svg
View File

@@ -2,7 +2,7 @@
<g id="Groupe_5" data-name="Groupe 5" transform="translate(0.7 -196.199)"> <g id="Groupe_5" data-name="Groupe 5" transform="translate(0.7 -196.199)">
<g id="Groupe_2" data-name="Groupe 2" transform="translate(72.056 206.798)"> <g id="Groupe_2" data-name="Groupe 2" transform="translate(72.056 206.798)">
<g id="Groupe_1" data-name="Groupe 1" transform="translate(0 0)"> <g id="Groupe_1" data-name="Groupe 1" transform="translate(0 0)">
<text id="SupaNexTail" transform="translate(-0.493 30.101)" fill="#726464" font-size="29" font-family="Poppins-ExtraBold, Poppins" font-weight="800"><tspan x="0" y="0">Supa</tspan><tspan y="0" fill="#6897d6">Nex</tspan><tspan y="0">Tail</tspan></text> <text id="SupaNexTail" transform="translate(-0.493 30.101)" fill="#a8a1a1" font-size="29" font-family="Poppins-ExtraBold, Poppins" font-weight="800"><tspan x="0" y="0">Supa</tspan><tspan y="0" fill="#37cdbe">Nex</tspan><tspan y="0">Tail</tspan></text>
</g> </g>
</g> </g>
<g id="Groupe_4" data-name="Groupe 4" transform="translate(0 196.899)"> <g id="Groupe_4" data-name="Groupe 4" transform="translate(0 196.899)">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 KiB

After

Width:  |  Height:  |  Size: 7.9 KiB