diff --git a/src/_includes/partials/components/member-list.njk b/src/_includes/partials/components/member-list.njk index 65937c5..aa1038c 100644 --- a/src/_includes/partials/components/member-list.njk +++ b/src/_includes/partials/components/member-list.njk @@ -6,13 +6,16 @@
    {% for item in teamListItems %}
  1. - -
    - profil de {{ item.data.title}} -
    -

    {{ item.data.name }}

    -

    {{ item.data.position }}

    + {#
    #} + photo de {{ item.data.name }} + {#
    #} +
    {{ item.data.name }}  + +

    {{ item.data.position }}

    + {% if item.data.positionInternal %} +

    {{ item.data.positionInternal }}

    + {% endif %}
  2. {% endfor %}
  3. diff --git a/src/_includes/partials/components/presentation.njk b/src/_includes/partials/components/presentation.njk index f68fcf4..d9831ad 100644 --- a/src/_includes/partials/components/presentation.njk +++ b/src/_includes/partials/components/presentation.njk @@ -12,7 +12,7 @@
  4. {% endfor %} - Voir l'équipe + Voir l'équipe diff --git a/src/pages/equipe.md b/src/pages/equipe.md index 36efd21..10967eb 100644 --- a/src/pages/equipe.md +++ b/src/pages/equipe.md @@ -5,5 +5,5 @@ layout: 'layouts/team.njk' teamListHeading: 'L''équipe Astrolabe' --- -Astrolabe CAE est confondée par Florent Le Saout et Vincent Génieux en 2019. +Astrolabe CAE est confondée par Florent Le Saout et Vincent Génieux en 2019.
    Ils mettent le fruit de ce travail commun à disposition des membres de la coopérative. diff --git a/src/scss/components/_member-list.scss b/src/scss/components/_member-list.scss index 0c78e72..7aea974 100644 --- a/src/scss/components/_member-list.scss +++ b/src/scss/components/_member-list.scss @@ -15,6 +15,9 @@ } &__item { + display: flex; + flex-direction: column; + align-items: center; color: var(--color-dark); a, @@ -23,34 +26,33 @@ color: var(--color-dark); } - .img-wrapper { - overflow: hidden; - max-height: 22rem; - } + img { + border-radius: 50%; + height: 17rem; + width: auto; - h3 { - margin-top: 1rem; - font-size: 1.375rem; + + .btn { + margin-top: -1.5rem; + margin-bottom: .5rem; - + p { - font-size: 1.125rem; + + p { + font-size: 1.125rem; + } } } &.info { display: flex; flex-direction: column; - background-color: var(--color-secondary); - color: var(--color-white); + background-color: var(--color-white); + color: var(--color-dark); padding: 2rem; - font-size: 1.75rem; + font-size: 1.5rem; font-weight: 600; - .btn { - align-self: flex-start; - margin-top: auto; - - + p { + text-align: center; + margin: 1rem 0 3.125rem; } } } diff --git a/src/scss/components/_presentation.scss b/src/scss/components/_presentation.scss index 34d1557..e0f27c0 100644 --- a/src/scss/components/_presentation.scss +++ b/src/scss/components/_presentation.scss @@ -5,7 +5,7 @@ grid-template-rows: auto; grid-column-gap: 2.125rem; grid-row-gap: 2.125rem; - margin-bottom: 10rem; + margin-bottom: 16rem; &:nth-child(2n + 1) { .content { @@ -22,11 +22,6 @@ grid-column: 2; grid-row: 1; } - - figure { - grid-column: 1; - grid-row: 1; - } } }