forge-joniko/ldc-le-gaulois-pro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ add facebook picto

Browse source
This commit is contained in:
Corentin Huet 2026-01-30 16:39:40 +01:00
parent 12ab0f1da5
commit b486c9e318
2 changed files with 32 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
resources/sass/fo/partials/_banner.scss
View file

@ -153,9 +153,17 @@
.img-in {
fill: $color-bg-banner;
}
.bg-fb {
fill: $blanc;
}
.img-fb {
fill: $color-bg-banner;
}
}
.social-wrapper svg:first-of-type:hover {
.lin:hover {
.bg-lin {
fill: $bleu2;
}
@ -165,7 +173,7 @@
}
}
.social-wrapper svg:nth-of-type(1):hover {
.ytb:hover {
.bg-yt {
fill: $rouge;
}
@ -175,7 +183,7 @@
}
}
.social-wrapper svg:last-of-type:hover {
.in:hover {
.bg-in {
fill: $orange;
}
@ -185,6 +193,16 @@
}
}
.fb:hover {
.bg-fb {
fill: $bleu2;
}
.img-fb {
fill: $blanc;
}
}
.banner-header-wrapper {
height: 300px;
}

14
resources/views/fo/partials/banner-infos.blade.php
View file

@ -29,7 +29,7 @@
</p>
<a class="tracked-link" data-track-category="Social Networks" data-track-name="linkedin"
href="https://fr.linkedin.com/showcase/le-gaulois-professionnel-officiel"target="blank">
<svg class="me-2" id="Calque_1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
<svg class="me-2 lin" id="Calque_1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 38 39" xml:space="preserve">
<path class="bg-lin"
d="M18.7,0L18.7,0C8.4,0,0,8.4,0,18.7v1.6c0,10.3,8.4,18.7,18.7,18.7l0,0c10.3,0,18.7-8.4,18.7-18.7v-1.6C37.4,8.4,29,0,18.7,0z" />
@ -41,7 +41,7 @@
</a>
<a class="tracked-link" data-track-category="Social Networks" data-track-name="youtube"
href="https://www.youtube.com/playlist?app=desktop&list=PLQ6-EyqRqS1_VhFbtuYlTlPIBs7hu149f" target="blank">
<svg class="m-2" id="Calque_2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
<svg class="m-2 ytb" id="Calque_2" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 38 39" xml:space="preserve">
<path class="bg-yt"
d="M19.1,0L19.1,0C8.8,0,0.5,8.4,0.5,18.7v1.6c0,10.3,8.4,18.7,18.7,18.7l0,0c10.3,0,18.7-8.4,18.7-18.7v-1.6C37.8,8.4,29.5,0,19.1,0z" />
@ -51,7 +51,7 @@
</a>
<a class="tracked-link" data-track-category="Social Networks" data-track-name="instagram"
href="https://www.instagram.com/legaulois_professionnel/" target="blank">
<svg class="ms-2" id="Calque_1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
<svg class="ms-2 in" id="Calque_1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 39 39" xml:space="preserve">
<circle class="bg-in" cx="19.5" cy="19.5" r="19.5" />
<path class="img-in" d="M15,10c-2.8,0-5,2.2-5,5v8c0,2.8,2.2,5,5,5h8c2.8,0,5-2.2,5-5v-8c0-2.8-2.2-5-5-5H15z M25,12c0.6,0,1,0.4,1,1
@ -60,5 +60,13 @@
C20.6,16.3,19.8,16,19,16z" />
</svg>
</a>
<a class="tracked-link" data-track-category="Social Networks" data-track-name="facebook"
href="https://www.facebook.com/legauloisprofessionnel?locale=fr_FR#" target="blank">
<svg class="ms-2 fb" id="Calque_1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 39 39" xml:space="preserve">
<circle class="bg-fb" cx="19.5" cy="19.5" r="19.5" />
<path class="img-fb" d="M22.2,30V20.3h3.3l0.5-3.8h-3.8v-2.4c0-1.1,0.3-1.9,1.9-1.9H26V8.8 c-0.3,0-1.5-0.1-2.9-0.1c-2.9,0-4.9,1.8-4.9,5v2.8h-3.3v3.8h3.3V30H22.2z"/>
</svg>
</a>
</div>
</div>