Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • lydra/www/lydra.fr
1 result
Show changes
Commits on Source (4)
......@@ -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 dexpérience. Étant expert en déploiements automatisés, Christophe a en charge la partie « R&D opérationnelle » dans le but dautomatiser 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 dexpérience avec les hébergeurs de plateforme en ligne, Christophe est responsable de la relation commerciale et technique avec ces fournisseurs de solutions dhé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 dexpé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 doutillages dans le but de faciliter la vie des administrateurs et développeurs dun projet ou dune équipe. Il opère aujourdhui un savant mélange dadministration 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 dautomatisation dinfrastructure, Daniel est particulièrement friand dAnsible 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>
......@@ -85,8 +93,10 @@ function Feature({img, title, subtitle, description, link}) {
export default function HomepageTeam() {
const settings = {
accessibility: true,
infinite: false,
autoplay: true,
speed: 500,
infinite: true,
rtl: true,
slidesToShow: 2,
slidesToScroll: 1,
responsive: [
......
......@@ -54,6 +54,10 @@
}
[class*=iconExternalLink] {
display: none;
}
h1, h2, h3 {
letter-spacing: .1rem;
}
......@@ -103,6 +107,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 +127,7 @@ section:nth-child(even) {
color: var(--ifm-color-success);
}
.team .slick-slide:nth-child(3n+2) img {
background-color: var(--ifm-pastel-info);
}
......
static/img/team/cchaudier_bkg.png

380 KiB | W: 0px | H: 0px

static/img/team/cchaudier_bkg.png

120 KiB | W: 0px | H: 0px

static/img/team/cchaudier_bkg.png
static/img/team/cchaudier_bkg.png
static/img/team/cchaudier_bkg.png
static/img/team/cchaudier_bkg.png
  • 2-up
  • Swipe
  • Onion skin
static/img/team/tmichel_bkg.png

404 KiB | W: 0px | H: 0px

static/img/team/tmichel_bkg.png

105 KiB | W: 0px | H: 0px

static/img/team/tmichel_bkg.png
static/img/team/tmichel_bkg.png
static/img/team/tmichel_bkg.png
static/img/team/tmichel_bkg.png
  • 2-up
  • Swipe
  • Onion skin