diff --git a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css index c02cc98..9df10fa 100644 --- a/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css +++ b/web/themes/custom/quartiers_de_demain/css/quartiers_de_demain.css @@ -301,7 +301,7 @@ footer span.totop { display: inline-block; text-align: top; } footer span.totop #toTop .arrow-up::before { - content: url(../images/up-arrow.svg); + content: url("../images/up-arrow.svg"); width: 50%; } .footer { @@ -504,7 +504,8 @@ footer span.totop { #presentation, #home { width: 100%; display: grid; - grid-template-columns: repeat(12, 1fr); } + grid-template-columns: repeat(12, 1fr); + padding-top: 3rem; } #presentation #block-quartiers-de-demain-views-block-statics-fields-block-1, #home #block-quartiers-de-demain-views-block-statics-fields-block-1 { order: 2; border-top: 2px solid #0732c2; diff --git a/web/themes/custom/quartiers_de_demain/images/logo_accueil_QDD.svg b/web/themes/custom/quartiers_de_demain/images/logo-acceuil-qdd.svg similarity index 77% rename from web/themes/custom/quartiers_de_demain/images/logo_accueil_QDD.svg rename to web/themes/custom/quartiers_de_demain/images/logo-acceuil-qdd.svg index 1fc4f59..2e8fa5f 100644 --- a/web/themes/custom/quartiers_de_demain/images/logo_accueil_QDD.svg +++ b/web/themes/custom/quartiers_de_demain/images/logo-acceuil-qdd.svg @@ -2,43 +2,13 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - @@ -1568,9 +1089,8 @@ + id="layer1" + transform="translate(-29.493239,-62.346586)"> @@ -1612,8 +1132,7 @@ style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none" id="path146" clip-path="url(#clipPath23956)" - transform="matrix(0.11812184,0,0,-0.11812184,-7.1166356,454.96483)" - sodipodi:nodetypes="ccccc" /> + transform="matrix(0.11812184,0,0,-0.11812184,-7.1166356,454.96483)" /> + transform="matrix(0.11812184,0,0,-0.11812184,-7.1155016,454.87884)" /> + transform="matrix(0.11812184,0,0,-0.11812184,-7.1287306,454.96483)" /> - - - - - - - - - - - - + transform="matrix(-3.6910926,-3.6910926,3.6910926,-3.6910926,-792.72507,1653.2733)" /> + transform="matrix(-3.6910926,3.6910926,-3.6910926,-3.6910926,1677.2941,970.48183)" /> + transform="matrix(3.6910926,3.6910926,-3.6910926,3.6910926,994.66591,-1435.7346)" /> diff --git a/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js b/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js index fc9e0c7..63faa20 100644 --- a/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js +++ b/web/themes/custom/quartiers_de_demain/js/quartiers_de_demain.js @@ -43,3 +43,23 @@ }); + +// ///////////////// +//// ancre dans texte au click parragraphe correspondant arrive en dessous du header + + +(function($, window) { + var adjustAnchor = function() { + var $anchor = $('.sidebar_first_container'), + fixedElementHeight = 350; + if ($anchor.length > 0) { + $('html, body').stop().animate({scrollTop: $anchor.offset().top - fixedElementHeight }, 0); + } + }; + + $(window).on('hashchange', function() { + adjustAnchor(); + }); + +})(jQuery, window); + diff --git a/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss b/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss index 391fb21..ada69f1 100644 --- a/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss +++ b/web/themes/custom/quartiers_de_demain/scss/global/_layout.scss @@ -39,6 +39,6 @@ $width-menu-slidedown : 550px; .layout-content{ grid-column: 1 / span 12; - padding-top: $header-height; + padding-top: $header-height; } diff --git a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss index 07d7a86..48525f0 100644 --- a/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss +++ b/web/themes/custom/quartiers_de_demain/scss/pages/_presentation.scss @@ -3,6 +3,7 @@ width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); + padding-top: 3rem; #block-quartiers-de-demain-views-block-statics-fields-block-1{ order: 2; border-top: 2px solid $blue_QDD; diff --git a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss index 41762a5..2557470 100644 --- a/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss +++ b/web/themes/custom/quartiers_de_demain/scss/partials/_footer.scss @@ -22,7 +22,7 @@ footer{ display: inline-block; text-align: top; &::before{ - content:url(../images/up-arrow.svg) ; + content:url("../images/up-arrow.svg") ; width: 50%; } // .fa{ diff --git a/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig b/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig index 0fac1ca..0eaaadf 100644 --- a/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig +++ b/web/themes/custom/quartiers_de_demain/templates/page--front.html.twig @@ -61,7 +61,10 @@
+
+ +
{{ page.content }}
{# /.layout-content #} diff --git a/web/themes/custom/quartiers_de_demain/templates/page.html.twig b/web/themes/custom/quartiers_de_demain/templates/page.html.twig index e8bb47c..aca2989 100644 --- a/web/themes/custom/quartiers_de_demain/templates/page.html.twig +++ b/web/themes/custom/quartiers_de_demain/templates/page.html.twig @@ -60,6 +60,10 @@ {# link is in html.html.twig #}
+ +
+ logo animé consultation quartiers de demain +
{{ page.content }}
{# /.layout-content #}