home

web/themes/custom/reha/scss/pages/home/home-view-actualites.scss

@@ -0,0 +1,59 @@
+.block-views-blockactus-block-1{
+    background-color: white;
+    h2{
+        width: 80%;
+        margin: auto;
+        padding-top: 2rem;
+        padding-bottom: 2rem;
+    }
+    .view-id-actus{
+        width: 80%;
+        margin: auto;
+        display: flex;
+       justify-content: space-between;
+
+        .views-row{
+            width: 45%;
+            .node-type-actualite{
+                width: 100%;
+                display: flex;
+                flex-direction: column;
+                p.field__item{
+                    display: none;
+                }
+                h2{
+                    order: 3;
+                    margin: 0;
+                }
+                .field--name-field-image{
+                    order: 1;
+                    max-width: 100%;
+                    img{
+                        max-width: 100%;
+                        object-fit: contain;
+                    }
+                }
+                .field--name-field-numero-site {
+                    order: 3;
+                }
+                .field--name-field-adresse-site{
+                    order: 4;
+                }
+                .field--name-field-architecte{
+                    order: 4;
+                }
+                .field--name-field-type-d-actualite{
+                    order: 2;
+                }
+                .field--name-field-site{
+                    order: 3;
+                }
+                
+            }
+            .node-type-actualite > div:nth-child(2) > div:nth-child(2){
+                display: none;
+            }
+        }
+        
+    }
+}

web/themes/custom/reha/scss/pages/home/home-view-presentation.scss

@@ -0,0 +1,8 @@
+.block-views-blockhome-block-1{
+
+    .view-display-id-block_1{
+        width: 60%;
+        margin: auto;
+        padding-top: 5rem;
+    }
+}

web/themes/custom/reha/scss/pages/home/home-view-sites.scss

@@ -7,30 +7,54 @@
                 width: 70%;
                 margin: auto;
                 display: grid;
-                grid-template-rows: auto;
-                grid-template-columns: auto;
-                .field--name-field-image{
+                grid-template-rows: repeat(12, 1fr);
+                grid-template-columns: repeat(12, 1fr);
+                .image-site{
                     order: 1;
-                    grid-row: 1 /span 4;
-                    grid-column: 1 /span 5;
+                    grid-row: 1/span 10;
+                    grid-column: 1/span 9;
+                    img {
+                        width: 100%;
+                        object-fit: cover;
+                    }
                 }
                 .filtered-content{
-                    border: solid $yellow-puca 1px;
+                    // border: solid $yellow-puca 1px;
                     background-color: $white-button;
-                    width: 30%;
+                    width: 80%;
                     order: 2;
                     display: flex;
                     flex-direction: column;
-                    grid-row: 3 /span 6;
-                    grid-column: 3 /span 5;
+                    grid-row: 7/span 5;
+                    grid-column: 7/span 12;
+                    padding: 1rem;
                     h2{
                         order: 2;
+                        margin: 0;
                     }
                     .field--name-field-numero-site {
                         order: 1;
+                        text-transform: uppercase;
+                        font-size: 2rem;
                     }
                     .field--name-field-adresse-site{
                         order: 3;
+                        font-size: 1.5rem;
+                        .address{
+                            margin: 0;
+                            display: inline-flex;
+                            .postal-code{
+                                order: 2;
+                            }
+                            .locality{
+                                order: 1;
+                                text-transform: capitalize;
+                                margin-right: 0.5rem;
+                            }
+                            .country{
+                                display: none;
+                            }
+                        }
                     }
                     .field--name-field-architecte{
                         order: 4;
@@ -46,7 +70,8 @@
             font-weight: 800;
             padding: 2rem;
             margin-right: 1rem;
-            width: 30%;
+            width: 20%;
+            margin-left: 8%;
             @media(max-width: 891px){
                 margin-bottom: 1rem;
                 // margin: auto;

web/themes/custom/reha/scss/reha.scss

@@ -33,5 +33,7 @@
 @import "pages/user--edit";
 @import "pages/modifier-une-operation";
 @import "pages/page--static";
-@import "pages/home-view-sites";
-@import "pages/les-sites-pilotes";
+@import "pages/home/home-view-sites";
+@import "pages/les-sites-pilotes";
+@import "pages/home/home-view-actualites";
+@import "pages/home/home-view-presentation";