From a7c42fa9c781b84b609358999e9716544f132b7e Mon Sep 17 00:00:00 2001
From: kevin <kevin@avrillon.me>
Date: Fri, 7 Apr 2023 20:54:44 +0200
Subject: [PATCH] feat(home/contact): add meeting section

---
 src/_includes/layouts/contact.njk             |  3 +-
 src/_includes/layouts/home.njk                |  1 +
 src/_includes/partials/components/meeting.njk |  6 ++++
 src/scss/components/_meeting.scss             | 33 +++++++++++++++++++
 src/scss/global.scss                          |  1 +
 5 files changed, 43 insertions(+), 1 deletion(-)
 create mode 100644 src/_includes/partials/components/meeting.njk
 create mode 100644 src/scss/components/_meeting.scss

diff --git a/src/_includes/layouts/contact.njk b/src/_includes/layouts/contact.njk
index b85beb2..d47bc59 100644
--- a/src/_includes/layouts/contact.njk
+++ b/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 }}
\ No newline at end of file
+{{ content | safe }}
diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk
index 750e5fa..17bb34e 100644
--- a/src/_includes/layouts/home.njk
+++ b/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" %}
diff --git a/src/_includes/partials/components/meeting.njk b/src/_includes/partials/components/meeting.njk
new file mode 100644
index 0000000..cec3a41
--- /dev/null
+++ b/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>
diff --git a/src/scss/components/_meeting.scss b/src/scss/components/_meeting.scss
new file mode 100644
index 0000000..c4aa1f9
--- /dev/null
+++ b/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;
+    }
+  }
+}
diff --git a/src/scss/global.scss b/src/scss/global.scss
index a6e3bde..d37d138 100644
--- a/src/scss/global.scss
+++ b/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';