From edd6105e130c6a3cd37c7204d6da5ac0191c7314 Mon Sep 17 00:00:00 2001
From: Celeste Robert <robert.m.celeste@gmail.com>
Date: Thu, 2 Nov 2023 15:38:27 +0000
Subject: [PATCH] feat: linkedin button on profile

---
 src/components/HomepageTeam/index.js | 12 ++++++++++--
 src/css/custom.css                   | 13 +++++++++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/src/components/HomepageTeam/index.js b/src/components/HomepageTeam/index.js
index ab3e670..842096c 100644
--- a/src/components/HomepageTeam/index.js
+++ b/src/components/HomepageTeam/index.js
@@ -6,12 +6,14 @@ import "slick-carousel/slick/slick-theme.css";
 import clsx from 'clsx';
 import styles from './styles.module.css';
 import useBaseUrl from "@docusaurus/useBaseUrl";
+import { FaLinkedin } from "react-icons/fa";
 
 const FeatureList = [
   {
     title: 'Christophe Chaudier',
     subtitle: 'Formateur et Consultant en méthodologies DevOps',
     img: 'img/team/cchaudier_bkg.png',
+    url: 'https://www.linkedin.com/in/cchaudier/',
     description: (
       <>
         Formateur et Consultant en méthodologies DevOps et expert en déploiement logiciel. Actif sur les réseaux sociaux @c_chaudier. Saint-Étienne, 40 ans, 20 ans d’expérience. Étant expert en déploiements automatisés, Christophe a en charge la partie « R&D opérationnelle » dans le but d’automatiser la plateforme de service et le déploiement des logiciels. Christophe est également en charge de la coordination et de la formation des consultants Lydra. Ayant le plus d’expérience avec les hébergeurs de plateforme en ligne, Christophe est responsable de la relation commerciale et technique avec ces fournisseurs de solutions d’hébergement de serveurs.
@@ -32,6 +34,7 @@ const FeatureList = [
     title: 'Daniel Gonçalves',
       subtitle: 'Développeur et administrateur système',
     img: 'img/team/dgoncalves_bkg.png',
+    url: 'https://www.linkedin.com/in/daniel-gon%C3%A7alves-8a635a146/',
     description: (
       <>
           Développeur de formation devenu administrateur systèmes GNU/Linux. Lyon, 40 ans, 15 ans d’expérience. Tombé dans le logiciel libre et la culture du hacking il y a 18 ans, Daniel est particulièrement intéressé par les questions d’outillages dans le but de faciliter la vie des administrateurs et développeurs d’un projet ou d’une équipe. Il opère aujourd’hui un savant mélange d’administration système combiné à des connaissances poussées en développement dans le but de maintenir en conditions opérationnelles les solutions de nos clients. Adepte convaincu par les solutions d’automatisation d’infrastructure, Daniel est particulièrement friand d’Ansible et AWX.
@@ -48,7 +51,7 @@ const Nouveau =   {
   link: "/contacts"
 }
 
-function Feature({img, title, subtitle, description, link}) {
+function Feature({img, title, subtitle, description, link, url}) {
   if (link) {
     return (
       <Link className={styles.featureElement} to={link}>
@@ -67,9 +70,14 @@ function Feature({img, title, subtitle, description, link}) {
   } else {
     return (
       <div className={styles.featureElement}>
-        <img src={useBaseUrl(img)} className={styles.featureSvg} role="img" />
+        <div style={{position:'relative'}}>
+          {url && (<a className='linkedin-button' href={url} target='_blank' rel="noreferrer" ><FaLinkedin/></a>)}
+          <img src={useBaseUrl(img)} className={styles.featureSvg} role="img" />
+
+        </div>
         <div className="text--center padding-horiz--md">
           <h3>{title}</h3>
+
           <p> <b>{subtitle}</b></p>
           {description && (
             <p>{description}</p>
diff --git a/src/css/custom.css b/src/css/custom.css
index 6732f32..4d1f643 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -103,6 +103,18 @@ section:nth-child(even) {
   padding: 2rem 0;
 }
 
+.linkedin-button {
+  font-size: 3rem;
+  position: absolute;
+  bottom: -1rem;
+  left: 0;
+  color: #0e76a8;
+}
+
+.linkedin-button:hover {
+  color: #5da8d0;
+}
+
 .team .slick-slide:nth-child(3n+1) img {
   background-color: var(--ifm-pastel-success)
 }
@@ -111,6 +123,7 @@ section:nth-child(even) {
   color: var(--ifm-color-success);
 }
 
+
 .team .slick-slide:nth-child(3n+2) img {
   background-color: var(--ifm-pastel-info);
 }
-- 
GitLab