responsive pour safari

public/css/utils.css

@@ -1459,16 +1459,16 @@ @media (max-width: 800px) {
 }
 
 @media (max-width: 768px) {
-    .img-accueil-mobile{
-        height: 180%;
+    .img-accueil-mobile {
+        width: 100%;         /* Assure que l'image occupe toute la largeur du conteneur */
+        height: 450px;        
+        object-fit: cover;   
         border-radius: 30px;
-        margin-left: 2.5rem;
+        margin-left: 2rem;
     }
-
-    
    
     .pt-spe-title-accueil{
-        padding-top: 18rem;
+        padding-top: 5rem;
         text-align: center;
 
     }
@@ -1557,10 +1557,14 @@ @media (max-width: 768px) {
 @media (max-width: 500px) {
 
     .pt-spe-title-accueil{
-        padding-top: 14rem;
+        padding-top: 5rem;
 
     }
 
+    #postDetails{
+        margin-top: 0rem !important;
+    }
+
     .h-img-spons{
         height: 80px;
         margin-bottom: 2rem;
@@ -1574,7 +1578,7 @@ @media (max-width: 500px) {
 
    
     .fs-title{
-        font-size: 1.9rem;
+        font-size: 1.7rem;
         margin-left: -5rem;
         font-weight: 600;
     }
@@ -1593,12 +1597,12 @@ @media (max-width: 500px) {
 @media (max-width: 450px) {
 
     .pt-spe-title-accueil{
-        padding-top: 13rem;
+        padding-top: 4rem;
 
     }
 
     .fs-title{
-        font-size: 1.7rem;
+        font-size: 1.5rem;
         margin-left: -5rem;
         font-weight: 600;
     }
@@ -1648,7 +1652,7 @@ @media (max-width: 380px) {
     }
 
     .fs-subtitle{
-        margin-left: -2.3rem;
+        margin-left: -2.4rem;
         font-size: .9rem;
         margin-top: -2rem;
         width: 100% !important;

resources/views/components/layout/front.blade.php

@@ -22,7 +22,7 @@
     <nav class="navbar navbar-expand-lg pt-3">
         <div class="container-fluid ms-3">
             <a class="navbar-brand" href="/">
-                <img src="{{ asset('images/iCube.jpg') }}" alt="logo icube" class="img-fluid" style="height: 50px;">
+                <img src="{{ asset('images/Icube-remove.png') }}" alt="logo icube" class="img-fluid" style="height: 50px;">
             </a>
 
             <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"

resources/views/pages/accueil.blade.php

@@ -26,8 +26,7 @@
                     concentrant sur la précision et l'efficacité.
                 </p>
 
-                <a href="#explored-carousel" class="btn-explored4 col-md-5 col-10" data-aos="fade-down-right"
-                    data-aos-delay="400">
+                <a href="#explored-carousel" class="btn-explored4 col-md-5 col-10">
                     <i class="bi bi-arrow-down-short"></i>
                     <span>Explorez</span>
                 </a>
@@ -81,14 +80,14 @@ class="img-fluid object-fit-cover rounded-hard mt-5 w-100 image-icube">
                 <div class="d-flex flex-column w-35-2">
                     <div class="d-flex gap-3 align-items-center">
                         <i class="bi bi-calendar3 icon-home"></i>
-                        <p class="fs-6 fs-md-4 fs-lg-3">L'année 2013</p>
+                        <p class="fs-5 bold">Création</p>
                     </div>
-                    <p class="w-75 fs-pro">voit la naissance du laboratoire ICube, un formidable projet sous l'égide du CNRS, de l'Université de Strasbourg, de l’ENGEES et de l’INSA de Strasbourg. </p>
+                    <p class="w-75 fs-pro">L'année 2013 voit la naissance du laboratoire ICube, un formidable projet sous l'égide du CNRS, de l'Université de Strasbourg, de l’ENGEES et de l’INSA de Strasbourg. </p>
                 </div>
                 <div class="d-flex flex-column w-35-2 m-bonus">
                     <div class="d-flex align-items-center gap-3">
                         <i class="bi bi-geo icon-home"></i>
-                        <p class="fs-6 fs-md-4 fs-lg-3">Les Départements</p>
+                        <p class="fs-5 bold">Départements</p>
                     </div>
                     <p class="w-75 fs-pro">
                         L'organisation est structurée autour de 4 départements : Informatique Recherche, Imagerie et Robotique, Électronique et Photonique, Mécanique.</p>