coopgo-apps
/
parcoursmob-default-theme
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updates for SPIE06

This commit is contained in:
Arnaud Delcasse 2022-11-06 18:38:49 +01:00
parent 7512f2e5ee
commit d4fc469f49
16 changed files with 135 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
emails/auth/retrieve-password.html
View File

@ -1,5 +1,5 @@
{{define "content"}} {{define "content"}}
<p>Bonjour,</p> <p>Bonjour,</p>
<p>Vous avez demandé à réinitialiser votre mot de passe pour <b>{{.username}}</b></p> <p>Vous avez demandé à réinitialiser votre mot de passe pour <b>{{.username}}</b></p>
<p>Pour créer votre nouveau mot de passe, cliquez sur le lien suivant : <a href="http://localhost:9000/auth/lost-password/recover?key={{.key}}">http://localhost:9000/auth/lost-password/recover?key={{.key}}</a></p> <p>Pour créer votre nouveau mot de passe, cliquez sur le lien suivant : <a href="https://spie06.parcoursmob.fr/auth/lost-password/recover?key={{.key}}">https://spie06.parcoursmob.fr/auth/lost-password/recover?key={{.key}}</a></p>
{{end}} {{end}}

2
emails/onboarding/existing-administrator.html
View File

@ -1,4 +1,4 @@
{{define "content"}} {{define "content"}}
<p>Vous avez été ajouté comme administrateur de l'organisation {{.group}} sur PARCOURSMOB.</p> <p>Vous avez été ajouté comme administrateur de l'organisation {{.group}} sur PARCOURSMOB.</p>
<p>Connectez vous sur <a href="http://localhost:9000">http://localhost:9000</a> pour y accéder</p> <p>Connectez vous sur <a href="https://spie06.parcoursmob.fr">https://spie06.parcoursmob.fr</a> pour y accéder</p>
{{end}} {{end}}

2
emails/onboarding/existing-member.html
View File

@ -1,4 +1,4 @@
{{define "content"}} {{define "content"}}
<p>Vous avez été ajouté à l'organisation {{.group}} sur PARCOURSMOB.</p> <p>Vous avez été ajouté à l'organisation {{.group}} sur PARCOURSMOB.</p>
<p>Connectez vous sur <a href="http://localhost:9000">http://localhost:9000</a> pour y accéder</p> <p>Connectez vous sur <a href="https://spie06.parcoursmob.fr">https://spie06.parcoursmob.fr</a> pour y accéder</p>
{{end}} {{end}}

2
emails/onboarding/new-administrator.html
View File

@ -1,5 +1,5 @@
{{define "content"}} {{define "content"}}
<p>Vous avez été ajouté comme administrateur de l'organisation {{.group}} sur PARCOURSMOB.</p> <p>Vous avez été ajouté comme administrateur de l'organisation {{.group}} sur PARCOURSMOB.</p>
<p>Vous devez créer votre compte pour y accéder.</p> <p>Vous devez créer votre compte pour y accéder.</p>
<p>Pour créer votre compte PARCOURSMOB, cliquez sur : <a href="http://localhost:9000/auth/onboarding?key={{.key}}">http://localhost:9000/auth/onboarding?key={{.key}}</a></p> <p>Pour créer votre compte PARCOURSMOB, cliquez sur : <a href="https://spie06.parcoursmob.fr/auth/onboarding?key={{.key}}">https://spie06.parcoursmob.fr/auth/onboarding?key={{.key}}</a></p>
{{end}} {{end}}

2
emails/onboarding/new-member.html
View File

@ -1,5 +1,5 @@
{{define "content"}} {{define "content"}}
<p>Vous avez été ajouté à l'organisation {{.group}} sur PARCOURSMOB.</p> <p>Vous avez été ajouté à l'organisation {{.group}} sur PARCOURSMOB.</p>
<p>Vous devez créer votre compte pour y accéder.</p> <p>Vous devez créer votre compte pour y accéder.</p>
<p>Pour créer votre compte PARCOURSMOB, cliquez sur : <a href="http://localhost:9000/auth/onboarding?key={{.key}}">http://localhost:9000/auth/onboarding?key={{.key}}</a></p> <p>Pour créer votre compte PARCOURSMOB, cliquez sur : <a href="https://spie06.parcoursmob.fr/auth/onboarding?key={{.key}}">https://spie06.parcoursmob.fr/auth/onboarding?key={{.key}}</a></p>
{{end}} {{end}}

2
emails/onboarding/support_emailing.html
View File

@ -1,4 +1,4 @@
{{define "content"}} {{define "content"}}
<p>Vous avez reçu un commentaire sur PARCOURSMOB de la part de <b>{{.user}}</b></p> <p>Vous avez reçu un message sur le support PARCOURSMOB de la part de <b>{{.user}}</b></p>
<p>{{.key}}</p> <p>{{.key}}</p>
{{end}} {{end}}

2
web/layouts/auth/lost-password-init.html
View File

@ -2,7 +2,7 @@
<html class="h-full bg-gray-50"> <html class="h-full bg-gray-50">
<head> <head>
<title>PARCOURSMOB - Identification</title> <title>PARCOURSMOB - Identification</title>
<link rel="stylesheet" href="http://localhost:9000/public/css/main.css" /> <link rel="stylesheet" href="/public/css/main.css" />
</head> </head>
<body class="h-full"> <body class="h-full">
<form method="post"> <form method="post">

2
web/layouts/auth/lost-password-recover-ko.html
View File

@ -2,7 +2,7 @@
<html class="h-full bg-gray-50"> <html class="h-full bg-gray-50">
<head> <head>
<title>PARCOURSMOB - Identification</title> <title>PARCOURSMOB - Identification</title>
<link rel="stylesheet" href="http://localhost:9000/public/css/main.css" /> <link rel="stylesheet" href="/public/css/main.css" />
</head> </head>
<body class="h-full"> <body class="h-full">

2
web/layouts/auth/lost-password-recover.html
View File

@ -2,7 +2,7 @@
<html class="h-full bg-gray-50"> <html class="h-full bg-gray-50">
<head> <head>
<title>PARCOURSMOB - Identification</title> <title>PARCOURSMOB - Identification</title>
<link rel="stylesheet" href="http://localhost:9000/public/css/main.css" /> <link rel="stylesheet" href="/public/css/main.css" />
</head> </head>
<body class="h-full"> <body class="h-full">
<form method="post"> <form method="post">

2
web/layouts/auth/onboarding-ko.html
View File

@ -2,7 +2,7 @@
<html class="h-full bg-gray-50"> <html class="h-full bg-gray-50">
<head> <head>
<title>PARCOURSMOB - Identification</title> <title>PARCOURSMOB - Identification</title>
<link rel="stylesheet" href="http://localhost:9000/public/css/main.css" /> <link rel="stylesheet" href="/public/css/main.css" />
</head> </head>
<body class="h-full"> <body class="h-full">

2
web/layouts/auth/onboarding.html
View File

@ -2,7 +2,7 @@
<html class="h-full bg-gray-50"> <html class="h-full bg-gray-50">
<head> <head>
<title>PARCOURSMOB - Identification</title> <title>PARCOURSMOB - Identification</title>
<link rel="stylesheet" href="http://localhost:9000/public/css/main.css" /> <link rel="stylesheet" href="/public/css/main.css" />
</head> </head>
<body class="h-full"> <body class="h-full">
<form method="post"> <form method="post">

12
web/layouts/layout.html
View File

@ -22,7 +22,7 @@
x-transition:enter="transition ease-in-out duration-300 transform" x-transition:enter-start="-translate-x-full" x-transition:enter="transition ease-in-out duration-300 transform" x-transition:enter-start="-translate-x-full"
x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in-out duration-300 transform" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in-out duration-300 transform"
x-transition:leave-start="translate-x-0" x-transition:leave-end="-translate-x-full"> x-transition:leave-start="translate-x-0" x-transition:leave-end="-translate-x-full">
<div class="relative flex-1 flex flex-col max-w-xs w-full pt-5 pb-4 bg-co-blue"> <div class="relative flex-1 flex flex-col max-w-xs w-full pb-4 bg-co-blue">
<div class="absolute top-0 right-0 -mr-12 pt-2" @click="offCanvasMenu = false"> <div class="absolute top-0 right-0 -mr-12 pt-2" @click="offCanvasMenu = false">
<button type="button" <button type="button"
class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white"> class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white">
@ -31,7 +31,8 @@
</button> </button>
</div> </div>
<div class="flex-shrink-0 flex items-center px-4"> <div class="bg-white flex items-center shadow"><img class="h-16 w-auto m-auto" src="/public/images/departement06.png"></div>
<div class="flex-shrink-0 flex items-center px-4 pt-5">
<img class="h-8 w-auto" src="/public/images/main_logo.svg" alt="PARCOURSMOB"> <img class="h-8 w-auto" src="/public/images/main_logo.svg" alt="PARCOURSMOB">
</div> </div>
<div class="mt-5 flex-1 h-0 overflow-y-auto"> <div class="mt-5 flex-1 h-0 overflow-y-auto">
@ -50,9 +51,10 @@
<!-- Static sidebar for desktop --> <!-- Static sidebar for desktop -->
<div class="hidden md:flex md:w-64 md:flex-col md:fixed md:inset-y-0"> <div class="hidden md:flex md:w-64 md:flex-col md:fixed md:inset-y-0">
<!-- Sidebar component, swap this element with another sidebar if you like --> <!-- Sidebar component, swap this element with another sidebar if you like -->
<div class="flex flex-col flex-grow pt-5 bg-co-blue overflow-y-auto"> <div class="flex flex-col flex-grow bg-co-blue overflow-y-auto">
<div class="flex items-center flex-shrink-0 px-4"> <div class="bg-white flex items-center shadow"><img class="h-16 w-auto m-auto" src="/public/images/departement06.png"></div>
<img class="h-8 w-auto" src="/public/images/parcoursmob_logo_whitered.svg" alt="PARCOURSMOB"> <div class="flex items-center flex-shrink-0 px-4 pt-5">
<img class="h-8 w-auto m-auto" src="/public/images/main_logo.svg" alt="PARCOURSMOB">
</div> </div>
<div class="mt-5 flex-1 flex flex-col"> <div class="mt-5 flex-1 flex flex-col">
{{ template "mainmenu" . }} {{ template "mainmenu" . }}

60
web/public/css/main.css
View File

@ -834,12 +834,12 @@ html {
grid-column: span 5 / span 5; grid-column: span 5 / span 5;
} }
.m-2 { .m-auto {
margin: 0.5rem; margin: auto;
} }
.m-4 { .m-2 {
margin: 1rem; margin: 0.5rem;
} }
.-mx-4 { .-mx-4 {
@ -1053,6 +1053,10 @@ html {
height: 1.5rem; height: 1.5rem;
} }
.h-16 {
height: 4rem;
}
.h-8 { .h-8 {
height: 2rem; height: 2rem;
} }
@ -1061,10 +1065,6 @@ html {
height: 0px; height: 0px;
} }
.h-16 {
height: 4rem;
}
.h-5 { .h-5 {
height: 1.25rem; height: 1.25rem;
} }
@ -1149,10 +1149,6 @@ html {
width: 0px; width: 0px;
} }
.w-20 {
width: 5rem;
}
.min-w-full { .min-w-full {
min-width: 100%; min-width: 100%;
} }
@ -1181,14 +1177,6 @@ html {
max-width: 32rem; max-width: 32rem;
} }
.max-w-sm {
max-width: 24rem;
}
.max-w-full {
max-width: 100%;
}
.flex-1 { .flex-1 {
flex: 1 1 0%; flex: 1 1 0%;
} }
@ -1609,7 +1597,7 @@ html {
.border-co-red { .border-co-red {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(255 19 0 / var(--tw-border-opacity)); border-color: rgb(222 21 129 / var(--tw-border-opacity));
} }
.border-indigo-500 { .border-indigo-500 {
@ -1619,7 +1607,7 @@ html {
.border-co-blue { .border-co-blue {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(36 56 135 / var(--tw-border-opacity)); border-color: rgb(0 114 126 / var(--tw-border-opacity));
} }
.bg-gray-100 { .bg-gray-100 {
@ -1634,7 +1622,7 @@ html {
.bg-co-blue { .bg-co-blue {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(36 56 135 / var(--tw-bg-opacity)); background-color: rgb(0 114 126 / var(--tw-bg-opacity));
} }
.bg-white { .bg-white {
@ -1649,7 +1637,7 @@ html {
.bg-co-red { .bg-co-red {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(255 19 0 / var(--tw-bg-opacity)); background-color: rgb(222 21 129 / var(--tw-bg-opacity));
} }
.bg-co-yellow { .bg-co-yellow {
@ -1802,10 +1790,6 @@ html {
padding-right: 1.5rem; padding-right: 1.5rem;
} }
.pt-5 {
padding-top: 1.25rem;
}
.pb-4 { .pb-4 {
padding-bottom: 1rem; padding-bottom: 1rem;
} }
@ -1814,6 +1798,10 @@ html {
padding-top: 0.5rem; padding-top: 0.5rem;
} }
.pt-5 {
padding-top: 1.25rem;
}
.pl-8 { .pl-8 {
padding-left: 2rem; padding-left: 2rem;
} }
@ -2016,12 +2004,12 @@ html {
.text-co-blue { .text-co-blue {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(36 56 135 / var(--tw-text-opacity)); color: rgb(0 114 126 / var(--tw-text-opacity));
} }
.text-co-red { .text-co-red {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 19 0 / var(--tw-text-opacity)); color: rgb(222 21 129 / var(--tw-text-opacity));
} }
.text-indigo-600 { .text-indigo-600 {
@ -2261,7 +2249,7 @@ html {
.focus-within\:ring-co-blue:focus-within { .focus-within\:ring-co-blue:focus-within {
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgb(36 56 135 / var(--tw-ring-opacity)); --tw-ring-color: rgb(0 114 126 / var(--tw-ring-opacity));
} }
.focus-within\:ring-offset-2:focus-within { .focus-within\:ring-offset-2:focus-within {
@ -2290,7 +2278,7 @@ html {
.hover\:bg-co-blue:hover { .hover\:bg-co-blue:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(36 56 135 / var(--tw-bg-opacity)); background-color: rgb(0 114 126 / var(--tw-bg-opacity));
} }
.hover\:bg-gray-100:hover { .hover\:bg-gray-100:hover {
@ -2314,7 +2302,7 @@ html {
.hover\:text-co-blue:hover { .hover\:text-co-blue:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(36 56 135 / var(--tw-text-opacity)); color: rgb(0 114 126 / var(--tw-text-opacity));
} }
.hover\:text-white:hover { .hover\:text-white:hover {
@ -2347,7 +2335,7 @@ html {
.focus\:border-co-blue:focus { .focus\:border-co-blue:focus {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(36 56 135 / var(--tw-border-opacity)); border-color: rgb(0 114 126 / var(--tw-border-opacity));
} }
.focus\:border-indigo-500:focus { .focus\:border-indigo-500:focus {
@ -2409,7 +2397,7 @@ html {
.focus\:ring-co-blue:focus { .focus\:ring-co-blue:focus {
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgb(36 56 135 / var(--tw-ring-opacity)); --tw-ring-color: rgb(0 114 126 / var(--tw-ring-opacity));
} }
.focus\:ring-indigo-500:focus { .focus\:ring-indigo-500:focus {
@ -2419,7 +2407,7 @@ html {
.focus\:ring-co-red:focus { .focus\:ring-co-red:focus {
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgb(255 19 0 / var(--tw-ring-opacity)); --tw-ring-color: rgb(222 21 129 / var(--tw-ring-opacity));
} }
.focus\:ring-blue-500:focus { .focus\:ring-blue-500:focus {

BIN
web/public/images/departement06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

92
web/public/images/main_logo.svg
View File

@ -1 +1,91 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.2 33.2"><defs><style>.cls-1{fill:#ff1300;}.cls-2{fill:#fff;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M300.9.6a4.7,4.7,0,0,1,4.9,4.9V32.6h-8.6a4.7,4.7,0,0,1-4.9-4.9V14.1h-.9c-.6,0-1,.6-1,1.5v17H282a4.7,4.7,0,0,1-4.9-4.9V14.1h-1a1.4,1.4,0,0,0-.9,1.5v17H263a1.2,1.2,0,0,1-1.2-1.2V5.5A4.7,4.7,0,0,1,266.7.6h17.9l-.7,5a.9.9,0,0,0,.7,1.1.9.9,0,0,0,1-.8l.8-4.6a.9.9,0,0,1,.9-.7Z"/><path class="cls-1" d="M341.1,16.4c0,9.1-1.9,16.8-16.5,16.8S307.8,25,307.8,16.4,310.6,0,324.6,0,341.1,7.8,341.1,16.4Z"/><path class="cls-1" d="M344.3,32.6a1.2,1.2,0,0,1-1.2-1.2V1.8A1.2,1.2,0,0,1,344.3.6h18.8c6.9,0,10.4,2.9,10.4,8.1s-1.6,6.9-4.5,7.5h0c2.9.6,5.2,3.2,5.2,7.7s-3.5,8.6-10.4,8.6Z"/><path class="cls-2" d="M16.2,11.6c0-.6-.4-.9-1-.9h-.8V31.4a1.2,1.2,0,0,1-1.2,1.2H1.2A1.2,1.2,0,0,1,0,31.4V1.8A1.2,1.2,0,0,1,1.2.6H16.8C25.7.6,30.9,4.2,31,10.7s-4.1,9.9-9.4,10H16.1Z"/><path class="cls-2" d="M44.9,23.1H43.2L40,31.9a1.1,1.1,0,0,1-1.2.7H26.9a1.3,1.3,0,0,1-1.3-1.9L37,3.4A4.5,4.5,0,0,1,41.3.6h5.8a4.1,4.1,0,0,1,4,2.6L62.6,30.8c.5,1-.2,1.8-1.3,1.8H41.7Z"/><path class="cls-2" d="M66.1,32.6a1.2,1.2,0,0,1-1.2-1.2V1.8A1.2,1.2,0,0,1,66.1.6H83.2C92.7.6,95.5,7,95.6,12.3c0,3.3-.8,6.9-3.4,8.3l3.4,12H84.4c-2.3,0-5.2-.7-5.9-2.7L71.9,10.7a1,1,0,0,0-1.2-.7,1,1,0,0,0-.5,1.3l7.2,21.3Z"/><path class="cls-2" d="M129.6,17.1c.8,0,1.3.5,1.2,1.2-.2,8.3-2.9,14.9-16.4,14.9-15.8.1-16.8-8.2-16.8-16.8S100.5,0,114.4,0c15.7,0,16.5,8,16.5,15.4H115.3V11.3c0-.8-.4-1.2-1-1.2s-.9.4-.9,1.2V21.9c0,.9.4,1.2.9,1.2s1-.3,1-1.2V17.1Z"/><path class="cls-2" d="M166.2,16.4c0,9.1-2,16.8-16.6,16.8S132.8,25,132.8,16.4,135.7,0,149.6,0,166.2,7.8,166.2,16.4Z"/><path class="cls-2" d="M200.5,1.8V12.2c0,12.7-1.4,21-16.3,21s-16-8.4-16-20.9V1.8A1.2,1.2,0,0,1,169.4.6h13a.9.9,0,0,1,.9.9V21.8c0,.9.4,1.2,1,1.2s.9-.3.9-1.2V1.5a.9.9,0,0,1,.9-.9h13.1A1.2,1.2,0,0,1,200.5,1.8Z"/><path class="cls-2" d="M203.9,32.6a1.2,1.2,0,0,1-1.3-1.2V1.8A1.2,1.2,0,0,1,203.8.6h17.1c9.5,0,12.3,6.4,12.4,11.7,0,3.3-.8,6.9-3.4,8.3l3.4,12H222.1c-2.3,0-5.2-.7-5.9-2.7l-6.6-19.2a1,1,0,0,0-1.2-.7,1,1,0,0,0-.5,1.3l7.2,21.3Z"/><path class="cls-2" d="M235.8,29.2v-10a1,1,0,0,1,1.5-1l11.1,5.1a1,1,0,0,0,1.2-.4.9.9,0,0,0-.6-1.2l-9.3-4.4c-4.5-2.2-4.4-5.5-4.4-8.2,0-7.6,7.4-9.1,14.6-9.1,5.4,0,12.1,1.8,14.3,4.4v9.2a1,1,0,0,1-1.5,1L252.3,9.8a1,1,0,0,0-1.3.4q-.3.8.6,1.2l8.5,4.1c5.3,2.6,4.7,4.9,4.7,9.2s-6.3,8.5-14.9,8.5C244.7,33.2,238,31.6,235.8,29.2Z"/></g></g></svg> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 374.2 33.2"
version="1.1"
id="svg30"
sodipodi:docname="main_logo.svg"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview32"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
showgrid="false"
inkscape:zoom="4.0700159"
inkscape:cx="317.93488"
inkscape:cy="16.707551"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="Calque_1-2" />
<defs
id="defs4">
<style
id="style2">.cls-1{fill:#ff1300;}.cls-2{fill:#fff;}</style>
</defs>
<g
id="Calque_2"
data-name="Calque 2">
<g
id="Calque_1-2"
data-name="Calque 1">
<path
class="cls-1"
d="M300.9.6a4.7,4.7,0,0,1,4.9,4.9V32.6h-8.6a4.7,4.7,0,0,1-4.9-4.9V14.1h-.9c-.6,0-1,.6-1,1.5v17H282a4.7,4.7,0,0,1-4.9-4.9V14.1h-1a1.4,1.4,0,0,0-.9,1.5v17H263a1.2,1.2,0,0,1-1.2-1.2V5.5A4.7,4.7,0,0,1,266.7.6h17.9l-.7,5a.9.9,0,0,0,.7,1.1.9.9,0,0,0,1-.8l.8-4.6a.9.9,0,0,1,.9-.7Z"
id="path6"
style="fill:#ffffff;fill-opacity:1" />
<path
class="cls-1"
d="M341.1,16.4c0,9.1-1.9,16.8-16.5,16.8S307.8,25,307.8,16.4,310.6,0,324.6,0,341.1,7.8,341.1,16.4Z"
id="path8"
style="fill:#ffffff;fill-opacity:1" />
<path
class="cls-1"
d="M344.3,32.6a1.2,1.2,0,0,1-1.2-1.2V1.8A1.2,1.2,0,0,1,344.3.6h18.8c6.9,0,10.4,2.9,10.4,8.1s-1.6,6.9-4.5,7.5h0c2.9.6,5.2,3.2,5.2,7.7s-3.5,8.6-10.4,8.6Z"
id="path10"
style="fill:#ffffff;fill-opacity:1" />
<path
class="cls-2"
d="M16.2,11.6c0-.6-.4-.9-1-.9h-.8V31.4a1.2,1.2,0,0,1-1.2,1.2H1.2A1.2,1.2,0,0,1,0,31.4V1.8A1.2,1.2,0,0,1,1.2.6H16.8C25.7.6,30.9,4.2,31,10.7s-4.1,9.9-9.4,10H16.1Z"
id="path12" />
<path
class="cls-2"
d="M44.9,23.1H43.2L40,31.9a1.1,1.1,0,0,1-1.2.7H26.9a1.3,1.3,0,0,1-1.3-1.9L37,3.4A4.5,4.5,0,0,1,41.3.6h5.8a4.1,4.1,0,0,1,4,2.6L62.6,30.8c.5,1-.2,1.8-1.3,1.8H41.7Z"
id="path14" />
<path
class="cls-2"
d="M66.1,32.6a1.2,1.2,0,0,1-1.2-1.2V1.8A1.2,1.2,0,0,1,66.1.6H83.2C92.7.6,95.5,7,95.6,12.3c0,3.3-.8,6.9-3.4,8.3l3.4,12H84.4c-2.3,0-5.2-.7-5.9-2.7L71.9,10.7a1,1,0,0,0-1.2-.7,1,1,0,0,0-.5,1.3l7.2,21.3Z"
id="path16" />
<path
class="cls-2"
d="M129.6,17.1c.8,0,1.3.5,1.2,1.2-.2,8.3-2.9,14.9-16.4,14.9-15.8.1-16.8-8.2-16.8-16.8S100.5,0,114.4,0c15.7,0,16.5,8,16.5,15.4H115.3V11.3c0-.8-.4-1.2-1-1.2s-.9.4-.9,1.2V21.9c0,.9.4,1.2.9,1.2s1-.3,1-1.2V17.1Z"
id="path18" />
<path
class="cls-2"
d="M166.2,16.4c0,9.1-2,16.8-16.6,16.8S132.8,25,132.8,16.4,135.7,0,149.6,0,166.2,7.8,166.2,16.4Z"
id="path20" />
<path
class="cls-2"
d="M200.5,1.8V12.2c0,12.7-1.4,21-16.3,21s-16-8.4-16-20.9V1.8A1.2,1.2,0,0,1,169.4.6h13a.9.9,0,0,1,.9.9V21.8c0,.9.4,1.2,1,1.2s.9-.3.9-1.2V1.5a.9.9,0,0,1,.9-.9h13.1A1.2,1.2,0,0,1,200.5,1.8Z"
id="path22" />
<path
class="cls-2"
d="M203.9,32.6a1.2,1.2,0,0,1-1.3-1.2V1.8A1.2,1.2,0,0,1,203.8.6h17.1c9.5,0,12.3,6.4,12.4,11.7,0,3.3-.8,6.9-3.4,8.3l3.4,12H222.1c-2.3,0-5.2-.7-5.9-2.7l-6.6-19.2a1,1,0,0,0-1.2-.7,1,1,0,0,0-.5,1.3l7.2,21.3Z"
id="path24" />
<path
class="cls-2"
d="M235.8,29.2v-10a1,1,0,0,1,1.5-1l11.1,5.1a1,1,0,0,0,1.2-.4.9.9,0,0,0-.6-1.2l-9.3-4.4c-4.5-2.2-4.4-5.5-4.4-8.2,0-7.6,7.4-9.1,14.6-9.1,5.4,0,12.1,1.8,14.3,4.4v9.2a1,1,0,0,1-1.5,1L252.3,9.8a1,1,0,0,0-1.3.4q-.3.8.6,1.2l8.5,4.1c5.3,2.6,4.7,4.9,4.7,9.2s-6.3,8.5-14.9,8.5C244.7,33.2,238,31.6,235.8,29.2Z"
id="path26" />
</g>
</g>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

4
web/tailwind.config.js
View File

@ -4,9 +4,9 @@ module.exports = {
theme: { theme: {
extend: { extend: {
colors: { colors: {
'co-blue': '#243887', 'co-blue': '#00727e',
'co-lightblue': '#907eff', 'co-lightblue': '#907eff',
'co-red': '#ff1300', 'co-red': '#de1581',
'co-green': '#6cc11f', 'co-green': '#6cc11f',
'co-yellow': '#ffdd00', 'co-yellow': '#ffdd00',
'co-orange': 'ff5300', 'co-orange': 'ff5300',