Ajout section Réunion d'infos #46
@ -2,6 +2,7 @@
|
||||
|
||||
{% 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>
|
||||
|
@ -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" %}
|
||||
|
6
src/_includes/partials/components/meeting.njk
Normal file
6
src/_includes/partials/components/meeting.njk
Normal file
@ -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
|
||||
<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>
|
33
src/scss/components/_meeting.scss
Normal file
33
src/scss/components/_meeting.scss
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
@ -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';
|
||||
|
Loading…
Reference in New Issue
Block a user