src/_includes/layouts/contact.njk

@@ -2,9 +2,10 @@
 
 {% block content %}
   <main id="main-content" tabindex="-1">
+    {% include "partials/components/meeting.njk" %}
     {% include "partials/components/faq.njk" %}
     {% include "partials/components/contact-form.njk" %}
   </main>
 {% endblock %}
 
-{{ content | safe }}
+{{ content | safe }}

src/_includes/layouts/home.njk

@@ -9,6 +9,7 @@
 {% block content %}
   <main id="main-content" class="home" tabindex="-1">
     {% include "partials/components/intro.njk" %}
+    {% include "partials/components/meeting.njk" %}
     {% include "partials/components/posts-list-home.njk" %}
     {% include "partials/components/presentation.njk" %}
     {% include "partials/components/customers.njk" %}

src/_includes/partials/components/meeting.njk

@@ -0,0 +1,6 @@
+<section id="Meeting" class="[ meeting ]">
+  <a class="[ meeting__link ]" href="https://framaforms.org/reunion-dinformation-collective-astrolabe-cae-1591805443" target="_blank">
+    Réunions d'information&nbsp;
+    <svg width="18" height="14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.602 5.823L12.05.376a1.357 1.357 0 00-1.875 0 1.295 1.295 0 000 1.84l3.278 3.235H1.326C.587 5.451 0 6.027 0 6.752s.587 1.302 1.326 1.302h12.127l-3.278 3.215a1.295 1.295 0 000 1.84 1.349 1.349 0 001.894 0l5.533-5.427c.246-.242.398-.576.398-.93 0-.353-.133-.687-.398-.93z" fill="#FFF"></path></svg>
+  </a>
+</section>

src/members/kevin-avrillon.md

@@ -1,11 +1,25 @@
 ---
 name: 'Kevin Avrillon'
-position: 'Développeur Web Fullstack'
+position: 'Développeur Fullstack / Product Owner'
 positionInternal: 'Membre'
 date: '2022-09-01'
 profile: '/images/profiles/ka-profile.jpg'
 url: '/members/kevin-avrillon'
-tags: [ web, dev, conception, fullstack, frontend, craftsmanship, agilite, ux]
+tags:
+  [
+    Agilité,
+    Craftsmanship,
+    Conception,
+    PO,
+    UX,
+    Fullstack,
+    Frontend,
+    React,
+    Vue,
+    Golang,
+    TypeScript,
+    Docker,
+  ]
 location: [45.43423, 6.00781]
 ---
 
@@ -15,8 +29,6 @@ J’ai aussi exercé à différents postes, de développeur à responsable techn
 
 Ce parcours me permet aujourd’hui d’être polyvalent et autonome dans la réalisation des projets, en alliant une expertise technique et un savoir-faire dans la conception de produits web. Adepte des techniques d’artisanat logiciel, j’attache une importance particulière à la qualité et à la méthodologie de développement, autant sur les aspects produits que sur les aspects techniques. J’ai aussi une attirance particulière pour les aspects visuels, l’expérience utilisateur et le frontend.
 
-
 Bon communicant et pédagogue, je m’intègre rapidement aux équipes. J’aime apprendre des autres et partager mes connaissances.
 
-
 J’ai découvert les CAE récemment et je me suis tout de suite identifié aux problématiques qu’elles cherchent à résoudre.

src/scss/components/_meeting.scss

@@ -0,0 +1,33 @@
+.meeting {
+  position: fixed;
+  right: 0;
+  top: 20%;
+  background-color: var(--color-theme-secondary);
+  border-top-left-radius: 1.75rem;
+  border-bottom-left-radius: 1.75rem;
+  border: 2px solid var(--color-light);
+  border-right: 0;
+  z-index: 10;
+  line-height: 1.25rem;
+  text-align: center;
+  padding: 1.125rem 2rem 1rem;
+  text-decoration: none;
+  font-size: 1.125rem;
+  font-weight: 700;
+
+  @media (max-width: 991.98px) {
+    top: unset;
+    bottom: 2rem;
+  }
+
+  &__link {
+    color: var(--color-white);
+    text-decoration: none;
+
+    &:hover,
+    &:focus {
+      color: var(--color-white);
+      text-decoration: underline;
+    }
+  }
+}

src/scss/global.scss

@@ -67,6 +67,7 @@ img {
 @import 'components/nav';
 @import 'components/posts';
 @import 'components/post';
+@import 'components/meeting';
 @import 'components/member';
 @import 'components/member-list';
 @import 'components/modal';