media logo

This commit is contained in:
ouidade 2024-07-18 19:35:52 +02:00
parent f25ebcca08
commit de35e4aebc
8 changed files with 272 additions and 45 deletions

View File

@ -630,13 +630,29 @@ footer {
padding-bottom: 0.6rem;
font-size: 0.6rem;
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks h2::before {
content: "Nous contacter";
padding-bottom: 0.6rem;
font-weight: 600;
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-x-twitter::before {
display: none;
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-3x {
font-size: 1.5em;
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-x-twitter::after {
content: url("../img/logo_x.svg") !important;
display: block;
width: 50px;
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-linkedin::before {
display: none;
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-linkedin::after {
content: url("../img/linkedin.svg") !important;
display: block;
width: 55px;
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-youtube::before {
display: none;
}
.footer #footer-right #block-quartiers-de-demain-socialmedialinks .fa-youtube::after {
content: url("../img/youtube_black.svg") !important;
display: block;
width: 55px;
}
@media (max-width: 700px) {
.footer div {

View File

@ -1 +1,45 @@
<?xml version="1.0" ?><svg enable-background="new 0 0 32 32" version="1.1" viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Flat_copy"><g><path d="M16,0C7.163,0,0,7.163,0,16c0,8.836,7.163,16,16,16s16-7.164,16-16C32,7.163,24.837,0,16,0z" fill="#333333"/></g><path d="M24.294,22.942v-6.137c0-3.288-1.755-4.818-4.096-4.818c-1.889,0-2.735,1.039-3.206,1.768v-1.517h-3.558 c0.047,1.005,0,10.704,0,10.704h3.558v-5.978c0-0.319,0.023-0.639,0.117-0.867c0.257-0.639,0.842-1.301,1.825-1.301 c1.288,0,1.803,0.981,1.803,2.42v5.727L24.294,22.942L24.294,22.942z M9.685,10.777c1.24,0,2.013-0.823,2.013-1.85 c-0.023-1.05-0.773-1.849-1.99-1.849S7.696,7.877,7.696,8.927c0,1.028,0.772,1.85,1.967,1.85H9.685z M11.464,22.942V12.238H7.907 v10.704H11.464z" fill="#FFFFFF"/></g></svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="53.05183"
height="53.337986"
version="1.1"
id="svg1"
sodipodi:docname="linkedin.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="15.223672"
inkscape:cx="26.504775"
inkscape:cy="26.668993"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<defs
id="defs1" />
<ellipse
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.929115;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
id="path2"
cx="26.525915"
cy="26.668993"
rx="26.525915"
ry="26.668993" />
<path
d="M 41.203877,38.673405 V 28.097989 c 0,-5.665951 -3.024254,-8.302481 -7.058317,-8.302481 -3.255166,0 -4.713012,1.790427 -5.52465,3.046656 v -2.614129 h -6.131224 c 0.081,1.731839 0,18.44537 0,18.44537 H 28.62091 V 28.371983 c 0,-0.549707 0.03963,-1.10114 0.201618,-1.494034 0.442868,-1.10114 1.450953,-2.241912 3.144879,-2.241912 2.219511,0 3.106971,1.690481 3.106971,4.170198 v 9.868892 z M 16.029328,17.710409 c 2.136795,0 3.468845,-1.418212 3.468845,-3.187962 -0.03963,-1.809382 -1.33205,-3.186237 -3.429211,-3.186237 -2.097161,0 -3.467123,1.376855 -3.467123,3.186237 0,1.771474 1.330329,3.187962 3.389578,3.187962 z m 3.065612,20.962996 v -18.44537 h -6.129499 v 18.44537 z"
fill="#ffffff"
id="path2-9"
style="stroke-width:1.72322" />
</svg>

Before

Width:  |  Height:  |  Size: 843 B

After

Width:  |  Height:  |  Size: 2.0 KiB

View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
enable-background="new 0 0 32 32"
version="1.1"
viewBox="0 0 31.999998 32"
xml:space="preserve"
id="svg2"
width="31.999998"
height="32"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs2" /><g
id="g1"
style="fill:#000000;fill-opacity:1"><path
d="M 16,0 C 7.163,0 0,7.163 0,16 0,24.836 7.163,32 16,32 24.837,32 32,24.836 32,16 32,7.163 24.837,0 16,0 Z"
fill="#333333"
id="path1"
style="fill:#000000;fill-opacity:1" /></g><path
d="m 24.294,22.942 v -6.137 c 0,-3.288 -1.755,-4.818 -4.096,-4.818 -1.889,0 -2.735,1.039 -3.206,1.768 v -1.517 h -3.558 c 0.047,1.005 0,10.704 0,10.704 h 3.558 v -5.978 c 0,-0.319 0.023,-0.639 0.117,-0.867 0.257,-0.639 0.842,-1.301 1.825,-1.301 1.288,0 1.803,0.981 1.803,2.42 v 5.727 z M 9.6849997,10.777 C 10.925,10.777 11.698,9.954 11.698,8.927 11.675,7.877 10.925,7.078 9.7079997,7.078 8.491,7.078 7.696,7.877 7.696,8.927 c 0,1.028 0.7720001,1.85 1.9669997,1.85 z M 11.464,22.942 V 12.238 H 7.9070001 v 10.704 z"
fill="#ffffff"
id="path2" /></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -1,22 +1,47 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="268.03613"
height="269.48193"
width="53.051826"
height="53.33799"
version="1.1"
id="svg1"
sodipodi:docname="logo_x.svg"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="18.148415"
inkscape:cx="26.531242"
inkscape:cy="26.668995"
inkscape:window-width="1920"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="36"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<defs
id="defs1" />
<ellipse
style="fill:#333333;fill-rule:evenodd;stroke:none;stroke-width:4.69421;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:0.929115;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;fill-opacity:1"
id="path2"
cx="134.01807"
cy="134.74095"
rx="134.01807"
ry="134.74095" />
cx="26.525915"
cy="26.668991"
rx="26.525915"
ry="26.668993"
inkscape:export-filename="logo_x.svg"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300" />
<path
d="m 182.04042,59.990498 h 25.37653 l -55.71807,63.441352 65.09636,86.05957 H 165.71116 L 125.7155,157.19367 79.927403,209.49142 H 54.550874 L 113.57892,141.63674 51.240878,59.990498 h 52.352912 l 36.13399,47.774082 z m -8.88177,134.605972 h 14.06741 L 96.201523,74.33374 h -15.11563 z"
d="m 36.030879,11.87379 h 5.022723 L 30.025441,24.430604 42.909827,41.464194 H 32.798863 L 24.882606,31.11301 15.819864,41.464194 H 10.797141 L 22.480438,28.03386 10.142,11.87379 h 10.362102 l 7.151925,9.455824 z m -1.75795,26.642278 h 2.784333 L 19.040966,14.712718 h -2.991805 z"
id="path1"
style="fill:#ffffff;stroke-width:0.551663" />
style="fill:#ffffff;stroke-width:0.109189" />
</svg>

Before

Width:  |  Height:  |  Size: 877 B

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -1,33 +1,24 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
enable-background="new 0 0 32 32"
version="1.1"
id="svg1"
width="50.094727"
height="50.094727"
viewBox="0 0 50.094727 50.094726"
viewBox="0 0 31.768332 31.76833"
xml:space="preserve"
id="svg2"
width="31.768332"
height="31.76833"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1">
<clipPath
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs2"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath14">
<path
id="clipPath14"><path
d="M 0,0 H 1920 V 9000 H 0 Z"
transform="translate(-1656.5101,-178.248)"
id="path14" />
</clipPath>
</defs>
<g
id="g1"
transform="translate(-2158.5854,-11737.288)">
<path
id="path14" /></clipPath></defs><g
id="g2"
transform="matrix(0.63416594,0,0,0.63416594,-1368.9014,-7443.3883)"><path
id="path13"
d="m 0,0 c 0,10.375 -8.411,18.786 -18.786,18.786 -10.374,0 -18.785,-8.411 -18.785,-18.786 0,-10.375 8.411,-18.785 18.785,-18.785 C -8.411,-18.785 0,-10.375 0,0 m -8.66,-2.644 c 0,-2.455 -1.989,-4.444 -4.444,-4.444 h -11.363 c -2.455,0 -4.444,1.989 -4.444,4.444 v 5.288 c 0,2.454 1.989,4.444 4.444,4.444 h 11.363 c 2.455,0 4.444,-1.99 4.444,-4.444 z m -6.683,2.248 c 0.207,0.112 -0.007,0.407 -0.212,0.524 l -4.878,2.654 c -0.199,0.114 -0.884,-0.031 -0.884,-0.261 v -5.175 c 0,-0.227 0.679,-0.371 0.879,-0.263 z"
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"
transform="matrix(1.3333333,0,0,-1.3333333,2208.6801,11762.336)"
clip-path="url(#clipPath14)" />
</g>
</svg>
clip-path="url(#clipPath14)" /></g></svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,74 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
enable-background="new 0 0 32 32"
version="1.1"
viewBox="0 0 32 32"
xml:space="preserve"
id="svg25"
sodipodi:docname="youtube_black.svg"
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
id="metadata31"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs29" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1015"
id="namedview27"
showgrid="false"
inkscape:zoom="13.515625"
inkscape:cx="9.3724133"
inkscape:cy="18.847089"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg25" /><g
id="Flat_copy"><g
id="g4"><path
d="M16-0.005c-8.837,0-16,7.163-16,16c0,8.836,7.163,16,16,16s16-7.164,16-16C32,7.158,24.837-0.005,16-0.005 z"
fill="#333333"
id="path2"
style="fill:#000000" /></g><g
id="g22"><path
d="M15.997,15.202c0-0.001,6.331,0.009,7.082,0.76c0.754,0.752,0.763,4.462,0.763,4.483 c0,0-0.006,3.73-0.763,4.484c-0.752,0.749-7.082,0.766-7.082,0.766s-6.33-0.016-7.083-0.766c-0.754-0.752-0.755-4.456-0.755-4.484 c0-0.021,0.002-3.731,0.755-4.483C9.667,15.212,15.997,15.202,15.997,15.202z"
fill="#FFFFFF"
id="path6" /><path
d="M22.491,21.325v-1.186c0-0.441-0.112-0.779-0.336-1.014c-0.225-0.235-0.547-0.353-0.966-0.353 c-0.41,0-0.743,0.127-1.002,0.381c-0.258,0.254-0.389,0.584-0.389,0.986v2.089c0,0.449,0.12,0.801,0.354,1.055 c0.235,0.256,0.559,0.383,0.968,0.383c0.455,0,0.798-0.12,1.026-0.36c0.231-0.243,0.344-0.602,0.344-1.079v-0.239H21.55V22.2 c0,0.275-0.032,0.451-0.092,0.531c-0.06,0.08-0.166,0.12-0.318,0.12c-0.146,0-0.248-0.046-0.31-0.141 c-0.059-0.095-0.089-0.265-0.089-0.51v-0.875H22.491z M20.741,20.599v-0.47c0-0.195,0.031-0.335,0.094-0.417 c0.064-0.087,0.169-0.128,0.314-0.128c0.139,0,0.242,0.041,0.303,0.128c0.064,0.082,0.097,0.222,0.097,0.417v0.47H20.741z"
fill="#333333"
id="path8"
style="fill:#000000" /><path
d="M19.09,19.126c-0.152-0.197-0.373-0.296-0.663-0.296c-0.142,0-0.282,0.036-0.422,0.111 c-0.138,0.073-0.268,0.182-0.392,0.323v-2.031h-0.924v6.306h0.924v-0.357c0.119,0.144,0.251,0.247,0.391,0.315 c0.139,0.068,0.298,0.101,0.478,0.101c0.271,0,0.48-0.086,0.622-0.263c0.144-0.176,0.215-0.428,0.215-0.757v-2.582 C19.319,19.615,19.244,19.324,19.09,19.126z M18.378,22.449c0,0.15-0.028,0.255-0.08,0.32c-0.052,0.067-0.134,0.099-0.246,0.099 c-0.078,0-0.15-0.017-0.221-0.05c-0.071-0.032-0.144-0.09-0.218-0.164v-2.899c0.062-0.064,0.125-0.112,0.189-0.142 c0.063-0.031,0.128-0.045,0.194-0.045c0.123,0,0.219,0.04,0.285,0.121c0.064,0.081,0.097,0.201,0.097,0.357V22.449z"
fill="#333333"
id="path10"
style="fill:#000000" /><path
d="M15.087,23.538v-0.511c-0.17,0.189-0.345,0.333-0.529,0.431c-0.183,0.1-0.36,0.148-0.531,0.148 c-0.212,0-0.369-0.068-0.478-0.208c-0.105-0.139-0.16-0.345-0.16-0.623v-3.89h0.914v3.568c0,0.111,0.019,0.19,0.056,0.24 c0.04,0.05,0.103,0.074,0.188,0.074c0.067,0,0.153-0.032,0.256-0.099c0.103-0.066,0.197-0.148,0.284-0.249v-3.534H16v4.653 L15.087,23.538L15.087,23.538z"
fill="#333333"
id="path12"
style="fill:#000000" /><polygon
fill="#333333"
points="11.921,18.149 11.921,23.538 10.889,23.538 10.889,18.149 9.823,18.149 9.823,17.233 12.987,17.233 12.987,18.149 "
id="polygon14"
style="fill:#000000" /><path
d="M21.146,13.251h-1.03v-0.566c-0.188,0.208-0.386,0.368-0.592,0.476c-0.205,0.109-0.404,0.164-0.597,0.164 c-0.24,0-0.418-0.077-0.538-0.229c-0.12-0.153-0.181-0.381-0.181-0.687V8.126h1.028v3.929c0,0.121,0.024,0.209,0.067,0.263 c0.042,0.055,0.113,0.082,0.209,0.082c0.075,0,0.171-0.036,0.287-0.108c0.115-0.072,0.222-0.164,0.317-0.276v-3.89h1.03 L21.146,13.251L21.146,13.251z"
fill="#FFFFFF"
id="path16" /><path
d="M16.965,8.369c-0.273-0.248-0.623-0.373-1.049-0.373c-0.467,0-0.841,0.118-1.117,0.353 c-0.278,0.235-0.417,0.551-0.416,0.949v2.656c0,0.436,0.136,0.782,0.405,1.04c0.271,0.257,0.632,0.386,1.082,0.386 c0.469,0,0.835-0.125,1.104-0.374c0.266-0.25,0.399-0.593,0.399-1.031V9.327C17.372,8.937,17.236,8.617,16.965,8.369z M16.323,12.052c0,0.136-0.041,0.244-0.123,0.324c-0.083,0.078-0.193,0.117-0.332,0.117c-0.137,0-0.242-0.038-0.314-0.115 c-0.073-0.078-0.111-0.186-0.111-0.326V9.26c0-0.112,0.04-0.203,0.118-0.272c0.079-0.069,0.181-0.103,0.307-0.103 c0.135,0,0.245,0.034,0.329,0.103c0.084,0.069,0.126,0.16,0.126,0.272V12.052z"
fill="#FFFFFF"
id="path18" /><polygon
fill="#FFFFFF"
points="11.578,6.305 10.41,6.305 11.79,10.499 11.79,13.251 12.95,13.251 12.95,10.369 14.299,6.305 13.12,6.305 12.404,9.081 12.331,9.081 "
id="polygon20" /></g></g></svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -116,17 +116,42 @@ footer{
flex-direction: column;
font-size: $font-medium;
font-weight: 400;
&::before{
content: "Nous contacter";
padding-bottom: 0.6rem;
font-weight: 600;
}
padding-bottom: 0.6rem;
font-size: 0.6rem;
}
.fa-3x{
font-size: 1.5em;
// .fa-3x{
// font-size: 1.5em;
// }
.fa-x-twitter::before{
display: none;
}
.fa-x-twitter::after{
content: url('../img/logo_x.svg') !important;
display: block;
width: 50px;
}
.fa-linkedin::before{
display: none;
}
.fa-linkedin::after{
content: url('../img/linkedin.svg') !important;
display: block;
width: 55px;
}
.fa-youtube::before{
display: none;
}
.fa-youtube::after{
content: url('../img/youtube_black.svg') !important;
display: block;
width: 55px;
}
}
}

View File

@ -0,0 +1,31 @@
{#
/**
* @ingroup themeable
*/
#}
{%
set classes = [
'social-media-links--platforms',
'platforms',
appearance.orientation == 'h' ? 'inline horizontal' : 'vertical',
]
%}
<ul{{ attributes.addClass(classes) }}>
{% for platform in platforms %}
<li>
<a class="social-media-link-icon--{{ platform.id }}" href="{{ platform.url }}" {{ platform.attributes }} >
{{ platform.element }}
</a>
{% if appearance.show_name %}
{% if appearance.orientation == 'h' %}
<br />
{% endif %}
<span><a class="social-media-link--{{ platform.id }}" href="{{ platform.url }}" {{ platform.attributes }}>{{ platform.name }}</a></span>
{% endif %}
</li>
{% endfor %}
</ul>