AstrolabeCAE/SiteWebAstrolabe
AstrolabeCAE/SiteWebAstrolabe
2
2
Fork 5
Code Issues 2 Pull Requests Packages Projects Releases 3 Activity

feat(home/contact): add meeting section

Browse Source
This commit is contained in:
kevin 2023-04-07 20:54:44 +02:00
parent 438ae0cdd2
commit a7c42fa9c7
5 changed files with 43 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/_includes/layouts/contact.njk
View File

@ -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 }}

1
src/_includes/layouts/home.njk
View File

@ -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
View 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&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>

33
src/scss/components/_meeting.scss Normal file
View 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;
}
}
}

1
src/scss/global.scss
View File

@ -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';