Browse Source

bandeau presentation programme home

ouidade 3 years ago
parent
commit
e9002dee20

File diff suppressed because it is too large
+ 0 - 1
web/themes/custom/eql/css-compiled/styles.css


+ 80 - 13
web/themes/custom/eql/scss/pages/_home.scss

@@ -6,6 +6,8 @@
                             "presentation presentation presentation presentation presentation presentation" 
                             "presentation presentation presentation presentation presentation presentation" 
                              "actus actus actus actus actus actus"
                              "actus actus actus actus actus actus"
                              "actus actus actus actus actus actus"
                              "actus actus actus actus actus actus"
+                             "programme programme programme programme programme programme"
+                             "programme programme programme programme programme programme"
                              "programme programme programme programme programme programme";
                              "programme programme programme programme programme programme";
         grid-template-rows: auto auto auto;
         grid-template-rows: auto auto auto;
         grid-template-columns: 1fr repeat(4, 2fr) 1fr;
         grid-template-columns: 1fr repeat(4, 2fr) 1fr;
@@ -20,6 +22,7 @@
         .block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
         .block-block-content1bb9024b-d95f-4137-894c-362abf10a483{
             grid-area: presentation;
             grid-area: presentation;
         }
         }
+        // bandeau actus
         .block-views-blockactus-blocks-pages-block-1{
         .block-views-blockactus-blocks-pages-block-1{
             grid-area: actus;
             grid-area: actus;
             width: 100vw;
             width: 100vw;
@@ -87,23 +90,14 @@
                 }
                 }
             }
             }
         }
         }
+        // bouton voir toutes actus du bandeau bleu
         .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{
         .block-block-content3ee1f633-aaa7-4b4c-a42a-02206e26d3a2{
             grid-area: actus;
             grid-area: actus;
             grid-row: 5;
             grid-row: 5;
             grid-column: 5 / span 6;
             grid-column: 5 / span 6;
             width: fit-content;
             width: fit-content;
-            margin-bottom: 2rem;
-
-            // display: grid;
-            // grid-template-columns: 1fr repeat(4, 2fr) 1fr;
-            // position: relative;
-            // height: 0;
-                
+            margin-bottom: 2rem;                
             .field--type-link {
             .field--type-link {
-                // grid-column: 2;
-                // justify-self: end;
-                // position: relative;
-                // top: -200%;
                 width: fit-content;
                 width: fit-content;
                 height: fit-content;
                 height: fit-content;
                 padding: 0.4rem 1rem;
                 padding: 0.4rem 1rem;
@@ -124,11 +118,84 @@
             
             
                 }
                 }
             }
             }
-        
-            
         }
         }
         .block-views-blockhome-nodes-block-2{
         .block-views-blockhome-nodes-block-2{
             grid-area: programme;
             grid-area: programme;
+            .view-display-id-block_2:is(.view-id-home_nodes){
+                padding-top: 2rem;
+                background: url('../images/pictos/carre-contour-bleu.svg');
+                background-repeat: no-repeat;
+                max-width: 100vw;
+                background-size: cover;
+            
+                
+                .node-type-static{
+                    width: 70%;
+                    margin: auto;
+
+                    div:first-child:not(.field__item):not(.field){
+                        display: grid;
+                        grid-template-columns: 1fr repeat(4,2fr) 1fr;
+                        grid-template-rows: 1fr 1fr 1fr 0.5fr 6fr;
+                    }
+            
+                    .inline.links{
+                        grid-row: 4;
+                        grid-column: 5 / span 6;
+                        width: fit-content;
+                        height: fit-content;
+                        padding: 0.4rem 1rem;
+                        font-size: 0.8rem;
+                        margin: 0;
+                        background-color: $white;
+                        border: 2px solid $blue-light;  
+                        list-style: none;
+            
+                        a{
+                            text-transform: uppercase;
+                            font-weight: 700;
+                            color: $blue-light;
+                            &:after{
+                                // display: block;
+                                content: url('data:image/svg+xml,<svg width="40" height="20" xmlns="http://www.w3.org/2000/svg" version="1.1"><polyline points="71.9,49 24.3,49 24.3,51 71.9,51 58.1,64.8 59.5,66.2 75.7,50 59.5,33.8 58.1,35.2" transform="scale(0.5) translate(0,-25)" fill="rgb(0,158,227)" stroke="rgb(0,158,227)" stroke-width="0.7"/></svg>');
+                            }
+                        }
+                    }
+                    .field--name-field-images{
+                        grid-column: 1;
+                        grid-row: 1;
+                        width: fit-content;
+                        .field__item{
+                            img{
+                                width: 15rem;
+                                height: auto;
+                            }
+                        }
+                    }
+                    .field--name-title{
+                        display: none;
+                    }
+                    .field--name-field-accroche{
+                        grid-column: 2 / 6;
+                        grid-row: 1 /span 3;
+                        padding-left: 1rem;
+                        p{
+                            background-color: $white;
+                            font-size: 1.5rem;
+                            width: 110%;
+                            margin-bottom: 2rem;
+                            padding-bottom: 2rem;
+                            margin-block-start: 0;
+                        }
+            
+                    }
+                    .field--name-field-videos{
+                        grid-column: 1 / span 5;
+                        grid-row: 5;
+                    }
+                }
+            
+            }
         }
         }
     }
     }
 }
 }

Some files were not shown because too many files changed in this diff