diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index a8b79b1..59cc42f 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/web/themes/custom/reha/dist/css/bundle.css @@ -1959,46 +1959,50 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div margin-top: 2rem; } -.page-actualites h1 { +.page-sitespilotes h1 { width: 80%; margin: auto; font-weight: 1000; } -.page-actualites .view-display-id-page_1 { +.page-sitespilotes .view-display-id-page_1 { + width: 80%; + margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; } -.page-actualites .view-display-id-page_1 article { +.page-sitespilotes .view-display-id-page_1 article { padding-bottom: 0.7rem; } -.page-actualites .view-display-id-page_1 .views-row { +.page-sitespilotes .view-display-id-page_1 .views-row { width: 28%; padding: 1rem; } -.page-actualites .view-display-id-page_1 .views-row:hover { +.page-sitespilotes .view-display-id-page_1 .views-row:hover { transform: scale(1.05); transition: 0.3s transform ease, 0.3s box-shadow ease; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site { - margin: auto; - display: flex; - flex-direction: column; - width: 100%; +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site { background-color: white; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .field--name-field-image { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site { + display: flex; + flex-direction: column; +} +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site { order: 1; +} +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site .field--name-field-image { max-width: 100%; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .field--name-field-image img { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .image-site .field--name-field-image img { width: 100%; object-fit: cover; height: fit-content; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site { background-color: rgb(255, 255, 255); order: 2; display: flex; @@ -2007,10 +2011,10 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-right: 1rem; padding-top: 0.5rem; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site h1 { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site h1 { display: none; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site h2 { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site h2 { order: 2; margin: 0; font-size: 1.6rem; @@ -2018,66 +2022,66 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div line-height: 1; padding-bottom: 0.8rem; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row { order: 1; display: flex; flex-direction: row; align-items: end; padding-bottom: 0.5rem; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site { order: 1; text-transform: uppercase; font-size: 1rem; display: inline-flex; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-numero-site::after { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-numero-site::after { content: "|"; padding-left: 1rem; padding-right: 1rem; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site { order: 3; font-size: 1.2rem; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .field__item { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .field__item { display: flex; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address { margin: 0; display: inline-flex; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .postal-code { order: 2; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .locality { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .locality { order: 1; text-transform: capitalize; margin-right: 0.5rem; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site .address .country { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .first-row .field--name-field-adresse-site .address .country { display: none; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte { order: 4; font-size: 1.2rem; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items { display: flex; flex-direction: row; flex-wrap: wrap; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item { display: inline; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__items .field__item::after { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__items .field__item::after { content: ","; padding-right: 0.5rem; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site .field--name-field-architecte .field__item:last-of-type::after { content: ""; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links { order: 5; text-transform: uppercase; padding: 0; @@ -2087,41 +2091,41 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-top: 3rem; display: inline-flex; } -.page-actualites .view-display-id-page_1 .views-row .node-type-site .infos-content-site ul.links::after { +.page-sitespilotes .view-display-id-page_1 .views-row .node-type-site .entete_site .infos-content-site ul.links::after { content: url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } -.page-actualites .view-display-id-page_1 footer { +.page-sitespilotes .view-display-id-page_1 footer { background-color: transparent; text-transform: none !important; } -.page-actualites .view-display-id-page_1 footer p { +.page-sitespilotes .view-display-id-page_1 footer p { font-size: 2rem; padding-left: 1rem; font-weight: 1000; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row { width: 28%; padding: 1rem; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover { transform: none; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site { margin: auto; display: flex; flex-direction: column; width: 100%; background-color: transparent; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site { background-color: transparent; order: 2; display: flex; @@ -2130,25 +2134,25 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-right: 1rem; padding-right: 1rem; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 { order: 2; margin: 0; font-size: 1.6rem; font-weight: 900; line-height: 1; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 a { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site h2 a { cursor: default !important; pointer-events: none; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row { order: 1; display: flex; flex-direction: row; align-items: center; padding-bottom: 0.5rem; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site { order: 1; text-transform: uppercase; font-size: 1rem; @@ -2156,43 +2160,43 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div display: flex; align-items: center; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::before { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::before { content: "SITE"; padding-right: 0.5rem; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::after { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-lettre-de-site::after { content: "|"; padding-left: 1rem; padding-right: 1rem; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site { order: 3; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address { padding-left: 0; margin: 0; display: inline-flex; font-size: 1.3rem; font-weight: 500 !important; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .postal-code { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .postal-code { order: 2; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .locality { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .locality { order: 1; text-transform: capitalize; margin-right: 0.5rem; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .country { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .first-row .field--name-field-adresse-site p.address .country { display: none; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site .field--name-field-architecte { order: 4; text-transform: capitalize; font-weight: 400; font-size: 1.2rem; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links { order: 5; text-transform: uppercase; padding: 0; @@ -2202,7 +2206,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div padding-top: 0.9rem; display: inline-flex; } -.page-actualites .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after { +.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site .infos-content-site ul.links::after { content: url("../../dist/images/noun-arrow-1569918-black.svg"); padding-left: 0.5rem; } diff --git a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss index 8fb0514..d213a8e 100644 --- a/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss +++ b/web/themes/custom/reha/scss/pages/les-sites-pilotes.scss @@ -1,14 +1,14 @@ -.page-actualites{ +.page-sitespilotes{ h1{ width: 80%; margin: auto; font-weight: 1000; - } .view-display-id-page_1{ - + width: 80%; + margin: auto; display: flex; flex-direction: row; flex-wrap: wrap; @@ -25,116 +25,117 @@ transition: 0.3s transform ease, 0.3s box-shadow ease; } .node-type-site{ - margin: auto; - display: flex; - flex-direction: column; - width: 100%; + background-color: white; - .field--name-field-image{ - order: 1; - max-width: 100%; - img{ - width: 100%; - object-fit: cover; - height: fit-content; - } - } - .infos-content-site{ - background-color: $white-button; - order: 2; + .entete_site{ display: flex; flex-direction: column; - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.5rem; - h1{display: none;} - h2{ - order: 2; - margin: 0; - font-size: 1.6rem; - font-weight: 900; - line-height: 1; - padding-bottom: 0.8rem; - } - .first-row{ + .image-site{ order: 1; - display:flex; - flex-direction: row; - align-items: end; - padding-bottom: 0.5rem; - .field--name-field-numero-site { + .field--name-field-image{ + max-width: 100%; + img{ + width: 100%; + object-fit: cover; + height: fit-content; + } + } + } + + .infos-content-site{ + background-color: $white-button; + order: 2; + display: flex; + flex-direction: column; + padding-left: 1rem; + padding-right: 1rem; + padding-top: 0.5rem; + h1{display: none;} + h2{ + order: 2; + margin: 0; + font-size: 1.6rem; + font-weight: 900; + line-height: 1; + padding-bottom: 0.8rem; + } + .first-row{ order: 1; + display:flex; + flex-direction: row; + align-items: end; + padding-bottom: 0.5rem; + .field--name-field-numero-site { + order: 1; + text-transform: uppercase; + font-size: 1rem; + display: inline-flex; + &::after{ + content: '|'; + padding-left: 1rem; + padding-right: 1rem; + } + } + .field--name-field-adresse-site{ + order: 3; + font-size: 1.2rem; + .field__item{ + display: flex; + } + .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; + font-size: 1.2rem; + .field__items{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + .field__item{ + display: inline; + &::after{ + content:','; + padding-right: 0.5rem; + } + } + } + .field__item:last-of-type::after { + content: ''; + } + } + ul.links{ + order: 5; text-transform: uppercase; - font-size: 1rem; + padding: 0; + margin: 0; + border: none; + padding-bottom: 1rem; + padding-top: 3rem; display: inline-flex; &::after{ - content: '|'; - padding-left: 1rem; - padding-right: 1rem; - } - } - .field--name-field-adresse-site{ - order: 3; - font-size: 1.2rem; - .field__item{ - display: flex; - } - .address{ - margin: 0; - display: inline-flex; - .postal-code{ - order: 2; - } - .locality{ - order: 1; - text-transform: capitalize; - margin-right: 0.5rem; - } - .country{ - display: none; - } + content:url("../../dist/images/noun-arrow-1569918-black.svg"); + padding-left: 0.5rem; } } } - - .field--name-field-architecte{ - order: 4; - font-size: 1.2rem; - .field__items{ - display: flex; - flex-direction: row; - flex-wrap: wrap; - .field__item{ - display: inline; - &::after{ - content:','; - padding-right: 0.5rem; - } - - } - } - .field__item:last-of-type::after { - content: ''; - } - } - ul.links{ - order: 5; - text-transform: uppercase; - padding: 0; - margin: 0; - border: none; - padding-bottom: 1rem; - padding-top: 3rem; - display: inline-flex; - &::after{ - content:url("../../dist/images/noun-arrow-1569918-black.svg"); - padding-left: 0.5rem; - } - - } - } - + } } diff --git a/web/themes/custom/reha/templates/page--sitespilotes.html.twig b/web/themes/custom/reha/templates/page--sitespilotes.html.twig new file mode 100644 index 0000000..fcb35fd --- /dev/null +++ b/web/themes/custom/reha/templates/page--sitespilotes.html.twig @@ -0,0 +1,97 @@ +{# +/** + * @file + * Default theme implementation to display a single page. + * + * The doctype, html, head and body tags are not in this template. Instead they + * can be found in the html.html.twig template in this directory. + * + * Available variables: + * + * General utility variables: + * - base_path: The base URL path of the Drupal installation. Will usually be + * "/" unless you have installed Drupal in a sub-directory. + * - is_front: A flag indicating if the current page is the front page. + * - logged_in: A flag indicating if the user is registered and signed in. + * - is_admin: A flag indicating if the user has permission to access + * administration pages. + * + * Site identity: + * - front_page: The URL of the front page. Use this instead of base_path when + * linking to the front page. This includes the language domain or prefix. + * + * Page content (in order of occurrence in the default page.html.twig): + * - messages: Status and error messages. Should be displayed prominently. + * - node: Fully loaded node, if there is an automatically-loaded node + * associated with the page and the node ID is the second argument in the + * page's path (e.g. node/12345 and node/12345/revisions, but not + * comment/reply/12345). + * + * Regions: + * - page.header: Items for the header region. + * - page.primary_menu: Items for the primary menu region. + * - page.secondary_menu: Items for the secondary menu region. + * - page.highlighted: Items for the highlighted content region. + * - page.help: Dynamic help text, mostly for admin pages. + * - page.content: The main content of the current page. + * - page.sidebar_first: Items for the first sidebar. + * - page.sidebar_second: Items for the second sidebar. + * - page.footer: Items for the footer region. + * - page.breadcrumb: Items for the breadcrumb region. + * + * @see template_preprocess_page() + * @see html.html.twig + * + * @ingroup themeable + */ +#} +