diff --git a/.eleventy.js b/.eleventy.js index 0c0e491a..869a91cb 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -74,6 +74,28 @@ module.exports = function(config) { .slice(0, site.maxProfilePreview) ; }); + config.addCollection("tagsList", function(collectionApi) { + const tagsList = new Set(); + collectionApi.getAll().map( item => { + if (item.data.tags) { // handle pages that don't have tags + item.data.tags.map( tag => tagsList.add(tag)) + } + }); + return tagsList; + }); + config.addCollection("skillsList", function(collectionApi) { + const skillsList = new Set(); + collectionApi.getFilteredByGlob("./src/members/*.md").map( item => { + if (item.data.tags) { // handle pages that don't have skills + item.data.tags.map( skill => { // exclude non related tags + if (['post', 'news', 'event'].indexOf(skill) == -1) { + skillsList.add(skill) + } + }) + } + }); + return skillsList; + }); config.addCollection('customers', collection => { return [...collection.getFilteredByGlob("./src/customers/*.md")] .reverse() diff --git a/src/_includes/layouts/member.njk b/src/_includes/layouts/member.njk index 44ed7f7e..d8c7d970 100644 --- a/src/_includes/layouts/member.njk +++ b/src/_includes/layouts/member.njk @@ -29,9 +29,22 @@ {% if socialLinkedin %} {% endif %} +
+ +
{{ content | safe }} + {% if tags %} +

Mots-clés

+ + {% endif %}
diff --git a/src/_includes/layouts/team.njk b/src/_includes/layouts/team.njk index 0e5dcc8c..564905a9 100644 --- a/src/_includes/layouts/team.njk +++ b/src/_includes/layouts/team.njk @@ -7,6 +7,12 @@

{{ teamListHeading }}

{{ content | safe }} +

{{ tagSearchHeading }}

+
{% include "partials/components/member-list.njk" %} {% include "partials/components/contact-form.njk" %} diff --git a/src/_includes/partials/components/member-list.njk b/src/_includes/partials/components/member-list.njk index 130420c7..61b97394 100644 --- a/src/_includes/partials/components/member-list.njk +++ b/src/_includes/partials/components/member-list.njk @@ -4,9 +4,7 @@
    {% for item in teamListItems %}
  1. - {#
    #} - photo de {{ item.data.name }} - {#
    #} + photo de {{ item.data.name }} {{ item.data.name }}  diff --git a/src/members/florent-le-saout.md b/src/members/florent-le-saout.md index f6805f0c..5431c801 100644 --- a/src/members/florent-le-saout.md +++ b/src/members/florent-le-saout.md @@ -9,6 +9,11 @@ socialTwitter: 'https://twitter.com/AstrolabeCae' socialLinkedin: 'https://www.linkedin.com/company/astrolabe-cae' socialMastodon: 'https://framapiaf.org/@AstrolabeCAE' url: '/members/florent-le-saout' +tags: + - linux + - dev +skills: + - C++ --- Je suis co-fondateur et co-gérant de la SCOP CAE Astrolabe. diff --git a/src/members/vincent-genieux.md b/src/members/vincent-genieux.md index cb1776d4..b8dd90f8 100644 --- a/src/members/vincent-genieux.md +++ b/src/members/vincent-genieux.md @@ -9,6 +9,7 @@ socialTwitter: 'https://twitter.com/AstrolabeCae' socialLinkedin: 'https://www.linkedin.com/in/vincent-g%C3%A9nieux-4223982/' socialMastodon: 'https://framapiaf.org/@AstrolabeCAE' url: '/members/vincent-genieux' +tags: [ linux, dev ] --- ### Co-fondateur et co-gérant d'Astrolabe diff --git a/src/members/yves-gatesoupe.md b/src/members/yves-gatesoupe.md index 749c17a3..455a9d8e 100644 --- a/src/members/yves-gatesoupe.md +++ b/src/members/yves-gatesoupe.md @@ -8,6 +8,13 @@ personalSite: 'https://www.behance.net/ygates' socialTwitter: 'https://twitter.com/YGdsgn' socialLinkedin: 'https://www.linkedin.com/in/yves-gatesoupe-05990b17a/' url: '/members/yves-gatesoupe' +tags: + - html + - design + - dev +skills: + - dev + - Vue.js --- Je suis designer web indépendant depuis janvier 2020. diff --git a/src/pages/comprendre-la-cae.md b/src/pages/comprendre-la-cae.md index 1f2af9d0..316f2dc7 100644 --- a/src/pages/comprendre-la-cae.md +++ b/src/pages/comprendre-la-cae.md @@ -1,6 +1,7 @@ --- title: 'Comprendre la CAE' permalink: '/comprendre-la-cae/index.html' +eleventyExcludeFromCollections: true --- # Une entreprise partagée diff --git a/src/pages/contact.md b/src/pages/contact.md index 69287bf1..e16b6273 100644 --- a/src/pages/contact.md +++ b/src/pages/contact.md @@ -2,6 +2,7 @@ title: 'Contact' permalink: '/contact/index.html' layout: 'layouts/contact.njk' +eleventyExcludeFromCollections: true --- You can have a contact page which uses a basic form. The [code with the form fields lives here](https://github.com/hankchizljaw/hylia/blob/master/src/_includes/layouts/contact.njk). diff --git a/src/pages/equipe.md b/src/pages/equipe.md index 10967eb2..f6e55a6c 100644 --- a/src/pages/equipe.md +++ b/src/pages/equipe.md @@ -3,6 +3,8 @@ title: 'L''équipe Astrolabe' permalink: '/equipe/index.html' layout: 'layouts/team.njk' teamListHeading: 'L''équipe Astrolabe' +tagSearchHeading: 'Filter par mots-clés :' +eleventyExcludeFromCollections: true --- Astrolabe CAE est confondée par Florent Le Saout et Vincent Génieux en 2019.
    diff --git a/src/pages/nous-rejoindre.md b/src/pages/nous-rejoindre.md index 34a6f2fe..1ba2b51c 100644 --- a/src/pages/nous-rejoindre.md +++ b/src/pages/nous-rejoindre.md @@ -1,6 +1,7 @@ --- title: 'Nous rejoindre' permalink: '/nous-rejoindre/index.html' +eleventyExcludeFromCollections: true --- # Comment rejoindre Astrolabe diff --git a/src/pages/posts-events.md b/src/pages/posts-events.md index 6babb537..786974bb 100644 --- a/src/pages/posts-events.md +++ b/src/pages/posts-events.md @@ -3,6 +3,7 @@ title: 'Actualité & Évènements' permalink: '/posts-events/index.html' layout: 'layouts/posts-events.njk' pageHeading: 'Actualité & Évènements' +eleventyExcludeFromCollections: true --- diff --git a/src/pages/posts-news.md b/src/pages/posts-news.md index 32e7e006..975f84be 100644 --- a/src/pages/posts-news.md +++ b/src/pages/posts-news.md @@ -3,6 +3,7 @@ title: 'Actualité & Évènements' permalink: '/posts-news/index.html' layout: 'layouts/posts-news.njk' pageHeading: 'Actualité & Évènements' +eleventyExcludeFromCollections: true --- diff --git a/src/pages/posts.md b/src/pages/posts.md index a7557b2a..1eed3a27 100644 --- a/src/pages/posts.md +++ b/src/pages/posts.md @@ -3,6 +3,7 @@ title: 'Actualité & Évènements' permalink: '/posts/index.html' layout: 'layouts/posts.njk' pageHeading: 'Actualité & Évènements' +eleventyExcludeFromCollections: true --- diff --git a/src/pages/thank-you.md b/src/pages/thank-you.md index 590a28dd..25392ef7 100644 --- a/src/pages/thank-you.md +++ b/src/pages/thank-you.md @@ -1,6 +1,7 @@ --- title: 'Thank you' permalink: '/thank-you/index.html' +eleventyExcludeFromCollections: true --- # Merci ! diff --git a/src/scss/_theme.scss b/src/scss/_theme.scss index 86522b24..18268181 100644 --- a/src/scss/_theme.scss +++ b/src/scss/_theme.scss @@ -60,3 +60,15 @@ a:not([class]):visited { color: inherit; } } + +.justify-end { + justify-content: flex-end; +} + +.mt-1 { + margin-top: 1rem; +} + +.mt-2 { + margin-top: 2rem; +} diff --git a/src/scss/components/_form.scss b/src/scss/components/_form.scss index 496c62c5..df0cef92 100644 --- a/src/scss/components/_form.scss +++ b/src/scss/components/_form.scss @@ -5,6 +5,7 @@ } .form-container { + margin-top: 8rem; padding: 0 0 6rem; background-color: var(--color-primary); color: var(--color-dark); diff --git a/src/scss/components/_member-list.scss b/src/scss/components/_member-list.scss index a31b5457..f46e8814 100644 --- a/src/scss/components/_member-list.scss +++ b/src/scss/components/_member-list.scss @@ -1,6 +1,4 @@ .member-list { - margin-bottom: 8rem; - &__heading { margin: 8rem 0 4rem; } diff --git a/src/scss/components/_tags.scss b/src/scss/components/_tags.scss new file mode 100644 index 00000000..9e62ba0a --- /dev/null +++ b/src/scss/components/_tags.scss @@ -0,0 +1,21 @@ +.tag-list { + list-style: none; + display: flex; + + .tag-item + .tag-item { + margin-left: 1rem; + } +} + +.tag-item { + padding: .5rem 1rem; + background-color: var(--color-light-gray); + + a { + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } +} diff --git a/src/scss/global.scss b/src/scss/global.scss index b2226d2c..c5545d3c 100644 --- a/src/scss/global.scss +++ b/src/scss/global.scss @@ -75,4 +75,5 @@ img { @import 'components/partner'; @import 'components/skip-link'; @import 'components/video-player'; +@import 'components/tags'; @import 'utilities/responsive'; diff --git a/src/team-skills.njk b/src/team-skills.njk new file mode 100644 index 00000000..29e9516c --- /dev/null +++ b/src/team-skills.njk @@ -0,0 +1,33 @@ +--- +title: 'L''équipe Astrolabe' +pagination: + data: collections + size: 1 + alias: tag + filter: + - post + - news + - event + - customer + - partner +permalink: /equipe/{{ tag }}/ +--- + +{% extends 'layouts/base.njk' %} + +{% set teamListItems = collections[tag] %} + +{% block content %} +
    +
    +

    {{ teamListHeading }}

    + {{ content | safe }} +

    Profils par mot-clé : {{ tag }}

    +
    + {% include "partials/components/member-list.njk" %} +
    + Voir tous les membres +
    + {% include "partials/components/contact-form.njk" %} +
    +{% endblock %}