From a3d6f2180bc4b74f386f6120d541ec0a142bdb3d Mon Sep 17 00:00:00 2001
From: Alexis Gousseau <alexis.gousseau@ldc.fr>
Date: Tue, 30 May 2023 10:38:26 +0200
Subject: [PATCH] fix responsive + add alt/title on btn/img - issue #1

---
 resources/views/fo/layouts/footer.blade.php | 11 +++-
 resources/views/fo/layouts/header.blade.php |  8 ++-
 resources/views/fo/pages/home.blade.php     | 65 ++++++++++++++++-----
 resources/views/fo/pages/legals.blade.php   |  3 +-
 resources/views/fo/pages/policies.blade.php |  3 +-
 5 files changed, 68 insertions(+), 22 deletions(-)

diff --git a/resources/views/fo/layouts/footer.blade.php b/resources/views/fo/layouts/footer.blade.php
index 6fd3778..b09c30c 100644
--- a/resources/views/fo/layouts/footer.blade.php
+++ b/resources/views/fo/layouts/footer.blade.php
@@ -3,15 +3,20 @@
 </div>
 <footer class="row flex-column align-items-center bg-primary m-0 py-4">
     <div class="col bloc-logo text-center pb-3">
-        <img src="{{ Vite::asset('resources/assets/images/logo-footer.svg') }}">
+        <a href="{{ route('home') }}">
+            <img src="{{ Vite::asset('resources/assets/images/logo-footer.svg') }}"
+                alt="{{ __('Logo Voléna') }}" title="{{ __('Voléna') }}">
+        </a>
     </div>
     <span class="col script-font text-white text-center pb-3">{{ __('Ensemble, agissons naturellement') }}</span>
     <div class="row socials pb-3 text-center">
         <div class="col text-end px-2">
-            <a href="https://www.youtube.com/@Volena-ldc"><img src="{{ Vite::asset('resources/assets/images/youtube.svg') }}"></a>
+            <a href="https://www.youtube.com/@Volena-ldc"><img src="{{ Vite::asset('resources/assets/images/youtube.svg') }}"
+                alt="{{ __('Icône du réseau social Youtube') }}" title="{{ __('Youtube') }}"></a>
         </div>
         <div class="col text-start px-2">
-            <a href="https://www.linkedin.com/company/s-n-v/"><img src="{{ Vite::asset('resources/assets/images/linkedin.svg') }}"></a>
+            <a href="https://www.linkedin.com/company/s-n-v/"><img src="{{ Vite::asset('resources/assets/images/linkedin.svg') }}"
+                alt="{{ __('Icône du réseau social Linkedin') }}" title="{{ __('Linkedin') }}"></a>
         </div>
     </div>
     <div class="col legals">
diff --git a/resources/views/fo/layouts/header.blade.php b/resources/views/fo/layouts/header.blade.php
index bc3943f..adbbf52 100644
--- a/resources/views/fo/layouts/header.blade.php
+++ b/resources/views/fo/layouts/header.blade.php
@@ -1,10 +1,14 @@
 <header class="position-fixed row justify-content-between w-100 m-0 p-3">
     <div class="w-40 p-0 m-0">
         <a href="{{ route('home') }}">
-            <img class="h-100" src="{{ Vite::asset('resources/assets/images/logo.svg') }}">
+            <img class="h-100" src="{{ Vite::asset('resources/assets/images/logo.svg') }}"
+                alt="{{ __('Logo Voléna') }}" title="{{ __('Voléna') }}">
         </a>
     </div>
     <div class="w-60 d-flex justify-content-end align-items-center p-0 m-0">
-        <a href="https://recrutement.ldc.fr/fr/annonces?brands=789,591" target="blank" type="button" class="btn d-flex align-items-center btn-primary rounded-pill">{{ __('Mon futur job') }}</a>
+        <a href="https://recrutement.ldc.fr/fr/annonces?brands=789,591" target="blank" type="button"
+            class="btn d-flex align-items-center btn-primary rounded-pill" title="{{ __('Accéder aux offres d\'emploi chez Volena') }}">
+            {{ __('Mon futur job') }}
+        </a>
     </div>
 </header>
diff --git a/resources/views/fo/pages/home.blade.php b/resources/views/fo/pages/home.blade.php
index 1b54072..2541ba8 100644
--- a/resources/views/fo/pages/home.blade.php
+++ b/resources/views/fo/pages/home.blade.php
@@ -30,7 +30,8 @@
             </div>
             <div class="row max-container py-5 px-3">
                 <h2 class="h2">{{ __('Une identité qui nous ressemble et qui nous rassemble') }}</h2>
-                <img class="img-home mx-auto px-5" src="{{ Vite::asset('resources/assets/images/logo.svg') }}">
+                <img class="img-home mx-auto px-5" src="{{ Vite::asset('resources/assets/images/logo.svg') }}"
+                    alt="{{ __('Logo Voléna') }}" title="{{ __('Voléna') }}">
             </div>
 
             <div class="row max-container bloc-society py-4 px-3 bg-light">
@@ -40,15 +41,34 @@
                     <!-- Additional required wrapper -->
                     <div class="swiper-wrapper d-flex">
                         <!-- Slides -->
-                        <div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/snv.png') }}"></div>
-                        <div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/luche.png') }}"></div>
-                        <div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/ronsard.png') }}"></div>
-                        <div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/les-volailles-remi-ramon.png') }}"></div>
-                        <div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/socadis.png') }}"></div>
-                        <div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/stc-transports.png') }}"></div>
+                        <div class="swiper-slide d-flex align-items-center">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/snv.png') }}"
+                                alt="{{ __('Logo SNV') }}" title="{{ __('SNV') }}">
+                        </div>
+                        <div class="swiper-slide d-flex align-items-center">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/luche.png') }}"
+                                alt="{{ __('Logo Luché') }}" title="{{ __('Luché') }}">
+                        </div>
+                        <div class="swiper-slide d-flex align-items-center">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/ronsard.png') }}"
+                            alt="{{ __('Logo Ronsard') }}" title="{{ __('Ronsard') }}">
+                        </div>
+                        <div class="swiper-slide d-flex align-items-center">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/les-volailles-remi-ramon.png') }}"
+                            alt="{{ __('Logo Les Volailles Rémi Ramon') }}" title="{{ __('Les Volailles Rémi Ramon') }}">
+                        </div>
+                        <div class="swiper-slide d-flex align-items-center">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/socadis.png') }}"
+                            alt="{{ __('Logo Socadis') }}" title="{{ __('Socadis') }}">
+                        </div>
+                        <div class="swiper-slide d-flex align-items-center">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/stc-transports.png') }}"
+                            alt="{{ __('Logo STC Transport') }}" title="{{ __('STC Transport') }}">
+                        </div>
                     </div>
                 </div>
-                <img class="bg-society" src="{{ Vite::asset('resources/assets/images/france-contourbleu.svg') }}">
+                <img class="bg-society" src="{{ Vite::asset('resources/assets/images/france-contourbleu.svg') }}"
+                    alt="{{ __('Image cartographique de la France avec un contour bleu') }}" title="{{ __('France') }}">
             </div>
 
             <div class="row max-container py-4 px-3">
@@ -73,10 +93,22 @@
                     <!-- Additional required wrapper -->
                     <div class="swiper-wrapper d-flex">
                         <!-- Slides -->
-                        <div class="swiper-slide"><img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-1.jpg') }}"></div>
-                        <div class="swiper-slide"><img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-2.jpg') }}"></div>
-                        <div class="swiper-slide"><img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-3.jpg') }}"></div>
-                        <div class="swiper-slide"><img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-4.jpg') }}"></div>
+                        <div class="swiper-slide">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-1.jpg') }}"
+                                alt="{{ __('Synthèse du premier engagement') }}" title="{{ __('Engagement n°1') }}">
+                        </div>
+                        <div class="swiper-slide">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-2.jpg') }}"
+                                alt="{{ __('Synthèse du second engagement') }}" title="{{ __('Engagement n°2') }}">
+                        </div>
+                        <div class="swiper-slide">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-3.jpg') }}"
+                                alt="{{ __('Synthèse du troisième engagement') }}" title="{{ __('Engagement n°3') }}">
+                        </div>
+                        <div class="swiper-slide">
+                            <img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-4.jpg') }}"
+                                alt="{{ __('Synthèse du quatrième engagement') }}" title="{{ __('Engagement n°4') }}">
+                        </div>
                     </div>
                 </div>
 
@@ -84,9 +116,12 @@
 
             <div class="row max-container bloc-btn justify-content-center py-4 px-3">
                 <p class="text-center">{{ __('Retrouvez les engagements RSE du Groupe LDC') }}</p>
-                <img class="p-0 mx-3" src="{{ Vite::asset('resources/assets/images/plumes-cta.svg') }}">
-                <a href="https://www.ldc.fr/nos-engagements/#engagements_3" target="blank" type="button" class="block-btn d-flex align-items-center btn btn-primary rounded-pill w-fit mt-2 px-4">{{ __('NOS ENGAGEMENTS RSE') }}</a>
-                <img class="p-0 mx-2" src="{{ Vite::asset('resources/assets/images/fleche.svg') }}">
+                <img class="p-0 me-1 mx-sm-3" src="{{ Vite::asset('resources/assets/images/plumes-cta.svg') }}"
+                    alt="{{ __('Icône de deux plumes vertes') }}" title="{{ __('Plumes vertes') }}">
+                <a href="https://www.ldc.fr/nos-engagements/#engagements_3" target="blank" type="button"
+                    class="block-btn d-flex align-items-center btn btn-primary rounded-pill w-fit mt-2 px-4">{{ __('NOS ENGAGEMENTS RSE') }}</a>
+                <img class="p-0 m-0 mx-sm-2" src="{{ Vite::asset('resources/assets/images/fleche.svg') }}"
+                    alt="{{ __('Icône d\'une flèche pointillée courbée') }}" title="{{ __('Flèche pointillée courbée') }}">
             </div>
 
         </div>
diff --git a/resources/views/fo/pages/legals.blade.php b/resources/views/fo/pages/legals.blade.php
index 1a45d1f..1f25619 100644
--- a/resources/views/fo/pages/legals.blade.php
+++ b/resources/views/fo/pages/legals.blade.php
@@ -6,7 +6,8 @@
 @section('content')
     <div class="container-fluid legals-page d-flex flex-column align-items-center p-0">
         <div class="banner w-100">
-            <img src="{{ Vite::asset('resources/assets/images/champ-enfants.jpg') }}" alt="">
+            <img src="{{ Vite::asset('resources/assets/images/champ-enfants.jpg') }}"
+                alt="{{ __('Enfants dans un champs regardant l\'horizon') }}" title="{{ __('Bannière') }}">
         </div>
         <div class="position-relative px-3 py-5">
             <div class="row mb-3">
diff --git a/resources/views/fo/pages/policies.blade.php b/resources/views/fo/pages/policies.blade.php
index e4d3faa..650c261 100644
--- a/resources/views/fo/pages/policies.blade.php
+++ b/resources/views/fo/pages/policies.blade.php
@@ -6,7 +6,8 @@
 @section('content')
     <div class="container-fluid legals-page d-flex flex-column align-items-center p-0">
         <div class="banner w-100">
-            <img src="{{ Vite::asset('resources/assets/images/champ-enfants.jpg') }}" alt="">
+            <img src="{{ Vite::asset('resources/assets/images/champ-enfants.jpg') }}"
+                alt="{{ __('Enfants dans un champs regardant l\'horizon') }}" title="{{ __('Bannière') }}">
         </div>
         <div class="position-relative px-3 py-5">
             <div class="row mb-3">