page "nous rejoindre" statique

This commit is contained in:
Yves Gatesoupe 2020-07-03 18:09:55 +02:00
parent b8c1d5a79d
commit 575b513006
17 changed files with 381 additions and 14 deletions

View File

@ -2,17 +2,17 @@
"items": [ "items": [
{ {
"text": "Comprendre la CAE", "text": "Comprendre la CAE",
"url": "/comprendre", "url": "/comprendre-la-cae",
"external": false "external": false
}, },
{ {
"text": "Nous rejoindre", "text": "Nous rejoindre",
"url": "/rejoindre", "url": "/nous-rejoindre",
"external": false "external": false
}, },
{ {
"text": "L'équipe", "text": "L'équipe",
"url": "/equipe", "url": "/l-equipe",
"external": false "external": false
}, },
{ {
@ -22,7 +22,7 @@
}, },
{ {
"text": "Nous contacter", "text": "Nous contacter",
"url": "/contact", "url": "/nous-contacter",
"external": false "external": false
} }
] ]

View File

@ -15,7 +15,7 @@
}, },
"designerName": "Yves Gatesoupe", "designerName": "Yves Gatesoupe",
"designerHandle": "https://twitter.com/YGdsgn", "designerHandle": "https://twitter.com/YGdsgn",
"illustrators": "Igé Maulana, Leopold Merleau", "illustrators": "Igé Maulana, Leopold Merleau, Visual Glow",
"enableThirdPartyComments": false, "enableThirdPartyComments": false,
"maxPostsPerPage": 5, "maxPostsPerPage": 5,
"maxNewsPerPage": 4, "maxNewsPerPage": 4,

View File

@ -2,8 +2,8 @@
{% block content %} {% block content %}
<main id="main-content" tabindex="-1"> <main id="main-content" tabindex="-1">
<article class="[ post ] [ h-entry ]"> <article class="[ post ]">
<div class="[ post__body ] [ wrapper ] [ leading-loose pad-top-900 pad-bottom-900 text-500 ] [ sf-flow ] [ e-content ]"> <div class="[ post__body ] [ wrapper ]">
{{ content | safe }} {{ content | safe }}
</div> </div>
</article> </article>

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" viewBox="5416.49 7375.386 77.988 66.385" width="103.984" height="88.513"><g fill="#111"><path d="M5418.41 7440.4c-.15.13-.35.19-.55.17a.79.79 0 01-.51-.26.772.772 0 01-.17-.55c.02-.2.11-.38.26-.51 1.18-.99 2.36-1.99 3.54-2.98 5.12-4.28 10.22-8.59 15.3-12.92 2.43-2.06 4.85-4.14 7.25-6.24.88-.77 1.76-1.55 2.63-2.33.55-.5 1.09-1.01 1.61-1.53 2.17-1.99 4.33-3.98 6.48-5.97 2.1-1.96 4.21-3.9 6.33-5.82 1.9-1.71 3.84-3.38 5.82-5 2.2-1.73 4.41-3.45 6.62-5.17l10.9-8.47c3.12-2.42 6.23-4.85 9.35-7.28.15-.12.35-.17.55-.15.2.03.38.13.5.28.12.16.18.36.15.56a.75.75 0 01-.28.5l-9.35 7.27-10.9 8.48a832.2 832.2 0 00-6.6 5.15c-1.96 1.6-3.88 3.25-5.75 4.95-2.12 1.91-4.23 3.84-6.32 5.79-2.14 2-4.3 3.98-6.46 5.96-.53.54-1.08 1.06-1.65 1.56-.87.79-1.76 1.58-2.64 2.35-2.41 2.1-4.83 4.19-7.26 6.26-5.09 4.32-10.2 8.63-15.31 12.92-1.18.99-2.36 1.98-3.54 2.98z"/><path d="M5416.49 7439.53l.01-.09.46-6.07c.02-.2.11-.38.26-.51.15-.13.35-.2.55-.18.2.02.38.11.51.26.13.15.19.35.18.55l-.46 6.03-.01.05c.01.12.11.23.23.24l6.06.46c.2.02.38.11.51.26.13.15.19.35.18.55a.79.79 0 01-.26.51c-.15.13-.35.19-.55.18l-6.05-.47a1.742 1.742 0 01-1.62-1.74v-.03z"/></g></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" viewBox="5549.532 7373.252 77.988 66.381" width="103.984" height="88.508"><g fill="#111"><path d="M5549.82 7374.59a.71.71 0 01-.28-.5c-.03-.2.03-.39.15-.55.12-.16.3-.26.5-.28.2-.03.4.03.55.15 3.11 2.43 6.23 4.85 9.35 7.27 3.63 2.83 7.27 5.65 10.9 8.48 2.21 1.71 4.42 3.43 6.62 5.17 1.98 1.61 3.92 3.28 5.82 5 2.12 1.92 4.23 3.86 6.33 5.81 2.15 2 4.31 3.99 6.48 5.97.52.53 1.06 1.04 1.61 1.53.87.79 1.75 1.57 2.63 2.34 2.4 2.09 4.82 4.17 7.24 6.24l15.31 12.92 3.54 2.97c.15.13.24.32.26.51.02.2-.05.4-.17.55-.13.15-.32.25-.51.27-.2.01-.4-.05-.55-.18l-3.54-2.97c-5.11-4.29-10.22-8.6-15.31-12.93-2.43-2.07-4.85-4.15-7.26-6.25-.89-.78-1.77-1.56-2.64-2.35-.57-.51-1.12-1.03-1.65-1.57-2.16-1.97-4.32-3.96-6.46-5.95-2.1-1.95-4.2-3.88-6.32-5.8-1.88-1.7-3.79-3.34-5.75-4.94-2.19-1.73-4.39-3.45-6.6-5.16l-10.9-8.47c-3.12-2.42-6.24-4.85-9.35-7.28z"/><path d="M5619.73 7438.13l6.05-.46c.13-.01.23-.11.24-.24l-.01-.04-.46-6.04c-.01-.2.05-.4.18-.55.13-.15.31-.24.51-.26.2-.01.4.05.55.18.15.13.24.32.26.51l.46 6.07v.09c.01.01.01.02.01.03 0 .44-.17.87-.47 1.19-.3.32-.71.52-1.15.56l-6.05.46c-.2.02-.4-.05-.55-.18a.768.768 0 01-.26-.51c-.01-.2.05-.39.18-.55.13-.15.31-.24.51-.26z"/></g></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

1
src/images/arrow.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" style="isolation:isolate" viewBox="5539.25 7677.669 11.5 57.081" width="11.5pt" height="76.108"><g fill="#111"><path d="M5544.25 7678.38c.01-.2.1-.39.24-.52.15-.13.35-.2.54-.19.2.01.39.1.52.24.14.15.2.35.19.55-.1 2.03-.24 4.06-.4 6.09-.17 2.12-.31 4.23-.41 6.34-.07 2.84-.11 5.67-.11 8.5.01 6.08.12 12.15.32 18.22.42 4.82.62 9.65.61 14.48v1.33a.76.76 0 01-.23.53.75.75 0 01-.53.22.72.72 0 01-.53-.23.7.7 0 01-.21-.53v-1.32c.01-4.8-.19-9.61-.61-14.39-.2-6.1-.3-12.2-.32-18.31 0-2.85.04-5.7.11-8.55.1-2.14.24-4.27.42-6.41.16-2.01.29-4.03.4-6.05z"/><path d="M5540.53 7728.89l4.29 4.29c.05.05.11.07.18.07.07 0 .13-.02.18-.07l4.29-4.29a.75.75 0 111.06 1.06l-4.29 4.29c-.33.33-.78.51-1.24.51-.46 0-.91-.18-1.24-.51l-4.29-4.29a.75.75 0 111.06-1.06z"/></g></svg>

After

Width:  |  Height:  |  Size: 794 B

1
src/images/big-boat.svg Normal file
View File

@ -0,0 +1 @@
<svg width="80" height="80" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.79 19.182a5.212 5.212 0 00-5.206 5.205 5.212 5.212 0 005.206 5.206 5.212 5.212 0 005.205-5.206 5.212 5.212 0 00-5.205-5.205zm0 8.41a3.21 3.21 0 01-3.206-3.205 3.21 3.21 0 013.206-3.205 3.21 3.21 0 013.205 3.205 3.21 3.21 0 01-3.205 3.206zM45.198 24.387a5.212 5.212 0 00-5.205-5.205 5.212 5.212 0 00-5.206 5.205 5.212 5.212 0 005.206 5.206 5.212 5.212 0 005.205-5.206zm-8.41 0a3.21 3.21 0 013.205-3.205 3.21 3.21 0 013.205 3.205 3.21 3.21 0 01-3.205 3.206 3.21 3.21 0 01-3.206-3.206zM53.198 29.593a5.212 5.212 0 005.205-5.206 5.212 5.212 0 00-5.205-5.205 5.212 5.212 0 00-5.206 5.205 5.212 5.212 0 005.206 5.206zm0-8.411a3.21 3.21 0 013.205 3.205 3.21 3.21 0 01-3.205 3.206 3.21 3.21 0 01-3.206-3.206 3.21 3.21 0 013.206-3.205z" fill="#111"/><path d="M79 78c-2.742 0-5.3-1.24-7.018-3.401-.379-.478-1.186-.478-1.565 0a9.003 9.003 0 01-3.181 2.534L73.45 40.74a1 1 0 00-.802-1.152l-8.362-1.562V13.308a1 1 0 00-1-1H46.687v-7.22A5.093 5.093 0 0041.6 0h-3.2a5.093 5.093 0 00-5.087 5.087v7.221h-16.6a1 1 0 00-1 1v24.717l-8.36 1.562a1 1 0 00-.803 1.152l6.214 36.394A9.005 9.005 0 019.583 74.6c-.379-.478-1.187-.478-1.565 0A8.923 8.923 0 011 78a1 1 0 000 2c2.96 0 5.744-1.18 7.8-3.272A10.89 10.89 0 0016.6 80c2.96 0 5.744-1.18 7.8-3.272A10.89 10.89 0 0032.2 80c2.96 0 5.744-1.18 7.8-3.272A10.89 10.89 0 0047.8 80c2.961 0 5.744-1.18 7.8-3.272A10.891 10.891 0 0063.4 80c2.96 0 5.744-1.18 7.8-3.272A10.891 10.891 0 0079 80a1 1 0 000-2zM35.312 5.087A3.09 3.09 0 0138.4 2h3.2a3.09 3.09 0 013.087 3.087v7.221h-9.374v-7.22zm-17.598 9.221h44.572v23.343l-22.102-4.13c-.033-.006-.066.003-.1 0-.029-.002-.054-.017-.084-.017-.03 0-.055.015-.085.018-.033.002-.066-.007-.099 0l-22.102 4.13V14.307zM32.2 78c-2.742 0-5.3-1.24-7.016-3.401-.38-.478-1.187-.478-1.566 0A8.923 8.923 0 0116.6 78a8.962 8.962 0 01-1.689-.172L8.688 41.373 39 35.708v39.135C37.287 76.848 34.833 78 32.2 78zm24.184-3.401a1 1 0 00-1.567 0A8.922 8.922 0 0147.8 78c-2.633 0-5.088-1.153-6.8-3.158V35.708l30.313 5.665-6.225 36.455A8.96 8.96 0 0163.4 78c-2.743 0-5.3-1.24-7.016-3.401z" fill="#111"/></svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

1
src/images/crew.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 21 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.1 KiB

View File

@ -0,0 +1 @@
<svg width="172" height="164" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M102 20.5C102 9.186 111.186 0 122.5 0S143 9.186 143 20.5 133.814 41 122.5 41 102 31.814 102 20.5zm25.964 2.722l3.078 6.688a1.603 1.603 0 002.13.785 1.594 1.594 0 00.786-2.13l-3.476-7.555-2.518 2.212zm-2.239-4.861l-3.117-6.771-3.148 6.773-3.706.343 4.739-10.196c1.175-2.528 3.075-2.524 4.24.008l4.687 10.185-3.695-.342zm-8.513 4.837l-3.2 6.886a1.605 1.605 0 01-2.966-.123c-.147-.4-.129-.845.05-1.231l3.599-7.744 2.517 2.212z" fill="#D6F253"/><path d="M162.633 28v-3.136h3.136V28h-3.136zm-3.416-18.34c1.773-.99 3.556-1.484 5.348-1.484 1.792 0 3.257.476 4.396 1.428 1.157.952 1.736 2.24 1.736 3.864 0 .859-.187 1.624-.56 2.296a5.411 5.411 0 01-1.316 1.624c-.504.43-1.017.85-1.54 1.26-1.232 1.027-1.848 2.23-1.848 3.612v.336h-2.464v-.448c0-.99.177-1.867.532-2.632.355-.784.784-1.41 1.288-1.876a23.34 23.34 0 011.54-1.316c1.232-.933 1.848-1.839 1.848-2.716 0-2.035-1.335-3.052-4.004-3.052-1.549 0-3.164.55-4.844 1.652h-.112V9.66z" fill="#111"/><path d="M77 64c0 .706-.391 1.432-1.2 2.02-.806.586-1.97.98-3.3.98-1.33 0-2.494-.394-3.3-.98-.809-.588-1.2-1.314-1.2-2.02s.391-1.432 1.2-2.02c.806-.586 1.97-.98 3.3-.98 1.33 0 2.494.394 3.3.98.809.588 1.2 1.314 1.2 2.02z" stroke="#111" stroke-width="2" stroke-linejoin="round"/><path d="M95 48.5c0 1.124-.619 2.225-1.788 3.083C92.043 52.44 90.38 53 88.5 53c-1.88 0-3.543-.56-4.712-1.417C82.62 50.725 82 49.623 82 48.5c0-1.124.619-2.225 1.788-3.083C84.957 44.56 86.62 44 88.5 44c1.88 0 3.543.56 4.712 1.417C94.38 46.275 95 47.377 95 48.5z" stroke="#111" stroke-width="2"/><path d="M70.923 123.361l-22.56-4.99v-6.029c4.064-2.434 6.778-6.661 6.778-11.462v-2.423c3.192-.531 5.631-3.12 5.631-6.23a5.78 5.78 0 00-.633-2.632 8.953 8.953 0 001.96.232c.168 0 .323 0 .49-.011 4.616-.255 7.832-4.05 7.963-4.204a1.053 1.053 0 00-.143-1.505c-1.71-1.416-3.408-2.423-5.034-3.02.562-1.715.586-3.142.586-3.253 0-.575-.478-1.062-1.1-1.106-4.256-.3-7.424.508-9.445 2.39l.012-.233C55.428 71.229 48.745 65 40.543 65s-14.885 6.229-14.885 13.885v7.103c-3.276.476-5.8 3.098-5.8 6.25 0 3.154 2.524 5.787 5.8 6.252v2.401c0 4.812 2.702 9.039 6.779 11.462v6.029l-22.561 4.99C4.066 124.655 0 129.413 0 134.945v27.449c0 .608.538 1.106 1.196 1.106.657 0 1.195-.498 1.195-1.106V155.8h13.821v6.594c0 .608.538 1.106 1.196 1.106.657 0 1.196-.498 1.196-1.106V155.8h42.145v6.594c0 .608.537 1.106 1.195 1.106s1.196-.498 1.196-1.106V155.8h15.267v6.594c0 .608.539 1.106 1.196 1.106.658 0 1.196-.498 1.196-1.106v-27.46c0-5.532-4.065-10.29-9.876-11.573zm-52.331 17.281h42.145v5.355H18.591v-5.355zm-2.392 5.366H2.367v-5.355h13.821v5.355h.012zm46.928-5.366h15.28v5.355h-15.28v-5.355zm-60.76-2.212v-3.508c0-.63.071-1.25.203-1.858h75.645c.132.597.204 1.217.204 1.858v3.508H2.367zm30.344-17.846c.466 1.051 1.183 1.958 2.056 2.711H20.457l12.255-2.711zm15.387.011l12.231 2.7H46.055c.872-.753 1.578-1.66 2.044-2.7zm7.042-24.429v-7.9c1.865.499 3.24 2.07 3.24 3.95 0 1.882-1.375 3.464-3.24 3.95zm12.745-11.152c-1.04.952-3.048 2.445-5.452 2.578-1.124.066-2.223-.2-3.3-.752 1.232-.266 2.332-.72 3.276-1.439.885-.663 1.543-1.471 2.045-2.3 1.088.398 2.236 1.04 3.431 1.913zM56.911 80.81c1.315-1.339 3.515-1.992 6.54-1.947-.204 1.305-.813 3.496-2.583 4.835-1.327.995-3.132 1.36-5.38 1.095-.012-.974.155-2.689 1.423-3.983zm-28.886-1.947c0-6.44 5.607-11.672 12.494-11.672s12.494 5.233 12.494 11.639l-.24 6.848-24.748.41v-7.225zm-5.787 13.354c0-1.936 1.459-3.552 3.408-3.994v7.988c-1.961-.432-3.408-2.058-3.408-3.994zm5.787 8.663V88.3l24.725-.41v12.978c0 6.307-5.548 11.44-12.363 11.44-6.815 0-12.362-5.122-12.362-11.428zm12.362 13.652c1.973 0 3.862-.365 5.584-1.018v6.063c-.849 2.124-3.049 3.596-5.56 3.596-2.558 0-4.794-1.538-5.607-3.74v-5.908a16.24 16.24 0 005.583 1.007zm-29.985 10.975l.036-.011h59.9l.035.011c3.216.708 5.763 2.722 7.066 5.355H3.336c1.303-2.622 3.862-4.636 7.066-5.355zm-8.035 28.069v-5.355h13.821v5.355H2.368zm16.225 0v-5.355h42.145v5.355H18.591zm44.536 0v-5.355h15.28v5.355h-15.28z" fill="#111"/></svg>

After

Width:  |  Height:  |  Size: 3.9 KiB

1
src/images/sailor.svg Normal file
View File

@ -0,0 +1 @@
<svg width="81" height="99" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M70.923 58.36l-22.56-4.989v-6.03c4.064-2.434 6.778-6.66 6.778-11.462v-2.422c3.192-.532 5.631-3.12 5.631-6.23a5.78 5.78 0 00-.633-2.632 8.953 8.953 0 001.96.232c.168 0 .323 0 .49-.011 4.616-.255 7.832-4.05 7.963-4.204a1.053 1.053 0 00-.143-1.505c-1.71-1.416-3.408-2.423-5.034-3.02.562-1.715.586-3.143.586-3.253 0-.575-.478-1.062-1.1-1.107-4.256-.298-7.424.51-9.445 2.39l.012-.232C55.428 6.229 48.745 0 40.543 0S25.658 6.229 25.658 13.885v7.103c-3.276.476-5.8 3.098-5.8 6.25 0 3.154 2.524 5.787 5.8 6.252v2.4c0 4.813 2.702 9.04 6.779 11.463v6.03L9.876 58.371C4.066 59.655 0 64.412 0 69.945v27.449c0 .608.538 1.106 1.196 1.106.657 0 1.195-.498 1.195-1.106V90.8h13.821v6.594c0 .608.538 1.106 1.196 1.106.657 0 1.196-.498 1.196-1.106V90.8h42.145v6.594c0 .608.537 1.106 1.195 1.106s1.196-.498 1.196-1.106V90.8h15.267v6.594c0 .608.539 1.106 1.196 1.106.658 0 1.196-.498 1.196-1.106v-27.46c0-5.532-4.065-10.29-9.876-11.573zM18.592 75.643h42.145v5.355H18.591v-5.355zM16.2 81.008H2.367v-5.355h13.821v5.355h.012zm46.928-5.366h15.28v5.355h-15.28v-5.355zM2.368 73.43v-3.508c0-.63.071-1.25.203-1.858h75.645c.132.597.204 1.217.204 1.859v3.507H2.367zm30.344-17.846c.466 1.051 1.183 1.958 2.056 2.71H20.457l12.255-2.71zm15.387.011l12.231 2.7H46.055c.872-.753 1.578-1.66 2.044-2.7zm7.042-24.429v-7.9c1.865.499 3.24 2.07 3.24 3.95 0 1.881-1.375 3.464-3.24 3.95zm12.745-11.152c-1.04.952-3.048 2.445-5.452 2.578-1.124.066-2.223-.2-3.3-.752 1.232-.266 2.332-.72 3.276-1.439.885-.663 1.543-1.471 2.045-2.3 1.088.398 2.236 1.04 3.431 1.913zM56.911 15.81c1.315-1.339 3.515-1.992 6.54-1.947-.204 1.305-.813 3.496-2.583 4.835-1.327.995-3.132 1.36-5.38 1.095-.012-.974.155-2.688 1.423-3.983zm-28.886-1.947c0-6.44 5.607-11.672 12.494-11.672S53.013 7.424 53.013 13.83l-.24 6.848-24.748.41v-7.225zm-5.787 13.354c0-1.936 1.459-3.552 3.408-3.994v7.988c-1.961-.432-3.408-2.058-3.408-3.994zm5.787 8.663V23.3l24.725-.41v12.978c0 6.307-5.548 11.44-12.363 11.44-6.815 0-12.362-5.122-12.362-11.428zm12.362 13.652a15.75 15.75 0 005.584-1.018v6.063c-.849 2.124-3.049 3.596-5.56 3.596-2.558 0-4.794-1.538-5.607-3.74v-5.908c1.722.631 3.61 1.007 5.583 1.007zM10.402 60.507l.036-.01h59.9l.035.01c3.216.708 5.763 2.722 7.066 5.355H3.336c1.303-2.622 3.862-4.636 7.066-5.355zM2.367 88.576V83.22h13.821v5.355H2.368zm16.225 0V83.22h42.145v5.355H18.591zm44.536 0V83.22h15.28v5.355h-15.28z" fill="#111"/></svg>

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1 @@
<svg width="86" height="67" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M84.83 64.52c-1.782 0-2.644-.975-3.747-2.205a6.561 6.561 0 00-11.014 0c-1.088 1.23-1.965 2.206-3.746 2.206a3.563 3.563 0 01-2.277-.75l10.378-14.506a1.78 1.78 0 00-1.485-2.615H38.782v-6.574a55.436 55.436 0 0121.433-.255 1.684 1.684 0 002.007-1.414A30.284 30.284 0 0057.84 18.7 45.086 45.086 0 0038.046 1.054a1.173 1.173 0 00-1.682 1.075v11.14a55.736 55.736 0 01-8.483 15.228c-2.177 2.827-7.423 8.242-7.649 8.482a1.3 1.3 0 00-.24 1.499 1.413 1.413 0 001.414.721 40.25 40.25 0 0114.93.905v6.546H9.713a1.78 1.78 0 00-1.81 1.965l2.05 15.792a5.514 5.514 0 01-2.827-2.106 6.969 6.969 0 00-5.457-2.927 1.18 1.18 0 000 2.361c1.781 0 2.644.976 3.732 2.206a6.97 6.97 0 005.5 2.997 6.97 6.97 0 005.486-3.054c1.088-1.23 1.95-2.205 3.732-2.205 1.782 0 2.644.975 3.733 2.205a6.545 6.545 0 0011 0c1.088-1.23 1.95-2.205 3.732-2.205 1.781 0 2.643.975 3.732 2.205a6.545 6.545 0 0011 0c1.088-1.23 1.95-2.205 3.732-2.205 1.781 0 2.644.975 3.733 2.205a6.546 6.546 0 0011.013 0c1.103-1.23 1.965-2.205 3.747-2.205 1.781 0 2.644.975 3.746 2.205a6.984 6.984 0 005.514 2.998 1.18 1.18 0 100-2.362h.028zM38.781 4.052a42.416 42.416 0 0116.965 15.877 28.277 28.277 0 014.242 17.446 58.207 58.207 0 00-21.207.283V4.052zM23.979 36.569c1.824-1.922 4.453-4.778 5.881-6.63a61.83 61.83 0 006.56-10.562V37.7a43.077 43.077 0 00-12.441-1.117v-.014zm47.758 12.385l-2.05 2.828H10.731l-.367-2.828h61.373zM57.09 59.374a6.97 6.97 0 00-5.5 2.997c-1.088 1.23-1.95 2.206-3.732 2.206-1.781 0-2.644-.975-3.732-2.206a6.546 6.546 0 00-11 0c-1.088 1.23-1.95 2.206-3.732 2.206-1.782 0-2.644-.975-3.733-2.206a6.547 6.547 0 00-11 0 6.673 6.673 0 01-2.275 1.923l-1.301-10.038h56.92l-5.655 7.875a6.717 6.717 0 00-5.26-2.757z" fill="#111"/></svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

1
src/images/thinking.svg Normal file
View File

@ -0,0 +1 @@
<svg width="105" height="68" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M35 20.5C35 9.186 44.186 0 55.5 0S76 9.186 76 20.5 66.814 41 55.5 41 35 31.814 35 20.5zm25.964 2.722l3.078 6.688c.175.386.501.689.9.836.4.147.845.128 1.23-.051.387-.175.69-.5.837-.9.147-.4.128-.844-.051-1.23l-3.476-7.555-2.518 2.212zm-2.239-4.861l-3.117-6.771-3.148 6.773-3.706.343L53.493 8.51c1.175-2.528 3.075-2.524 4.24.008l4.687 10.185-3.695-.342zm-8.513 4.837l-3.2 6.886a1.605 1.605 0 01-2.966-.123c-.147-.4-.129-.845.05-1.231l3.599-7.744 2.517 2.212z" fill="#D6F253"/><path d="M95.633 28v-3.136h3.136V28h-3.136zM92.217 9.66c1.773-.99 3.556-1.484 5.348-1.484 1.792 0 3.257.476 4.396 1.428 1.157.952 1.736 2.24 1.736 3.864 0 .859-.187 1.624-.56 2.296a5.411 5.411 0 01-1.316 1.624c-.504.43-1.017.85-1.54 1.26-1.232 1.027-1.848 2.23-1.848 3.612v.336h-2.464v-.448c0-.99.177-1.867.532-2.632.355-.784.784-1.41 1.288-1.876a23.263 23.263 0 011.54-1.316c1.232-.933 1.848-1.839 1.848-2.716 0-2.035-1.335-3.052-4.004-3.052-1.55 0-3.164.55-4.844 1.652h-.112V9.66z" fill="#111"/><path d="M10 64c0 .706-.391 1.432-1.2 2.02-.806.586-1.97.98-3.3.98-1.33 0-2.494-.394-3.3-.98C1.39 65.432 1 64.706 1 64s.391-1.432 1.2-2.02c.806-.586 1.97-.98 3.3-.98 1.33 0 2.494.394 3.3.98.809.588 1.2 1.314 1.2 2.02z" stroke="#111" stroke-width="2" stroke-linejoin="round"/><path d="M28 48.5c0 1.124-.619 2.225-1.788 3.083C25.044 52.44 23.38 53 21.5 53c-1.88 0-3.544-.56-4.712-1.417C15.62 50.725 15 49.623 15 48.5c0-1.124.619-2.225 1.788-3.083C17.956 44.56 19.62 44 21.5 44c1.88 0 3.544.56 4.712 1.417C27.38 46.275 28 47.377 28 48.5z" stroke="#111" stroke-width="2"/></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View File

@ -0,0 +1,75 @@
---
title: 'Comprendre la CAE'
permalink: '/comprendre-la-cae/index.html'
---
## Une entreprise partagée
<div class="split-content">
<div>
Une [Coopérative dActivité et dEmploi](https://fr.wikipedia.org/wiki/Coop%C3%A9rative_d%27activit%C3%A9s_et_d%27emploi) est une entreprise partagée.
<br><br>
Elle permet de mettre en commun une structure et des moyens afin que chacun puisse réaliser son activité en autonomie.
<br><br>
La CAE cest aussi une société coopérative, chacun des associés qui la compose participe aux grandes décisions avec le principe Une personne = Une voix.
</div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/4QhR_wM0MXk?controls=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
## Le statut dentrepreneur salarié
<details open>
<summary>
### Au démarrage
</summary>
<table>
<thead>
<tr>
<th></th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
<th>Portage salarial</th>
<th>Entrepreneur salarié en CAE</th>
</tr>
</thead>
<tbody>
<tr>
<td>Création du statut</td>
<td>Relativement simple</td>
<td>Mise en place complexe</td>
<td>Simple</td>
<td>Simple</td>
</tr>
<tr>
<td>Aide à la création</td>
<td>ACRE* pour les demandeurs d'emploi</td>
<td>ACRE* pour les demandeurs d'emploi</td>
<td>Pas de dispositif daide à la création</td>
<td>ARE* pour les demandeurs d'emploi</td>
</tr>
</tbody>
</table>
*ACRE : Aide à la Création et Reprise dEntreprise
*ARE : Aide au Retour à lEmploi
</details>
<details open>
<summary>
### Votre activité
</summary>
<table>
<thead>
<tr>
<th></th>
<th>Auto-entrepreneur</th>
<th>Gérant société</th>
<th>Portage salarial</th>
<th>Entrepreneur salarié en CAE</th>
</tr>
</thead>
</table>
</details>

View File

@ -0,0 +1,84 @@
---
title: 'Nous rejoindre'
permalink: '/nous-rejoindre/index.html'
---
## Comment rejoindre Astrolabe
<section class="process-cae">
<article class="process-cae__block">
<!-- ![Entrepreneur candidat CAE](/images/sailor-thinking.svg) -->
<img src="/images/sailor-thinking.svg" alt="Entrepreneur candidat CAE" style="width: 18rem;">
Vous avez un projet dentrepreneuriat en lien avec la prestation de service dans le domaine des nouvelles technologies et du numérique.
Après entretien et validation de votre projet nous concluons un Contrat dAppui au Projet dEntreprise (CAPE).
</article>
<article class="process-cae__block">
<!-- ![flèche bas](/images/arrow.svg) -->
<img src="/images/arrow.svg" alt="flèche bas">
<div class="highlight secondary">
### Contrat CAPE
- Durée maximale de 12 mois (renouvelable 2 fois)
- Accompagnement à la création
- Maintien de lARE pour les demandeurs demploi
- Ouverture des droits allocation chômage si rémunération
- Attention, ce nest pas un contrat de travail
[Voir le contrat CAPE en détail]()
</div>
</article>
<article class="process-cae__block">
<!-- ![Entrepreneur en contrat CAPE](/images/sailor-accomp.svg) -->
<img src="/images/sailor-accomp.svg" alt="Entrepreneur en contrat CAPE" style="width: 9rem;">
Au bout dun certain temps votre activité devient prérenne.
</article>
</section>
<section class="process-cae split">
<article class="process-cae__block">
<!-- ![flèche gauche](/images/arrow-left.svg) -->
<img src="/images/arrow-left.svg" alt="flèche gauche">
Vous intégrez la coopérative en tant qu'Entrepreneur salarié, bienvenue parmi nous !
<div class="highlight">
### Contrat CESA
- Durée indéterminée
- Statut salarié
- Ouverture des droits allocation chômage
- Mutuelle santé
[Voir le contrat CESA en détail]()
</div>
<!-- ![Equipage Astrolabe](/images/crew.svg) -->
<img src="/images/crew.svg" alt="Equipage Astrolabe" style="width: 32rem; margin-bottom: 2rem;">
<!-- ![flèche bas](/images/arrow.svg) -->
<img src="/images/arrow.svg" alt="flèche bas">
Vous devenez associé dAstrolabe et partagez la barre avec le reste de léquipage.
<!-- ![Grand bateau de face](/images/big-boat.svg) -->
<img src="/images/big-boat.svg" alt="Grand bateau de face" style="width: 8rem; margin-top: 2rem;">
</article>
<article class="process-cae__block">
<!-- ![flèche droite](/images/arrow-right.svg) -->
<img src="/images/arrow-right.svg" alt="flèche droite">
Vous créez votre propre entreprise, félicitations !
<!-- ![Petit bateau à voile](/images/small-boat.svg) -->
<img src="/images/small-boat.svg" alt="Petit bateau à voile" style="width: 8rem; margin-top: 2rem; margin-left: 18rem;">
</article>
</section>

View File

@ -1,13 +1,15 @@
.post { .post {
padding-bottom: 8rem;
&__body { &__body {
--flow-space: #{get-size(800)}; // --flow-space: #{get-size(800)};
/** /**
* Generic HTML styles * Generic HTML styles
*/ */
h2 + *, h2 + *,
h3 + * { h3 + * {
--flow-space: #{get-size(500)}; // --flow-space: #{get-size(500)};
} }
h2, h2,
@ -17,6 +19,14 @@
/*display: flex;*/ /*display: flex;*/
} }
h2 {
margin-top: 8rem;
}
p {
font-size: 1.125rem;
}
a:not([class]) { a:not([class]) {
@include apply-utility('leading', 'tight'); @include apply-utility('leading', 'tight');
color: var(--color-dark); color: var(--color-dark);
@ -82,17 +92,17 @@
pre > code, pre > code,
.video-player, .video-player,
video { video {
width: 100vw; width: 100%;
max-width: map-get($metrics, 'wrap-max-width'); max-width: map-get($metrics, 'wrap-max-width');
margin-left: 50%; /*changing this value to 47% removes the horizontal scrollbar once the viewport is < 930px */ // margin-left: 50%; /*changing this value to 47% removes the horizontal scrollbar once the viewport is < 930px */
transform: translateX (-50%); /* changing this value to 49% allows for the suggestion above to also eliminate the horizontal scroll. */ // transform: translateX (-50%); /* changing this value to 49% allows for the suggestion above to also eliminate the horizontal scroll. */
position: relative; position: relative;
} }
figure img, figure img,
pre > code, pre > code,
.video-player { .video-player {
box-shadow: 0 10px 30px rgba(0, 0, 0, .15); // box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
} }
figure img { figure img {
@ -114,6 +124,194 @@
padding: get-size(700); padding: get-size(700);
font-size: get-size(500); font-size: get-size(500);
} }
// page specific
.split-content {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 1.5rem;
grid-row-gap: 0;
margin-top: 4rem;
.video-player > iframe {
height: 89%;
}
}
details {
border-bottom: 1px solid var(--color-mid);
&:first-of-type {
border-top: 1px solid var(--color-mid);
margin-top: 4rem;
}
&[open] {
summary::after {
transform: rotateZ(180deg);
}
}
> summary:first-of-type {
position: relative;
padding: 1rem 0;
list-style-type: none;
cursor: pointer;
&::-webkit-details-marker {
display: none;
}
&::after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg width='16' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.364 1.636L8 8 1.636 1.636' stroke='%23111' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 1rem;
height: .625rem;
position: absolute;
right: 0;
top: calc(50% - .3125rem);
}
}
h3 {
display: inline-block;
font-weight: 600;
.heading-permalink {
display: none;
}
}
}
table {
margin-bottom: 1rem;
&,
thead,
tbody {
display: block;
}
th,
td {
padding: 0;
}
tr {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: auto;
grid-column-gap: 1.5rem;
grid-row-gap: 0;
text-align: left;
}
thead th {
font-weight: 600;
&:last-child {
background-color: var(--color-primary);
}
}
tbody tr {
padding: 1.5rem 0;
&:nth-child(odd) {
background-color: var(--color-light-gray);
}
}
~ p {
font-size: .875rem;
&:last-child {
margin-bottom: 1.5rem;
}
}
}
.process-cae {
max-width: 34.875rem;
margin: 8rem auto 0;
&.split {
max-width: 100%;
margin: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 1.5rem;
grid-row-gap: 0;
.process-cae__block:last-child {
align-items: flex-end;
}
}
&__block {
display: flex;
flex-direction: column;
margin: 3rem 0;
&:last-child {
margin-bottom: 0;
}
p {
margin-top: 2rem;
}
.highlight {
background-color: var(--color-primary);
width: 100%;
margin: 3rem 0;
padding: 1.5rem;
border-radius: 1.5rem;
display: flex;
flex-direction: column;
&.secondary {
background-color: var(--color-secondary);
color: var(--color-white);
.heading-permalink svg {
fill: var(--color-white);
}
a:not(.heading-permalink) {
background-color: var(--color-primary);
color: var(--color-dark);
}
}
h3 {
text-align: left;
font-weight: 600;
margin-bottom: 1rem;
}
a:not(.heading-permalink) {
background-color: var(--color-secondary);
color: var(--color-white);
}
ul + p {
align-self: flex-end;
font-size: 1rem;
margin-top: 1rem;
}
}
img {
// width: 18rem;
align-self: center;
margin: 0 auto;
}
}
}
} }
&__footer { &__footer {

View File

@ -11,7 +11,7 @@ module.exports = function(value, outputPath) {
}); });
const document = DOM.window.document; const document = DOM.window.document;
const articleImages = [...document.querySelectorAll('main article img, .intro img')]; const articleImages = [...document.querySelectorAll('main section:not(.process-cae) article img, .intro img')];
const articleHeadings = [ const articleHeadings = [
...document.querySelectorAll('main article h2, main article h3') ...document.querySelectorAll('main article h2, main article h3')
]; ];