Skip to content
Snippets Groups Projects
Commit ba8130d6 authored by Bastien DUMONT's avatar Bastien DUMONT :angel:
Browse files

feat: update logos (splash, mails)

parent a5e165c9
No related branches found
No related tags found
2 merge requests!777Update master to V2.0,!769Resolve "Changements logos (splash screen, modèle mails, ecolyo.com)"
src/assets/anims/logoLoading.gif

433 KiB | W: | H:

src/assets/anims/logoLoading.gif

327 KiB | W: | H:

src/assets/anims/logoLoading.gif
src/assets/anims/logoLoading.gif
src/assets/anims/logoLoading.gif
src/assets/anims/logoLoading.gif
  • 2-up
  • Swipe
  • Onion skin
src/assets/icons/email/ecolyo-icon.png

1.37 KiB | W: | H:

src/assets/icons/email/ecolyo-icon.png

1.71 KiB | W: | H:

src/assets/icons/email/ecolyo-icon.png
src/assets/icons/email/ecolyo-icon.png
src/assets/icons/email/ecolyo-icon.png
src/assets/icons/email/ecolyo-icon.png
  • 2-up
  • Swipe
  • Onion skin
<svg width="92" height="53" viewBox="0 0 92 53" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="92" height="53" viewBox="0 0 92 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7369 44.2337C33.063 37.6318 31.7942 28.246 30.9483 14.2469C25.7036 14.0082 21.051 12.3379 16.7369 9.55396C12.4227 12.3379 7.77017 14.0082 2.5255 14.2469C1.67958 28.246 0.410707 37.6318 16.7369 44.2337Z" fill="#1B1C22"/> <path d="M23.2028 46.8446C23.7055 47.0518 24.294 47.0518 24.7967 46.8446C45.4833 38.317 44.6423 26.3723 43.5325 8.88859C43.4611 7.76437 42.5698 6.87892 41.4694 6.7743C35.5462 6.21116 30.1765 4.30662 25.1521 1.31745C24.4406 0.894182 23.5589 0.894182 22.8474 1.31745C17.823 4.30662 12.4533 6.21116 6.53014 6.7743C5.42969 6.87892 4.53842 7.76437 4.46706 8.88859C3.35724 26.3723 2.5162 38.317 23.2028 46.8446Z" fill="url(#paint0_radial_857_46679)"/>
<path d="M16.7369 7L15.6309 7.71373C11.5862 10.3238 7.27889 11.8606 2.43376 12.081L0.55506 12.1665L0.437561 14.111C0.402669 14.6884 0.366401 15.2629 0.330341 15.8341C-0.0576808 21.9803 -0.421614 27.745 1.21133 32.7126C3.09394 38.4397 7.46133 42.8092 15.9763 46.2524L16.7369 46.56V44.2333C1.05085 37.8902 1.60717 28.9773 2.42518 15.8719C2.45856 15.3371 2.49238 14.7953 2.52554 14.2464C7.77022 14.0078 12.4228 12.3375 16.7369 9.55353V7Z" fill="#FFC600"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M41.9349 8.85059C42.5223 17.9516 42.9002 24.8217 40.8054 30.5523C38.8095 36.0126 34.3644 40.8436 24 45.0793C13.6355 40.8436 9.19041 36.0126 7.1945 30.5523C5.09978 24.8217 5.47762 17.9516 6.06501 8.85059C12.5845 8.18583 18.501 6.11668 24 2.94366C29.499 6.11668 35.4155 8.18583 41.9349 8.85059ZM24.8476 47.8378C24.313 48.0541 23.687 48.0541 23.1523 47.8378C1.23463 38.9739 2.03731 26.572 3.21062 8.44348L3.22433 8.23157C3.30023 7.05847 4.24822 6.13453 5.4187 6.02536C11.7188 5.43773 17.4301 3.45038 22.7743 0.331256C23.5311 -0.110419 24.4689 -0.110419 25.2256 0.331256C30.5698 3.45038 36.2812 5.43773 42.5812 6.02536C43.7517 6.13453 44.6997 7.05847 44.7756 8.23157L44.7893 8.44347C45.9626 26.572 46.7653 38.9739 24.8476 47.8378Z" fill="#FFC600"/>
<path d="M16.737 7L17.843 7.71373C21.8877 10.3238 26.195 11.8606 31.0401 12.081L32.9188 12.1665L33.0363 14.111C33.0712 14.6884 33.1075 15.2629 33.1435 15.8341C33.5316 21.9803 33.8955 27.745 32.2625 32.7126C30.3799 38.4397 26.0125 42.8092 17.4976 46.2524L16.737 46.56V44.2333C32.423 37.8902 31.8667 28.9773 31.0487 15.8719C31.0153 15.3371 30.9815 14.7953 30.9483 14.2464C25.7037 14.0078 21.0511 12.3375 16.737 9.55353V7Z" fill="#DB8300"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M41.9349 8.85059C42.5223 17.9516 42.9002 24.8217 40.8054 30.5523C38.8095 36.0126 34.3644 40.8436 24 45.0793C13.6355 40.8436 9.19041 36.0126 7.1945 30.5523C5.09978 24.8217 5.47762 17.9516 6.06501 8.85059C12.5845 8.18583 18.501 6.11668 24 2.94366C29.499 6.11668 35.4155 8.18583 41.9349 8.85059ZM24.8476 47.8378C24.313 48.0541 23.687 48.0541 23.1523 47.8378C1.23463 38.9739 2.03731 26.572 3.21062 8.44348L3.22433 8.23157C3.30023 7.05847 4.24822 6.13453 5.4187 6.02536C11.7188 5.43773 17.4301 3.45038 22.7743 0.331256C23.5311 -0.110419 24.4689 -0.110419 25.2256 0.331256C30.5698 3.45038 36.2812 5.43773 42.5812 6.02536C43.7517 6.13453 44.6997 7.05847 44.7756 8.23157L44.7893 8.44347C45.9626 26.572 46.7653 38.9739 24.8476 47.8378Z" fill="url(#paint1_linear_857_46679)" fill-opacity="0.75"/>
<path d="M11.5779 20.6339H12.3201C12.6165 20.6339 12.9008 20.7545 13.1104 20.9691C13.32 21.1837 13.4377 21.4748 13.4377 21.7784V33.396H10.4603V21.7784C10.4603 21.4748 10.578 21.1837 10.7876 20.9691C10.9972 20.7545 11.2815 20.6339 11.5779 20.6339ZM16.7347 26.2909H17.4769C17.7733 26.2909 18.0576 26.4115 18.2672 26.6261C18.4768 26.8408 18.5945 27.1319 18.5945 27.4354V33.396H15.6171V27.4354C15.6171 27.1319 15.7348 26.8408 15.9444 26.6261C16.154 26.4115 16.4383 26.2909 16.7347 26.2909ZM22.1989 24.1026H22.9411C23.2375 24.1026 23.5218 24.2232 23.7314 24.4378C23.941 24.6525 24.0587 24.9435 24.0587 25.2471V33.396H21.0813V25.2471C21.0813 24.9435 21.199 24.6525 21.4086 24.4378C21.6182 24.2232 21.9025 24.1026 22.1989 24.1026Z" fill="#FFC600"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.0003 48C24.2903 47.9999 24.5802 47.9459 24.8474 47.8378C46.7651 38.9739 45.9624 26.572 44.7891 8.44349L44.7754 8.23157C44.6995 7.05847 43.7515 6.13453 42.581 6.02535C36.2809 5.43773 30.5696 3.45038 25.2254 0.331256C24.8472 0.110524 24.4238 0.000105701 24.0003 8.42224e-08V2.94401C29.4992 6.11684 35.4155 8.18585 41.9347 8.85059C42.5221 17.9516 42.8999 24.8217 40.8052 30.5523C38.8093 36.0125 34.3644 40.8434 24.0003 45.079V48Z" fill="#DB8300"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0003 48C24.2903 47.9999 24.5802 47.9459 24.8474 47.8378C46.7651 38.9739 45.9624 26.572 44.7891 8.44349L44.7754 8.23157C44.6995 7.05847 43.7515 6.13453 42.581 6.02535C36.2809 5.43773 30.5696 3.45038 25.2254 0.331256C24.8472 0.110524 24.4238 0.000105701 24.0003 8.42224e-08V2.94401C29.4992 6.11684 35.4155 8.18585 41.9347 8.85059C42.5221 17.9516 42.8999 24.8217 40.8052 30.5523C38.8093 36.0125 34.3644 40.8434 24.0003 45.079V48Z" fill="url(#paint2_linear_857_46679)" fill-opacity="0.75"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9998 15.3467C14.9998 14.2357 15.9005 13.335 17.0115 13.335C18.1226 13.335 19.0233 14.2357 19.0233 15.3467V29.4415C19.0233 29.7521 18.7715 30.0038 18.4609 30.0038H15.5621C15.2515 30.0038 14.9998 29.7521 14.9998 29.4415V15.3467ZM22.1845 22.5327C22.1845 21.4217 23.0852 20.521 24.1963 20.521C25.3074 20.521 26.2081 21.4217 26.2081 22.5327V29.4426C26.2081 29.7532 25.9563 30.005 25.6457 30.005H22.7469C22.4363 30.005 22.1845 29.7532 22.1845 29.4426V22.5327ZM31.3824 17.6463C30.2714 17.6463 29.3707 18.547 29.3707 19.6581V29.4419C29.3707 29.7525 29.6224 30.0043 29.933 30.0043H32.8318C33.1424 30.0043 33.3942 29.7525 33.3942 29.4419V19.6581C33.3942 18.547 32.4935 17.6463 31.3824 17.6463Z" fill="#FFC600"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9998 15.3467C14.9998 14.2357 15.9005 13.335 17.0115 13.335C18.1226 13.335 19.0233 14.2357 19.0233 15.3467V29.4415C19.0233 29.7521 18.7715 30.0038 18.4609 30.0038H15.5621C15.2515 30.0038 14.9998 29.7521 14.9998 29.4415V15.3467ZM22.1845 22.5327C22.1845 21.4217 23.0852 20.521 24.1963 20.521C25.3074 20.521 26.2081 21.4217 26.2081 22.5327V29.4426C26.2081 29.7532 25.9563 30.005 25.6457 30.005H22.7469C22.4363 30.005 22.1845 29.7532 22.1845 29.4426V22.5327ZM31.3824 17.6463C30.2714 17.6463 29.3707 18.547 29.3707 19.6581V29.4419C29.3707 29.7525 29.6224 30.0043 29.933 30.0043H32.8318C33.1424 30.0043 33.3942 29.7525 33.3942 29.4419V19.6581C33.3942 18.547 32.4935 17.6463 31.3824 17.6463Z" fill="url(#paint3_linear_857_46679)"/>
<defs>
<radialGradient id="paint0_radial_857_46679" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.8646 6.53228) rotate(72.8884) scale(34.4459 35.4696)">
<stop stop-color="#2B2D37"/>
<stop offset="1" stop-color="#15161B"/>
</radialGradient>
<linearGradient id="paint1_linear_857_46679" x1="23.1376" y1="46.4496" x2="7.758" y2="5.62908" gradientUnits="userSpaceOnUse">
<stop stop-color="#CB6E00"/>
<stop offset="1" stop-color="#FFC600" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint2_linear_857_46679" x1="37.2236" y1="46.5934" x2="23.9997" y2="2.61089" gradientUnits="userSpaceOnUse">
<stop stop-color="#793A00"/>
<stop offset="1" stop-color="#DB8300" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint3_linear_857_46679" x1="33.3942" y1="29.4302" x2="15.8619" y2="13.335" gradientUnits="userSpaceOnUse">
<stop stop-color="#DB8300"/>
<stop offset="1" stop-color="#FFC600"/>
</linearGradient>
</defs>
<rect x="61" y="0.590149" width="31" height="51.9286" rx="5" fill="white"/> <rect x="61" y="0.590149" width="31" height="51.9286" rx="5" fill="white"/>
<rect x="64" y="7.86017" width="25" height="37.3886" fill="#FFC600"/> <rect x="64" y="7.86017" width="25" height="37.3886" fill="#FFC600"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M60.7164 27.9228C61.4382 27.1534 61.4382 25.9556 60.7164 25.1861L51.9586 15.8505C50.7184 14.5284 48.5 15.406 48.5 17.2188V22.4002H44C42.8954 22.4002 42 23.2956 42 24.4002V28.7088C42 29.8133 42.8954 30.7088 44 30.7088H48.5V35.8901C48.5 37.7029 50.7184 38.5806 51.9586 37.2585L60.7164 27.9228Z" fill="#FFC600"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M60.7164 27.9228C61.4382 27.1534 61.4382 25.9556 60.7164 25.1861L51.9586 15.8505C50.7184 14.5284 48.5 15.406 48.5 17.2188V22.4002H44C42.8954 22.4002 42 23.2956 42 24.4002V28.7088C42 29.8133 42.8954 30.7088 44 30.7088H48.5V35.8901C48.5 37.7029 50.7184 38.5806 51.9586 37.2585L60.7164 27.9228Z" fill="#FFC600"/>
......
<svg width="54" height="53" viewBox="0 0 54 53" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.53418" width="52.9315" height="52.9315" rx="5.29315" fill="#E3B82A"/> <circle cx="11" cy="11" r="10.5" stroke="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4246 36.5928C18.6244 38.8906 16.9914 41.4597 13.9325 43.668C19.3905 43.668 23.6562 41.0197 26.5632 38.1261C26.9446 38.1448 27.3292 38.1542 27.7167 38.1542C37.6134 38.1542 45.6362 31.9828 45.6362 24.37C45.6362 16.7572 37.6134 10.5858 27.7167 10.5858C17.8201 10.5858 9.79723 16.7572 9.79722 24.37C9.79722 29.6814 13.7024 34.2911 19.4246 36.5928Z" fill="url(#paint0_radial_12097_71860)"/> <path d="M8.60333 7.84418C8.74485 7.71931 8.89885 7.60069 9.06533 7.48831C9.23598 7.37594 9.41912 7.27812 9.61474 7.19488C9.81036 7.11164 10.0226 7.04712 10.2515 7.00134C10.4805 6.95139 10.7281 6.92642 10.9945 6.92642C11.3566 6.92642 11.6854 6.97637 11.9809 7.07626C12.2806 7.17615 12.5366 7.31975 12.7488 7.50704C12.9611 7.69018 13.1255 7.91285 13.2421 8.17507C13.3586 8.43729 13.4169 8.73072 13.4169 9.05537C13.4169 9.37169 13.3711 9.64639 13.2795 9.87948C13.188 10.1084 13.0714 10.3082 12.9299 10.4788C12.7925 10.6495 12.6427 10.7972 12.4804 10.9221C12.3181 11.047 12.1641 11.1656 12.0184 11.278C11.8727 11.3862 11.7458 11.4944 11.6375 11.6026C11.5335 11.7067 11.4711 11.8253 11.4503 11.9585L11.3067 12.87H10.2515L10.1454 11.8523C10.1413 11.8315 10.1392 11.8149 10.1392 11.8024C10.1392 11.7857 10.1392 11.767 10.1392 11.7462C10.1392 11.5631 10.185 11.4049 10.2765 11.2717C10.3681 11.1344 10.4825 11.0074 10.6199 10.8909C10.7573 10.7702 10.905 10.6536 11.0632 10.5413C11.2213 10.4289 11.3691 10.3082 11.5064 10.1792C11.6438 10.046 11.7583 9.89612 11.8498 9.72964C11.9414 9.56315 11.9872 9.36753 11.9872 9.14277C11.9872 8.99293 11.958 8.85975 11.8998 8.74321C11.8457 8.6225 11.7687 8.52053 11.6688 8.43729C11.5689 8.34988 11.4482 8.28329 11.3067 8.2375C11.1693 8.19172 11.0195 8.16883 10.8571 8.16883C10.6199 8.16883 10.418 8.19588 10.2515 8.24999C10.0892 8.29994 9.94979 8.35821 9.83325 8.4248C9.72087 8.48723 9.62514 8.5455 9.54606 8.59961C9.46698 8.64956 9.39622 8.67453 9.33379 8.67453C9.18395 8.67453 9.07574 8.6121 9.00914 8.48723L8.60333 7.84418ZM9.7833 15.205C9.7833 15.0759 9.8062 14.9532 9.85198 14.8366C9.90193 14.7201 9.96852 14.6202 10.0518 14.5369C10.1392 14.4537 10.2411 14.3871 10.3577 14.3372C10.4742 14.2872 10.5991 14.2622 10.7323 14.2622C10.8613 14.2622 10.9841 14.2872 11.1006 14.3372C11.2172 14.3871 11.3171 14.4537 11.4003 14.5369C11.4835 14.6202 11.5501 14.7201 11.6001 14.8366C11.65 14.9532 11.675 15.0759 11.675 15.205C11.675 15.3382 11.65 15.463 11.6001 15.5796C11.5501 15.6919 11.4835 15.7897 11.4003 15.873C11.3171 15.9562 11.2172 16.0207 11.1006 16.0665C10.9841 16.1165 10.8613 16.1414 10.7323 16.1414C10.5991 16.1414 10.4742 16.1165 10.3577 16.0665C10.2411 16.0207 10.1392 15.9562 10.0518 15.873C9.96852 15.7897 9.90193 15.6919 9.85198 15.5796C9.8062 15.463 9.7833 15.3382 9.7833 15.205Z" fill="white"/>
<rect x="36.9365" y="23.1191" width="3.68026" height="3.68026" transform="rotate(90 36.9365 23.1191)" fill="#E3B82A"/>
<rect x="29.5762" y="23.1191" width="3.68026" height="3.68026" transform="rotate(90 29.5762 23.1191)" fill="#E3B82A"/>
<rect x="22.2153" y="23.1191" width="3.68026" height="3.68026" transform="rotate(90 22.2153 23.1191)" fill="#E3B82A"/>
<defs>
<radialGradient id="paint0_radial_12097_71860" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(27.7167 42.6341) rotate(-90) scale(10.1314 21.7354)">
<stop stop-color="#2A2B30"/>
<stop offset="1" stop-color="#1B1C22"/>
</radialGradient>
</defs>
</svg> </svg>
src/assets/icons/email/logo-gouv.png

2.84 KiB | W: | H:

src/assets/icons/email/logo-gouv.png

1.41 KiB | W: | H:

src/assets/icons/email/logo-gouv.png
src/assets/icons/email/logo-gouv.png
src/assets/icons/email/logo-gouv.png
src/assets/icons/email/logo-gouv.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/icons/email/logo-grandlyon.png

3.14 KiB | W: | H:

src/assets/icons/email/logo-grandlyon.png

1.98 KiB | W: | H:

src/assets/icons/email/logo-grandlyon.png
src/assets/icons/email/logo-grandlyon.png
src/assets/icons/email/logo-grandlyon.png
src/assets/icons/email/logo-grandlyon.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/icons/email/logo-territoire.png

2.93 KiB | W: | H:

src/assets/icons/email/logo-territoire.png

1.77 KiB | W: | H:

src/assets/icons/email/logo-territoire.png
src/assets/icons/email/logo-territoire.png
src/assets/icons/email/logo-territoire.png
src/assets/icons/email/logo-territoire.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/icons/email/logo-tiga-white.png

3.01 KiB | W: | H:

src/assets/icons/email/logo-tiga-white.png

2.28 KiB | W: | H:

src/assets/icons/email/logo-tiga-white.png
src/assets/icons/email/logo-tiga-white.png
src/assets/icons/email/logo-tiga-white.png
src/assets/icons/email/logo-tiga-white.png
  • 2-up
  • Swipe
  • Onion skin
This diff is collapsed.
...@@ -22,7 +22,8 @@ const SplashScreen: React.FC<SplashScreenProps> = ({ ...@@ -22,7 +22,8 @@ const SplashScreen: React.FC<SplashScreenProps> = ({
<> <>
<div className="splash-content"> <div className="splash-content">
<div className="splash-loader"> <div className="splash-loader">
<img src={logoLoading} alt="Chargement" height={200} /> <img src={logoLoading} alt="Chargement" />
<span>Ecolyo</span>
<div className="splash-progress"> <div className="splash-progress">
<div className="splash-progress-bar-container"> <div className="splash-progress-bar-container">
<div <div
......
...@@ -12,9 +12,11 @@ exports[`SplashScreen component should be rendered correctly 1`] = ` ...@@ -12,9 +12,11 @@ exports[`SplashScreen component should be rendered correctly 1`] = `
> >
<img <img
alt="Chargement" alt="Chargement"
height={200}
src="test-file-stub" src="test-file-stub"
/> />
<span>
Ecolyo
</span>
<div <div
className="splash-progress" className="splash-progress"
> >
......
...@@ -11,6 +11,14 @@ ...@@ -11,6 +11,14 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
span {
color: $white;
font-size: 3rem;
margin: 0;
letter-spacing: -0.02em;
font-weight: 400;
}
} }
.splash-logos-container { .splash-logos-container {
margin-top: auto; margin-top: auto;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment