home presentation, page site

This commit is contained in:
2024-06-23 23:03:46 +02:00
parent 44c9b53c16
commit 3353e208b1
13 changed files with 292 additions and 132 deletions
+1 -1
View File
@@ -15,7 +15,7 @@
\********************/
/***/ (() => {
eval("/**\n * @file\n * reha behaviors.\n */\n(function (Drupal) {\n\n 'use strict';\n\n Drupal.behaviors.reha = {\n attach: function (context, settings) {\n\n console.log('It works!');\n\n }\n };\n\n \n} (Drupal));\n\njQuery(document).ready(function($){\n\n // menu déroulant\n\n ////////////// contacts ///////\n\n $(\".bouton-contact\").click(function(event) {\n // Fermer .connexion-full s'il est déroulé\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n // Ouvrir .contacts-full\n $(\".contacts-full\").slideToggle();\n\n });\n\n////////////// connexion ///////\n\n $(\".bouton-connexion\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connexion-full\n $(\".connexion-full\").slideToggle();\n });\n \n $(\".bouton-connected\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connected-full\n $(\".connected-full\").slideToggle();\n });\n \n $(\".titre\").click(function(event) {\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n // // Ouvrir .connexion-full\n // $(\".connected-full\").slideToggle();\n });\n \n $(\"#edit-field-dossier-de-candidature-0--label\").click(function(event) {\n event.preventDefault();\n // Ouvrir .connexion-full\n $(\"#edit-field-dossier-de-candidature-0--description>ul.main\").slideToggle();\n });\n\n});\n\n\n// slideshow home \n\n(function($, window) {\n console.log('hello slick')\n $(document).ready(function(){\n $('.view-id-sites.view-display-id-block_1').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n });\n\n $(document).ready(function(){\n $('.view-id-actus.view-display-id-block_1').slick({\n slidesToShow: 3,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n\n});\n\n})(jQuery, window);\n\n\n// document.addEventListener('DOMContentLoaded', function() {\n// var nav = document.querySelectorAll('main-nav');\n// var links = nav.querySelectorAll('li > a');\n// console.log(links);\n\n\n// links.forEach(function(link) {\n// if (link.classList.contains('is-active')) {\n// nav.classList.add('has-active');\n// }\n// });\n// });\n\n\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n// (function($, window) {\n// var adjustAnchor = function() {\n// var $anchor = $('.block-views-blockhome-block-1'),\n// fixedElementHeight = 350;\n// if ($anchor.length > 0) {\n// $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n// }\n// };\n\n// $(window).on('hashchange', function() {\n// adjustAnchor();\n// });\n\n// })(jQuery, window);\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?");
eval("/**\n * @file\n * reha behaviors.\n */\n(function (Drupal) {\n\n 'use strict';\n\n Drupal.behaviors.reha = {\n attach: function (context, settings) {\n\n console.log('It works!');\n\n }\n };\n\n \n} (Drupal));\n\njQuery(document).ready(function($){\n\n // menu déroulant\n\n ////////////// contacts ///////\n\n $(\".bouton-contact\").click(function(event) {\n // Fermer .connexion-full s'il est déroulé\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n // Ouvrir .contacts-full\n $(\".contacts-full\").slideToggle();\n\n });\n\n////////////// connexion ///////\n\n $(\".bouton-connexion\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connexion-full\n $(\".connexion-full\").slideToggle();\n });\n \n $(\".bouton-connected\").click(function(event) {\n // Fermer .contacts-full s'il est déroulé\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n // Ouvrir .connected-full\n $(\".connected-full\").slideToggle();\n });\n \n $(\".titre\").click(function(event) {\n if ($(\".connected-full\").is(\":visible\")) {\n $(\".connected-full\").slideUp();\n }\n if ($(\".contacts-full\").is(\":visible\")) {\n $(\".contacts-full\").slideUp();\n }\n if ($(\".connexion-full\").is(\":visible\")) {\n $(\".connexion-full\").slideUp();\n }\n // // Ouvrir .connexion-full\n // $(\".connected-full\").slideToggle();\n });\n \n $(\"#edit-field-dossier-de-candidature-0--label\").click(function(event) {\n event.preventDefault();\n // Ouvrir .connexion-full\n $(\"#edit-field-dossier-de-candidature-0--description>ul.main\").slideToggle();\n });\n\n});\n\n\n// slideshow home \n\n(function($, window) {\n console.log('hello slick')\n $(document).ready(function(){\n $('.view-id-sites.view-display-id-block_1').slick({\n slidesToShow: 1,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('salut slick home');\n\n });\n\n $(document).ready(function(){\n $('.view-id-actus.view-display-id-block_1').slick({\n slidesToShow: 3,\n // slidesToScroll: 1,\n dots: false,\n arrows: true,\n centerMode: true,\n // centerPadding: '100px',\n responsive: [\n {\n breakpoint: 810,\n settings: {\n slidesToShow: 1,\n adaptiveHeight: true,\n arrows: false,\n draggable: true,\n centerMode: true,\n }\n }]\n });\n console.log('slick actu');\n });\n\n // $(document).ready(function(){\n // $('.field--name-field-image > div:nth-child(2)').slick({\n // slidesToShow: 1,\n // slidesToScroll: 1,\n // dots: true,\n // arrows: false,\n // centerMode: true,\n // // centerPadding: '100px',\n // responsive: [\n // {\n // breakpoint: 810,\n // settings: {\n // slidesToShow: 1,\n // adaptiveHeight: true,\n // arrows: false,\n // draggable: true,\n // centerMode: true,\n // }\n // }]\n // });\n // console.log('slick site'); \n\n// });\n\n\n\n})(jQuery, window);\n\n\n// document.addEventListener('DOMContentLoaded', function() {\n// var nav = document.querySelectorAll('main-nav');\n// var links = nav.querySelectorAll('li > a');\n// console.log(links);\n\n\n// links.forEach(function(link) {\n// if (link.classList.contains('is-active')) {\n// nav.classList.add('has-active');\n// }\n// });\n// });\n\n\n\n// /////////////////\n//// ancre dans texte au click parragraphe correspondant arrive en dessous du header \n\n\n// (function($, window) {\n// var adjustAnchor = function() {\n// var $anchor = $('.block-views-blockhome-block-1'),\n// fixedElementHeight = 350;\n// if ($anchor.length > 0) {\n// $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0);\n// }\n// };\n\n// $(window).on('hashchange', function() {\n// adjustAnchor();\n// });\n\n// })(jQuery, window);\n\n//# sourceURL=webpack://dev.reha.fr/./js/reha.js?");
/***/ }),
+69 -9
View File
@@ -1725,6 +1725,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img {
height: 500px;
width: auto;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
background-color: rgb(255, 255, 255);
@@ -1735,12 +1736,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
grid-row: 7/span 5;
grid-column: 7/span 9;
padding: 1rem;
z-index: 99;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
width: auto;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h1 {
display: none;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h2 {
order: 2;
margin: 0;
@@ -1793,6 +1798,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
width: fit-content;
margin: auto;
z-index: 99;
position: relative;
}
.view-display-id-page_1 {
@@ -1831,6 +1838,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-left: 1rem;
padding-right: 1rem;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content h1 {
display: none;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content h2 {
order: 2;
margin: 0;
@@ -2053,17 +2063,34 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
display: none;
}
.block-views-blockhome-block-1 .view-display-id-block_1 {
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
width: 60%;
margin: auto;
padding-top: 5rem;
max-height: 300px;
overflow: hidden;
text-overflow: ellipsis;
/* Masquer tous les paragraphes après le premier */
}
@media (max-width: 891px) {
.block-views-blockhome-block-1 .view-display-id-block_1 {
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
width: 80%;
padding-top: 3rem;
}
}
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 .field-content p:nth-of-type(n+2), .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 h3, .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 ul {
display: none;
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 {
width: fit-content;
margin: auto;
z-index: 99;
position: relative;
margin-top: 2rem;
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after {
content: url("../dist/images/noun-arrow-1569918-black.svg");
}
.page-programme .block-region-first {
padding-left: 18%;
@@ -2126,29 +2153,59 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 80%;
margin: auto;
}
.page-node-site .region-content #block-reha-titredepage {
display: none;
}
.page-node-site .region-content .node-type-site {
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: white;
}
.page-node-site .region-content .node-type-site .field--name-field-image {
.page-node-site .region-content .node-type-site .image-site {
order: 2;
max-width: 100%;
top: -150px;
position: relative;
}
.page-node-site .region-content .node-type-site .field--name-field-image img {
.page-node-site .region-content .node-type-site .image-site .field--name-field-image {
width: 80%;
margin: auto;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item {
display: flex;
flex-direction: row;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item img {
width: 100%;
object-fit: cover;
height: fit-content;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote {
align-self: flex-end;
font-style: italic;
margin: 0;
width: 10%;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote p {
margin: 0;
padding-left: 1rem;
}
.page-node-site .region-content .node-type-site .filtered-content {
z-index: 99;
background-color: rgb(255, 255, 255);
width: 25vw;
order: 1;
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 4rem;
padding-top: 1rem;
}
.page-node-site .region-content .node-type-site .filtered-content h1 {
order: 2;
margin: 0;
font-size: 1.3rem;
font-weight: 900;
}
.page-node-site .region-content .node-type-site .filtered-content h2 {
order: 2;
@@ -2163,8 +2220,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site {
order: 3;
font-size: 1.3rem;
line-height: 0.3rem;
font-size: 1rem;
line-height: 1.3rem;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address {
margin: 0;
@@ -2181,6 +2238,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .country {
display: none;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-date-de-construction {
order: 5;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-architecte {
order: 4;
padding-top: 1rem;