diff --git a/.eleventy.js b/.eleventy.js index adb0cf1..faf343e 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -58,6 +58,16 @@ module.exports = function(config) { .slice(0, site.maxNewsPerPage); }); + // const teamMembers = member; + config.addCollection('members', collection => { + return [...collection.getFilteredByGlob("./src/members/*.md")]; + }); + + config.addCollection('profiles', collection => { + return [...collection.getFilteredByGlob("./src/members/*.md")] + .slice(0, site.maxProfilePreview); + }); + // Plugins config.addPlugin(rssPlugin); config.addPlugin(syntaxHighlight); diff --git a/src/_data/site.json b/src/_data/site.json index 5f6cd16..491d84c 100644 --- a/src/_data/site.json +++ b/src/_data/site.json @@ -19,5 +19,6 @@ "enableThirdPartyComments": false, "maxPostsPerPage": 5, "maxNewsPerPage": 4, + "maxProfilePreview": 3, "faviconPath": "/images/favicon.png" } diff --git a/src/_includes/layouts/home.njk b/src/_includes/layouts/home.njk index e17340f..85eb923 100644 --- a/src/_includes/layouts/home.njk +++ b/src/_includes/layouts/home.njk @@ -1,14 +1,9 @@ {% extends 'layouts/base.njk' %} -{# Post list content #} +{# Set lists content #} {% set newsListHeading = newsHeading %} {% set newsListItems = collections.newsFeed %} -{# Presentation content #} -{% set presentation %} - {{ content | safe }} -{% endset %} - {% block content %}
{% include "partials/components/intro.njk" %} diff --git a/src/_includes/partials/components/member.njk b/src/_includes/partials/components/member.njk index 99ad446..eac2cd1 100644 --- a/src/_includes/partials/components/member.njk +++ b/src/_includes/partials/components/member.njk @@ -4,8 +4,33 @@ {% block content %}
-
-

{{ content | safe }}

-
+
+
+
+

{{ name }}

+

{{ position }}

+
{{ content | safe }}
+ {% if personalSite %} +

+ site perso : + +

+ {% endif %} + {% if socialTwitter %} + + {% endif %} + {% if socialLinkedin %} + + {% endif %} + {% if socialMastodon %} + + {% endif %} +
+
+ profile de {{ name }} +
+
+ Voir tous les membres +
{% endblock %} diff --git a/src/_includes/partials/components/presentation.njk b/src/_includes/partials/components/presentation.njk index 0371ea2..f68fcf4 100644 --- a/src/_includes/partials/components/presentation.njk +++ b/src/_includes/partials/components/presentation.njk @@ -1,5 +1,64 @@ +{% set profilePics = collections.profiles %} +
- {{ presentation | safe }} +
+
+

Qui sommes-nous ?

+

+ Astrolabe CAE est une scop spécialisée dans la prestation de services autour des métiers du numérique. + Notre objectif est de favoriser l’autonomie et l’émancipation de nos membres sur un modèle d’économie sociale et solidaire. +

+
+
+ {#
#} + équipage astrolabe + {#
#} + Nous rejoindre + + +
+
+
+
+

Communs numérique

+

+ Chez Astrolabe nous aimons et faisons la promotion du logiciel libre. Nos sommes membres d’Alliance Libre + et nous mettons nos documents et projets internes à disposition sur notre gitlab. +

+
+
+
+ logo Gitlab +
+ {# + + Gitlab + #} + Gitlab +
+
+
+
+

Des profils variés

+

+ Nos coopérateurs possèdent des compétences propres allant de développement linux embarqué au web design et créent ainsi la pluralité de nos prestations. +

+ Nous sommes également distributeurs de la solution logicielle Naega. +

+
+
+
    + {% for profile in profilePics %} +
  • + + photo de {{ profile.data.name }} + +
    • + {% endfor %} +
+ Voir l'équipe +
+
diff --git a/src/images/profiles/default-profile.png b/src/images/profiles/default-profile.png new file mode 100644 index 0000000..a3bbf1a Binary files /dev/null and b/src/images/profiles/default-profile.png differ diff --git a/src/images/fls-profile.jpg b/src/images/profiles/fls-profile.jpg similarity index 100% rename from src/images/fls-profile.jpg rename to src/images/profiles/fls-profile.jpg diff --git a/src/images/profiles/vg-profile.jpg b/src/images/profiles/vg-profile.jpg new file mode 100644 index 0000000..0da6918 Binary files /dev/null and b/src/images/profiles/vg-profile.jpg differ diff --git a/src/images/profiles/yg-profile.jpg b/src/images/profiles/yg-profile.jpg new file mode 100644 index 0000000..7d91c57 Binary files /dev/null and b/src/images/profiles/yg-profile.jpg differ diff --git a/src/images/vg-profile.jpg b/src/images/vg-profile.jpg deleted file mode 100644 index f128b7e..0000000 Binary files a/src/images/vg-profile.jpg and /dev/null differ diff --git a/src/images/yg-profile.jpg b/src/images/yg-profile.jpg deleted file mode 100644 index 5a9cc91..0000000 Binary files a/src/images/yg-profile.jpg and /dev/null differ diff --git a/src/index.md b/src/index.md index c46ca37..bd1990d 100644 --- a/src/index.md +++ b/src/index.md @@ -5,40 +5,3 @@ brandHeading: La Coopérative d'Activité et d'Emploi spécialisée en informati newsHeading: Actualité & Évenements metaDesc: 'Hylia is a lightweight Eleventy starter kit to help you to create your own blog or personal website.' --- - -
-
- - ## Qui sommes-nous ? - Astrolabe CAE est une scop spécialisée dans la prestation de **services** autour des métiers du **numérique**. - Notre objectif est de favoriser l’**autonomie** et l’**émancipation** de nos membres sur un modèle d’économie sociale et **solidaire**. -
- - - Nous rejoindre - - -
- -
-
- - ## Communs numérique - Chez Astrolabe nous aimons et faisons la promotion du **logiciel libre**. Nos sommes membres d’[Alliance Libre](http://www.alliance-libre.org/) et nous mettons nos documents et projets internes à disposition sur notre [gitlab](). -
- - ![logo Gitlab](/images/gitlab.svg) -
- -
-
- - ## Des profils variés - Nos coopérateurs possèdent des compétences propres allant de développement linux embarqué au web design et créent ainsi la **pluralité** de nos prestations. -

- Nous sommes également **distributeurs** de la solution logicielle [Naega](https://www.crealead.com/naega#bootstrap-fieldgroup-nav-item--prsentation). -
- - - Voir l'équipe -
diff --git a/src/members/florent-le-saout.md b/src/members/florent-le-saout.md index 43bafc7..6f61599 100644 --- a/src/members/florent-le-saout.md +++ b/src/members/florent-le-saout.md @@ -3,7 +3,7 @@ name: 'Florent Le Saout' position: 'Développeur systèmes embarqués' positionInternal: 'Co-fondateur' date: '2019-01-01' -profile: '/images/fls-profile.jpg' +profile: '/images/profiles/fls-profile.jpg' url: '/members/florent-le-saout' layout: 'partials/components/member.njk' --- diff --git a/src/members/francois-bonningues.md b/src/members/francois-bonningues.md index d4c0285..3da40c3 100644 --- a/src/members/francois-bonningues.md +++ b/src/members/francois-bonningues.md @@ -2,7 +2,7 @@ name: 'François Bonningues' position: 'Développeur systèmes embarqués' date: '2020-06-01' -profile: '/images/default-profile.svg' +profile: '/images/profiles/default-profile.png' url: '/members/francois-bonningues' layout: 'partials/components/member.njk' --- diff --git a/src/members/vincent-genieux.md b/src/members/vincent-genieux.md index 20ee19f..9f1cb5c 100644 --- a/src/members/vincent-genieux.md +++ b/src/members/vincent-genieux.md @@ -3,7 +3,7 @@ name: 'Vincent Génieux' position: 'Développeur senior' positionInternal: 'Co-fondateur' date: '2019-01-01' -profile: '/images/vg-profile.jpg' +profile: '/images/profiles/vg-profile.jpg' url: '/members/vincent-genieux' layout: 'partials/components/member.njk' --- diff --git a/src/members/yves-gatesoupe.md b/src/members/yves-gatesoupe.md index f2178d0..1d4f03d 100644 --- a/src/members/yves-gatesoupe.md +++ b/src/members/yves-gatesoupe.md @@ -2,9 +2,18 @@ name: 'Yves Gatesoupe' position: 'Designer Web' date: '2020-06-01' -profile: '/images/yg-profile.jpg' +profile: '/images/profiles/yg-profile.jpg' +personalSite: 'www.astrolabe.coop' +socialTwitter: 'https://twitter.com/YGdsgn' +socialLinkedin: 'https://www.linkedin.com/in/yves-gatesoupe-05990b17a/' url: '/members/yves-gatesoupe' layout: 'partials/components/member.njk' --- -Yves +Je suis designer web indépendant depuis janvier 2019. + +J’ai construit mon expérience en tant que développeur web front end pour Orange Business Services en contribuant notamment à la mise en place du Bootstrap Orange [Boosted](https://boosted.orange.com) qui est un framework aux couleurs de la marque avec un focus sur l’accessibilité numérique. + +Ces deux dernières années j’ai étendu le champs de mes compétence en passant la certification professionnelle “Ergonomie des interfaces, UX/UI Design” (Usabilis 2018). + +Ce parcours me permet aujourd’hui de proposer mes services en tant que Designer Web, que ce soit pour la conception d’une identité visuelle, d’une étude de conception centrée utilisateur, du maquettage et intégration de votre site ou application web. diff --git a/src/scss/components/_button.scss b/src/scss/components/_button.scss index ad1623f..885f6cb 100644 --- a/src/scss/components/_button.scss +++ b/src/scss/components/_button.scss @@ -71,4 +71,16 @@ background-color: var(--color-secondary); font-weight: 500; } + + &.btn-icon { + padding-top: 1rem; + padding-bottom: 1rem; + display: flex; + align-items: center; + + svg { + margin-left: 0; + margin-right: .5rem; + } + } } diff --git a/src/scss/components/_member-list.scss b/src/scss/components/_member-list.scss index 5a76281..0c78e72 100644 --- a/src/scss/components/_member-list.scss +++ b/src/scss/components/_member-list.scss @@ -4,6 +4,7 @@ &__heading { margin: 8rem 0 2rem; } + &__items { margin-top: 4rem; display: grid; diff --git a/src/scss/components/_member.scss b/src/scss/components/_member.scss index e69de29..be80597 100644 --- a/src/scss/components/_member.scss +++ b/src/scss/components/_member.scss @@ -0,0 +1,37 @@ +.member { + display: flex; + flex-direction: column; + margin-bottom: 20rem; + + &__wrapper { + display: grid; + grid-template-columns: .6fr .4fr; + grid-template-rows: 1fr; + grid-column-gap: 1.5rem; + grid-row-gap: 0; + margin-top: 8rem; + } + + &__bio { + margin-top: 2.5rem; + + + p, + p + p { + margin-top: 1.5rem; + + span { + font-weight: 600; + } + } + } + + .return-link { + align-self: flex-end; + font-size: 1.125rem; + font-weight: 700; + + &:visited { + color: inherit; + } + } +} diff --git a/src/scss/components/_presentation.scss b/src/scss/components/_presentation.scss index 3fdf051..34d1557 100644 --- a/src/scss/components/_presentation.scss +++ b/src/scss/components/_presentation.scss @@ -5,6 +5,7 @@ grid-template-rows: auto; grid-column-gap: 2.125rem; grid-row-gap: 2.125rem; + margin-bottom: 10rem; &:nth-child(2n + 1) { .content { @@ -36,15 +37,18 @@ + p { font-size: 1.25rem; - margin-bottom: 8rem; } } + a, + a:visited { + color: var(--color-dark); + } + + figure, + p { display: flex; flex-direction: column; - // justify-content: center; align-items: center; img { @@ -57,5 +61,33 @@ } } - + .side-info { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + + img { + margin-bottom: 1.5rem; + } + } + + .profile-preview { + display: flex; + list-style: none; + margin-top: auto; + margin-bottom: 1.5rem; + + li + li { + margin-left: -2rem; + } + + img { + width: 10rem; + border-radius: 50%; + border: 2px solid; + color: var(--color-white); + background-color: var(--color-white); + } + } } diff --git a/src/transforms/parse-transform.js b/src/transforms/parse-transform.js index 09cc22d..178665b 100644 --- a/src/transforms/parse-transform.js +++ b/src/transforms/parse-transform.js @@ -11,7 +11,7 @@ module.exports = function(value, outputPath) { }); const document = DOM.window.document; - const articleImages = [...document.querySelectorAll('main section:not(.process-cae) article img, .intro img')]; + const articleImages = [...document.querySelectorAll('main section:not(.process-cae, .presentation) article img, .intro img')]; const articleHeadings = [ ...document.querySelectorAll('main article h2, main article h3') ];