From a299fe4ff38ff059abe2111606f84eac406552c4 Mon Sep 17 00:00:00 2001 From: Sebastien Hattry Date: Thu, 19 Dec 2024 09:33:58 +0100 Subject: [PATCH] fix: :lipstick: remove first element of commitment brand fresco #226 --- resources/sass/fo/pages/commitments.scss | 80 +++----------- .../fo/pages/commitments/brand.blade.php | 100 +++++++----------- 2 files changed, 53 insertions(+), 127 deletions(-) diff --git a/resources/sass/fo/pages/commitments.scss b/resources/sass/fo/pages/commitments.scss index 0c1fbc81..42b92416 100644 --- a/resources/sass/fo/pages/commitments.scss +++ b/resources/sass/fo/pages/commitments.scss @@ -140,7 +140,7 @@ position: absolute; top: 30%; right: 0; - width: 196px; + width: 160px; height: 96px; background-image: url('@/images/commitments/commitment-1/arrow-mobile-1.svg'); background-repeat: no-repeat; @@ -163,10 +163,10 @@ @include media-breakpoint-up(xl) { &::after { - top: 22%; + top: 35%; right: auto; left: 100%; - width: 72px; + width: 85px; height: 82px; background-image: url('@/images/commitments/commitment-1/arrow-desktop-1.svg'); } @@ -252,7 +252,7 @@ &::after { top: -2rem; - left: 12rem; + left: 16rem; width: 118px; height: 40px; background-image: url('@/images/commitments/commitment-1/arrow-desktop-3.svg'); @@ -266,7 +266,7 @@ @include media-breakpoint-up(xxl) { &::after { - left: 14rem; + left: 18rem; } .card .card-img-top { @@ -277,80 +277,24 @@ } &:nth-child(4) { - &::after { - position: absolute; - top: 50%; - left: 2rem; - width: 213px; - height: 54px; - background-image: url('@/images/commitments/commitment-1/arrow-mobile-4.svg'); - background-repeat: no-repeat; - background-size: contain; - content: ""; - } - .card { margin-top: 4rem; } @include media-breakpoint-up(md) { - &::after { - left: 4rem; - } - .card { - max-width: 10rem; - - &-img-top { - position: absolute; - top: -5rem; - left: -3rem; - padding-right: 2rem; - } - } - } - - @include media-breakpoint-up(xl) { - margin-top: 5rem; - - &::after { - top: -1rem; - left: 10rem; - width: 155px; - height: 53px; - background-image: url('@/images/commitments/commitment-1/arrow-desktop-4.svg'); - transform: rotate(6deg); - } - - .card { - margin-top: 1rem; - margin-left: 3rem; - - .card-img-top { - top: -4.5rem; - left: -2.5rem; - padding-right: 0; - } - } - } - } - - &:nth-child(5) { - @include media-breakpoint-up(md) { - height: initial !important; - - .card { - width: 100%; max-width: 100%; - - &-img-top { - width: initial; - } + margin-top: 0; } } @include media-breakpoint-up(xl) { - margin-top: 8rem; + margin-top: 0; + + .card { + margin-top: 0; + margin-left: 3rem; + } } } } diff --git a/resources/views/fo/pages/commitments/brand.blade.php b/resources/views/fo/pages/commitments/brand.blade.php index 0fcab658..cfc274c3 100644 --- a/resources/views/fo/pages/commitments/brand.blade.php +++ b/resources/views/fo/pages/commitments/brand.blade.php @@ -35,16 +35,13 @@ @include('fo.partials.commitments.paragraph-with-visual', [ 'title' => __('chez le gaulois, des volailles 100% françaises'), 'text' => nl2br( - __( - 'Née au cœur de la Sarthe en 1984, la marque Le Gaulois a depuis toujours, la fibre locale et nationale. Aujourd’hui, c’est 100% des produits de volaille Le Gaulois qui sont issus de :strongStartvolailles nées, élevées et élaborées en France.:strongEnd Choisir un produit de volaille Le Gaulois, :strongStartqu’il soit brut ou élaboré*:strongEnd, c’est une garantie d’:strongStartacheter 100 % français de A à Z:strongEnd sur la découpe crue poulet, dinde et canard, les panés, le végétal et la charcuterie (hors gésiers de canard) et :strongStartde consommer responsable.:strongEnd C’est aussi une traçabilité du champ à l’assiette qui amène toutes les garanties, grâce au numéro de traçabilité visible sur nos étiquettes.', - [ - 'strongStart' => '', - 'strongEnd' => '', - 'underlineStart' => '', - 'underlineEnd' => '', - ]) . - '

' . - __('*hors gésiers de canard')), + __('Née au cœur de la Sarthe en 1984, la marque Le Gaulois a depuis toujours, la fibre locale et nationale. Aujourd’hui, c’est 100% des produits de volaille Le Gaulois qui sont issus de :strongStartvolailles nées, élevées et élaborées en France.:strongEnd Choisir un produit de volaille Le Gaulois, :strongStartqu’il soit brut ou élaboré*:strongEnd, c’est une garantie d’:strongStartacheter 100 % français de A à Z:strongEnd sur la découpe crue poulet, dinde et canard, les panés, le végétal et la charcuterie (hors gésiers de canard) et :strongStartde consommer responsable.:strongEnd C’est aussi une traçabilité du champ à l’assiette qui amène toutes les garanties, grâce au numéro de traçabilité visible sur nos étiquettes.', [ + 'strongStart' => '', + 'strongEnd' => '', + 'underlineStart' => '', + 'underlineEnd' => '', + ]) . '

' . + __('*hors gésiers de canard')), 'background_color' => 'light', 'btn_color' => 'secondary', 'picture' => Vite::asset('resources/assets/images/commitments/commitment-1/picture-chicken.jpg'), @@ -68,9 +65,7 @@ $simpleItem2->title = str(__('près de 6500'))->upper(); $simpleItem2->text = __('collaborateurs travaillent pour la marque à travers nos 10 sites régionaux'); $simpleItem2->picto = 'resources/assets/images/commitments/pictograms/picto-associates.svg'; - $simpleItem2->picto_alt = __( - '6 500 collaborateurs Hommes et Femmes oeuvrant pour la marque Le Gaulois à travers ses 10 sites régionaux', - ); + $simpleItem2->picto_alt = __('6 500 collaborateurs Hommes et Femmes oeuvrant pour la marque Le Gaulois à travers ses 10 sites régionaux'); $simpleItem2->picto_title = __('Pictogramme de 6 500 collaborateurs et collaboratrices Le Gaulois'); // All $collectionSimpleItems = collect([$simpleItem1, $simpleItem2]); @@ -126,43 +121,34 @@ @php // Item 1 $arrowList1 = new stdClass(); - $arrowList1->title = str(__('nos oeufs sont pondus'))->upper(); + $arrowList1->title = str(__('nos poussins naissent'))->upper(); $arrowList1->text = __('en France'); - $arrowList1->picto = 'resources/assets/images/commitments/pictograms/picto-eggs.svg'; - $arrowList1->picto_alt = __('Oeufs pondus en France'); - $arrowList1->picto_title = __('Pictograme d’oeufs pondus en France'); + $arrowList1->picto = 'resources/assets/images/commitments/pictograms/picto-chick-french.svg'; + $arrowList1->picto_alt = __('Poussins nés et élevés en France'); + $arrowList1->picto_title = __('Pictogramme de poussins nés en France'); // Item 2 $arrowList2 = new stdClass(); - $arrowList2->title = str(__('nos poussins naissent'))->upper(); + $arrowList2->title = str(__('et grandissent, dans des poulaillers chez des éleveurs partenaires'))->upper(); $arrowList2->text = __('en France'); - $arrowList2->picto = 'resources/assets/images/commitments/pictograms/picto-chick-french.svg'; - $arrowList2->picto_alt = __('Poussins nés et élevés en France'); - $arrowList2->picto_title = __('Pictogramme de poussins nés en France'); + $arrowList2->picto = 'resources/assets/images/commitments/pictograms/picto-poultries.svg'; + $arrowList2->picto_alt = __('Volailles et poussins nés, élevés et préparés en France'); + $arrowList2->picto_title = __('Pictogramme de volailles et poussins nés et élevés dans des poulaillers en France'); // Item 3 $arrowList3 = new stdClass(); - $arrowList3->title = str(__('et grandissent, dans des poulaillers chez des éleveurs partenaires'))->upper(); + $arrowList3->title = str(__('l’ensemble de la production est réalisée'))->upper(); $arrowList3->text = __('en France'); - $arrowList3->picto = 'resources/assets/images/commitments/pictograms/picto-poultries.svg'; - $arrowList3->picto_alt = __('Volailles et poussins nés, élevés et préparés en France'); - $arrowList3->picto_title = __('Pictogramme de volailles et poussins nés et élevés dans des poulaillers en France'); + $arrowList3->picto = 'resources/assets/images/commitments/pictograms/picto-french-flag.svg'; + $arrowList3->picto_alt = __('Drapeau français bleu blanc rouge pour indiquer l’origine de la volaille Le Gaulois'); + $arrowList3->picto_title = __('Pictogramme d’un drapeau français indiquant l’origine des volaille et la production française chez Le Gaulois'); // Item 4 $arrowList4 = new stdClass(); - $arrowList4->title = str(__('l’ensemble de la production est réalisée'))->upper(); + $arrowList4->title = str(__('les céréales qui nourrissent nos volailles sont cultivées'))->upper(); $arrowList4->text = __('en France'); - $arrowList4->picto = 'resources/assets/images/commitments/pictograms/picto-french-flag.svg'; - $arrowList4->picto_alt = __('Drapeau français bleu blanc rouge pour indiquer l’origine de la volaille Le Gaulois'); - $arrowList4->picto_title = __( - 'Pictogramme d’un drapeau français indiquant l’origine des volaille et la production française chez Le Gaulois', - ); - // Item 5 - $arrowList5 = new stdClass(); - $arrowList5->title = str(__('les céréales qui nourrissent nos volailles sont cultivées'))->upper(); - $arrowList5->text = __('en France'); - $arrowList5->picto = 'resources/assets/images/commitments/pictograms/picto-cereals.svg'; - $arrowList5->picto_alt = __('Céréales cultivées en France pour nourrir les volailles Le Gaulois'); - $arrowList5->picto_title = __('Pictogramme de céréales pour l’alimentation des volailles Le Gaulois'); + $arrowList4->picto = 'resources/assets/images/commitments/pictograms/picto-cereals.svg'; + $arrowList4->picto_alt = __('Céréales cultivées en France pour nourrir les volailles Le Gaulois'); + $arrowList4->picto_title = __('Pictogramme de céréales pour l’alimentation des volailles Le Gaulois'); // All - $collectionArrowLists = collect([$arrowList1, $arrowList2, $arrowList3, $arrowList4, $arrowList5]); + $collectionArrowLists = collect([$arrowList1, $arrowList2, $arrowList3, $arrowList4]); @endphp @include('fo.partials.commitments.arrows-list', [ 'title' => str('volailles nées, élevées et préparées en France ?')->upper(), @@ -173,18 +159,16 @@ @include('fo.partials.commitments.paragraph-with-visual', [ 'title' => __('le gaulois soutient tous ses éleveurs français sur tout le territoire'), 'text' => nl2br( - __( - 'La souveraineté alimentaire est un sujet capital. Le Gaulois s’investit dans le développement d’un modèle vertueux et juste au sein des régions :') . - __( - ':ulStart:liStartLa dynamisation des :strongStartterritoires français, avec des sites de production implantés dans nos régions paticipant ainsi au développement de l’économie locale:strongEnd:liEnd:liStartLa :strongStartsécurisation des revenus:strongEnd des éleveurs partenaires:liEnd:liStartLa création d’:strongStartemplois locaux:strongEnd:liEnd:liStartLe maintien des :strongStartsavoir-faire:strongEnd via la formation et la transmission des nombreux métiers autour de la volaille allant de la fabrication de l’aliment à l’élaboration des produits au sein des sites de production:liEnd:liStartLa :strongStartdéfense de la qualité:strongEnd se fait entre autre via la charte Nature d’Éleveurs allant au-delà de la réglementation française, et déclinée sur l’ensemble des espèces de volaille.:liEnd:liStartLa :strongStartdiversité des espèces:strongEnd : poulet, dinde, canard, pintade, caille, chapon... font partie du patrimoine gastronomique français.:liEnd:ulEnd', - [ - 'ulStart' => '', - 'liStart' => '
  • ', - 'liEnd' => '
    • ', - 'strongStart' => '', - 'strongEnd' => '', - ])), + __('La souveraineté alimentaire est un sujet capital. Le Gaulois s’investit dans le développement d’un modèle vertueux et juste au sein des régions :') . + __(':ulStart:liStartLa dynamisation des :strongStartterritoires français, avec des sites de production implantés dans nos régions paticipant ainsi au développement de l’économie locale:strongEnd:liEnd:liStartLa :strongStartsécurisation des revenus:strongEnd des éleveurs partenaires:liEnd:liStartLa création d’:strongStartemplois locaux:strongEnd:liEnd:liStartLe maintien des :strongStartsavoir-faire:strongEnd via la formation et la transmission des nombreux métiers autour de la volaille allant de la fabrication de l’aliment à l’élaboration des produits au sein des sites de production:liEnd:liStartLa :strongStartdéfense de la qualité:strongEnd se fait entre autre via la charte Nature d’Éleveurs allant au-delà de la réglementation française, et déclinée sur l’ensemble des espèces de volaille.:liEnd:liStartLa :strongStartdiversité des espèces:strongEnd : poulet, dinde, canard, pintade, caille, chapon... font partie du patrimoine gastronomique français.:liEnd:ulEnd', [ + 'ulStart' => '', + 'liStart' => '
  • ', + 'liEnd' => '
    • ', + 'strongStart' => '', + 'strongEnd' => '', + ]) + ), 'background_color' => 'light', 'btn_color' => 'secondary', 'picture' => Vite::asset('resources/assets/images/commitments/common/breeder-1.jpg'), @@ -197,13 +181,11 @@ 'number' => $commitmentId, 'title' => 'Découvrez plus d’engagements Le Gaulois', 'text' => nl2br( - __('Face aux enjeux de notre époque, Le Gaulois répond présent.') . - '
    ' . - __( - 'Chaque jour, nous avançons pas à pas avec :strongStartles équipes, les partenaires et les consommateurs:strongEnd pour élaborer des produits gourmands, de qualité et ainsi créer de bons moments de convivialité à table et en cuisine. Découvrez nos 5 engagements et nos actions pour :strongStartminimiser l’impact de notre activité sur l’environnement, veiller au bien-être animal et améliorer notre alimentation et notre qualité de vie:strongEnd.', - [ - 'strongStart' => '', - 'strongEnd' => '', - ])), + __('Face aux enjeux de notre époque, Le Gaulois répond présent.') . '
    ' . + __('Chaque jour, nous avançons pas à pas avec :strongStartles équipes, les partenaires et les consommateurs:strongEnd pour élaborer des produits gourmands, de qualité et ainsi créer de bons moments de convivialité à table et en cuisine. Découvrez nos 5 engagements et nos actions pour :strongStartminimiser l’impact de notre activité sur l’environnement, veiller au bien-être animal et améliorer notre alimentation et notre qualité de vie:strongEnd.', [ + 'strongStart' => '', + 'strongEnd' => '', + ]) + ), ]) @endsection