betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

💄 Edit landing illustration

pull/2577/head
Félix Legrelle 2023-05-13 16:50:41 +02:00 committed by Johan Girod
parent 6bf117d351
commit b4c6673fa6
1 changed files with 41 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
site/source/pages/_landing/illustration.svg
View File

@ -1,26 +1,42 @@
<svg role="img" width="1120" height="960" viewBox="0 0 1120 960" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M640 320C640 298.989 635.861 278.183 627.821 258.771C619.78 239.359 607.994 221.72 593.137 206.863C578.28 192.006 560.641 180.22 541.229 172.179C521.817 164.139 501.012 160 480 160L480 320L640 320Z" fill="#F66775"/>
<rect x="320" y="480" width="320" height="320" fill="#DBE7FF"/>
<circle cx="480" cy="640" r="160" fill="#2E5FB6"/>
<circle cx="480.804" cy="639.196" r="85.2262" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M720 800C764.183 800 800 764.183 800 720C800 675.817 764.183 640 720 640C675.817 640 640 675.817 640 720C640 764.183 675.817 800 720 800ZM720 763C743.748 763 763 743.748 763 720C763 696.252 743.748 677 720 677C696.252 677 677 696.252 677 720C677 743.748 696.252 763 720 763Z" fill="#7AEEF4"/>
<path d="M160 800C138.989 800 118.183 804.139 98.7706 812.179C79.3585 820.22 61.7203 832.006 46.8629 846.863C32.0055 861.72 20.22 879.359 12.1793 898.771C4.1385 918.183 -5.72205e-06 938.988 -5.72205e-06 960L160 960L160 800Z" fill="#F66775"/>
<circle cx="880" cy="880" r="80" fill="#7AEEF4"/>
<circle cx="560" cy="400" r="80" fill="#7AEEF4"/>
<circle cx="840" cy="680" r="39.9999" transform="rotate(-180 840 680)" fill="#F66775"/>
<circle cx="920" cy="760" r="39.9999" transform="rotate(-180 920 760)" fill="#F66775"/>
<circle cx="840" cy="759.999" r="39.9999" transform="rotate(-180 840 759.999)" fill="#F66775"/>
<path d="M240 640C195.817 640 160 604.183 160 560L320 560C320 604.183 284.183 640 240 640Z" fill="#7AEEF4"/>
<path d="M721 559C676.817 559 641 594.817 641 639L801 639C801 594.817 765.183 559 721 559Z" fill="#FFD60C"/>
<path d="M721 480C676.817 480 641 515.817 641 560L801 560C801 515.817 765.183 480 721 480Z" fill="#FFD60C"/>
<path d="M1040 880C995.817 880 960 915.817 960 960L1120 960C1120 915.817 1084.18 880 1040 880Z" fill="#FFD60C"/>
<path d="M160 800C181.011 800 201.817 795.861 221.229 787.821C240.641 779.78 258.28 767.994 273.137 753.137C287.994 738.28 299.78 720.641 307.821 701.229C315.861 681.817 320 661.012 320 640L160 640L160 800Z" fill="#FFD60C"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M375.459 375.459C360.751 390.168 340.801 398.431 320 398.431L320 480C362.435 480 403.131 463.143 433.137 433.137C463.143 403.131 480 362.435 480 320L398.431 320C398.431 340.801 390.168 360.751 375.459 375.459Z" fill="#FFD400"/>
<path d="M320 800C231.634 800 160 871.634 160 960L480 960C480 871.634 408.366 800 320 800Z" fill="#2E5FB6"/>
<path d="M320 800C231.634 800 160 871.634 160 960L480 960C480 871.634 408.366 800 320 800Z" fill="#2E5FB6"/>
<path d="M320 875C273.056 875 235 913.056 235 960L405 960C405 913.056 366.944 875 320 875Z" fill="white"/>
<path d="M400 80C400 124.183 435.817 160 480 160V-3.05176e-05C435.817 -3.05176e-05 400 35.8172 400 80Z" fill="#2E5FB6"/>
<path d="M443 79.5C443 102.972 462.028 122 485.5 122V37C462.028 37 443 56.0279 443 79.5Z" fill="white"/>
<path d="M640 800C551.634 800 480 871.634 480 960L800 960C800 871.634 728.366 800 640 800Z" fill="#FFD60C"/>
<path d="M640 875C593.056 875 555 913.056 555 960L725 960C725 913.056 686.944 875 640 875Z" fill="white"/>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1120 960" style="enable-background:new 0 0 1120 960;" xml:space="preserve">
<style type="text/css">
.st0{fill:#F66775;}
.st1{fill:#DBE7FF;}
.st2{fill:#2E5FB6;}
.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#7AEEF4;}
.st4{fill:#7AEEF4;}
.st5{fill:#FFD60C;}
.st6{fill-rule:evenodd;clip-rule:evenodd;fill:#FFD400;}
</style>
<path class="st0" d="M640,320c0-21-4.1-41.8-12.2-61.2c-8-19.4-19.8-37.1-34.7-51.9c-14.9-14.9-32.5-26.6-51.9-34.7
c-19.4-8-40.2-12.2-61.2-12.2v160H640z"/>
<path class="st1" d="M320,480v320h320V480H320z M480.8,724.4c-47.1,0-85.2-38.2-85.2-85.2s38.2-85.2,85.2-85.2
c47.1,0,85.2,38.2,85.2,85.2S527.9,724.4,480.8,724.4z"/>
<path class="st2" d="M480,480c-88.4,0-160,71.6-160,160s71.6,160,160,160s160-71.6,160-160S568.4,480,480,480z M480.8,724.2
c-47.1,0-85.2-38.2-85.2-85.2s38.2-85.2,85.2-85.2c47.1,0,85.2,38.2,85.2,85.2S527.9,724.2,480.8,724.2z"/>
<path class="st3" d="M720,800c44.2,0,80-35.8,80-80s-35.8-80-80-80s-80,35.8-80,80S675.8,800,720,800z M720,763
c23.7,0,43-19.3,43-43s-19.3-43-43-43s-43,19.3-43,43S696.3,763,720,763z"/>
<path class="st0" d="M160,800c-21,0-41.8,4.1-61.2,12.2c-19.4,8-37.1,19.8-51.9,34.7s-26.6,32.5-34.7,51.9C4.1,918.2,0,939,0,960
h160V800z"/>
<circle class="st4" cx="880" cy="880" r="80"/>
<circle class="st4" cx="560" cy="400" r="80"/>
<circle class="st0" cx="840" cy="680" r="40"/>
<circle class="st0" cx="920" cy="760" r="40"/>
<circle class="st0" cx="840" cy="760" r="40"/>
<path class="st4" d="M240,640c-44.2,0-80-35.8-80-80h160C320,604.2,284.2,640,240,640z"/>
<path class="st5" d="M721,559c-44.2,0-80,35.8-80,80h160C801,594.8,765.2,559,721,559z"/>
<path class="st5" d="M721,480c-44.2,0-80,35.8-80,80h160C801,515.8,765.2,480,721,480z"/>
<path class="st5" d="M1040,880c-44.2,0-80,35.8-80,80h160C1120,915.8,1084.2,880,1040,880z"/>
<path class="st5" d="M160,800c21,0,41.8-4.1,61.2-12.2c19.4-8,37.1-19.8,51.9-34.7s26.6-32.5,34.7-51.9c8-19.4,12.2-40.2,12.2-61.2
H160V800z"/>
<path class="st6" d="M375.5,375.5c-14.7,14.7-34.7,23-55.5,23V480c42.4,0,83.1-16.9,113.1-46.9c30-30,46.9-70.7,46.9-113.1h-81.6
C398.4,340.8,390.2,360.8,375.5,375.5z"/>
<path class="st2" d="M320,800c-88.4,0-160,71.6-160,160h75c0-46.9,38.1-85,85-85c46.9,0,85,38.1,85,85h75
C480,871.6,408.4,800,320,800z"/>
<path class="st2" d="M443,79.5c0-21.6,16.1-39.4,37-42.1V0c-44.2,0-80,35.8-80,80c0,44.2,35.8,80,80,80v-38.4
C459.1,118.9,443,101.1,443,79.5z"/>
<path class="st5" d="M640,800c-88.4,0-160,71.6-160,160h75c0-46.9,38.1-85,85-85s85,38.1,85,85h75C800,871.6,728.4,800,640,800z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB