diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 6252f98..2125305 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -1200,7 +1200,12 @@ footer { width: 296px !important; } } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_images { +#actus-caroussel .content-actus .views-row article.node-type-actualite { + display: flex; + flex-direction: column; +} +#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images { + order: 1; -moz-border-radius: 9px; /* pour Mozilla */ -khtml-border-radius: 9px; /* pour Safari et Chrome */ -webkit-border-radius: 9px; /* pour Safari sur Mac */ @@ -1209,11 +1214,11 @@ footer { margin-bottom: 0.6rem; } @media (max-width: 550px) { - #actus-caroussel .content-actus .views-row .node-type-actualite .field_field_images { + #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images { height: 170px; } } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_images img { +#actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img { width: 100%; height: fit-content; max-height: 250px; @@ -1224,11 +1229,14 @@ footer { border-radius: 9px; /* CSS3 */ } @media (max-width: 550px) { - #actus-caroussel .content-actus .views-row .node-type-actualite .field_field_images img { + #actus-caroussel .content-actus .views-row article.node-type-actualite .field_field_images img { max-height: 170px; } } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_type_d_actualite { +#actus-caroussel .content-actus .views-row article.node-type-actualite .infos-actu { + order: 2; +} +#actus-caroussel .content-actus .views-row article.node-type-actualite .infos-actu .field_field_type_d_actualite { text-transform: uppercase; color: red; font-size: 0.6rem; @@ -1236,27 +1244,33 @@ footer { display: inline-flex; align-items: center; } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_type_d_actualite::before { +#actus-caroussel .content-actus .views-row article.node-type-actualite .infos-actu .field_field_type_d_actualite::before { content: url("../img/type-actu.svg"); padding-right: 0.4rem; } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_date { +#actus-caroussel .content-actus .views-row article.node-type-actualite .infos-actu .field_field_date { color: red; display: inline-flex; align-items: center; } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_field_date::before { +#actus-caroussel .content-actus .views-row article.node-type-actualite .infos-actu .field_field_date::before { content: url("../img/date-actu.svg"); padding-right: 0.4rem; } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_title h2 { +#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title { + order: 4; +} +#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 { margin: 0; } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_title h2 a { +#actus-caroussel .content-actus .views-row article.node-type-actualite .field_title h2 a { font-size: 0.8rem; color: rgb(7, 50, 194); } -#actus-caroussel .content-actus .views-row .node-type-actualite .field_body p { +#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body { + order: 5; +} +#actus-caroussel .content-actus .views-row article.node-type-actualite .field_body p { margin: 0; } #actus-caroussel .content-actus .views-row:nth-child(odd) { @@ -2088,14 +2102,14 @@ footer { margin-top: 0; } -body.node-type-actualite .content_container { +.node-id-11 .content_container { width: 60%; display: flex; flex-direction: column; margin: auto; align-items: center; } -body.node-type-actualite .content_container .infos-actu { +.node-id-11 .content_container .infos-actu { display: flex; flex-direction: row; border-top: solid red 1px; @@ -2103,7 +2117,7 @@ body.node-type-actualite .content_container .infos-actu { padding: 1rem 0rem; margin-bottom: 1rem; } -body.node-type-actualite .content_container .infos-actu .field_field_type_d_actualite a { +.node-id-11 .content_container .infos-actu .field_field_type_d_actualite a { text-transform: uppercase; color: red; font-size: 0.6rem; @@ -2111,20 +2125,20 @@ body.node-type-actualite .content_container .infos-actu .field_field_type_d_actu display: inline-flex; align-items: center; } -body.node-type-actualite .content_container .infos-actu .field_field_type_d_actualite a::before { +.node-id-11 .content_container .infos-actu .field_field_type_d_actualite a::before { content: url("../img/type-actu.svg"); padding-right: 0.4rem; } -body.node-type-actualite .content_container .infos-actu .field_field_date { +.node-id-11 .content_container .infos-actu .field_field_date { color: red; display: inline-flex; align-items: center; margin-left: 1rem; } -body.node-type-actualite .content_container .infos-actu .field_field_date::before { +.node-id-11 .content_container .infos-actu .field_field_date::before { content: url("../img/date-actu.svg"); padding-right: 0.4rem; } -body.node-type-actualite .content_container .field_body p { +.node-id-11 .content_container .field_body p { font-size: 0.8rem; } \ No newline at end of file diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/img/logo-QDD-v2.svg b/web/themes/custom/quartiers_de_demain/dist/assets/img/logo-QDD-v2.svg new file mode 100644 index 0000000..2fe9130 --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/dist/assets/img/logo-QDD-v2.svg @@ -0,0 +1,354 @@ + + + + diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss index a6b2ab5..1a39450 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualite.scss @@ -1,44 +1,46 @@ -body.node-type-actualite{ - .content_container{ - width: 60%; - display: flex; - flex-direction: column; - margin: auto; - align-items: center; - .infos-actu{ +// #page-actualite{ + .node-id-11{ + .content_container{ + width: 60%; display: flex; - flex-direction: row; - border-top: solid red 1px; - border-bottom: solid red 1px; - padding: 1rem 0rem; - margin-bottom: 1rem; - .field_field_type_d_actualite a{ - text-transform: uppercase; - color: red; - font-size: 0.6rem; - font-weight: 600; - display: inline-flex; - align-items: center; - &::before{ - content: url('../img/type-actu.svg'); - padding-right: 0.4rem; + flex-direction: column; + margin: auto; + align-items: center; + .infos-actu{ + display: flex; + flex-direction: row; + border-top: solid red 1px; + border-bottom: solid red 1px; + padding: 1rem 0rem; + margin-bottom: 1rem; + .field_field_type_d_actualite a{ + text-transform: uppercase; + color: red; + font-size: 0.6rem; + font-weight: 600; + display: inline-flex; + align-items: center; + &::before{ + content: url('../img/type-actu.svg'); + padding-right: 0.4rem; + } } - } - .field_field_date{ - color: red; - display: inline-flex; - align-items: center; - margin-left: 1rem; - &::before{ - content: url('../img/date-actu.svg'); - padding-right: 0.4rem; + .field_field_date{ + color: red; + display: inline-flex; + align-items: center; + margin-left: 1rem; + &::before{ + content: url('../img/date-actu.svg'); + padding-right: 0.4rem; + } } - } - - } - .field_body p{ - font-size: 0.8rem; - } + } + .field_body p{ + font-size: 0.8rem; + } + + } } -} \ No newline at end of file +// } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss index e888c2b..2e9e453 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss @@ -2,22 +2,6 @@ display: flex; flex-direction: column; align-items: center; - // .__timeline-arrows{ - // width: fit-content; - // margin: auto; - - // button{ - // background-color: transparent; - // border: none; - // &:hover{ - // opacity: 0.5; - // } - // svg{ - // padding: 0.5rem; - - // } - // } - // } h2{ width: fit-content; padding-bottom: 1rem; @@ -40,8 +24,11 @@ width: 296px !important; } padding: 1rem; - .node-type-actualite{ + article.node-type-actualite{ + display: flex; + flex-direction: column; .field_field_images{ + order: 1; -moz-border-radius: 9px; /* pour Mozilla */ -khtml-border-radius: 9px; /* pour Safari et Chrome */ -webkit-border-radius: 9px; /* pour Safari sur Mac */ @@ -65,28 +52,35 @@ } } } - .field_field_type_d_actualite{ - text-transform: uppercase; - color: red; - font-size: 0.6rem; - font-weight: 600; - display: inline-flex; - align-items: center; - &::before{ - content: url('../img/type-actu.svg'); - padding-right: 0.4rem; - } - } - .field_field_date{ - color: red; - display: inline-flex; - align-items: center; - &::before{ - content: url('../img/date-actu.svg'); - padding-right: 0.4rem; + .infos-actu{ + order: 2; + .field_field_type_d_actualite{ + + text-transform: uppercase; + color: red; + font-size: 0.6rem; + font-weight: 600; + display: inline-flex; + align-items: center; + &::before{ + content: url('../img/type-actu.svg'); + padding-right: 0.4rem; + } + } + .field_field_date{ + + color: red; + display: inline-flex; + align-items: center; + &::before{ + content: url('../img/date-actu.svg'); + padding-right: 0.4rem; + } } } + .field_title{ + order: 4; h2{ margin: 0; a{ @@ -96,6 +90,7 @@ } } .field_body{ + order: 5; p{ margin: 0; } diff --git a/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-logoquartiersdedemain.html.twig b/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-logoquartiersdedemain.html.twig new file mode 100644 index 0000000..b708d12 --- /dev/null +++ b/web/themes/custom/quartiers_de_demain/templates/block--quartiers-de-demain-logoquartiersdedemain.html.twig @@ -0,0 +1,48 @@ +{# +/** + * @file + * Default theme implementation to display a block. + * + * Available variables: + * - plugin_id: The ID of the block implementation. + * - label: The configured label of the block if visible. + * - configuration: A list of the block's configuration values. + * - label: The configured label for the block. + * - label_display: The display settings for the label. + * - provider: The module or other provider that provided this block plugin. + * - Block plugin specific settings will also be stored here. + * - in_preview: Whether the plugin is being rendered in preview mode. + * - content: The content of this block. + * - attributes: array of HTML attributes populated by modules, intended to + * be added to the main container tag of this template. + * - id: A valid HTML ID and guaranteed unique. + * - title_attributes: Same as attributes, except applied to the main title + * tag that appears in the template. + * - title_prefix: Additional output populated by modules, intended to be + * displayed in front of the main title tag that appears in the template. + * - title_suffix: Additional output populated by modules, intended to be + * displayed after the main title tag that appears in the template. + * + * @see template_preprocess_block() + * + * @ingroup themeable + */ +#} +