landing v3 trop stylé
This commit is contained in:
ordinarthur
parent
43eaa31c83
commit
acfa608782
418
landing.html
418
landing.html
@ -783,39 +783,248 @@
|
|||||||
.step-num-block {
|
.step-num-block {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: stretch;
|
||||||
gap: 18px;
|
gap: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step-row.flip .step-num-block {
|
.step-row.flip .step-num-block {
|
||||||
order: 2;
|
order: 2;
|
||||||
align-items: flex-end;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.step-row.flip .step-prose {
|
.step-row.flip .step-prose {
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step-icon {
|
.step-tag {
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
color: var(--rubis);
|
|
||||||
flex-shrink: 0;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
.step-num-big {
|
|
||||||
font-family: var(--display);
|
font-family: var(--display);
|
||||||
font-weight: 800;
|
font-weight: 700;
|
||||||
font-size: clamp(120px, 16vw, 196px);
|
font-size: 12.5px;
|
||||||
line-height: 0.82;
|
letter-spacing: 0.16em;
|
||||||
letter-spacing: -0.04em;
|
text-transform: uppercase;
|
||||||
color: var(--rubis);
|
color: var(--rubis);
|
||||||
user-select: none;
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step-row.flip .step-num-big {
|
.step-tag::before {
|
||||||
text-align: right;
|
content: "";
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
background: var(--rubis);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.step-widget {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 14px;
|
||||||
|
box-shadow: 0 12px 32px -16px rgba(26, 20, 16, 0.14), 0 2px 6px rgba(26, 20, 16, 0.04);
|
||||||
|
overflow: hidden;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Widget 1 — Dropzone */
|
||||||
|
.widget-dropzone {
|
||||||
|
background: white;
|
||||||
|
border: 2px dashed var(--rubis-light);
|
||||||
|
padding: 26px 22px 22px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-arrow {
|
||||||
|
font-family: var(--display);
|
||||||
|
font-size: 26px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--rubis);
|
||||||
|
line-height: 1;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-invoice {
|
||||||
|
background: white;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 6px;
|
||||||
|
padding: 16px 18px 14px;
|
||||||
|
box-shadow: 0 8px 22px -10px rgba(26, 20, 16, 0.18);
|
||||||
|
text-align: left;
|
||||||
|
position: relative;
|
||||||
|
margin: 0 auto 12px;
|
||||||
|
max-width: 220px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-line {
|
||||||
|
height: 6px;
|
||||||
|
background: #E5DFD3;
|
||||||
|
border-radius: 2px;
|
||||||
|
margin-bottom: 7px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-line.short {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-line.med {
|
||||||
|
width: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-amount {
|
||||||
|
font-family: var(--display);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 21px;
|
||||||
|
color: var(--ink);
|
||||||
|
letter-spacing: -0.018em;
|
||||||
|
margin-top: 12px;
|
||||||
|
padding-top: 10px;
|
||||||
|
border-top: 1px solid var(--line);
|
||||||
|
font-variant-numeric: tabular-nums;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-extracts {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 10px;
|
||||||
|
display: flex;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-extract-gem {
|
||||||
|
width: 7px;
|
||||||
|
height: 7px;
|
||||||
|
background: var(--rubis);
|
||||||
|
transform: rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-extract-gem:nth-child(2) {
|
||||||
|
opacity: 0.55;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-extract-gem:nth-child(3) {
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-dropzone .dz-filename {
|
||||||
|
font-size: 11px;
|
||||||
|
color: var(--ink-3);
|
||||||
|
font-family: ui-monospace, SFMono-Regular, monospace;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Widget 2 — Calendar */
|
||||||
|
.widget-calendar {
|
||||||
|
padding: 22px 22px 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-head {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-month {
|
||||||
|
font-family: var(--display);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--ink);
|
||||||
|
letter-spacing: -0.012em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-nav {
|
||||||
|
display: flex;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-nav-btn {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
border: 1px solid var(--line);
|
||||||
|
border-radius: 5px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 11px;
|
||||||
|
color: var(--ink-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(7, 1fr);
|
||||||
|
gap: 3px 2px;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-weekday {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--ink-3);
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
padding: 4px 0 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-day {
|
||||||
|
aspect-ratio: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 12.5px;
|
||||||
|
color: var(--ink-2);
|
||||||
|
border-radius: 50%;
|
||||||
|
font-variant-numeric: tabular-nums;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-day.empty {
|
||||||
|
color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-day.is-marked {
|
||||||
|
background: var(--rubis);
|
||||||
|
color: white;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-foot {
|
||||||
|
border-top: 1px dashed var(--line);
|
||||||
|
padding-top: 12px;
|
||||||
|
margin-top: 8px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 11px;
|
||||||
|
color: var(--ink-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-legend {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-calendar .cal-legend-dot {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
background: var(--rubis);
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Widget 3 — Assistant (recolored undraw) */
|
||||||
|
.widget-assistant {
|
||||||
|
padding: 12px;
|
||||||
|
background: white;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-assistant svg {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
max-height: 280px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step-prose h3 {
|
.step-prose h3 {
|
||||||
@ -1844,7 +2053,23 @@
|
|||||||
|
|
||||||
<div class="step-row">
|
<div class="step-row">
|
||||||
<div class="step-num-block">
|
<div class="step-num-block">
|
||||||
<div class="step-num-big">01</div>
|
<div class="step-tag">Étape 01</div>
|
||||||
|
<div class="step-widget widget-dropzone">
|
||||||
|
<div class="dz-extracts" aria-hidden="true">
|
||||||
|
<span class="dz-extract-gem"></span>
|
||||||
|
<span class="dz-extract-gem"></span>
|
||||||
|
<span class="dz-extract-gem"></span>
|
||||||
|
</div>
|
||||||
|
<div class="dz-arrow">↓</div>
|
||||||
|
<div class="dz-invoice">
|
||||||
|
<div class="dz-line med"></div>
|
||||||
|
<div class="dz-line short"></div>
|
||||||
|
<div class="dz-line"></div>
|
||||||
|
<div class="dz-line med"></div>
|
||||||
|
<div class="dz-amount">1 240,00 €</div>
|
||||||
|
</div>
|
||||||
|
<div class="dz-filename">facture-2024-0042.pdf</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="step-prose">
|
<div class="step-prose">
|
||||||
<h3>Vous importez vos factures.</h3>
|
<h3>Vous importez vos factures.</h3>
|
||||||
@ -1855,7 +2080,64 @@
|
|||||||
|
|
||||||
<div class="step-row flip">
|
<div class="step-row flip">
|
||||||
<div class="step-num-block">
|
<div class="step-num-block">
|
||||||
<div class="step-num-big">02</div>
|
<div class="step-tag">Étape 02</div>
|
||||||
|
<div class="step-widget widget-calendar">
|
||||||
|
<div class="cal-head">
|
||||||
|
<div class="cal-month">Mai 2026</div>
|
||||||
|
<div class="cal-nav">
|
||||||
|
<span class="cal-nav-btn">‹</span>
|
||||||
|
<span class="cal-nav-btn">›</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cal-grid" role="grid" aria-label="Calendrier des relances">
|
||||||
|
<div class="cal-weekday">L</div>
|
||||||
|
<div class="cal-weekday">M</div>
|
||||||
|
<div class="cal-weekday">M</div>
|
||||||
|
<div class="cal-weekday">J</div>
|
||||||
|
<div class="cal-weekday">V</div>
|
||||||
|
<div class="cal-weekday">S</div>
|
||||||
|
<div class="cal-weekday">D</div>
|
||||||
|
<div class="cal-day empty">·</div>
|
||||||
|
<div class="cal-day empty">·</div>
|
||||||
|
<div class="cal-day empty">·</div>
|
||||||
|
<div class="cal-day empty">·</div>
|
||||||
|
<div class="cal-day">1</div>
|
||||||
|
<div class="cal-day">2</div>
|
||||||
|
<div class="cal-day">3</div>
|
||||||
|
<div class="cal-day">4</div>
|
||||||
|
<div class="cal-day">5</div>
|
||||||
|
<div class="cal-day">6</div>
|
||||||
|
<div class="cal-day">7</div>
|
||||||
|
<div class="cal-day is-marked" aria-label="Relance J+3, 8 mai">8</div>
|
||||||
|
<div class="cal-day">9</div>
|
||||||
|
<div class="cal-day">10</div>
|
||||||
|
<div class="cal-day">11</div>
|
||||||
|
<div class="cal-day">12</div>
|
||||||
|
<div class="cal-day">13</div>
|
||||||
|
<div class="cal-day">14</div>
|
||||||
|
<div class="cal-day is-marked" aria-label="Relance J+10, 15 mai">15</div>
|
||||||
|
<div class="cal-day">16</div>
|
||||||
|
<div class="cal-day">17</div>
|
||||||
|
<div class="cal-day">18</div>
|
||||||
|
<div class="cal-day">19</div>
|
||||||
|
<div class="cal-day">20</div>
|
||||||
|
<div class="cal-day">21</div>
|
||||||
|
<div class="cal-day">22</div>
|
||||||
|
<div class="cal-day">23</div>
|
||||||
|
<div class="cal-day">24</div>
|
||||||
|
<div class="cal-day is-marked" aria-label="Relance J+20, 25 mai">25</div>
|
||||||
|
<div class="cal-day">26</div>
|
||||||
|
<div class="cal-day">27</div>
|
||||||
|
<div class="cal-day">28</div>
|
||||||
|
<div class="cal-day">29</div>
|
||||||
|
<div class="cal-day">30</div>
|
||||||
|
<div class="cal-day">31</div>
|
||||||
|
</div>
|
||||||
|
<div class="cal-foot">
|
||||||
|
<span class="cal-legend"><span class="cal-legend-dot"></span>Relances programmées</span>
|
||||||
|
<span>3 étapes · plan B2B</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="step-prose">
|
<div class="step-prose">
|
||||||
<h3>Vous choisissez un plan de relance.</h3>
|
<h3>Vous choisissez un plan de relance.</h3>
|
||||||
@ -1871,7 +2153,96 @@
|
|||||||
|
|
||||||
<div class="step-row">
|
<div class="step-row">
|
||||||
<div class="step-num-block">
|
<div class="step-num-block">
|
||||||
<div class="step-num-big">03</div>
|
<div class="step-tag">Étape 03</div>
|
||||||
|
<div class="step-widget widget-assistant">
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 714" role="img"
|
||||||
|
aria-label="Assistant Rubis qui prend le relais">
|
||||||
|
<g transform="translate(-560 -183)">
|
||||||
|
<path
|
||||||
|
d="M636.792,734.1H86.15a41.067,41.067,0,0,1-41.019-41.021V212.236A41.067,41.067,0,0,1,86.15,171.217H636.792a41.067,41.067,0,0,1,41.021,41.019V693.082A41.067,41.067,0,0,1,636.792,734.1Z"
|
||||||
|
transform="translate(612.014 98.186)" fill="#fff" />
|
||||||
|
<rect width="302.419" height="302.419" rx="16" transform="translate(832.276 399.557)" fill="#F5EFE7" />
|
||||||
|
<path
|
||||||
|
d="M636.567,735.17H85.925a42.36,42.36,0,0,1-42.312-42.313V212.011A42.36,42.36,0,0,1,85.925,169.7H636.567a42.36,42.36,0,0,1,42.313,42.312V692.857a42.361,42.361,0,0,1-42.313,42.313ZM85.925,172.285A39.772,39.772,0,0,0,46.2,212.011V692.857a39.773,39.773,0,0,0,39.727,39.729H636.567a39.774,39.774,0,0,0,39.73-39.729V212.011a39.773,39.773,0,0,0-39.728-39.727Z"
|
||||||
|
transform="translate(612.238 98.41)" fill="#1A1410" />
|
||||||
|
<g transform="translate(560 506.899)">
|
||||||
|
<path
|
||||||
|
d="M35.521,589.284a15.77,15.77,0,0,1-15.438-12.817L.5,473.547a15.694,15.694,0,0,1,12-18.31l87.719-19.869a15.754,15.754,0,0,1,18.912,12.182l21.341,103.388a15.806,15.806,0,0,1-12.092,18.584L38.9,588.92a15.928,15.928,0,0,1-3.376.365Z"
|
||||||
|
transform="translate(-0.211 -434.978)" fill="#F5EFE7" />
|
||||||
|
<path
|
||||||
|
d="M32.96,503.407a4.524,4.524,0,0,1-.825-8.972l70.916-13.249a4.524,4.524,0,0,1,1.661,8.894L33.8,503.329a4.5,4.5,0,0,1-.836.078Z"
|
||||||
|
transform="translate(-4.392 -441.811)" fill="#9F1239" />
|
||||||
|
<path
|
||||||
|
d="M40.548,534.809a4.524,4.524,0,0,1-1.044-8.926l66.756-15.9a4.524,4.524,0,1,1,2.1,8.8L41.6,534.684a4.567,4.567,0,0,1-1.051.124Z"
|
||||||
|
transform="translate(-5.516 -446.07)" fill="#9F1239" />
|
||||||
|
<path
|
||||||
|
d="M45.857,566.724a4.524,4.524,0,0,1-.933-8.95l45.543-9.644a4.523,4.523,0,1,1,1.874,8.85L46.8,566.624a4.56,4.56,0,0,1-.943.1Z"
|
||||||
|
transform="translate(-6.303 -451.723)" fill="#9F1239" />
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
d="M798.03,218.558a15.775,15.775,0,0,1-2.434-.191l-90.452-14.191a15.76,15.76,0,0,1-13.056-18.4l18.87-103.056a15.706,15.706,0,0,1,17.8-12.75l88.979,13.119a15.76,15.76,0,0,1,13.242,18.182L813.577,205.4A15.817,15.817,0,0,1,798.03,218.558Z"
|
||||||
|
transform="translate(516.228 113.208)" fill="#F5EFE7" />
|
||||||
|
<path
|
||||||
|
d="M807.55,134.169a4.481,4.481,0,0,1-.833-.078l-70.922-13.229a4.524,4.524,0,1,1,1.659-8.894L808.374,125.2a4.524,4.524,0,0,1-.825,8.972Z"
|
||||||
|
transform="translate(510.263 106.973)" fill="#9F1239" />
|
||||||
|
<path
|
||||||
|
d="M800.2,162.651a4.449,4.449,0,0,1-.618-.042l-68-9.26a4.524,4.524,0,0,1,1.222-8.964l68,9.26a4.524,4.524,0,0,1-.6,9.006Z"
|
||||||
|
transform="translate(510.918 102.166)" fill="#9F1239" />
|
||||||
|
<path
|
||||||
|
d="M771.994,191.5a4.617,4.617,0,0,1-.728-.06L725.31,184a4.524,4.524,0,1,1,1.448-8.931l45.956,7.437A4.524,4.524,0,0,1,772,191.5Z"
|
||||||
|
transform="translate(511.831 97.624)" fill="#9F1239" />
|
||||||
|
<g transform="translate(1085.785 351.147)">
|
||||||
|
<path
|
||||||
|
d="M892.5,355.374c-6.55,3.974-18.219,8.952-30.144,3.836l-7.709-3.308,15.447-17.517a75.267,75.267,0,0,1,.1-100.383,73.171,73.171,0,0,1,98.794-9.466,75.191,75.191,0,0,1,18.733,98.579A73.318,73.318,0,0,1,892.5,355.374Z"
|
||||||
|
transform="translate(-850.963 -213.622)" fill="#9F1239" />
|
||||||
|
<g transform="translate(33.689 52.818)">
|
||||||
|
<path d="M5.111,0H75.818a5.111,5.111,0,1,1,0,10.223H5.111A5.111,5.111,0,0,1,5.111,0Z"
|
||||||
|
transform="translate(0 0)" fill="#fff" />
|
||||||
|
<path d="M5.111,0H75.818a5.111,5.111,0,1,1,0,10.223H5.111A5.111,5.111,0,0,1,5.111,0Z"
|
||||||
|
transform="translate(0 17.038)" fill="#fff" />
|
||||||
|
<path d="M5.111,0H51.965a5.111,5.111,0,1,1,0,10.223H5.111A5.111,5.111,0,0,1,5.111,0Z"
|
||||||
|
transform="translate(0 34.075)" fill="#fff" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g transform="translate(-722.805 76.855)">
|
||||||
|
<path
|
||||||
|
d="M715.395,371.522c-.688.042-1.375.1-2.054.2-13.8,1.8-24.2,12.709-24.569,25.789s9.385,24.5,23.067,26.985c.679.119,1.357.221,2.044.3A67.315,67.315,0,0,1,715.395,371.522Z"
|
||||||
|
transform="translate(914.324 72.024)" fill="#1A1410" />
|
||||||
|
<circle cx="83.229" cy="83.229" r="83.229" transform="translate(1622.642 390.761)" fill="#1A1410" />
|
||||||
|
<circle cx="81.564" cy="81.564" r="81.564" transform="translate(1624.307 392.426)" fill="#fff" />
|
||||||
|
<path
|
||||||
|
d="M688.762,371.522c.688.042,1.375.1,2.054.2,13.8,1.8,24.2,12.709,24.57,25.789S706,422,692.317,424.491c-.678.119-1.357.221-2.044.3A67.315,67.315,0,0,0,688.762,371.522Z"
|
||||||
|
transform="translate(1094.099 72.024)" fill="#1A1410" />
|
||||||
|
<path d="M795.29,379.647H728.326a13.317,13.317,0,1,0,0,26.633H795.29a13.317,13.317,0,0,0,0-26.633Z"
|
||||||
|
transform="translate(944.064 77.216)" fill="#1A1410" />
|
||||||
|
<g transform="translate(1703.823 512.796)">
|
||||||
|
<path
|
||||||
|
d="M812.8,480.485a10.1,10.1,0,0,0-5.826-1.874H768.79a10.029,10.029,0,1,0,0,20.059h38.186a9.915,9.915,0,0,0,2.029-.2,11.016,11.016,0,0,0,1.942-.612,10.026,10.026,0,0,0,1.854-17.37Z"
|
||||||
|
transform="translate(-758.761 -478.611)" fill="#1A1410" />
|
||||||
|
<circle cx="5.092" cy="5.092" r="5.092" transform="translate(7.48 4.938)" fill="#FAF7F2" />
|
||||||
|
<circle cx="5.092" cy="5.092" r="5.092" transform="translate(24.028 4.938)" fill="#FAF7F2" />
|
||||||
|
<circle cx="5.092" cy="5.092" r="5.092" transform="translate(40.576 4.938)" fill="#9F1239" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<g transform="translate(1219.648 767.361)">
|
||||||
|
<path
|
||||||
|
d="M31.861,129.844a11.633,11.633,0,0,1-11.373-9.378L.213,15.892A11.586,11.586,0,0,1,11.336,2.109L109.311,0A11.509,11.509,0,0,1,120.94,9.423l19.216,101.414A11.586,11.586,0,0,1,129.4,124.56l-96.914,5.266c-.21.011-.419.018-.626.018Z"
|
||||||
|
transform="translate(-0.002 0.005)" fill="#F5EFE7" />
|
||||||
|
<g transform="matrix(0.966, -0.259, 0.259, 0.966, 45.045, 42.921)">
|
||||||
|
<path
|
||||||
|
d="M21.136,39.382c-4.969,2.73-10.307,4.528-16.034,4.25l1.506,3.636a26.105,26.105,0,0,0,7.3-10.715,2.168,2.168,0,0,0-1.487-2.62C6.683,31.879,3.342,25.02,4.4,19.161,5.623,12.377,11.179,7.018,17.671,5.1a20.2,20.2,0,0,1,20.591,5.37,17.9,17.9,0,0,1,3.452,19.153,16.449,16.449,0,0,1-7.98,8.344,17.791,17.791,0,0,1-10.958,1.2,2.194,2.194,0,0,0-2.62,1.487,2.147,2.147,0,0,0,1.487,2.62,26.835,26.835,0,0,0,5.928.536,21.077,21.077,0,0,0,6.58-1.409,20.558,20.558,0,0,0,9.977-8.25A21.968,21.968,0,0,0,43.3,9.963,24.268,24.268,0,0,0,19.356.349C10.988,1.728,3.387,7.752.81,15.935-1.944,24.674,2.516,34.9,11.291,38.041L9.8,35.421A21.7,21.7,0,0,1,3.6,44.256c-1.45,1.3-.231,3.551,1.506,3.636,6.456.313,12.586-1.757,18.184-4.832,2.4-1.32.256-5-2.15-3.678Z"
|
||||||
|
transform="translate(0 0)" fill="#9F1239" />
|
||||||
|
<path
|
||||||
|
d="M4.209,5.3l.9-2.4-3.56.94C3.395,5.781,5.487,7.86,8.2,8.486A6.88,6.88,0,0,0,15.36,6.23c.124-.166.717-1.037.723-1.033l-.908.226q-.428-.284-.008.082A5.7,5.7,0,0,0,15.506,6a4.467,4.467,0,0,0,3.657,2.164c3.2,0,4.737-2.87,5.536-5.534.789-2.631-3.321-3.756-4.107-1.132-.213.71-.426,1.877-1.11,2.31-.392.248-.346-.042-.621-.427a4.656,4.656,0,0,0-2.82-2.1A3.446,3.446,0,0,0,12.571,2.8c-.455.611-.683,1.2-1.383,1.485a3.431,3.431,0,0,1-1.722.125C7.437,4.048,5.9,2.237,4.56.822A2.155,2.155,0,0,0,1,1.762l-.9,2.4a2.148,2.148,0,0,0,1.487,2.62A2.176,2.176,0,0,0,4.209,5.3h0Z"
|
||||||
|
transform="translate(10.664 13.688)" fill="#9F1239" />
|
||||||
|
<path
|
||||||
|
d="M4.1,2.234a1.419,1.419,0,0,1-.433,1.861,1.24,1.24,0,0,1-1.172.017c.385.2-.19-.267.1.077q.121.124.231.258-.2-.272-.073-.1c.2.079.408.54.577.741a4.139,4.139,0,0,0,.322.346,3.9,3.9,0,0,0,1.582.944c1.658.449,3.033-.374,4.18-1.491.184-.18.365-.363.556-.536q.064-.059.13-.116.255-.212-.167.122a2.784,2.784,0,0,1,.272-.176c.282-.24-.462.146-.13.055q.327-.075-.267.026.333,0-.252-.053l.142.036a.826.826,0,0,1-.448-.27,1.518,1.518,0,0,1,.157.15q.157.172-.1-.144c.221.138.41.7.526.93a5.782,5.782,0,0,0,.479.785,3.854,3.854,0,0,0,3.047,1.751,2.146,2.146,0,0,0,2.13-2.13,2.175,2.175,0,0,0-2.13-2.13.964.964,0,0,1,.526.166q-.291-.175.077.091a2.3,2.3,0,0,1-.209-.212q.258.35.057.062c-.2-.355-.38-.721-.582-1.074A4.2,4.2,0,0,0,10.686.1C8.821-.37,7.47.869,6.229,2.041a3.615,3.615,0,0,0-.347.31q.428-.321.164-.132-.089.061-.182.113c-.266.223.481-.148.13-.053q-.327.076.267-.025-.333,0,.251.055-.341-.1.085.056-.29-.189.065.059c-.086,0-.379-.4-.422-.469Q6.5,2.3,6.278,2L5.945,1.57a4.651,4.651,0,0,0-.463-.512A3.353,3.353,0,0,0,1.515.417,2.869,2.869,0,0,0,.42,4.384a2.174,2.174,0,0,0,2.914.764A2.156,2.156,0,0,0,4.1,2.234h0Z"
|
||||||
|
transform="translate(14.565 23.809)" fill="#9F1239" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="step-prose">
|
<div class="step-prose">
|
||||||
<h3>Et puis c'est tout.</h3>
|
<h3>Et puis c'est tout.</h3>
|
||||||
@ -2124,7 +2495,8 @@
|
|||||||
<aside class="footnotes">
|
<aside class="footnotes">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<p>
|
<p>
|
||||||
<span class="marker">*</span><b>OCR</b> — pour <i>Optical Character Recognition</i>. La reconnaissance automatique du texte sur un PDF ou une photo. La machine lit votre facture par-dessus votre épaule, en somme.
|
<span class="marker">*</span><b>OCR</b> — pour <i>Optical Character Recognition</i>. La reconnaissance
|
||||||
|
automatique du texte sur un PDF ou une photo. La machine lit votre facture par-dessus votre épaule, en somme.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user