fix bug actu

This commit is contained in:
ouidade 2024-07-08 16:46:01 +02:00
parent d636cb8d4d
commit 80085d31a0
7 changed files with 676 additions and 93 deletions

View File

@ -1200,7 +1200,12 @@ footer {
width: 296px !important; 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 */ -moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
@ -1209,11 +1214,11 @@ footer {
margin-bottom: 0.6rem; margin-bottom: 0.6rem;
} }
@media (max-width: 550px) { @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; 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%; width: 100%;
height: fit-content; height: fit-content;
max-height: 250px; max-height: 250px;
@ -1224,11 +1229,14 @@ footer {
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
} }
@media (max-width: 550px) { @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; 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; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
@ -1236,27 +1244,33 @@ footer {
display: inline-flex; display: inline-flex;
align-items: center; 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"); content: url("../img/type-actu.svg");
padding-right: 0.4rem; 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; color: red;
display: inline-flex; display: inline-flex;
align-items: center; 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"); content: url("../img/date-actu.svg");
padding-right: 0.4rem; 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; 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; font-size: 0.8rem;
color: rgb(7, 50, 194); 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; margin: 0;
} }
#actus-caroussel .content-actus .views-row:nth-child(odd) { #actus-caroussel .content-actus .views-row:nth-child(odd) {
@ -2088,14 +2102,14 @@ footer {
margin-top: 0; margin-top: 0;
} }
body.node-type-actualite .content_container { .node-id-11 .content_container {
width: 60%; width: 60%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin: auto; margin: auto;
align-items: center; align-items: center;
} }
body.node-type-actualite .content_container .infos-actu { .node-id-11 .content_container .infos-actu {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
border-top: solid red 1px; border-top: solid red 1px;
@ -2103,7 +2117,7 @@ body.node-type-actualite .content_container .infos-actu {
padding: 1rem 0rem; padding: 1rem 0rem;
margin-bottom: 1rem; 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; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
@ -2111,20 +2125,20 @@ body.node-type-actualite .content_container .infos-actu .field_field_type_d_actu
display: inline-flex; display: inline-flex;
align-items: center; 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"); content: url("../img/type-actu.svg");
padding-right: 0.4rem; 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; color: red;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
margin-left: 1rem; 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"); content: url("../img/date-actu.svg");
padding-right: 0.4rem; 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; font-size: 0.8rem;
} }

View File

@ -0,0 +1,354 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="87.153343mm"
height="29.698406mm"
viewBox="0 0 87.153343 29.698406"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath1418">
<path
d="M 0,2282.662 H 4095.992 V 0 H 0 Z"
id="path1416" />
</clipPath>
</defs>
<g
id="layer1"
transform="translate(-61.433626,-104.40973)">
<g
aria-label="CONSULTATION INTERNATIONALE"
id="text1410"
style="font-weight:500;font-size:4.50432px;font-family:'Gilroy Medium';-inkscape-font-specification:Gilroy-Medium;fill:#1d1d1b;stroke-width:0.118122"
transform="matrix(1.0184296,0,0,1.0184296,0.73102698,-49.645398)">
<path
d="m 62.125028,180.42832 c 0.585562,0 1.099054,-0.30629 1.360305,-0.77024 l -0.36485,-0.2072 c -0.180173,0.34233 -0.56304,0.56755 -0.995455,0.56755 -0.738709,0 -1.234184,-0.53601 -1.234184,-1.22518 0,-0.69366 0.495475,-1.22968 1.234184,-1.22968 0.432415,0 0.815282,0.22522 0.995455,0.57205 l 0.36485,-0.2117 c -0.265755,-0.46394 -0.779248,-0.76573 -1.360305,-0.76573 -0.963925,0 -1.648581,0.72519 -1.648581,1.63506 0,0.90537 0.684656,1.63507 1.648581,1.63507 z"
id="path45503" />
<path
d="m 66.043793,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630563,0.72519 -1.630563,1.63506 0,0.90537 0.716186,1.63507 1.630563,1.63507 z m 0,-0.40989 c -0.68916,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527006,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
id="path45505" />
<path
d="m 70.773331,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418901 v -2.35576 l 1.621556,2.35576 h 0.337824 v -3.15303 z"
id="path45507" />
<path
d="m 73.466922,180.42832 c 0.644118,0 1.090046,-0.35133 1.090046,-0.90537 0,-0.60808 -0.517997,-0.77023 -1.067524,-0.95041 -0.441423,-0.13963 -0.662135,-0.24774 -0.662135,-0.54052 0,-0.28827 0.234225,-0.46845 0.572049,-0.46845 0.382867,0 0.603579,0.21621 0.716187,0.48647 l 0.351337,-0.20269 c -0.175669,-0.39638 -0.549527,-0.68916 -1.067524,-0.68916 -0.527006,0 -0.990951,0.32431 -0.990951,0.89185 0,0.58556 0.486467,0.74321 0.990951,0.90537 0.463945,0.14414 0.743213,0.25224 0.743213,0.57655 0,0.28377 -0.220712,0.48647 -0.66664,0.48647 -0.459441,0 -0.7297,-0.22522 -0.842308,-0.57205 l -0.360345,0.2072 c 0.16666,0.47295 0.59457,0.77474 1.193644,0.77474 z"
id="path45509" />
<path
d="m 76.827151,180.42832 c 0.689161,0 1.180132,-0.43241 1.180132,-1.11707 v -2.09451 h -0.414397 v 2.07649 c 0,0.43692 -0.261251,0.7252 -0.765735,0.7252 -0.504483,0 -0.765734,-0.28828 -0.765734,-0.7252 v -2.07649 h -0.418902 v 2.09451 c 0,0.68466 0.495475,1.11707 1.184636,1.11707 z"
id="path45511" />
<path
d="m 79.696415,179.97339 v -2.75665 h -0.418901 v 3.15303 h 1.779206 v -0.39638 z"
id="path45513" />
<path
d="m 83.804353,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
id="path45515" />
<path
d="m 86.696138,180.36977 h 0.445927 l -1.175627,-3.15303 h -0.472954 l -1.175627,3.15303 h 0.445927 l 0.256747,-0.70718 h 1.418861 z m -1.531469,-1.09906 0.56304,-1.55399 0.567544,1.55399 z"
id="path45517" />
<path
d="m 89.934747,177.21674 h -2.274682 v 0.39638 h 0.92789 v 2.75665 h 0.414397 v -2.75665 h 0.932395 z"
id="path45519" />
<path
d="m 90.979754,177.21674 v 3.15303 h 0.418901 v -3.15303 z"
id="path45521" />
<path
d="m 94.168816,180.42832 c 0.914377,0 1.635069,-0.7297 1.635069,-1.63507 0,-0.90987 -0.720692,-1.63506 -1.635069,-1.63506 -0.914377,0 -1.630564,0.72519 -1.630564,1.63506 0,0.90537 0.716187,1.63507 1.630564,1.63507 z m 0,-0.40989 c -0.689161,0 -1.216166,-0.53601 -1.216166,-1.22518 0,-0.69366 0.527005,-1.22968 1.216166,-1.22968 0.689161,0 1.216167,0.53602 1.216167,1.22968 0,0.68917 -0.527006,1.22518 -1.216167,1.22518 z"
id="path45523" />
<path
d="m 98.898361,177.21674 v 2.35126 l -1.621555,-2.35126 h -0.337824 v 3.15303 h 0.418902 v -2.35576 l 1.621555,2.35576 h 0.337824 v -3.15303 z"
id="path45525" />
<path
d="m 102.38021,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
id="path45527" />
<path
d="m 106.06475,177.21674 v 2.35126 l -1.62155,-2.35126 h -0.33783 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
id="path45529" />
<path
d="m 109.80785,177.21674 h -2.27468 v 0.39638 h 0.92789 v 2.75665 h 0.41439 v -2.75665 h 0.9324 z"
id="path45531" />
<path
d="m 111.27175,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
id="path45533" />
<path
d="m 115.74005,180.36977 h 0.46394 l -0.74321,-1.26121 c 0.37836,-0.13513 0.65312,-0.49998 0.65312,-0.91438 0,-0.54052 -0.44142,-0.97744 -0.98194,-0.97744 h -1.26121 v 3.15303 h 0.4189 v -1.20716 h 0.74322 z m -1.4504,-2.76115 h 0.84231 c 0.3108,0 0.56304,0.26125 0.56304,0.58556 0,0.32431 -0.25224,0.59007 -0.56304,0.59007 h -0.84231 z"
id="path45535" />
<path
d="m 119.21288,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62155,2.35576 h 0.33783 v -3.15303 z"
id="path45537" />
<path
d="m 123.01453,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47296 l -1.17562,3.15303 h 0.44592 l 0.25675,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56754,1.55399 z"
id="path45539" />
<path
d="m 126.25314,177.21674 h -2.27469 v 0.39638 h 0.92789 v 2.75665 h 0.4144 v -2.75665 h 0.9324 z"
id="path45541" />
<path
d="m 127.29815,177.21674 v 3.15303 h 0.4189 v -3.15303 z"
id="path45543" />
<path
d="m 130.48721,180.42832 c 0.91438,0 1.63507,-0.7297 1.63507,-1.63507 0,-0.90987 -0.72069,-1.63506 -1.63507,-1.63506 -0.91437,0 -1.63056,0.72519 -1.63056,1.63506 0,0.90537 0.71619,1.63507 1.63056,1.63507 z m 0,-0.40989 c -0.68916,0 -1.21616,-0.53601 -1.21616,-1.22518 0,-0.69366 0.527,-1.22968 1.21616,-1.22968 0.68916,0 1.21617,0.53602 1.21617,1.22968 0,0.68917 -0.52701,1.22518 -1.21617,1.22518 z"
id="path45545" />
<path
d="m 135.21676,177.21674 v 2.35126 l -1.62156,-2.35126 h -0.33782 v 3.15303 h 0.4189 v -2.35576 l 1.62156,2.35576 h 0.33782 v -3.15303 z"
id="path45547" />
<path
d="m 139.01841,180.36977 h 0.44593 l -1.17563,-3.15303 h -0.47295 l -1.17563,3.15303 h 0.44593 l 0.25674,-0.70718 h 1.41886 z m -1.53147,-1.09906 0.56304,-1.55399 0.56755,1.55399 z"
id="path45549" />
<path
d="m 140.88771,179.97339 v -2.75665 h -0.4189 v 3.15303 h 1.7792 v -0.39638 z"
id="path45551" />
<path
d="m 143.71643,179.97339 v -0.99996 h 1.32877 v -0.39188 h -1.32877 v -0.96843 h 1.44138 v -0.39638 h -1.86028 v 3.15303 h 1.8828 v -0.39638 z"
id="path45553" />
</g>
<g
id="g1412"
transform="matrix(0.11812184,0,0,-0.11812184,-25.84332,300.63755)">
<g
id="g1414"
clip-path="url(#clipPath1418)">
<g
id="g1420"
transform="translate(751.3907,1648.7133)">
<path
d="m 0,0 c 16.692,16.692 43.755,16.692 60.447,0 16.692,-16.692 16.692,-43.755 0,-60.447 -16.692,-16.692 -43.755,-16.692 -60.447,0 l 7.433,7.433 c 12.587,-12.587 32.994,-12.587 45.581,0 12.587,12.587 12.587,32.994 0,45.581 -12.587,12.587 -32.994,12.587 -45.581,0 z"
style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1422" />
</g>
<g
id="g1424"
transform="translate(1405.2317,1559.5776)">
<path
d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1426" />
</g>
<g
id="g1428"
transform="translate(1148.891,1559.5776)">
<path
d="M 0,0 12.318,-0.061 V -46.545 H 0 Z"
style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1430" />
</g>
<g
id="g1432"
transform="translate(1059.3877,1523.8738)">
<path
d="M 0,0 12.318,-0.061 V -46.81 H 0 Z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1434" />
</g>
<g
id="g1436"
transform="translate(842.5666,1525.142)">
<path
d="M 0,0 12.318,-0.054 V -41.613 H 0 Z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1438" />
</g>
<g
id="g1440"
transform="translate(1246.5872,1623.5623)">
<path
d="M -0.19798272,0 12.120017,-0.051 V -39.192 H -0.19798272 Z"
style="fill:#2b21c8;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1442" />
</g>
<g
id="g1444"
transform="translate(1050.5181,1658.2612)">
<path
d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1446" />
</g>
<g
id="g1448"
transform="translate(1328.6346,1658.2612)">
<path
d="M 0,0 12.214,-0.045 V -34.094 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1450" />
</g>
<g
id="g1452"
transform="translate(910.89509,1659.3624)">
<path
d="M 0.09799602,0 12.318,-0.061 V -46.545 H 0.09799602 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1454" />
</g>
<g
id="g1456"
transform="translate(1121.2274,1648.2275)">
<path
d="M 0,0 0.061,10.076 H 46.545 V 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1458" />
</g>
<path
d="m 1302.919,1494.638 h -26.436 v 10.895 h 26.436 z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1460" />
<path
d="m 987.263,1592.995 h -26.437 v 10.895 h 26.437 z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1462" />
<g
id="g1464"
transform="translate(1022.9188,1576.3727)">
<path
d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1466" />
</g>
<g
id="g1468"
transform="translate(817.5048,1596.5179)">
<path
d="m 0,0 16.707,-17.04 -8.6,-8.985 -16.821,17.311 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1470" />
</g>
<g
id="g1472"
transform="translate(923.2098,1609.196)">
<path
d="m 0,0 c 0,-13.313 -5.283,-33.449 -33.004,-33.449 -27.725,0 -33.228,20.136 -33.228,33.449 v 50.166 h 12.214 V 0 c 0,-4.953 1.099,-23.325 21.014,-23.325 19.912,0 20.792,18.372 20.792,23.325 V 16.965 H 0 Z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1474" />
</g>
<g
id="g1476"
transform="translate(1099.4768,1628.9966)">
<path
d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1478" />
</g>
<g
id="g1480"
transform="translate(1161.8838,1648.1403)">
<path
d="m 0,0 v -72.393 h -12.214 l 0.002,82.514 H 25.522 V 0 Z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1482" />
</g>
<path
d="m 1206.879,1658.261 h 12.209 v -82.514 h -12.209 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1484" />
<path
d="m 1246.395,1585.868 h 54.904 v -10.121 h -54.904 z m 47.086,27.616 h -47.086 v 10.233 h 47.086 z m 7.817,34.656 h -54.904 v 10.121 h 54.904 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1486" />
<g
id="g1488"
transform="translate(1377.5935,1628.9966)">
<path
d="m 0,0 c 0,11.111 -7.698,19.144 -17.053,19.144 h -31.906 v 10.121 h 12.215 19.803 C -0.769,29.156 12.214,16.614 12.214,0 c 0,-12.542 -7.261,-22.663 -17.712,-27.065 L 12.214,-53.249 H -1.319 l -16.173,23.984 h -19.252 v -23.984 h -12.215 v 34.105 h 31.906 C -7.698,-19.144 0,-11.222 0,0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1490" />
</g>
<g
id="g1492"
transform="translate(1474.0773,1591.0393)">
<path
d="m 0,0 c -3.958,-9.344 -15.055,-15.17 -28.897,-15.292 v 10.124 c 9.546,0.117 15.148,3.636 17.454,9.129 1.761,4.072 0.33,8.472 0.221,8.581 -2.312,6.381 -8.693,7.812 -17.713,10.562 -10.232,3.08 -22.005,5.613 -25.854,16.393 -2.094,5.61 -1.54,12.103 1.319,17.383 6.381,12.103 22.663,12.435 24.535,12.435 12.1,0 22.881,-5.282 30.584,-13.754 l -8.03,-8.031 c -4.514,6.602 -13.313,11.662 -22.554,11.662 -0.111,0 -9.794,0 -13.534,-7.041 -1.431,-2.751 -1.76,-6.381 -0.771,-9.244 2.203,-6.048 8.472,-7.479 17.274,-10.121 C -15.513,29.594 -3.742,27.174 0.439,16.063 0.769,15.292 3.41,7.812 0,0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1494" />
</g>
<path
d="m 842.567,1487.123 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1496" />
<path
d="m 1059.388,1487.185 h 54.904 v -10.121 h -54.904 z m 47.086,27.615 h -47.086 v 10.233 h 47.086 z m 7.817,34.657 h -54.904 v 10.121 h 54.904 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1498" />
<g
id="g1500"
transform="translate(1148.891,1514.2576)">
<path
d="M 0,0 12.318,-0.051 V -37.194 H 0 Z M 86.754,45.32 V -37.194 H 74.545 V 24.748 L 46.841,-37.194 H 39.912 L 0,45.32 H 14.731 L 43.322,-17.127 70.533,45.32 Z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1502" />
</g>
<g
id="g1504"
transform="translate(1338.3157,1477.0637)">
<path
d="m 0,0 h -12.398 l -25.003,60.878 -0.232,0.644 -0.013,-0.043 -0.013,0.024 -0.016,-0.024 -0.014,0.043 L -37.92,60.878 -62.923,0 h -12.385 l 33.882,82.514 h 7.53 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1506" />
</g>
<path
d="m 1365.716,1559.578 h 12.209 v -82.514 h -12.209 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1508" />
<g
id="g1510"
transform="translate(1405.2317,1513.6991)">
<path
d="M 0,0 12.318,-0.048 V -36.635 H 0 Z M 71.292,45.879 V -36.635 H 56.55 L 0,45.879 h 14.744 l 44.333,-65.68 v 65.68 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1512" />
</g>
<g
id="g1514"
transform="translate(781.6142,1575.7473)">
<path
d="m 0,0 c -23.606,0 -42.742,19.136 -42.742,42.742 0,23.606 19.136,42.743 42.742,42.743 23.606,0 42.742,-19.137 42.742,-42.743 H 32.231 C 32.231,60.543 17.8,74.973 0,74.973 c -17.8,0 -32.231,-14.43 -32.231,-32.231 0,-17.8 14.431,-32.23 32.231,-32.23 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1516" />
</g>
<g
id="g1518"
transform="translate(1445.9412,1575.62)">
<path
d="m 0,0 c -0.872,0.021 -21.482,0.684 -31.741,13.637 l 8.115,6.427 c 7.23,-9.132 23.728,-9.712 23.895,-9.717 z"
style="fill:#0732c2;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1520" />
</g>
<g
id="g1522"
transform="translate(747.5991,1522.7208)">
<path
d="M 0,0 12.318,-0.063 V -48.422 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1524" />
</g>
<g
id="g1526"
transform="translate(746.9782,1556.9387)">
<path
d="m 0,0 h 31.214 c 23.606,0 42.742,-18.5 42.742,-41.32 0,-22.821 -19.136,-41.32 -42.742,-41.32 H 0.444 v 10.162 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158 0,17.208 -14.43,31.158 -32.231,31.158 H 0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1528" />
</g>
<g
id="g1530"
transform="translate(960.9559,1530.3488)">
<path
d="M 0,0 12.318,-0.07 V -53.265 H 0 Z"
style="fill:#f7002b;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1532" />
</g>
<g
id="g1534"
transform="translate(960.335,1559.7245)">
<path
d="m 0,0 h 31.214 c 23.606,0 42.742,-18.5 42.742,-41.32 0,-22.821 -19.136,-41.321 -42.742,-41.321 H 0.444 v 10.163 h 30.77 c 17.801,0 32.231,13.95 32.231,31.158 0,17.208 -14.43,31.158 -32.231,31.158 H 0"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path1536" />
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 19 KiB

View File

@ -1,44 +1,46 @@
body.node-type-actualite{ // #page-actualite{
.content_container{ .node-id-11{
width: 60%; .content_container{
display: flex; width: 60%;
flex-direction: column;
margin: auto;
align-items: center;
.infos-actu{
display: flex; display: flex;
flex-direction: row; flex-direction: column;
border-top: solid red 1px; margin: auto;
border-bottom: solid red 1px; align-items: center;
padding: 1rem 0rem; .infos-actu{
margin-bottom: 1rem; display: flex;
.field_field_type_d_actualite a{ flex-direction: row;
text-transform: uppercase; border-top: solid red 1px;
color: red; border-bottom: solid red 1px;
font-size: 0.6rem; padding: 1rem 0rem;
font-weight: 600; margin-bottom: 1rem;
display: inline-flex; .field_field_type_d_actualite a{
align-items: center; text-transform: uppercase;
&::before{ color: red;
content: url('../img/type-actu.svg'); font-size: 0.6rem;
padding-right: 0.4rem; 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{ .field_body p{
color: red; font-size: 0.8rem;
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;
}
} }
} // }

View File

@ -2,22 +2,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; 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{ h2{
width: fit-content; width: fit-content;
padding-bottom: 1rem; padding-bottom: 1rem;
@ -40,8 +24,11 @@
width: 296px !important; width: 296px !important;
} }
padding: 1rem; padding: 1rem;
.node-type-actualite{ article.node-type-actualite{
display: flex;
flex-direction: column;
.field_field_images{ .field_field_images{
order: 1;
-moz-border-radius: 9px; /* pour Mozilla */ -moz-border-radius: 9px; /* pour Mozilla */
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
@ -65,28 +52,35 @@
} }
} }
} }
.field_field_type_d_actualite{ .infos-actu{
text-transform: uppercase; order: 2;
color: red; .field_field_type_d_actualite{
font-size: 0.6rem;
font-weight: 600; text-transform: uppercase;
display: inline-flex; color: red;
align-items: center; font-size: 0.6rem;
&::before{ font-weight: 600;
content: url('../img/type-actu.svg'); display: inline-flex;
padding-right: 0.4rem; align-items: center;
} &::before{
} content: url('../img/type-actu.svg');
.field_field_date{ padding-right: 0.4rem;
color: red; }
display: inline-flex; }
align-items: center; .field_field_date{
&::before{
content: url('../img/date-actu.svg'); color: red;
padding-right: 0.4rem; display: inline-flex;
align-items: center;
&::before{
content: url('../img/date-actu.svg');
padding-right: 0.4rem;
}
} }
} }
.field_title{ .field_title{
order: 4;
h2{ h2{
margin: 0; margin: 0;
a{ a{
@ -96,6 +90,7 @@
} }
} }
.field_body{ .field_body{
order: 5;
p{ p{
margin: 0; margin: 0;
} }

View File

@ -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
*/
#}
<div{{ attributes }}>
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
{% for item in items %}
<div class="animated_logo"
{{ item.attributes }}>{{ item.content }}
{% include active_theme_path() ~ '/dist/assets/img/logo_QDD_v2.svg' %}
</div>
{% endfor %}
{% endblock %}
</div>

View File

@ -0,0 +1,79 @@
{#
/**
* @file
* Default theme implementation for a field.
*
* To override output, copy the "field.html.twig" from the templates directory
* to your theme's directory and customize it, just like customizing other
* Drupal templates such as page.html.twig or node.html.twig.
*
* Instead of overriding the theming for all fields, you can also just override
* theming for a subset of fields using
* @link themeable Theme hook suggestions. @endlink For example,
* here are some theme hook suggestions that can be used for a field_foo field
* on an article node type:
* - field--node--field-foo--article.html.twig
* - field--node--field-foo.html.twig
* - field--node--article.html.twig
* - field--field-foo.html.twig
* - field--text-with-summary.html.twig
* - field.html.twig
*
* Available variables:
* - attributes: HTML attributes for the containing element.
* - label_hidden: Whether to show the field label or not.
* - title_attributes: HTML attributes for the title.
* - label: The label for the field.
* - multiple: TRUE if a field can contain multiple items.
* - items: List of all the field items. Each item contains:
* - attributes: List of HTML attributes for each item.
* - content: The field item's content.
* - entity_type: The entity type to which the field belongs.
* - field_name: The name of the field.
* - field_type: The type of the field.
* - label_display: The display settings for the label.
*
* @see template_preprocess_field()
*
* @ingroup themeable
*/
#}
{%
set title_classes = [
'field',
'field--name-' ~ field_name|clean_class,
'field--type-' ~ field_type|clean_class,
'field--label-' ~ label_display,
label_display == 'visually_hidden' ? 'visually-hidden',
]
%}
{%
set ancre_href = '#paragraph-id--' ~ paragraph.id()
%}
{% if label_hidden %}
{% if multiple %}
<div{{ attributes }}>
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}</div>
{% endfor %}
</div>
{% else %}
{% for item in items %}
<div{{ attributes }}>{{ item.content }}</div>
{% endfor %}
{% endif %}
{% else %}
<div{{ attributes }}>
<div{{ title_attributes.addClass(title_classes) }}>{{ label }}</div>
{% if multiple %}
<div>
{% endif %}
{% for item in items %}
<div{{ item.attributes }}>{{ item.content }}
</div>
{% endfor %}
{% if multiple %}
</div>
{% endif %}
</div>
{% endif %}

View File

@ -0,0 +1,91 @@
{#
/**
* @file
* Claro's theme implementation to display a single Drupal page.
*
* The doctype, html, head, and body tags are not in this template. Instead
* they can be found in the html.html.twig template normally located in the
* core/modules/system 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):
* - 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.pre_content: Items for the pre-content region.
* - page.breadcrumb: Items for the breadcrumb region.
* - page.highlighted: Items for the highlighted region.
* - page.help: Dynamic help text, mostly for admin pages.
* - page.content: The main content of the current page.
*
* @see template_preprocess_page()
* @see html.html.twig
*/
#}
<div class="layout-container" id="page-actualite">
<header role="banner">
{{ page.header_left }}
{{ page.header_right }}
{{ page.header_nav }}
</header>
{{ page.primary_menu }}
{{ page.secondary_menu }}
{{ page.breadcrumb }}
{{ page.highlighted }}
{{ page.help }}
<main role="main">
<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
<div class="layout-content">
{{ page.content }}
</div>{# /.layout-content #}
{% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary">
{{ page.sidebar_first }}
</aside>
{% endif %}
{% if page.sidebar_second %}
<aside class="layout-sidebar-second" role="complementary">
{{ page.sidebar_second }}
</aside>
{% endif %}
</main>
<footer role="contentinfo">
<div class="footer">
<section id="footer-left">{{ page.footer_left }}</section>
<section id="footer-middle">{{ page.footer_middle }}</section>
<section id="footer-right">{{ page.footer_right }}</section>
</div>
<section id="footer-bottom">{{ page.footer_bottom }}</section>
</footer>
</div>{# /.layout-container #}