Compare revisions

Celeste Robert · Christophe Chaudier · Christophe Chaudier · 19316458 · 19316458 · 19316458
--- a/docusaurus.config.js
+++ b/docusaurus.config.js
@@ -67,7 +67,7 @@ const config = {
            items: [
              {
                label: '📻 Le Podcast',
-                href: 'https://lydra.fr/radio-devops/',
+                to: '/radio-devops',
              },
              {
                label: 'Les Compagnons',
@@ -87,19 +87,19 @@ const config = {
            items: [
              {
                label: 'L\'équipe',
-                href: '#',
+                to: '/#',
              },
              {
                label: 'Nos inspirations',
-                href: 'https://lydra.fr/nos-inspirations/',
+                to: '/nos-inspirations',
              },
              {
                label: 'Nos Services',
-                href: 'https://lydra.fr/nos-services/',
+                to: '/nos-services',
              },
              {
                label: 'Contact',
-                href: '#',
+                to: '/#',
              },
            ],
          },
@@ -111,40 +111,21 @@ const config = {
        ],
      },
      footer: {
-        style: 'dark',
        links: [
-          {
-            title: 'Community',
-            items: [
-              {
-                label: 'Stack Overflow',
-                href: 'https://stackoverflow.com/questions/tagged/docusaurus',
-              },
-              {
-                label: 'Discord',
-                href: 'https://discordapp.com/invite/docusaurus',
-              },
-              {
-                label: 'Twitter',
-                href: 'https://twitter.com/docusaurus',
-              },
-            ],
-          },
-          {
-            title: 'More',
-            items: [
              {
                label: 'Blog',
                to: '/blog',
              },
              {
-                label: 'GitHub',
-                href: 'https://github.com/facebook/docusaurus',
+                label: 'Mentions légales',
+                href: '/mentions-legales',
+              },
+              {
+                label: 'Sources du site sur Froggit 🐸',
+                href: 'https://lab.frogg.it/lydra/www/lydra.fr',
              },
            ],
-          },
-        ],
-        copyright: `Copyright © ${new Date().getFullYear()} Lydra. Tous droits réservés. `,
+        copyright: `Copyright © 2018-${new Date().getFullYear()} Lydra. Tous droits réservés. ` + '<br/>' + `Ce site est fièrement fabriqué avec 🤍 avec des Logiciels Libres et hébergé en 🇫🇷 sur les <a href="https://www.froggit.fr/">Froggit Pages</a>` +"<br/>"+ `Construit avec <a href="https://docusaurus.io/fr">Docusaurus</a>`,
      },
      prism: {
        theme: lightCodeTheme,

--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,8 @@
        "clsx": "^1.2.1",
        "prism-react-renderer": "^1.3.5",
        "react": "^17.0.2",
-        "react-dom": "^17.0.2"
+        "react-dom": "^17.0.2",
+        "react-icons": "^4.7.1"
      },
      "devDependencies": {
        "@babel/eslint-parser": "^7.19.1",
@@ -10708,6 +10709,14 @@
        "react-dom": "^16.6.0 || ^17.0.0 || ^18.0.0"
      }
    },
+    "node_modules/react-icons": {
+      "version": "4.7.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.7.1.tgz",
+      "integrity": "sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw==",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
    "node_modules/react-is": {
      "version": "16.13.1",
      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -21512,6 +21521,11 @@
        "shallowequal": "^1.1.0"
      }
    },
+    "react-icons": {
+      "version": "4.7.1",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.7.1.tgz",
+      "integrity": "sha512-yHd3oKGMgm7zxo3EA7H2n7vxSoiGmHk5t6Ou4bXsfcgWyhfDKMpyKfhHR6Bjnn63c+YXBLBPUql9H4wPJM6sXw=="
+    },
    "react-is": {
      "version": "16.13.1",
      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",

--- a/package.json
+++ b/package.json
@@ -21,7 +21,8 @@
    "clsx": "^1.2.1",
    "prism-react-renderer": "^1.3.5",
    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "react-icons": "^4.7.1"
  },
  "devDependencies": {
    "@babel/eslint-parser": "^7.19.1",

--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -4,8 +4,8 @@
 * work well for content-centric websites.
 */

- @import url(./fonts.css);
-
+@import url(./fonts.css);
+@import url(./footer.css);
 /* You can override the default Infima variables here. */
 :root {
  --ifm-navbar-height: 90px;
@@ -22,7 +22,8 @@
  --ifm-color-info: #00a3b4;
  --ifm-color-highlight: #c6168d;
  --ifm-color-highlight-dark: #a81279;
-
+  --ifm-footer-background-color: var(--ifm-color-primary-darker) !important;
+  --ifm-footer-color: #ffffff;
 /* FONTS */
  --ifm-font-family-base: 'asap_regular';
  --ifm-font-family-bold: 'asap_semi';
@@ -83,4 +84,4 @@ i, em {
  position: fixed;
  width: 100%;
  box-shadow: none;
-}
+} 
--- a/src/css/footer.css
+++ b/src/css/footer.css
+.footer {
+  background-color: var(--ifm-color-primary-darker);
+}
+
+.footer-container {
+  display: flex;
+  justify-content: center;
+}
+
+footer, .footer a, .footer a:hover, .footer a:focus  {
+  color: white;
+}
+
+.twitter-icon, .linkedin-icon, .gitlab-icon, .facebook-icon, .froggit-icon {
+  padding: 12px;
+  padding-bottom: 3px;
+  transition: 0.2s;
+  background-color: transparent;
+  color: white;
+}
+
+.twitter-icon:hover {
+  background-color: #00acee;
+}
+
+.linkedin-icon:hover {
+  background-color: #0e76a8;
+}
+
+.gitlab-icon:hover {
+  background-color: #554488;
+}
+
+.froggit-icon:hover {
+  background-color: #577018; 
+
+}
+
+.facebook-icon:hover {
+  background-color: #3b5998; 
+}
+
+.footer-icons {
+  width: 2rem;
+  height: auto;
+}
+
+ 
\ No newline at end of file
--- a/src/pages/contact.md
+++ b/src/pages/contact.md
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -25,9 +25,7 @@ function HomepageHeader() {
            <p> Nous pensons que l’amélioration continue et la collaboration entre les équipes d’une même entreprise sont essentielles pour atteindre facilement les objectifs mais surtout en les atteignant sereinement. </p>
          </div>
        </div>
-
      </div>
-
    </header>
  );
 }

--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -13,6 +13,7 @@
  padding-top: 120px !important;
  background-image: url(../../static/img/artisanBackground.jpg);
  background-position: center;
+  background-attachment: fixed;
  background-size: cover;
  background-color: black;
  -webkit-clip-path: ellipse(100% 100% at 30% 0);

--- a/src/pages/mentions-legales.md
+++ b/src/pages/mentions-legales.md
+---
+title: "Mentions Légales"
+keywords: Lydra, legal
+---
+
+# Mentions légales
+
+## Identité
+
+Lydra est une activité hébergée par Oxalis SCOP SA.
+
+SOCIETE COOPERATIVE ET PARTICIPATIVE EN SOCIETE ANONYME – SCOP-SA
+SCOP créée en 1997, SCOP SA depuis 2007
+Capital social de 18500€ au 2 mars 2021
+
+Société inscrite au Registre du Commerce et des Sociétés de Chambéry sous le n° SIREN 410 829 477
+N° de TVA intracommunautaire : FR41 410 829 477
+
+Le siège social est situé à :
+
+> Oxalis SCOP SA
+> 603 Boulevard du Président Wilson
+> 73100 Aix-les-Bains
+> France
+
+📧 info@oxalis-scop.org
+🌐 www.oxalis.coop
+
+Responsable de publication : Chaudier Christophe – contact@lydra.fr
+
+## Hébergement du site
+Ce site est un site statique hébergé sur les Froggit Pages.
+
+Le service Froggit Pages est hébergé chez Scaleway 🇫🇷 :
+
+> SCALEWAY SAS
+> BP 438
+> 75366 PARIS CEDEX 08
+> FRANCE
+
+🌐 www.scaleway.com
+📞 +33 (0)1 84 13 00 00
+
+## Liens hypertextes et cookies
+
+Le site contient un certain nombre de liens hypertextes vers d’autres sites. Cependant, nous n’avons pas la possibilité de vérifier le contenu des sites ainsi visités, et nous n’assumerons en conséquence aucune responsabilité liée aux contenus qu’ils proposent.
+
+La navigation sur le site est susceptible de provoquer l’installation de cookie(s) sur l’ordinateur de l’utilisateur. Un cookie est un fichier de petite taille, qui ne permet pas l’identification de l’utilisateur, mais qui enregistre des informations relatives à la navigation d’un ordinateur sur un site. Les données ainsi obtenues visent à faciliter la navigation ultérieure sur le site, et ont également vocation à permettre diverses mesures de fréquentation.
+
+Le refus de dépôt d’un cookie peut entraîner l’impossibilité d’accéder à certains services. L’utilisateur peut toujours refuser l'utilisation des cookies grâce à la bannière dédiée.
+
+## Crédits
+
+### Conception du site
+
+[Mohamed-Amine Bettioui](https://www.linkedin.com/in/mohamed-amine-bettioui), [Christophe Chaudier](https://www.linkedin.com/in/cchaudier/), Thomas Michel et [Céleste Robert](https://www.linkedin.com/in/celeste-robert-casals/) avec [Docusaurus](https://docusaurus.io/).
+
+Le code source du site est disponible sur [ce dépôt Froggit🐸](https://lab.frogg.it/lydra/www/lydra.fr).
+
+### Logo
+
+[hominidees](https://www.hominidees.fr)
+
+### Polices
+
+- **Titres :** [Warsaw Gothic](https://www.fontspace.com/warsaw-gothic-font-f22431) de KineticPlasma Fonts sous licence [SIL Open Font License v1.10](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL).
+- **Texte :** [ASAP CONDENSED](https://fonts.google.com/specimen/Asap) de Omnibus-Type sous licence [SIL Open Font License v1.10](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL).
+- **Code :** [JetBrains Mono](https://www.jetbrains.com/fr-fr/lp/mono/) de JetBrains sous licence [SIL Open Font License v1.1](https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt).  
+
+
+
+### Icônes et images
+
+- **Collaborate :** conçues par [small.smiles](https://www.flaticon.com/authors/smallsmiles) sur [Flaticon](https://www.flaticon.com/free-icon/collaborate_7829192).
+- **Barista :** conçues par [Josh Boot](https://unsplash.com/fr/@joshboot) sur [Unsplash](https://unsplash.com/fr/photos/-L5W8-yFERs).
+
+
+:::note Sources
+[Lydra dépôt git Legal version 1.0.0](https://gitlab.com/lydra/legal/-/blob/1.0.0/mentions_legales.md)
+
+[![licensebuttons by-sa](https://licensebuttons.net/l/by-sa/3.0/88x31.png)](https://creativecommons.org/licenses/by-sa/4.0)
--- a/src/pages/nos-inspirations.md
+++ b/src/pages/nos-inspirations.md
+---
+title: Nos Inspirations
+---
+# Nos inspirations
+
+
+## Le mouvement DevOps
+
+Le Mouvement **DevOps** repose sur les 5 piliers fondamentaux **CALMS**, à savoir: 
+
+1. La **Culture** (*Culture*)
+2. Le **Lean** (*Lean*)
+3. L’**Automatisation** (*Automation*)
+4. Les **Mesures** (*Measures*)
+4. Le **Partage** (*Share*)
+
+Nous embrassons pleinement ce mouvement et ses concepts. Nous avons constaté qu’il manquait de points de ralliement francophone pour discuter en ligne et partager nos pratiques. C’est pour cela que nous avons décidé de créer les [Compagnons du DevOps](https://www.compagnons-devops.fr/).
+
+## Le mouvement des Artisans logiciel
+
+Remettre de l’humain dans l’informatique (dans le sens où l’on ne vient pas juste automatiser des tâches informatiques de gré ou de force face à des équipes déjà en place, on leur transmet des méthodes de travail transversales qui cassent le clivage dont on parlait plus haut). Voir le [manifeste de l’**artisanat logiciel**](http://manifesto.softwarecraftsmanship.org/#/fr-fr).
+
+## Le choix du libre
+
+Nous utilisons et diffusons la culture des **Logiciels Libres** et de l’**Open-Source**. Nos membres ont des convictions fortes. Pour nous, le libre, n’est pas qu’une question de coût, c’est surtout une question politique et démocratique face au code et à l’utilisation des données. Pour nous l’utilisateur et l’entreprise doivent être souveraines et non pas soumises aux logiciels privateurs de libertés.
+
+Nous travaillons avec des outils performants et qui nous font vibrer comme : 
+- [Docker](https://www.docker.com/)
+- [Ansible](https://www.ansible.com/)
+- [Terraform](https://www.terraform.io/)
+- [Gitlab](https://about.gitlab.com/)
+- [Kubernetes](https://kubernetes.io/) ou [OpenShift](https://www.okd.io/)
+
+Nous privilégions aussi les fournisseurs de clouds basés sur une solution libre comme [OpenStack](https://www.openstack.org/) ou les fournisseurs souverains et français comme [Scaleway](https://www.scaleway.com/fr/).
+
+Ce choix nous le portons auprès de nos clients pour assurer la robustesse de leur infrastructure. C’est pour cela que lorsque que nous accompagnons les entreprises dans une démarche **DevOps** nous les sensibilisons au monde du **Logiciel Libre** et de l’**Open-Source**. Nous les outillons très souvent avec des logiciels *open-sources*. En faisant le choix de tel logiciels libres nos clients se garantissent un SI de qualité, interopérable et pouvant être modifié par leurs soins. Ils ne sont pas enchaînés à un hébergeur cloud pour toujours.
--- a/src/pages/nos-services.md
+++ b/src/pages/nos-services.md
+---
+title: Nos services
+---
+
+# Nos services 
+
+Lydra est un collectif de consultants indépendants avec des expertises fortes.
+
+> Nous aidons les entreprises du numérique à déployer leurs applications web rapidement et sans coupure de service.
+Nous sommes spécialisés dans le déploiement continu, la transition DevOps, les Logiciels Libres et la souveraineté numérique.  
+> Nous pensons que l’amélioration continue et la collaboration entre les équipes d’une même entreprise sont essentielles pour atteindre facilement les objectifs, en toute sérénité.
+— Notre philosophie
+
+## Audit 
+
+Nous pouvons auditer: 
+
+- vos applications
+- votre infrastructure
+- vos méthodes de travail
+
+Avec pour objectif de les améliorer et de rendre votre infrastructure plus robuste et vos applications plus facile à déployer.
+
+Notre méthode est basée sur un questionnaire complet à remplir, une étude des documentations, du code et de l’architecture ainsi que de longues entrevues avec les différents acteurs de la chaîne de *dev*, *build* et *run*.
+
+Le livrable est un rapport d’audit qui contient :
+
+- Un état des lieux.
+- Un plan d’action en vue d’atteindre les objectifs que nous aurons fixés ensemble.
+- Une proposition d’outils pour soutenir ce plan d’action.
+- Une proposition de mesure de l’avancement et du résultat.
+- Les grandes lignes de sécurité et d’exploitation pour l’application basées sur les bonnes pratiques du marché.
+
+Le livrable est ensuite présenté oralement pendant 1h à 2h. Les questions permettront d’affiner la version définitive du rendu pour lever les éventuelles incompréhensions ou bonifier l’audit.
+
+## Accompagnement et conseil
+
+Nous vous accompagnons à faire votre transition **DevOps** en insufflant le mouvement par une équipe pilote en fonction de vos besoins.
+
+## Accompagnement suivi
+
+Notre méthode mêle le conseil, le mentorat avec la pratique du coaching.
+Nous proposons plusieurs formules d’accompagnement qui vont d’une séance par mois à une par semaine. Cet accompagnement peut être technique ou méthodologique. Nous pouvons accompagner une à six personnes.
+Par défaut, nous fournissons un accompagnement à distance :
+
+* Chaque session est enregistrée en vidéo et mise à disposition dans un espace privé.
+Durant cette session, nous pouvons utiliser tout type de méthode comme :
+  - *Pair-programming*;
+  - Revue de code;
+  - Questions/réponses.
+* Au début de chaque session, nous évaluerons les actions qui ont été menées depuis la session précédente.
+* À la fin de la session, nous définissons ensemble un plan d’action pour la semaine à venir.
+
+
+## Atelier 
+
+**Lydra** propose également des ateliers en présentiel sur divers sujets et avec divers intervenants (facilitateur graphique, coach en team building, etc.) en fonction des besoins soulevés par l’audit ou des blocages exprimés par l’équipe accompagnée.
+Chaque atelier sera conçu sur mesure.
+
+## Formations
+
+Nous proposons des formations présentielles ou distancielles. Nous sommes un organisme de formation agréé Datadoc.
+
+:::info Formation
+  [🎓 DÉMARRE LA FORMATION | DEVOPS MINDSET | 🎓 ](https://www.compagnons-devops.fr/devops-mindset)
+:::
+
+Notre formation phare est une formation présentielle qui s’appelle : **DevOps – Pourquoi ? Comment ?**
+Elle propose une **initiation** au mouvement DevOps avec pour objectifs :
+
+- Comprendre le mouvement DevOps et les bénéfices de le mettre en œuvre dans une entreprise.
+- Comprendre l’intérêt de rejoindre le mouvement pour une DSI traditionnelle.
+- Découvrir les outils essentiels d’une démarche DevOps et les pratiquer en binômes.
+
+Format : 3 jours
+
+## POC et prestation 
+
+Nous pouvons, entre autres, vous aider à mettre en place une usine logicielle ou des processus de déploiement automatique et continu.
--- a/src/pages/radio-devops.md
+++ b/src/pages/radio-devops.md
+---
+title: Radio DevOps
+---
+
+# Radio DevOps
+
+**Vous avez l’envie d’en connaitre plus sur le mouvement DevOps ?  
+Les problématiques liées au déploiement vous titillent…  
+Alors, vous êtes au bon endroit !**
+
+
+**Radio DevOps** est la Baladodiffusion des [Compagnons du DevOps](https://www.compagnons-devops.fr/).  
+Le podcast en français dédié à notre mouvement.
+
+Nos émissions :
+* **🗞 Actus Devops :** est une émission animée par des membres de la communauté des Compagnons du DevOps. Dans chaque épisode nous étudierons l’actualité Cloud et DevOps.
+* **📻 Radio DevOps :** est l'émission phare animée par des membres de la communauté des Compagnons du DevOps. Dans chaque épisode nous vulgarisons ou débattrons sur un sujet de fond.
+* **🛋️ En aparté :** est une émission où je m’entretiendrai avec un invité sur le mouvement DevOps en entreprise.
+* **🎙️ En Solo :** est une émission ou je serai seul pour vous parler de DevOps ou de Cloud.  
+
+❓ Si tu a des questions que tu veux que j’aborde, pose les moi ici : http://question.compagnons-devops.fr
+
+<iframe src="https://player.acast.com/5df7c112b9e5bf6d176cbfcb?theme=default&amp;cover=1&amp;latest=1" width="100%" height="512px" frameborder="0" data-mce-fragment="1"></iframe>
+
+🌐 Les Compagnons du DevOps est une initiative de [Lydra](https://lydra.fr/).
+
+Chez Lydra, nous nous sentons seuls entre deux Meetups ou deux conférences. Nous n’avons pas trouvé de lieu où échanger et avoir des débats en français sur le sujet qui nous passionne.
+
+Nous avons donc décidé de créer et d’animer une communauté qui partage nos valeurs :
+
+* La passion de l’infrastructure as code.  
+* La conviction que les logiciels libres et open sources sont émancipateurs.  
+* L’envie de partager des méthodes, bonnes pratiques ou retours d’expériences.  
+* L’amélioration continue fait de nous des experts en devenir.
+
+<Link
+  className="button button--secondary button--lg"
+  href="https://www.compagnons-devops.fr/">
+  Rejoignez la communauté des Compagnons du DevOps !
+</Link>  
+<br/>
+<br/>
--- a/src/theme/Footer/index.js
+++ b/src/theme/Footer/index.js
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import React from "react";
+import {useThemeConfig} from "@docusaurus/theme-common";
+import FooterLinks from "@theme/Footer/Links";
+import FooterLogo from "@theme/Footer/Logo";
+import FooterCopyright from "@theme/Footer/Copyright";
+import FooterLayout from "@theme/Footer/Layout";
+import { FaLinkedin, FaFacebook, FaTwitter } from "react-icons/fa";
+import FroggitLogo from "@site/static/img/logo_froggit_blanc.png";
+import GitlabLogo from "@site/static/img/gitlab-logo.png";
+
+
+
+function Footer() {
+  const {footer} = useThemeConfig();
+
+  if (!footer) {
+    return null;
+  }
+
+  const {copyright, icons, links, logo, style, FooterIcons} = footer;
+  return (
+    <>
+      <div className="footer">
+
+        <div className="footer-container">
+          <a href="https://www.linkedin.com/company/lydrafr/" target="_blank" rel="noreferrer">
+            <div className="linkedin-icon">
+              <FaLinkedin className="footer-icons" />
+            </div>
+          </a>
+          
+          <a href="https://twitter.com/art_devops" target="_blank" rel="noreferrer">
+            <div className="twitter-icon">
+              <FaTwitter className="footer-icons" />
+            </div>
+          </a>
+
+          <a href="https://www.facebook.com/Lydrafr/" target="_blank" rel="noreferrer">
+            <div className="facebook-icon">
+              <FaFacebook className="footer-icons" />
+            </div>
+          </a>
+
+          <a href="https://lab.frogg.it/lydra" target="_blank" rel="noreferrer">
+            <div className="froggit-icon">
+              <img className="footer-icons" src={FroggitLogo} />
+            </div>
+          </a>
+
+          <a href="https://gitlab.com/lydra" target="_blank" rel="noreferrer">
+            <div className="gitlab-icon">
+              <img className="footer-icons" src={GitlabLogo} />
+            </div>
+          </a>
+
+        </div>
+
+        <div>
+          <FooterLayout
+            icons={icons && <FooterIcons icons={icons} />}
+            style={style}
+            links={links && links.length > 0 && <FooterLinks links={links} />}
+            logo={logo && <FooterLogo logo={logo} />}
+            copyright={copyright && <FooterCopyright copyright={copyright} />}
+          />
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default React.memo(Footer);
--- a/static/img/gitlab-logo.png
+++ b/static/img/gitlab-logo.png
--- a/static/img/logo_froggit_blanc.png
+++ b/static/img/logo_froggit_blanc.png
No results found