diff --git a/assets/js/theme/design-system/Lightbox.js b/assets/js/theme/design-system/Lightbox.js index bb7e9caf1..f387328f2 100644 --- a/assets/js/theme/design-system/Lightbox.js +++ b/assets/js/theme/design-system/Lightbox.js @@ -1,5 +1,5 @@ import './TouchControl'; -import { setButtonEnability, setDefaultAltToImages } from '../utils/a11y'; +import { a11yClick, setButtonEnability, setDefaultAltToImages } from '../utils/a11y'; /* eslint-disable no-underscore-dangle */ window.osuny = window.osuny || {}; @@ -35,12 +35,12 @@ window.osuny.Lightbox.prototype._setup = function () { this.bindButtons(); }; -window.osuny.Lightbox.prototype.bindButtons = function (key) { +window.osuny.Lightbox.prototype.bindButtons = function () { this.buttons = document.querySelectorAll('[data-lightbox]'); setDefaultAltToImages(this.buttons); this.buttons.forEach(function (button, index) { - button.addEventListener('click', this.open.bind(this, button)); + a11yClick(button, this.open.bind(this, button)); this._setAriaDescribed(button, index); }.bind(this)); }; diff --git a/assets/js/theme/design-system/components/Maps.js b/assets/js/theme/design-system/components/Maps.js index e21582b2b..dc9c7cde6 100644 --- a/assets/js/theme/design-system/components/Maps.js +++ b/assets/js/theme/design-system/components/Maps.js @@ -96,7 +96,7 @@ window.osuny.Map.prototype.filterMarkers = function (filters) { window.osuny.Map.prototype.setMarkers = function () { this.setMarkerIcon(); - this.elements = Array.prototype.slice.call(this.element.children); + this.elements = this.element.querySelectorAll('[data-longitude]'); this.elements.forEach(this.createMarker.bind(this)); if (this.popups.length === 1) { diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index 2e008b638..8dc56323a 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -1,4 +1,5 @@ @import utils/a11y +@import utils/browsers @import utils/fonts @import utils/lists @import utils/colors diff --git a/assets/sass/_theme/blocks/base.sass b/assets/sass/_theme/blocks/base.sass index f548a67e5..607b3ae3f 100644 --- a/assets/sass/_theme/blocks/base.sass +++ b/assets/sass/_theme/blocks/base.sass @@ -10,6 +10,8 @@ margin-top: $spacing-3 .block-title.sr-only + .description margin-top: 0 + .block-content > ul + @include list-reset @include in-page-without-sidebar .top .description @@ -19,13 +21,11 @@ margin-top: var(--heading-margin-bottom) // Specific -$backgrounded_blocks: ".block-call_to_action--accent_background, .block-chapter--accent_background, .block-chapter--alt_background, .block-timeline--horizontal, .block-pages--cards" +$backgrounded_blocks: ".block-call_to_action--accent_background, .block-timeline--horizontal, .block-pages--cards" main .blocks - .block:first-child + .block:first-child:where(#{$backgrounded_blocks}) margin-top: 0 - &:not(#{$backgrounded_blocks}) - padding-top: 0 .block:last-child &:is(#{$backgrounded_blocks}) margin-bottom: 0 diff --git a/assets/sass/_theme/blocks/chapter.sass b/assets/sass/_theme/blocks/chapter.sass index d274d8922..e1ff56f28 100644 --- a/assets/sass/_theme/blocks/chapter.sass +++ b/assets/sass/_theme/blocks/chapter.sass @@ -67,11 +67,13 @@ background: $block-chapter-layout-accent-background @include in-page-without-sidebar - &--alt_background, + &--alt_background, &--accent_background padding-top: var(--grid-gutter) padding-bottom: var(--grid-gutter) margin-bottom: 0 + &:first-child + margin-top: 0 .chapter flex-direction: row justify-content: space-between diff --git a/assets/sass/_theme/blocks/exhibitions.sass b/assets/sass/_theme/blocks/exhibitions.sass new file mode 100644 index 000000000..185376af1 --- /dev/null +++ b/assets/sass/_theme/blocks/exhibitions.sass @@ -0,0 +1,5 @@ +.block-exhibitions + .top + .block-title a + @include icon(arrow-right-line, after, true) + @include hover-translate-icon(after) \ No newline at end of file diff --git a/assets/sass/_theme/blocks/image.sass b/assets/sass/_theme/blocks/image.sass index f716de116..e7e803215 100644 --- a/assets/sass/_theme/blocks/image.sass +++ b/assets/sass/_theme/blocks/image.sass @@ -41,7 +41,7 @@ display: flex align-items: flex-end justify-content: flex-end - > button + > button, > [role="button"] width: columns(8) margin-left: var(--grid-gutter) display: block diff --git a/assets/sass/_theme/blocks/organizations.sass b/assets/sass/_theme/blocks/organizations.sass index 601a5e34f..515f9dac5 100644 --- a/assets/sass/_theme/blocks/organizations.sass +++ b/assets/sass/_theme/blocks/organizations.sass @@ -1,10 +1,4 @@ .block-organizations - .organization - .organization-title - a[target="_blank"] - @include stretched-link(before) - @include icon(links-line, after, true) - position: relative &--carousel @include layout-carousel .slider @@ -75,41 +69,13 @@ z-index: 2 a.leaflet-popup-close-button color: var(--color-text) - &--large - @include layout-large - .organization - .organization-content - display: flex - flex-direction: column - .organization-title - @include h2 - a - @include link - .organization-summary - flex: 1 - + .organization - margin-top: $spacing-4 - @include media-breakpoint-up(md) - margin-top: $spacing-3 - .media--logo - padding: $spacing-5 - @include media-breakpoint-up(md) - padding: $spacing-6 - @include in-page-with-or-without-sidebar - .media - margin-bottom: 0 + @include media-breakpoint-down(md) details ul li + li margin-top: $spacing-3 - @include in-page-with-sidebar - .grid - @include grid(4, lg) - &.with-summaries - @include grid(1, lg) - @include grid(2, xl) @include in-page-without-sidebar .top .description diff --git a/assets/sass/_theme/blocks/pages.sass b/assets/sass/_theme/blocks/pages.sass index 4a91902dc..eb4dcb1f4 100644 --- a/assets/sass/_theme/blocks/pages.sass +++ b/assets/sass/_theme/blocks/pages.sass @@ -1,6 +1,8 @@ .block-pages .top a + @include icon(arrow-right-line, after, true) + @include hover-translate-icon text-decoration: none @include media-breakpoint-up(desktop) @@ -11,122 +13,75 @@ .top .block-title @include h5 - .description - @include h2 + .description + @include h2 @include in-page-without-sidebar .top @include top-flex - a - @include icon(arrow-right-line, after, true) - @include hover-translate-icon .description @include h2 - &--grid - .grid - .page-title a - @include icon(arrow-right-line, after, true) - @include hover-translate-icon(after) - &--cards background-color: $block-pages-card-background padding-bottom: var(--grid-gutter) padding-top: var(--grid-gutter) + .pages + @include layout-cards($block-pages-card-page-background, $block-pages-card-page-background-hover, $block-pages-card-page-color, $block-pages-card-page-color-hover) *:not(.heading) + & margin-top: 0 .blocks &:last-of-type margin-bottom: 0 - .cards - @include grid(2, desktop) - @include in-page-without-sidebar - @include grid(3) - // TODO: move this // .block-gallery + &, .block-pages--cards + & margin-top: 0 - // ----------------- // - .card - @include arrow-right-hover(".more") - padding: $spacing-3 - background-color: $block-pages-card-page-background - transition: background $background-duration, color $color-duration - display: flex - flex: auto - flex-direction: column - min-height: 320px - &, - a - color: $block-pages-card-page-color - .media - margin-bottom: 0 - margin-left: -$spacing-3 - margin-right: -$spacing-3 - margin-top: -$spacing-3 - img - min-width: 100% - .page-categories - a - @include link(var(--color-accent)) - .more - @include link($block-pages-card-page-color) - position: relative - margin-top: auto - padding-top: $spacing-3 - a, - .more - transition: text-decoration-color $color-duration ease, color $color-duration ease - &:hover - background-color: $block-pages-card-page-background-hover - &, a, .more - color: $block-pages-card-page-color-hover - .page-categories - a - @include link($block-pages-card-page-color-hover) - .more - text-decoration-color: $block-pages-card-page-color-hover + &--list - .list - @include list-reset - .page + .page-title + a + @include icon(arrow-right-line, after, true) + @include hover-translate-icon(after) + @extend %underline-on-hover + + .list.title-only + li > a @include icon(arrow-right-line, before, true) padding-right: $spacing-2 @include hover-translate-icon(before, 5) @extend %underline-on-hover + + .list:not(.title-only) + @include layout-list + margin-top: var(--grid-gutter) + > li + border-bottom: none + padding: 0 + margin-bottom: var(--grid-gutter) + .page-title + @include h3 + + @include media-breakpoint-down(desktop) article - .page-title - @include h3 - a - @include icon(arrow-right-line, after, true) - @include hover-translate-icon(after) - @extend %underline-on-hover - @include media-breakpoint-down(desktop) - .top - margin-bottom: $spacing-2 - .list - margin-top: $spacing-3 - .page + .page - margin-top: $spacing-2 - @include media-breakpoint-up(desktop) - .list:not(.title-only) - .page + .page - margin-top: var(--grid-gutter) + gap: $spacing-1 + .media + width: auto + + @include media-breakpoint-up(desktop) article - gap: var(--grid-gutter) flex-direction: row .media flex-shrink: 0 margin-bottom: 0 + @include in-page-with-sidebar .block-content .top margin-bottom: $spacing-3 .list.title-only @include grid(2, desktop, $spacing-2) - display: flex li - margin-top: 0 + line-height: 1 a @include meta article @@ -144,12 +99,16 @@ width: auto p @include h2 - article + article.page .media width: columns(2) .page-content width: columns(4) + &:not(.with-description) + .pages + > li + li + margin-top: 0 .list.title-only @include grid(4, desktop, $spacing-1) grid-column: 1 / 13 @@ -157,8 +116,7 @@ margin-top: 0 .list:not(.title-only) @include grid(2, desktop) - .page + .page - margin-top: 0 + &.with-description .block-content @include grid(12, desktop, $spacing-4) @@ -179,74 +137,27 @@ grid-column: 9 / 13 grid-row: 2 display: block - .page + .page - // margin-top: $spacing-2 - article - margin-top: $spacing-5 + margin-top: 0 + .pages:where:not(.title-only) + > li + li + margin-top: var(--grid-gutter) + &.with-images .top grid-column: 1 / 7 - .top + .list - grid-column: 7 / 13 + + .list + grid-column: 7 / 13 &--alternate - .alternate - @include alternate - article - position: relative - display: flex - flex-direction: column - .page-title a - text-decoration: none - &:hover .more::after - padding-left: pxToRem(10) - .media - margin-bottom: $spacing-2 - order: -1 - img - aspect-ratio: unset - @include media-breakpoint-down(desktop) - article + article - margin-top: $spacing-4 - @include in-page-without-sidebar - .top - .description - @include body-text - + .pages + @include layout-alternate + .page-title + + p + margin-top: $spacing-1 &--large - .page - position: relative - + .page - margin-top: $spacing-5 - &:hover .more:after - transform: translateX(#{pxToRem(10)}) - .media - img - aspect-ratio: 1 - @include media-breakpoint-up(desktop) - .page - flex-direction: row - gap: var(--grid-gutter) - - @include in-page-with-sidebar + .pages + @include layout-large .page - &-title - @include h2 - margin-bottom: space(4) - &-content - flex: 1 - .media - flex: 1 - @include in-page-without-sidebar - .top - .description - @include body-text - .page - align-items: center - &-title - @include lead - margin-bottom: space(4) - &-content - width: columns(5) .media - width: columns(6) + img + aspect-ratio: 1 diff --git a/assets/sass/_theme/blocks/persons.sass b/assets/sass/_theme/blocks/persons.sass index 2f604e48b..dd4d11971 100644 --- a/assets/sass/_theme/blocks/persons.sass +++ b/assets/sass/_theme/blocks/persons.sass @@ -13,12 +13,6 @@ @include in-page-without-sidebar .top .description max-width: columns(8) - &.block-with-long-text - &:not(.block-persons--large) - .persons - @include grid(2) - article - @include person-avatar-end @include in-page-with-sidebar article flex-direction: row @@ -49,22 +43,20 @@ .description margin-top: $spacing-3 @include in-page-without-sidebar + &.block-with-long-text + .persons + @include grid(2) + article + @include person-avatar-end .person text-align: center .contacts-details a, address text-align: center &--large + .persons + @include layout-large .person - @include small-arrow-right-hover('.more') - display: flex - flex-direction: column - + .person - margin-top: $spacing-4 - @include media-breakpoint-up(md) - margin-top: $spacing-6 - .description - flex: 1 .person-name @include lead + div @@ -86,7 +78,6 @@ li > span width: offset(1) @include in-page-without-sidebar - align-items: center .avatar width: columns(4) .contacts-details @@ -94,10 +85,6 @@ @include grid(2, false, $spacing-2) li + li margin-top: 0 - @include in-page-with-or-without-sidebar - flex-direction: row - gap: var(--grid-gutter) - text-align: left @include media-breakpoint-down(md) &-name, &-role @@ -108,11 +95,11 @@ &--list .persons-list - @include list-reset > li padding-bottom: $spacing-3 padding-top: $spacing-3 .person-name + @include body-text a @extend %underline-on-hover .person-role @@ -121,39 +108,61 @@ + li border-top: var(--border-width) solid var(--color-border) @include media-breakpoint-up(desktop) + article + align-items: baseline + flex-direction: row .contacts-details margin-top: 0 a, address - width: columns(4) + width: columns(3) text-align: left li align-items: baseline display: flex li > span width: offset(1) - > li + @include in-page-without-sidebar + .description align-items: baseline display: flex gap: var(--grid-gutter) - > div:first-child - align-items: baseline - display: flex - width: columns(8) - gap: var(--grid-gutter) - > * + width: offset(11) + .person-name + width: offset(3) + .person-role + width: columns(3) + .contacts-details + margin-top: 0 + width: columns(5) + a, address width: columns(4) - @include in-page-without-sidebar - > li - > div:first-child - width: columns(7) - .contacts-details - width: columns(5) @include in-page-with-sidebar + .description + @include grid(2) + row-gap: space() + width: offset(7) + .person-name + grid-row: 1 + width: offset(3) + + * + width: columns(4) &.with-contacts - > li - > div:first-child - display: block - width: columns(3) - .contacts-details - width: columns(5) - + .person-role + order: 3 + grid-row: span 2 + width: offset(3) + .contacts-details + grid-row: 1 / span 2 + @include in-page-with-or-without-sidebar + &:where(:not(.without-photo)) + .persons-list + article + gap: unset + .description + align-items: baseline + flex: unset + margin-left: auto + .avatar + width: space(10) + min-width: space(10) + margin-right: $spacing-2 diff --git a/assets/sass/_theme/blocks/posts.sass b/assets/sass/_theme/blocks/posts.sass index 1118c4b0a..17dc993a2 100644 --- a/assets/sass/_theme/blocks/posts.sass +++ b/assets/sass/_theme/blocks/posts.sass @@ -5,225 +5,23 @@ @include icon(arrow-right-line, after, true) @include hover-translate-icon text-decoration: none - .posts - @include grid(1) - @include grid($block-posts-grid-columns, desktop) - article - @include author-and-time-side-to-side - .post-title - a - @include stretched-link - text-decoration: none - .post-content - > * + * - margin-top: $spacing-2 - .media - margin-top: 0 - - &--grid - @include media-breakpoint-down(desktop) - article + article - margin-top: $spacing-5 - @include in-page-with-sidebar - .grid - @include grid(2) - @include in-page-without-sidebar - .grid - @include grid($block-posts-grid-columns) - .media picture img - width: 100% - &--large - .post - @include small-arrow-right-hover('.more') - // Masquer le point entre l'auteur et la date (mixin author-and-time-side-to-side) - .post-author p, - .post-reading-time - &::before - display: none - - // Permet d'aligner correctement les différents line-height des différents composants du post meta - .post-meta - display: block - > * - margin-right: $spacing-3 - time - vertical-align: baseline - .post-author - &, p - display: inline - // Désactiver le ratio forcé de la configuration $article-media-aspect-ratio - .media - &, img - aspect-ratio: auto - @include media-breakpoint-down(desktop) - .post - + .post - margin-top: $spacing-4 - [itemprop="abstract"] - margin-top: 0 - .post-author - margin-right: 0 - + time - display: inline - &::before - content: ' • ' - .post-categories - li - margin-right: space(2) - @include media-breakpoint-up(desktop) - .large - .post - flex-direction: row - gap: var(--grid-gutter) - + .post - margin-top: $spacing-4 - .post-title, - .post-subtitle - @include h2 - [itemprop="abstract"] - margin-top: $spacing-3 - &-categories - display: inline - * - display: inline-block - li - margin-right: $spacing-2 - a - display: inline - - @include in-page-with-sidebar - .large - .post - @include media-breakpoint-down(xl) - flex-direction: column - gap: unset - [itemprop="abstract"] - margin-top: $spacing-2 - @include media-breakpoint-up(xl) - .media, - .post-content - width: columns(4) - @include media-breakpoint-up(xl) - &.without-images - .post - .post-content - width: columns(8) - @include in-page-without-sidebar - .large - .post - gap: var(--grid-gutter) - .media - width: columns(6) - .post-content - width: columns(5) - .post-title, - .post-subtitle - @include lead - &.without-images - .post - @include media-breakpoint-up(xl) - margin-left: offset(4) - .post-content - width: columns(6) - @include media-breakpoint-down(xl) - .post-content - width: columns(8) - &--list - article - &:where(:not(:last-child)) - border-bottom: var(--border-width) solid var(--color-border) - .media - background: none - margin: 0 - &, img - aspect-ratio: auto - - @include media-breakpoint-down(desktop) - article - position: relative - padding-bottom: $spacing-3 - + article - margin-top: $spacing-3 - .post-content - display: flex - flex-direction: column - padding-top: $spacing-2 - .post-title - margin-bottom: 0 - .post-categories - margin-bottom: 0 - [itemprop="abstract"] - margin-top: $spacing-1 - .media - order: -1 - max-width: 33% - - @include media-breakpoint-up(desktop) - article - display: flex - flex-direction: row - - @include in-page-with-sidebar - article - padding-bottom: $spacing-3 - gap: var(--grid-gutter) // gap plutôt que marge pour l'affichage avec ou sans image - + article - margin-top: $spacing-3 - .media - width: columns(2) - .post-content - width: columns(6) - - @include in-page-without-sidebar - article - gap: var(--grid-gutter) - padding-bottom: $spacing-5 - position: relative - .media - width: columns(3) - .post-content - display: flex - flex-direction: column - width: columns(6) - + article - margin-top: $spacing-5 - .post-meta - margin-top: auto - padding-top: $spacing-3 - time - margin-top: 0.3em - position: absolute - right: 0 - top: 0 - .post-reading-time, - display: block - &::before - content: none - .post-author:first-of-type - [itemprop="name"]::before - content: none &--highlight .highlight-post .media - margin-bottom: $spacing-2 background: none img aspect-ratio: auto .list + @include list-reset margin-top: $spacing-3 border-top: var(--border-width) solid var(--color-border) - article + > li position: relative padding-bottom: $spacing-3 margin-top: $spacing-3 &:where(:not(:last-child)) border-bottom: var(--border-width) solid var(--color-border) - article - > * + * - margin-top: $spacing-2 - .media - margin-top: 0 @include media-breakpoint-down(desktop) .list border-top: var(--border-width) solid var(--color-border) @@ -262,8 +60,9 @@ width: columns(2) > * display: block - .post-author p::before - content: none + &::before + content: none + padding: 0 [itemprop="abstract"] grid-column: 1 / 7 order: 3 @@ -274,51 +73,9 @@ .list border-top: 0 margin-top: 0 - article:first-child + > li:first-child margin-top: 0 - &--alternate .alternate - @include alternate - @include media-breakpoint-up(desktop) - &.without-images - .post - margin-top: 0 !important - @include media-breakpoint-down(desktop) - .post - .post-meta - margin-top: $spacing-1 - .media - margin-bottom: $spacing-2 - + .post - margin-top: $spacing-5 - - &--carousel - @include layout-carousel - @include in-page-with-sidebar - .post - .post-title, - .post-subtitle - @include h4 - .slider - .slider-arrows - justify-content: space-between - width: columns(4) - @include media-breakpoint-down(xxxl) - .slider-slide - width: columns(4) - .slider-arrows - width: columns(5) - @include in-page-without-sidebar - .block-content - display: flex - gap: var(--grid-gutter) - .top - flex-shrink: 0 - width: columns(3) - .slider - .slider-arrows - justify-content: space-between - width: columns(9) // Move this part to blocks/categories when categories block is ready .block-posts diff --git a/assets/sass/_theme/configuration/sections.sass b/assets/sass/_theme/configuration/sections.sass index 6ff2349fe..2b363bc26 100644 --- a/assets/sass/_theme/configuration/sections.sass +++ b/assets/sass/_theme/configuration/sections.sass @@ -1,10 +1,9 @@ // Sections -$article-media-aspect-ratio: 2 !default +$article-media-aspect-ratio: 16 / 9 !default // Pages -$page-media-aspect-ratio: 16 / 9 !default +$page-media-aspect-ratio: $article-media-aspect-ratio !default -$post-time-color: var(--color-text-alt) !default // Si layout posts grid (ne concerne pas les blocks posts) $posts-grid-columns: $block-posts-grid-columns !default diff --git a/assets/sass/_theme/design-system/article.sass b/assets/sass/_theme/design-system/article.sass index cf080bda5..943ef633d 100644 --- a/assets/sass/_theme/design-system/article.sass +++ b/assets/sass/_theme/design-system/article.sass @@ -5,7 +5,6 @@ display: flex flex-direction: column .media - @include handle-svg-fit margin-bottom: $spacing-3 order: -1 overflow: hidden @@ -13,18 +12,20 @@ display: none img object-fit: cover - // max-width: max-content width: 100% @if $aspect-ratio aspect-ratio: $aspect-ratio p + time margin-top: $spacing-2 - .post-categories, .project-categories, .job-categories + [class$="-categories"] @include item-categories-list time @include meta color: var(--color-text-alt) display: block + @include media-breakpoint-down(desktop) + .media + margin-bottom: $spacing-2 @mixin article-title @include h3 diff --git a/assets/sass/_theme/design-system/button.sass b/assets/sass/_theme/design-system/button.sass index fbf152c64..6fcf27fae 100644 --- a/assets/sass/_theme/design-system/button.sass +++ b/assets/sass/_theme/design-system/button.sass @@ -14,7 +14,7 @@ @if $icon @include icon($icon, after) -.button, .btn +@mixin button @include button-reset font-family: var(--btn-font-family) font-size: var(--btn-font-size) @@ -42,9 +42,12 @@ border: var(--btn-disabled-border) color: var(--btn-disabled-color) +.button, .btn + @include button + .button--accent, -.button-accent // Legacy - @extend .button +.button-accent + @include button --btn-color: #{$color-background} --btn-background: #{$color-accent} --btn-border: #{$btn-border-width} solid var(--btn-background) @@ -54,7 +57,7 @@ .button--alt, .button-alt // Legacy - @extend .button + @include button --btn-color: #{$color-background} --btn-background: #{$color-text-alt} --btn-border: #{$btn-border-width} solid var(--btn-background) @@ -63,7 +66,7 @@ --btn-hover-border: #{$btn-border-width} solid var(--btn-hover-background) .button--reversed - @extend .button + @include button --btn-color: #{$color-text-alt} --btn-background: #{$color-background} --btn-border: #{$btn-border-width} solid var(--btn-background) diff --git a/assets/sass/_theme/design-system/dropdown.sass b/assets/sass/_theme/design-system/dropdown.sass index 2821356ea..f81828436 100644 --- a/assets/sass/_theme/design-system/dropdown.sass +++ b/assets/sass/_theme/design-system/dropdown.sass @@ -64,9 +64,11 @@ > a color: var(--dropdown-color) display: flex - padding: $spacing-2 var(--grid-gutter) + padding: $spacing-2 text-decoration: none white-space: normal + @include media-breakpoint-down(desktop) + padding: $spacing-2 var(--grid-gutter) @include media-breakpoint-up(desktop) &:hover background-color: var(--dropdown-hover-background) diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass index 09d24b82e..8ebed73d9 100644 --- a/assets/sass/_theme/design-system/hero.sass +++ b/assets/sass/_theme/design-system/hero.sass @@ -4,13 +4,11 @@ // Fallback color background-color: $hero-background-color color: $hero-color - margin-bottom: $spacing-3 min-height: $hero-height padding-bottom: $spacing-3 padding-top: var(--header-height) position: relative @include media-breakpoint-up(desktop) - margin-bottom: $spacing-5 min-height: $hero-height-desktop padding-bottom: $spacing-5 *:focus-visible @@ -43,7 +41,7 @@ @include lead-hero figure position: relative - img, button + img, button, > [role="button"] width: 100% height: auto @include collapsed-figcaption @@ -52,10 +50,6 @@ padding-top: 0 .content + .breadcrumb-nav margin-top: $spacing-5 - &--no-margin - margin-bottom: 0 - & + .document-content - margin-top: $spacing-5 &--with-image figure position: relative @@ -83,7 +77,7 @@ display: flex flex-direction: column figure - > button + > button, > [role="button"] width: 100% @include media-breakpoint-up(desktop) @@ -112,9 +106,6 @@ width: columns(3) + .breadcrumb-container margin-top: 0 - margin-bottom: var(--grid-gutter) - @include media-breakpoint-down(desktop) - margin-bottom: $spacing-5 // Essential container is used in programs and diplomas .essential-container diff --git a/assets/sass/_theme/design-system/image.sass b/assets/sass/_theme/design-system/image.sass index 2db0d5945..39b21651e 100644 --- a/assets/sass/_theme/design-system/image.sass +++ b/assets/sass/_theme/design-system/image.sass @@ -15,3 +15,6 @@ figcaption &.credit > p:not(.sr-only), .credit > p:not(.sr-only) > span[aria-hidden]:first-child margin-right: $spacing-1 + +.media + @include handle-svg-fit \ No newline at end of file diff --git a/assets/sass/_theme/design-system/layout.sass b/assets/sass/_theme/design-system/layout.sass index 7fc95aa7e..9fd16e738 100644 --- a/assets/sass/_theme/design-system/layout.sass +++ b/assets/sass/_theme/design-system/layout.sass @@ -43,11 +43,6 @@ iframe [id] scroll-margin-top: var(--header-height) -.container - @include container - .hero + & - margin-top: $spacing-5 - .hidden display: none @@ -64,12 +59,22 @@ ol margin-bottom: $spacing-5 margin-top: $spacing-5 -.document-content - .container > .lead - margin-bottom: $spacing-5 + +.container + @include container + .hero + & + margin-top: $spacing-5 + .document-content position: relative + .container > .lead + margin-bottom: $spacing-5 + > div:not(.blocks, .toc-container, .breadcrumb-container, .agenda-exhibitions) + margin-top: var(--grid-gutter) + > .blocks + .block:first-child + margin-top: var(--grid-gutter) @include in-page-with-sidebar .heading h2, .block .block-content padding-left: offset(4) diff --git a/assets/sass/_theme/design-system/layouts/cards.sass b/assets/sass/_theme/design-system/layouts/cards.sass index ed876369a..a34907075 100644 --- a/assets/sass/_theme/design-system/layouts/cards.sass +++ b/assets/sass/_theme/design-system/layouts/cards.sass @@ -1,42 +1,47 @@ -@mixin layout-cards +@mixin layout-cards($background: $layout-cards-item-background, $background-hover: $layout-cards-item-background-hover, $color: $layout-cards-item-color, $color-hover: $layout-cards-item-color-hover, $aspect-ratio: $article-media-aspect-ratio) @include list-reset article - @include article + @include article($aspect-ratio) @include layout-item - background: $layout-cards-item-background - color: $layout-cards-item-color + @include arrow-right-hover(".more") + background: $background + color: $color padding: $spacing-3 position: relative transition: background $background-duration, color $background-duration - @include arrow-right-hover(".more") - height: 100% [class$="-title"] @include h3 - @include media-breakpoint-up(desktop) - height: 100% + [class$="-content"] + display: flex + flex-direction: column + flex: 1 .media + @include handle-svg-fit margin-left: -$spacing-3 margin-right: -$spacing-3 margin-top: -$spacing-3 img min-width: 100% .more - @include link($layout-cards-item-color) - margin-top: $spacing-4 + @include link($color) + padding-top: $spacing-4 + margin-top: auto a, p transition: text-decoration-color .3s ease, color .3s ease &:hover - background-color: $layout-cards-item-background-hover + background-color: $background-hover &, a, p - color: $layout-cards-item-color-hover - .more - text-decoration-color: $layout-cards-item-color-hover + color: $color-hover + .more, [class$="-categories"] a + @include link($color-hover) @include media-breakpoint-down(desktop) > li + li margin-top: $spacing-3 @include media-breakpoint-up(desktop) align-items: stretch min-height: 320px + article + height: 100% @include in-page-with-sidebar @include grid(2) @include in-page-without-sidebar diff --git a/assets/sass/_theme/design-system/layouts/grid.sass b/assets/sass/_theme/design-system/layouts/grid.sass index 2bcfbf9cb..72bd25b32 100644 --- a/assets/sass/_theme/design-system/layouts/grid.sass +++ b/assets/sass/_theme/design-system/layouts/grid.sass @@ -10,7 +10,6 @@ [class$="-title"] a @include icon(arrow-right-line, after, true) - font-size: 0.8em @include hover-translate-icon(after) @include media-breakpoint-down(desktop) > li + li diff --git a/assets/sass/_theme/design-system/layouts/large.sass b/assets/sass/_theme/design-system/layouts/large.sass index 08afaec31..fb8e8f6c8 100644 --- a/assets/sass/_theme/design-system/layouts/large.sass +++ b/assets/sass/_theme/design-system/layouts/large.sass @@ -15,6 +15,8 @@ @include media-breakpoint-up(desktop) flex-direction: row gap: var(--grid-gutter) + .media + margin-bottom: 0 @include in-page-with-sidebar article [class$="-content"] @@ -23,6 +25,7 @@ width: columns(4) @include in-page-without-sidebar article + align-items: center [class$="-title"] @include lead [class$="-content"] diff --git a/assets/sass/_theme/design-system/layouts/list.sass b/assets/sass/_theme/design-system/layouts/list.sass index 9df05121a..048fa00d5 100644 --- a/assets/sass/_theme/design-system/layouts/list.sass +++ b/assets/sass/_theme/design-system/layouts/list.sass @@ -12,12 +12,16 @@ flex-direction: row .media order: -1 + [class$="-categories"] + @include item-categories-list + @include media-breakpoint-down(desktop) article flex-direction: column gap: var(--grid-gutter) .media width: 33.33333% + @include in-page-with-sidebar article display: flex @@ -28,8 +32,11 @@ [class$="-title"], [class$="-subtitle"] @include h4 + [class$="-categories"] + @include item-categories-list .media width: columns(2) + @include in-page-without-sidebar article display: flex diff --git a/assets/sass/_theme/design-system/search.sass b/assets/sass/_theme/design-system/search.sass index 0244548ae..17e783755 100644 --- a/assets/sass/_theme/design-system/search.sass +++ b/assets/sass/_theme/design-system/search.sass @@ -180,7 +180,7 @@ line-height: inherit &--primary, &--upper-menu align-items: baseline - color: $header-color + color: inherit @if not $search-button-header-text span @extend .sr-only diff --git a/assets/sass/_theme/design-system/taxonomies.sass b/assets/sass/_theme/design-system/taxonomies.sass index f330931c1..71475844c 100644 --- a/assets/sass/_theme/design-system/taxonomies.sass +++ b/assets/sass/_theme/design-system/taxonomies.sass @@ -113,7 +113,8 @@ .document-content .taxonomies-container - margin-bottom: $spacing-5 + margin-top: var(--block-space-y) + margin-bottom: var(--block-space-y) .taxonomies-single &.with-label @include grid(3, desktop, $spacing-3) diff --git a/assets/sass/_theme/hugo-osuny.sass b/assets/sass/_theme/hugo-osuny.sass index 061ec75b8..05ee4d83d 100644 --- a/assets/sass/_theme/hugo-osuny.sass +++ b/assets/sass/_theme/hugo-osuny.sass @@ -63,6 +63,7 @@ @import blocks/contact @import blocks/definitions @import blocks/embed +@import blocks/exhibitions @import blocks/features @import blocks/files @import blocks/gallery diff --git a/assets/sass/_theme/sections/events/item.sass b/assets/sass/_theme/sections/events/item.sass index 7cf9a9301..8ff346f28 100644 --- a/assets/sass/_theme/sections/events/item.sass +++ b/assets/sass/_theme/sections/events/item.sass @@ -11,16 +11,15 @@ @include item-categories-list margin-bottom: 0 column-gap: $spacing-1 - li:not(:last-child) - a::after - content: ', ' + + .event-description + margin-top: $spacing-2 &-schedule p + p margin-top: 0 &-dates span + span &::before - content: ' — ' + content: ' • ' &-time @include meta span diff --git a/assets/sass/_theme/sections/events/layouts.sass b/assets/sass/_theme/sections/events/layouts.sass index 4f3b4a9a9..981ca44dc 100644 --- a/assets/sass/_theme/sections/events/layouts.sass +++ b/assets/sass/_theme/sections/events/layouts.sass @@ -1,13 +1,15 @@ .events &--list - .event - display: flex - flex-direction: column + > li margin-bottom: $spacing-3 padding-bottom: $spacing-3 - position: relative &:where(:not(:last-child)) border-bottom: var(--border-width) solid var(--color-border) + + .event + display: flex + flex-direction: column + position: relative &-title @include h3 &-schedule @@ -106,59 +108,25 @@ object-fit: cover width: 100% @include media-breakpoint-down(md) - .event - + .event - margin-top: $spacing-4 + > li + li + margin-top: $spacing-4 @include in-page-without-sidebar @include grid(3, desktop) &--large + @include layout-large .event - display: flex - flex-direction: row - position: relative - gap: var(--grid-gutter) - + .event - margin-top: $spacing-5 - &-content - display: flex - flex-direction: column - .event-description - order: 2 - .event-description + .event-categories - margin-bottom: $spacing-2 - &-dates + &-dates @include h4 margin-top: $spacing-2 - &-content - flex: 1 - .event-title, - .event-subtitle, - hgroup - @include h2 - .more - @include icon(arrow-right, after) - margin-top: $spacing-3 - &::after - margin-left: $spacing-1 - .media - order: -1 - img - aspect-ratio: 1 - object-fit: cover - width: 100% - @include media-breakpoint-up(desktop) - + .event - margin-top: var(--grid-gutter) - .media - width: columns(4) - .event-schedule - margin-bottom: $spacing-4 - @include media-breakpoint-down(desktop) - flex-direction: column - .media - margin-left: var(--grid-gutter-negative) - margin-right: var(--grid-gutter-negative) + + .event-time + margin-top: $spacing-1 + .more + margin-top: $spacing-3 + .media img + aspect-ratio: 1 + object-fit: cover + width: 100% @include in-page-without-sidebar align-items: center .event-dates @@ -167,34 +135,35 @@ .event-subtitle, hgroup @include lead - .media - width: columns(6) &:not(.event--with-image) width: columns(5) margin-left: offset(4) + @include media-breakpoint-up(desktop) + .event + .event-schedule + margin-bottom: $spacing-3 + @include media-breakpoint-up(xxl) + margin-bottom: $spacing-4 &--agenda .events-date padding-bottom: $spacing-4 &:where(:not(:first-child)) border-top: var(--border-width) solid var(--color-border) + > ol, + .event-children + @include list-reset .events-date-title @include h3 color: var(--color-text-alt) - padding-top: $spacing-4 transition: $header-duration &:not(:first-child) margin-top: var(--heading-margin-top) - + .event - margin-top: var(--heading-margin-bottom) + padding-top: $spacing-4 .event display: flex flex-direction: column - margin-top: $spacing-3 - padding-top: $spacing-3 position: relative - + .event - border-top: var(--border-width) solid var(--color-border) &-title @include h3 &-schedule @@ -205,6 +174,15 @@ margin-top: $spacing-2 &-hours @include h3 + .events-date + ol > li + margin-top: $spacing-3 + padding-top: $spacing-3 + .events-scheduled > li + li, + .event-children > li + border-top: var(--border-width) solid var(--color-border) + + .events-date + margin-top: var(--heading-margin-bottom) @include media-breakpoint-down(desktop) .events-date // Set spacing top less title padding-top to get exact same space before and after event-date @@ -274,13 +252,11 @@ position: absolute left: 0 top: 0 - margin-top: $spacing-3 time + time @include meta &--child padding-left: offset(1) .event-hours - margin-top: $spacing-3 time + time display: block &::before @@ -293,10 +269,12 @@ bottom: 0 span @include sticky(var(--title-height)) - .event--parent ~ .event--child - margin-left: offset(3) - .media - width: columns(2) - &:where(:not(.event--with-image)) - .event-content - margin-left: offset(2) + .event--parent ~ .event-children + > li + margin-left: offset(3) + .event + .media + width: columns(2) + &:where(:not(.event--with-image)) + .event-content + margin-left: offset(2) diff --git a/assets/sass/_theme/sections/events/section.sass b/assets/sass/_theme/sections/events/section.sass index 714e15ec8..75be57def 100644 --- a/assets/sass/_theme/sections/events/section.sass +++ b/assets/sass/_theme/sections/events/section.sass @@ -1,7 +1,10 @@ +.events + @include list-reset + .events__section, .events_categories__term .agenda-exhibitions - margin-bottom: var(--grid-gutter) background: var(--color-background-alt) + margin-bottom: var(--grid-gutter) padding-top: var(--grid-gutter) padding-bottom: var(--grid-gutter) h2 @@ -48,6 +51,10 @@ @include media-breakpoint-up(desktop) p flex: 1 + @include media-breakpoint-up(desktop) + .events-archives-latest + h2 + * + margin-top: $spacing-4 .events__section-month .events-calendar diff --git a/assets/sass/_theme/sections/exhibitions/item.sass b/assets/sass/_theme/sections/exhibitions/item.sass index 4f9dd80e9..db845ac0d 100644 --- a/assets/sass/_theme/sections/exhibitions/item.sass +++ b/assets/sass/_theme/sections/exhibitions/item.sass @@ -1,2 +1,6 @@ .exhibition - @extend .event \ No newline at end of file + @extend .event + &-dates + @include meta + &-subtitle + color: var(--color-text-alt) \ No newline at end of file diff --git a/assets/sass/_theme/sections/exhibitions/layouts.sass b/assets/sass/_theme/sections/exhibitions/layouts.sass index d4ff8afc6..281f7f975 100644 --- a/assets/sass/_theme/sections/exhibitions/layouts.sass +++ b/assets/sass/_theme/sections/exhibitions/layouts.sass @@ -5,15 +5,18 @@ &--grid @include layout-grid(2) .exhibition - &-title - @include h3 + &-title, &-subtitle @include h3 - color: var(--color-text-alt) &--cards @include layout-cards &--large @include layout-large + .exhibition + &-subtitle + @include h3 + @include in-page-without-sidebar + @include lead &--alternate @include layout-alternate &--agenda diff --git a/assets/sass/_theme/sections/exhibitions/section.sass b/assets/sass/_theme/sections/exhibitions/section.sass index af2ac80c8..87e4463f7 100644 --- a/assets/sass/_theme/sections/exhibitions/section.sass +++ b/assets/sass/_theme/sections/exhibitions/section.sass @@ -4,4 +4,4 @@ @extend .button--small @include icon(archive-line, after, true) display: table - margin: $spacing-5 auto 0 + margin: $spacing-5 auto 0 \ No newline at end of file diff --git a/assets/sass/_theme/sections/locations.sass b/assets/sass/_theme/sections/locations.sass index f23b13e6d..ab6e9146f 100644 --- a/assets/sass/_theme/sections/locations.sass +++ b/assets/sass/_theme/sections/locations.sass @@ -1,4 +1,5 @@ .locations + @include list-reset .location @include small-arrow-right-hover('.more') display: flex @@ -19,22 +20,17 @@ img aspect-ratio: 3/2 object-fit: cover - @include media-breakpoint-down(desktop) - &-description - margin-top: $spacing-1 - + .location - margin-top: $spacing-4 + @include media-breakpoint-down(desktop) + .location-description + margin-top: $spacing-1 + > li + li + margin-top: $spacing-4 &--list @include media-breakpoint-up(desktop) .location flex-direction: row-reverse gap: var(--grid-gutter) - &:where(:not(:last-child)) - border-bottom: var(--border-width) solid var(--color-border) - padding-bottom: $spacing-3 - + .location - margin-top: $spacing-3 &-content flex: 1 @include in-page-with-sidebar @@ -63,6 +59,12 @@ justify-content: space-between .media width: columns(4) + > li + &:where(:not(:last-child)) + border-bottom: var(--border-width) solid var(--color-border) + padding-bottom: $spacing-3 + + li + margin-top: $spacing-3 &--grid @include in-page-with-sidebar @@ -108,6 +110,7 @@ @extend .sr-only .locations-map .map + @include list-reset height: 300px z-index: 1 @include media-breakpoint-up(desktop) diff --git a/assets/sass/_theme/sections/organizations.sass b/assets/sass/_theme/sections/organizations.sass index b6cada059..af69c8ed1 100644 --- a/assets/sass/_theme/sections/organizations.sass +++ b/assets/sass/_theme/sections/organizations.sass @@ -1,7 +1,4 @@ .organization - display: flex - flex-direction: column - position: relative &-title a @include stretched-link(before) @@ -11,7 +8,6 @@ .organization-title @include meta .media - @include handle-svg-fit background: $organization-background-color margin-bottom: $spacing-2 order: -1 @@ -40,7 +36,12 @@ .organizations - &.grid + @include list-reset + article + display: flex + flex-direction: column + position: relative + &--grid max-width: 100% @include grid(2) @include grid(3, md) @@ -54,7 +55,8 @@ grid-column-gap: $spacing-3 !important &.with-summaries @include grid(1) - @include grid(1, md) + @include in-page-with-sidebar + @include grid(2, xl) @include in-page-without-sidebar @include grid(2, lg) @include grid(3, xl) @@ -83,6 +85,26 @@ .media width: columns(2) + &--large + @include layout-large + .organization + .organization-content + display: flex + flex-direction: column + .organization-summary + flex: 1 + + .organization + margin-top: $spacing-4 + @include media-breakpoint-up(md) + margin-top: $spacing-3 + .media--logo + padding: $spacing-5 + @include media-breakpoint-up(md) + padding: $spacing-6 + @include in-page-with-or-without-sidebar + .media + margin-bottom: 0 + .organizations__section .organizations margin-top: $spacing-4 diff --git a/assets/sass/_theme/sections/pages.sass b/assets/sass/_theme/sections/pages.sass index df0198ea9..24846162a 100644 --- a/assets/sass/_theme/sections/pages.sass +++ b/assets/sass/_theme/sections/pages.sass @@ -1,12 +1,7 @@ .page - @include article + @include article($aspect-ratio: $page-media-aspect-ratio) .page-title - a - @include stretched-link(before) - // exclusion for blocks with "more" link - .block:not(.block-pages--large, .block-pages--alternate) & - @include icon(arrow-right-line, after, true) - @include hover-translate-icon(after) + @include h4 .more @include icon(arrow-right-line, after, true) @include hover-translate-icon(after) @@ -24,47 +19,14 @@ + .more margin-top: $spacing-2 -.block-pages, .pages - .grid, .cards, .list - article - position: relative - display: flex - flex-direction: column + &--grid + @include layout-grid + .page .page-title @include h3 a - @include stretched-link(before) - text-decoration: none + @include icon(arrow-right-line, after, true) + @include hover-translate-icon(after) + p - margin-top: $spacing-2 - .media - @include handle-svg-fit - order: -1 - margin-bottom: $spacing-3 - &:empty - display: none - img - aspect-ratio: $page-media-aspect-ratio - object-fit: cover - width: 100% - @include media-breakpoint-down(desktop) - margin-top: $spacing-3 - .grid, .cards - @include grid(2, desktop) - @include in-page-without-sidebar - @include grid(3) - -.pages - .page - .page-title - @include h4 - -.pages - &--grid - @extend .block-pages--grid - &--list - @extend .block-pages--list - -.page__children - margin-top: $spacing-5 + margin-top: $spacing-1 diff --git a/assets/sass/_theme/sections/persons.sass b/assets/sass/_theme/sections/persons.sass index a99aca857..78b6ece7b 100644 --- a/assets/sass/_theme/sections/persons.sass +++ b/assets/sass/_theme/sections/persons.sass @@ -1,3 +1,6 @@ +.persons + @include list-reset + .person .contacts-details margin-top: $spacing-2 @@ -151,16 +154,16 @@ ol.persons--list @extend .avatar @include media-breakpoint-down(desktop) margin-bottom: $spacing-4 - > .container:where(:only-child) - margin-bottom: calc(#{columns(2)} + #{$spacing-5}) + &:has(> .container:where(:only-child)) + margin-bottom: calc(#{columns(2)} + var(--grid-gutter)) figure margin-bottom: calc(#{columns(2)} * -1) figure width: columns(4) margin-left: auto @include media-breakpoint-down(md) - > .container:where(:only-child) - margin-bottom: calc(#{columns(3)} + #{$spacing-5}) + &:has(> .container:where(:only-child)) + margin-bottom: calc(#{columns(3)} + var(--grid-gutter)) figure margin-bottom: calc(#{columns(3)} * -1) figure diff --git a/assets/sass/_theme/sections/posts.sass b/assets/sass/_theme/sections/posts.sass index 3f32c147c..3053c845e 100644 --- a/assets/sass/_theme/sections/posts.sass +++ b/assets/sass/_theme/sections/posts.sass @@ -9,80 +9,243 @@ .post-subtitle @include h3 color: var(--color-text-alt) - time - color: $post-time-color + .federated + order: -1 .post-meta, .post-reading-time @include meta color: var(--color-text-alt) - -.posts__section, -.posts_categories__term, -.persons__page, -.administrators__term, -.authors__term, -.researchers__term, -.teachers__term - .posts--list - article - border-bottom: var(--border-width) solid var(--color-border) + .post-meta + * + display: inline + * + * + &::before + content: ' • ' + display: inline-block + vertical-align: middle + padding-left: space() + padding-right: space() + .post-content + > * + * + margin-top: $spacing-2 + &.is-federated + .post-content display: flex - margin-bottom: $spacing-3 - padding-bottom: $spacing-3 - flex-direction: row - .post-title + p:not(.post-subtitle) - margin-top: $spacing-2 - @include media-breakpoint-up(desktop) - @include grid - margin-bottom: $spacing-5 - padding-bottom: $spacing-5 - .post-content - // TODO: replace grid by flex - grid-column: 4/13 + flex-direction: column + .post-federation + order: -1 + margin-top: 0 + +.posts + @include list-reset + + &--alternate + @include alternate("> li") + @include media-breakpoint-up(desktop) + &.without-images + .post + margin-top: 0 !important + @include media-breakpoint-down(desktop) + >li + li + margin-top: $spacing-5 + .post .post-meta - > * - display: block - @include media-breakpoint-down(desktop) - flex: 1 + margin-top: $spacing-1 + + &--carousel + @include layout-carousel + @include in-page-with-sidebar + .post + .post-title, + .post-subtitle + @include h4 + .slider + .slider-arrows + justify-content: space-between + width: columns(4) + @include media-breakpoint-down(xxxl) + .slider-slide + width: columns(4) + .slider-arrows + width: columns(5) + @include in-page-without-sidebar + .block-content + display: flex + gap: var(--grid-gutter) + .top + flex-shrink: 0 + width: columns(3) + .slider + .slider-arrows + justify-content: space-between + width: columns(9) + &--grid + @include media-breakpoint-down(desktop) + > li + li + margin-top: $spacing-5 + @include in-page-without-sidebar + @include grid($block-posts-grid-columns) + .media picture img + width: 100% + @include in-page-with-sidebar + @include grid(2) + + &--large + > li + li + margin-top: $spacing-4 + .post + @include small-arrow-right-hover('.more') + .media + &, img + aspect-ratio: auto + @include media-breakpoint-down(desktop) + .post + [itemprop="abstract"] + margin-top: 0 + .post-author + margin-right: 0 + + time + display: inline + &::before + content: ' • ' + .post-categories + li + margin-right: space(2) + @include media-breakpoint-up(desktop) + .post + flex-direction: row + gap: var(--grid-gutter) + .post-title, + .post-subtitle + @include h2 + [itemprop="abstract"] + margin-top: $spacing-3 + + @include in-page-with-sidebar + .post + @include media-breakpoint-down(xl) + flex-direction: column + gap: unset + [itemprop="abstract"] + margin-top: $spacing-2 + @include media-breakpoint-up(xl) + .media, + .post-content + width: columns(4) + @include media-breakpoint-up(xl) + &.without-images + .post + .post-content + width: columns(8) + @include in-page-without-sidebar + .post + gap: var(--grid-gutter) + .media + width: columns(6) + .post-content + width: columns(5) + .post-title, + .post-subtitle + @include lead + &.without-images + .post + @include media-breakpoint-up(xl) + margin-left: offset(4) + .post-content + width: columns(6) + @include media-breakpoint-down(xl) + .post-content + width: columns(8) + + &--list + > li:where(:not(:last-child)) + border-bottom: var(--border-width) solid var(--color-border) + article .media background: none margin: 0 - @include media-breakpoint-down(desktop) - margin-right: $spacing-2 - width: 33.33333% - @include media-breakpoint-up(desktop) - grid-column: 1/4 - &:empty - background: var(--color-background-alt) - aspect-ratio: 3/2 &, img aspect-ratio: auto - @include media-breakpoint-up(desktop) - .post-meta - max-width: columns(3) - position: absolute - right: 0 - text-align: right - top: 0 - time, - .post-reading-time - font-size: $h5-size + + @include media-breakpoint-down(desktop) + > li + position: relative + padding-bottom: $spacing-3 + + li + margin-top: $spacing-3 + article .post-content - .post-title, + display: flex + flex-direction: column + padding-top: $spacing-2 + .post-title + margin-bottom: 0 + .post-categories + margin-bottom: 0 [itemprop="abstract"] - max-width: columns(6) - &.without-images + margin-top: $spacing-1 + .media + order: -1 + max-width: 33% + + @include media-breakpoint-up(desktop) + article + display: flex + flex-direction: row + + @include in-page-with-sidebar + > li + padding-bottom: $spacing-3 + + li + margin-top: $spacing-3 article + gap: var(--grid-gutter) + .media + width: columns(2) .post-content - grid-column-start: 1 - .posts--grid - @include grid(1) - @include grid(2, desktop) - @include grid($posts-grid-columns, xxl) - .post - @include author-and-time-side-to-side - .post-meta - margin-top: $spacing-2 + width: columns(6) + + @include in-page-without-sidebar + > li + padding-bottom: $spacing-5 + + li + margin-top: $spacing-5 + article + gap: var(--grid-gutter) + position: relative + .media + width: columns(3) + .post-content + display: flex + flex-direction: column + width: columns(7) + .post-meta + margin-top: auto + &:where(:has(*:not(time))) + padding-top: $spacing-3 + time + margin-top: space() + position: absolute + right: 0 + top: 0 + + *::before + content: none + padding: 0 + +// .posts__section, +// .posts_categories__term, +// .persons__page, +// .administrators__term, +// .authors__term, +// .researchers__term, +// .teachers__term +// .posts--grid +// @include grid(1) +// @include grid(2, desktop) +// @include grid($posts-grid-columns, xxl) +// .post +// .post-meta +// margin-top: $spacing-2 .posts__page .lead diff --git a/assets/sass/_theme/sections/programs.sass b/assets/sass/_theme/sections/programs.sass index 2d80fded8..b98a62a0d 100644 --- a/assets/sass/_theme/sections/programs.sass +++ b/assets/sass/_theme/sections/programs.sass @@ -58,6 +58,8 @@ ol.programs:where(:not(.programs--grid)) transition: color $color-duration &:hover color: var(--color-accent) + .program-categories + width: 100% @include media-breakpoint-down(md) .media display: none @@ -79,16 +81,12 @@ ol.programs:where(:not(.programs--grid)) .program-title, [itemprop="abstract"] min-width: columns(6) - .program-diploma - width: var(--grid-gutter) - text-align: center .media flex-shrink: 0 margin-bottom: 0 width: columns(2) @include in-page-with-sidebar - .program-diploma + [itemprop="abstract"] - padding-right: var(--grid-gutter) + .program-diploma width: 100% @include in-page-without-sidebar .program-title @@ -97,6 +95,11 @@ ol.programs:where(:not(.programs--grid)) width: columns(9) .program-diploma margin-left: offset(1) + text-align: center + width: var(--grid-gutter) + .program-categories + order: 3 + ol.programs--light .program &:first-child @@ -197,6 +200,7 @@ ol.programs--light section:not(.block) > * + * margin-top: 1em .blocks + margin-top: 0 section > * + * // TODO : check that @include h3 margin-top: 0 @@ -318,9 +322,9 @@ ol.programs--light padding-top: 0 .projects--list > li:first-child padding-top: 0 - .events--list article:last-child - margin-bottom: 0 - padding-bottom: 0 + // .events--list article:last-child + // margin-bottom: 0 + // padding-bottom: 0 .programs-index .programs margin-bottom: $spacing-5 diff --git a/assets/sass/_theme/sections/projects.sass b/assets/sass/_theme/sections/projects.sass index 9b6590361..c234aca0e 100644 --- a/assets/sass/_theme/sections/projects.sass +++ b/assets/sass/_theme/sections/projects.sass @@ -17,6 +17,8 @@ width: 100% .projects + > ul + @include list-reset &--grid @include grid(2, md) .project @@ -25,7 +27,7 @@ &-subtitle @include h3 @include media-breakpoint-down(md) - .project + .project + > li + li margin-top: $spacing-4 .project .media @@ -49,33 +51,28 @@ @include hover-translate-icon(after, $fade: true) &:hover color: $color-accent - @include media-breakpoint-down(md) - .project + @include media-breakpoint-down(md) .media margin-bottom: 0 order: -1 - &-meta + .project-meta margin-top: $spacing-1 - @include media-breakpoint-up(md) - .project + @include media-breakpoint-up(md) flex-direction: row .media order: 1 - &-categories + .project-categories display: flex width: fit-content - @include media-breakpoint-between(sm, desktop) - .project + @include media-breakpoint-between(sm, desktop) .media width: columns(4) - article @include in-page-with-sidebar - .project - &-title, - &-subtitle - @include h3 + .project-title, + .project-subtitle + @include h3 @include in-page-without-sidebar - &.project + .project-content .project-title, .project-subtitle @include h2 @@ -83,22 +80,22 @@ .project-subtitle @include h3 @include media-breakpoint-down(desktop) - .project + .project + > li + li margin-top: $spacing-4 @include media-breakpoint-up(desktop) - article - + article + > li + + li margin-top: $spacing-6 &:nth-child(odd) margin-left: auto @include in-page-with-sidebar - article + > li width: columns(5) @include in-page-without-sidebar .top .description @include body-text - article + > li width: columns(7) &--large .project @@ -106,9 +103,6 @@ line-height: $body-size margin-bottom: $spacing-2 margin-top: $spacing-2 - time - + .project-categories::before - content: ' — ' time, ul.project-categories align-self: baseline @@ -120,8 +114,8 @@ margin-top: $spacing-2 * + .more margin-top: $spacing-2 - + .project - margin-top: $spacing-4 + > li + li + margin-top: $spacing-4 @include media-breakpoint-up(desktop) .project align-items: flex-end diff --git a/assets/sass/_theme/sections/publications.sass b/assets/sass/_theme/sections/publications.sass index c7c9ed143..fedd02b06 100644 --- a/assets/sass/_theme/sections/publications.sass +++ b/assets/sass/_theme/sections/publications.sass @@ -52,10 +52,8 @@ padding-right: $spacing-4 .publications - margin-top: $spacing-5 - -.publications-list @include list-reset + margin-top: $spacing-5 .publications__section .publications-year + .publication diff --git a/assets/sass/_theme/sections/volumes.sass b/assets/sass/_theme/sections/volumes.sass index 466941502..7de2663ae 100644 --- a/assets/sass/_theme/sections/volumes.sass +++ b/assets/sass/_theme/sections/volumes.sass @@ -8,10 +8,9 @@ .volumes @include grid(2, md) @include grid(3, lg) + @include list-reset @include media-breakpoint-down(desktop) - // remove that when v8 add lists everywhere - > div + div, - > .volume + .volume + > li + li margin-top: $spacing-4 .volumes__taxonomy diff --git a/assets/sass/_theme/utils/browsers.sass b/assets/sass/_theme/utils/browsers.sass new file mode 100644 index 000000000..817cc2c22 --- /dev/null +++ b/assets/sass/_theme/utils/browsers.sass @@ -0,0 +1,3 @@ +@mixin firefox + @-moz-document url-prefix() + @content \ No newline at end of file diff --git a/assets/sass/_theme/utils/media.sass b/assets/sass/_theme/utils/media.sass index 8be361e9b..0aefa8440 100644 --- a/assets/sass/_theme/utils/media.sass +++ b/assets/sass/_theme/utils/media.sass @@ -11,4 +11,4 @@ @mixin handle-svg-fit picture.is-svg img - object-fit: contain \ No newline at end of file + object-fit: contain !important \ No newline at end of file diff --git a/assets/sass/_theme/utils/shame.sass b/assets/sass/_theme/utils/shame.sass index 9f84bfb60..28c342154 100644 --- a/assets/sass/_theme/utils/shame.sass +++ b/assets/sass/_theme/utils/shame.sass @@ -9,15 +9,6 @@ white-space: nowrap !important width: 1px !important -@mixin author-and-time-side-to-side - .post-meta - * - display: inline - > * + .post-author p, - > * + .post-reading-time - &::before - content: ' • ' - @mixin list-section @include list-reset > li diff --git a/hugo.yaml b/hugo.yaml index efe447c60..132cc60f6 100644 --- a/hugo.yaml +++ b/hugo.yaml @@ -129,6 +129,9 @@ params: options: image: true summary: true + single: + taxonomies: + display: false diplomas: single: programs: @@ -369,6 +372,9 @@ params: related_events: layout: list quantity: 4 + related_exhibitions: + layout: list + quantity: 4 related_posts: layout: list quantity: 4 @@ -378,6 +384,7 @@ params: index: options: button: false + categories: false contact: false diploma: true diploma_certification: false @@ -435,6 +442,13 @@ params: volumes: default_image: false + # COMPONENTS + components: + lightbox: + disabled: false + in_gallery: + disabled: false + # BLOCKS blocks: gallery: @@ -443,21 +457,21 @@ params: progression: true key_figures: animated: true + organizations: + slider: + arrows: true + progression: true pages: alternate: more: true posts: slider: arrows: true - organizations: - slider: - arrows: true - progression: true testimonials: slider: - pagination: true autoplay: true interval: 5000 + pagination: true timeline: slider: arrows: true @@ -465,23 +479,41 @@ params: image_sizes: _default: pagefind: "244" - design_system: lightbox: - disabled: false - # TODO mobile et tablet - mobile: 1920x2560 - tablet: 1920x2560 - desktop: 1920x2560 - in_gallery: - disabled: false + desktop: 1920x2560 hero: mobile: 400 tablet: 800 desktop: 750 - item: - mobile: 350 - tablet: 450 - desktop: 450 + layouts: + alternate: + mobile: 360 + tablet: 555 + desktop: 520 + cards: + mobile: 360 + tablet: 555 + desktop: 575 + carousel: + mobile: 360 + tablet: 555 + desktop: 575 + grid: + mobile: 360 + tablet: 555 + desktop: 575 + large: + mobile: 400 + tablet: 555 + desktop: 894 + list: + mobile: 109 + tablet: 555 + desktop: 374 + map: + mobile: 300 + tablet: 300 + desktop: 300 blocks: call_to_action: mobile: 375 @@ -490,133 +522,11 @@ params: chapter: mobile: 350 tablet: 450 - desktop: 800 + desktop: 448 features: mobile: 350 tablet: 400 desktop: 750 - key_figures: - mobile: 100 - tablet: 100 - desktop: 150 - image: - mobile: 480x850 - tablet: 768x1360 - desktop: 1920x1920 - jobs: - alternate: - mobile: 350 - tablet: 709 - desktop: 1019 - grid: - mobile: 327 - tablet: 555 - desktop: 864 - large: - mobile: 350 - tablet: 555 - desktop: 1019 - list: - mobile: 350 - tablet: 709 - desktop: 1019 - links: - mobile: 350 - tablet: 400 - desktop: 750 - organizations: - mobile: 164 - tablet: 216 - desktop: 196 - organization_chart: # LEGACY - mobile: 80 - tablet: 100 - desktop: 255 - pages: - list: - mobile: 400 - tablet: 800 - desktop: 300 - large: - mobile: 400 - tablet: 800 - desktop: 1080 - partners: # LEGACY - mobile: 164 - tablet: 216 - desktop: 196 - persons: - grid: - mobile: 90 - tablet: 220 - desktop: 245 - large: - mobile: 400 - tablet: 360 - desktop: 645 - list: - mobile: 90 - tablet: 360 - desktop: 255 - projects: - alternate: - mobile: 350 - tablet: 709 - desktop: 1019 - grid: - mobile: 327 - tablet: 555 - desktop: 864 - large: - mobile: 350 - tablet: 555 - desktop: 1019 - events: - grid: - mobile: 400 - tablet: 360 - desktop: 690 - large: - mobile: 400 - tablet: 360 - desktop: 1019 - list: - mobile: 90 - tablet: 200 - desktop: 255 - agenda: - mobile: 400 - tablet: 360 - desktop: 645 - parent: - mobile: 400 - tablet: 360 - desktop: 645 - exhibitions: - grid: - mobile: 400 - tablet: 360 - desktop: 555 - large: - mobile: 400 - tablet: 360 - desktop: 645 - list: - mobile: 90 - tablet: 200 - desktop: 255 - agenda: - mobile: 400 - tablet: 360 - desktop: 645 - parent: - mobile: 400 - tablet: 360 - desktop: 645 - testimonials: - mobile: 80 - tablet: 160 - desktop: 260 gallery: carousel: mobile: 400 @@ -630,10 +540,22 @@ params: mobile: 400 tablet: 800 desktop: 1920 - programs: - mobile: 400 - tablet: 800 + image: + mobile: 480x850 + tablet: 768x1360 + desktop: 1920x1920 + key_figures: + mobile: 100 + tablet: 100 + desktop: 150 + links: + mobile: 350 + tablet: 400 desktop: 600 + testimonials: + mobile: 80 + tablet: 160 + desktop: 260 sections: categories: hero: @@ -648,29 +570,29 @@ params: mobile: 350 tablet: 990 desktop: 600 - large: - mobile: 360 - tablet: 555 - desktop: 864 - list: - mobile: 90 - tablet: 360 - desktop: 400 + layouts: + large: + mobile: 360 + tablet: 555 + desktop: 864 + list: + mobile: 90 + tablet: 360 + desktop: 400 diplomas: hero: mobile: 400 tablet: 800 desktop: 750 hero_single: - mobile: 351 - tablet: 456 - desktop: 856 - home: - hero: mobile: 400 tablet: 800 desktop: 750 events: + children_in_agenda: + mobile: 109 + tablet: 240 + desktop: 245 hero: mobile: 400 tablet: 800 @@ -692,6 +614,19 @@ params: mobile: 350 tablet: 450 desktop: 750 + layouts: + agenda: + mobile: 400 + tablet: 768 + desktop: 400 + parent: + mobile: 400 + tablet: 360 + desktop: 1213 + list: + mobile: 90 + tablet: 200 + desktop: 255 exhibitions: hero: mobile: 400 @@ -714,6 +649,20 @@ params: mobile: 350 tablet: 450 desktop: 750 + layouts: + agenda: + mobile: 400 + tablet: 360 + desktop: 645 + grid: + mobile: 350 + tablet: 555 + desktop: 864 + home: + hero: + mobile: 400 + tablet: 800 + desktop: 750 jobs: hero: mobile: 400 @@ -727,19 +676,20 @@ params: hero: mobile: 400 tablet: 800 - desktop: 900 + desktop: 750 hero_single: mobile: 400 tablet: 800 - desktop: 900 + desktop: 750 item: mobile: 350 tablet: 450 desktop: 900 - map: - mobile: 300 - tablet: 300 - desktop: 300 + layouts: + map: + mobile: 200 + tablet: 200 + desktop: 200 organizations: hero: mobile: 400 @@ -753,14 +703,19 @@ params: mobile: 144 tablet: 196 desktop: 246 - grid: - mobile: 144 - tablet: 196 - desktop: 246 - large: - mobile: 350 - tablet: 555 - desktop: 864 + layouts: + grid: + mobile: 144 + tablet: 196 + desktop: 246 + large: + mobile: 350 + tablet: 555 + desktop: 864 + map: + mobile: 144 + tablet: 196 + desktop: 246 pages: hero: mobile: 400 @@ -770,6 +725,11 @@ params: mobile: 350 tablet: 990 desktop: 600 + layouts: + list: + mobile: 400 + tablet: 800 + desktop: 400 papers: hero: mobile: 400 @@ -788,6 +748,19 @@ params: mobile: 80 tablet: 100 desktop: 255 + layouts: + grid: + mobile: 90 + tablet: 220 + desktop: 245 + large: + mobile: 400 + tablet: 360 + desktop: 645 + list: + mobile: 64 + tablet: 64 + desktop: 245 posts: hero: mobile: 400 @@ -801,55 +774,66 @@ params: mobile: 350 tablet: 450 desktop: 600 - projects: + layouts: + highlight: + mobile: 400 + tablet: 555 + desktop: 812 + programs: hero: mobile: 400 tablet: 800 desktop: 750 - hero_single: - mobile: 400 - tablet: 800 - desktop: 750 + image: + mobile: 351x168 + tablet: 456x219 + desktop: 1200 item: mobile: 350 tablet: 450 desktop: 600 - list: - mobile: 90 - tablet: 350 - desktop: 555 - alternate: - mobile: 350 - tablet: 555 - desktop: 1019 - grid: - mobile: 327 - tablet: 555 - desktop: 864 - large: - mobile: 350 - tablet: 555 - desktop: 1019 - programs: + layouts: + list: + mobile: 90 + tablet: 200 + desktop: 255 + projects: hero: mobile: 400 tablet: 800 desktop: 750 - image: - mobile: 351x168 - tablet: 456x219 - desktop: 1200 + hero_single: + mobile: 400 + tablet: 800 + desktop: 750 item: mobile: 350 tablet: 450 desktop: 600 + layouts: + alternate: + mobile: 350 + tablet: 555 + desktop: 1019 + grid: + mobile: 350 + tablet: 555 + desktop: 864 + large: + mobile: 350 + tablet: 555 + desktop: 1019 + list: + mobile: 90 + tablet: 350 + desktop: 415 publications: - hero: + hero: mobile: 400 tablet: 800 desktop: 750 schools: - hero: + hero: mobile: 400 tablet: 800 desktop: 750 @@ -865,4 +849,4 @@ params: item: mobile: 327x388 tablet: 208x247 - desktop: 300x356 + desktop: 555x666 diff --git a/i18n/en.yml b/i18n/en.yml index 9ad39a741..901fdd1fa 100644 --- a/i18n/en.yml +++ b/i18n/en.yml @@ -322,15 +322,17 @@ events: unique_day: Date exhibitions: archives: Previous exhibitions archive - none: No exhibition. current: Now future: Coming soon item: federated: "Exhibition from {{ . }}" + none: No exhibition. + see_all_in_program: See all program's exhibitions status: + archive: Passed current: Now future: Soon - archive: Passed + title: Exhibitions formats: pdf: Adobe Portable Document Format jpg: JPEG image diff --git a/i18n/fr.yml b/i18n/fr.yml index 4ec5fd71a..ac14c0f6f 100644 --- a/i18n/fr.yml +++ b/i18n/fr.yml @@ -324,15 +324,17 @@ events: anchor: Accéder aux événements exhibitions: archives: Expositions passées - none: Aucune exposition. current: En ce moment future: Bientôt item: federated: "Exposition du réseau {{ . }}" + none: Aucune exposition. + see_all_in_program: Voir toutes les expositions de la formation status: + archive: Archive current: En cours future: À venir - archive: Archive + title: Expositions formats: pdf: Adobe Portable Document Format jpg: JPEG image @@ -421,6 +423,8 @@ posts: other: "{{ .Count }} articles" date: Date informations: Informations + item: + federated: "Actualité du réseau {{ . }}" next: Article suivant next_aria: Article suivant “{{ .Title }}” none: Aucun article publié @@ -480,6 +484,7 @@ programs: presentation: Présentation related: events: Événements + exhibitions: Expositions posts: Actualités projects: Projets results: Après la formation diff --git a/i18n/pt.yml b/i18n/pt.yml index d33511de0..278b5bad2 100644 --- a/i18n/pt.yml +++ b/i18n/pt.yml @@ -315,17 +315,16 @@ papers: references: Referências content: Texto completo persons: - posts: Notícias publicadas recentemente - programs: Cursos - papers: Artigos - publications: Publicações recentes - papers: Artigos publicados recentemente backlinks: events: Eventos mencionando exhibitions: Exposições mencionando pages: Páginas mencionando posts: Notícias mencionando projects: Projetos mencionando + papers: Artigos publicados recentemente + posts: Notícias publicadas recentemente + programs: Cursos + publications: Publicações recentes posts: author: Autor/a authors: diff --git a/layouts/partials/AddCreditMention b/layouts/_partials/AddCreditMention.html similarity index 100% rename from layouts/partials/AddCreditMention rename to layouts/_partials/AddCreditMention.html diff --git a/layouts/partials/FilterIframeLazy b/layouts/_partials/FilterIframeLazy.html similarity index 100% rename from layouts/partials/FilterIframeLazy rename to layouts/_partials/FilterIframeLazy.html diff --git a/layouts/partials/FilterPublications b/layouts/_partials/FilterPublications.html similarity index 100% rename from layouts/partials/FilterPublications rename to layouts/_partials/FilterPublications.html diff --git a/layouts/partials/GetBlockClass b/layouts/_partials/GetBlockClass.html similarity index 100% rename from layouts/partials/GetBlockClass rename to layouts/_partials/GetBlockClass.html diff --git a/layouts/partials/GetBodyclass b/layouts/_partials/GetBodyclass.html similarity index 100% rename from layouts/partials/GetBodyclass rename to layouts/_partials/GetBodyclass.html diff --git a/layouts/partials/GetCategoriesSlug b/layouts/_partials/GetCategoriesSlug.html similarity index 100% rename from layouts/partials/GetCategoriesSlug rename to layouts/_partials/GetCategoriesSlug.html diff --git a/layouts/partials/GetDayAnchor b/layouts/_partials/GetDayAnchor.html similarity index 100% rename from layouts/partials/GetDayAnchor rename to layouts/_partials/GetDayAnchor.html diff --git a/layouts/partials/GetExtensionFile b/layouts/_partials/GetExtensionFile.html similarity index 100% rename from layouts/partials/GetExtensionFile rename to layouts/_partials/GetExtensionFile.html diff --git a/layouts/partials/GetFigureAriaLabel b/layouts/_partials/GetFigureAriaLabel.html similarity index 100% rename from layouts/partials/GetFigureAriaLabel rename to layouts/_partials/GetFigureAriaLabel.html diff --git a/layouts/partials/GetFileExtensionWithSize b/layouts/_partials/GetFileExtensionWithSize.html similarity index 100% rename from layouts/partials/GetFileExtensionWithSize rename to layouts/_partials/GetFileExtensionWithSize.html diff --git a/layouts/partials/GetHeadTitle b/layouts/_partials/GetHeadTitle.html similarity index 54% rename from layouts/partials/GetHeadTitle rename to layouts/_partials/GetHeadTitle.html index ce59271f4..84c7406ee 100644 --- a/layouts/partials/GetHeadTitle +++ b/layouts/_partials/GetHeadTitle.html @@ -3,7 +3,6 @@ {{ $separator := htmlUnescape site.Params.seo.title.separator }} {{ $title := printf "%s %s %s" $pageTitle $separator $siteTitle }} -{{/* PAGE OPTION */}} {{ $option := "both" }} {{ if .IsHome }} {{ $option = site.Params.home.head.title }} @@ -15,15 +14,4 @@ {{ $title = $siteTitle }} {{ end }} -{{/* PAGINATION */}} -{{/* {{ if and (not .IsHome) (eq .Kind "section") }} - {{ with .Paginator }} - {{ if or .HasPrev .HasNext }} - {{ $page_label := i18n "commons.pagination.title" }} - {{ $currentPageNumber := .PageNumber }} - {{ $title = printf "%s %s %s %d" $title $separator $page_label $currentPageNumber }} - {{ end }} - {{ end }} -{{ end }} */}} - {{ return $title }} \ No newline at end of file diff --git a/layouts/partials/GetHeadingTag b/layouts/_partials/GetHeadingTag.html similarity index 100% rename from layouts/partials/GetHeadingTag rename to layouts/_partials/GetHeadingTag.html diff --git a/layouts/partials/GetHumanSize b/layouts/_partials/GetHumanSize.html similarity index 100% rename from layouts/partials/GetHumanSize rename to layouts/_partials/GetHumanSize.html diff --git a/layouts/partials/GetImageDimensions b/layouts/_partials/GetImageDimensions.html similarity index 100% rename from layouts/partials/GetImageDimensions rename to layouts/_partials/GetImageDimensions.html diff --git a/layouts/partials/GetImageDirection b/layouts/_partials/GetImageDirection.html similarity index 100% rename from layouts/partials/GetImageDirection rename to layouts/_partials/GetImageDirection.html diff --git a/layouts/partials/GetImageUrl b/layouts/_partials/GetImageUrl.html similarity index 100% rename from layouts/partials/GetImageUrl rename to layouts/_partials/GetImageUrl.html diff --git a/layouts/partials/GetImageUrlKeycdn b/layouts/_partials/GetImageUrlKeycdn.html similarity index 100% rename from layouts/partials/GetImageUrlKeycdn rename to layouts/_partials/GetImageUrlKeycdn.html diff --git a/layouts/partials/GetImageUrlOsuny b/layouts/_partials/GetImageUrlOsuny.html similarity index 100% rename from layouts/partials/GetImageUrlOsuny rename to layouts/_partials/GetImageUrlOsuny.html diff --git a/layouts/partials/GetLayoutAndOptions b/layouts/_partials/GetLayoutAndOptions.html similarity index 100% rename from layouts/partials/GetLayoutAndOptions rename to layouts/_partials/GetLayoutAndOptions.html diff --git a/layouts/partials/GetLightboxUrl b/layouts/_partials/GetLightboxUrl.html similarity index 81% rename from layouts/partials/GetLightboxUrl rename to layouts/_partials/GetLightboxUrl.html index 7ea489ee6..dc81e7ca3 100644 --- a/layouts/partials/GetLightboxUrl +++ b/layouts/_partials/GetLightboxUrl.html @@ -2,7 +2,7 @@ {{ if isset . "id" }} {{ $id = .id }} {{ end }} -{{ $lightbox_sizes := site.Params.image_sizes.design_system.lightbox.desktop }} +{{ $lightbox_sizes := site.Params.image_sizes._default.lightbox.desktop }} {{ $image := partial "GetMedia" $id }} {{ $url := "" }} diff --git a/layouts/partials/GetLogoUrl b/layouts/_partials/GetLogoUrl.html similarity index 100% rename from layouts/partials/GetLogoUrl rename to layouts/_partials/GetLogoUrl.html diff --git a/layouts/partials/GetMainClass b/layouts/_partials/GetMainClass.html similarity index 100% rename from layouts/partials/GetMainClass rename to layouts/_partials/GetMainClass.html diff --git a/layouts/partials/GetMainSearchAttributes b/layouts/_partials/GetMainSearchAttributes.html similarity index 100% rename from layouts/partials/GetMainSearchAttributes rename to layouts/_partials/GetMainSearchAttributes.html diff --git a/layouts/partials/GetMedia b/layouts/_partials/GetMedia.html similarity index 100% rename from layouts/partials/GetMedia rename to layouts/_partials/GetMedia.html diff --git a/layouts/partials/GetMenu b/layouts/_partials/GetMenu.html similarity index 100% rename from layouts/partials/GetMenu rename to layouts/_partials/GetMenu.html diff --git a/layouts/partials/GetMenuSummary b/layouts/_partials/GetMenuSummary.html similarity index 100% rename from layouts/partials/GetMenuSummary rename to layouts/_partials/GetMenuSummary.html diff --git a/layouts/partials/GetMonthFromNow b/layouts/_partials/GetMonthFromNow.html similarity index 100% rename from layouts/partials/GetMonthFromNow rename to layouts/_partials/GetMonthFromNow.html diff --git a/layouts/partials/GetObjectsFromPathSlice b/layouts/_partials/GetObjectsFromPathSlice.html similarity index 100% rename from layouts/partials/GetObjectsFromPathSlice rename to layouts/_partials/GetObjectsFromPathSlice.html diff --git a/layouts/partials/GetPathSliceFromObjects b/layouts/_partials/GetPathSliceFromObjects.html similarity index 100% rename from layouts/partials/GetPathSliceFromObjects rename to layouts/_partials/GetPathSliceFromObjects.html diff --git a/layouts/partials/GetPermalink b/layouts/_partials/GetPermalink.html similarity index 100% rename from layouts/partials/GetPermalink rename to layouts/_partials/GetPermalink.html diff --git a/layouts/partials/GetRichSummary b/layouts/_partials/GetRichSummary.html similarity index 100% rename from layouts/partials/GetRichSummary rename to layouts/_partials/GetRichSummary.html diff --git a/layouts/partials/GetSiteParamWithDefault b/layouts/_partials/GetSiteParamWithDefault.html similarity index 100% rename from layouts/partials/GetSiteParamWithDefault rename to layouts/_partials/GetSiteParamWithDefault.html diff --git a/layouts/partials/GetSummaryPosition b/layouts/_partials/GetSummaryPosition.html similarity index 100% rename from layouts/partials/GetSummaryPosition rename to layouts/_partials/GetSummaryPosition.html diff --git a/layouts/partials/GetTaxonomiesPosition b/layouts/_partials/GetTaxonomiesPosition.html similarity index 100% rename from layouts/partials/GetTaxonomiesPosition rename to layouts/_partials/GetTaxonomiesPosition.html diff --git a/layouts/partials/GetTermsFromTaxonomies b/layouts/_partials/GetTermsFromTaxonomies.html similarity index 100% rename from layouts/partials/GetTermsFromTaxonomies rename to layouts/_partials/GetTermsFromTaxonomies.html diff --git a/layouts/partials/GetTextFromHTML b/layouts/_partials/GetTextFromHTML.html similarity index 100% rename from layouts/partials/GetTextFromHTML rename to layouts/_partials/GetTextFromHTML.html diff --git a/layouts/partials/GetTruncatedText b/layouts/_partials/GetTruncatedText.html similarity index 100% rename from layouts/partials/GetTruncatedText rename to layouts/_partials/GetTruncatedText.html diff --git a/layouts/partials/HasAdministrativeInformation b/layouts/_partials/HasAdministrativeInformation.html similarity index 100% rename from layouts/partials/HasAdministrativeInformation rename to layouts/_partials/HasAdministrativeInformation.html diff --git a/layouts/partials/IsFirstPage b/layouts/_partials/IsFirstPage.html similarity index 100% rename from layouts/partials/IsFirstPage rename to layouts/_partials/IsFirstPage.html diff --git a/layouts/partials/PrepareHTML b/layouts/_partials/PrepareHTML.html similarity index 100% rename from layouts/partials/PrepareHTML rename to layouts/_partials/PrepareHTML.html diff --git a/layouts/partials/PrepareText b/layouts/_partials/PrepareText.html similarity index 100% rename from layouts/partials/PrepareText rename to layouts/_partials/PrepareText.html diff --git a/layouts/partials/RemoveSrOnlyTag b/layouts/_partials/RemoveSrOnlyTag.html similarity index 100% rename from layouts/partials/RemoveSrOnlyTag rename to layouts/_partials/RemoveSrOnlyTag.html diff --git a/layouts/partials/academic_years/partials/academic_year.html b/layouts/_partials/academic_years/partials/academic_year.html similarity index 100% rename from layouts/partials/academic_years/partials/academic_year.html rename to layouts/_partials/academic_years/partials/academic_year.html diff --git a/layouts/partials/academic_years/partials/academic_years.html b/layouts/_partials/academic_years/partials/academic_years.html similarity index 100% rename from layouts/partials/academic_years/partials/academic_years.html rename to layouts/_partials/academic_years/partials/academic_years.html diff --git a/layouts/partials/academic_years/partials/persons.html b/layouts/_partials/academic_years/partials/persons.html similarity index 56% rename from layouts/partials/academic_years/partials/persons.html rename to layouts/_partials/academic_years/partials/persons.html index 4ab881890..79141739e 100644 --- a/layouts/partials/academic_years/partials/persons.html +++ b/layouts/_partials/academic_years/partials/persons.html @@ -4,13 +4,13 @@ {{ range . }}
{{ partial "PrepareHTML" .no_event_message }}
{{ end }} diff --git a/layouts/partials/blocks/templates/call_to_action.html b/layouts/_partials/blocks/templates/call_to_action.html similarity index 81% rename from layouts/partials/blocks/templates/call_to_action.html rename to layouts/_partials/blocks/templates/call_to_action.html index 76e850db0..933192e5e 100644 --- a/layouts/partials/blocks/templates/call_to_action.html +++ b/layouts/_partials/blocks/templates/call_to_action.html @@ -29,16 +29,11 @@%s
%s" .video_title .transcription) - )}} + "mode" "player" + "videoId" $video_id + "transcription" (printf "%s
%s" .video_title .transcription) + ) }}{{ i18n (printf "%s.status.%s" $type $status) }} diff --git a/layouts/partials/commons/item/summary.html b/layouts/_partials/commons/item/summary.html similarity index 75% rename from layouts/partials/commons/item/summary.html rename to layouts/_partials/commons/item/summary.html index 6c8284f0f..b9ec4b77e 100644 --- a/layouts/partials/commons/item/summary.html +++ b/layouts/_partials/commons/item/summary.html @@ -4,8 +4,8 @@ {{ with $summary }}
{{ i18n "events.part_of" }}
{{ partial "events/partials/event.html" (dict - "event" . - "layout" "parent" - "options" site.Params.events.index.options - "with_more" true - "is_sup_event" true - )}} + "event" . + "layout" "parent" + "options" site.Params.events.index.options + "with_more" true + "is_sup_event" true + ) }}{{ partial "commons/links/tel.html" (dict - "value" .value - "label" .label - "title" ( i18n "commons.contact.phone.a11y_label" ( dict "phone_number" .label ) ) - ) }} + "value" .value + "label" .label + "title" ( i18n "commons.contact.phone.a11y_label" ( dict "phone_number" .label ) ) + ) }}
{{ end }} {{ end }} diff --git a/layouts/partials/footer/site/school.html b/layouts/_partials/footer/site/school.html similarity index 66% rename from layouts/partials/footer/site/school.html rename to layouts/_partials/footer/site/school.html index 76c7f2453..7fa983bf4 100644 --- a/layouts/partials/footer/site/school.html +++ b/layouts/_partials/footer/site/school.html @@ -16,20 +16,20 @@ {{ with .phone_numbers.phone }}{{ partial "commons/links/tel.html" (dict - "value" .value - "label" .label - "title" ( i18n "commons.contact.phone.a11y_label" ( dict "phone_number" .label ) ) - ) }} + "value" .value + "label" .label + "title" ( i18n "commons.contact.phone.a11y_label" ( dict "phone_number" .label ) ) + ) }}
{{ end }} {{ with .websites.website }}{{ partial "commons/links/website.html" (dict - "value" .value - "label" .label - "title" ( i18n "commons.contact.socials.label.website" ( dict "name" $name ) ) - ) }} + "value" .value + "label" .label + "title" ( i18n "commons.contact.socials.label.website" ( dict "name" $name ) ) + ) }}
{{ end }} {{ end }} diff --git a/layouts/partials/footer/social.html b/layouts/_partials/footer/social.html similarity index 63% rename from layouts/partials/footer/social.html rename to layouts/_partials/footer/social.html index 501db4829..b81157746 100644 --- a/layouts/partials/footer/social.html +++ b/layouts/_partials/footer/social.html @@ -2,17 +2,17 @@ {{ if $menu.items }} {{ partial "commons/menu.html" (dict - "kind" "social" - "level" 1 - "class" "nav-social" - )}} + "kind" "social" + "level" 1 + "class" "nav-social" + ) }} {{ end }} {{ with site.Params.contact_details }} {{ end }} \ No newline at end of file diff --git a/layouts/partials/head/csp.html b/layouts/_partials/head/csp.html similarity index 100% rename from layouts/partials/head/csp.html rename to layouts/_partials/head/csp.html diff --git a/layouts/partials/head/css.html b/layouts/_partials/head/css.html similarity index 100% rename from layouts/partials/head/css.html rename to layouts/_partials/head/css.html diff --git a/layouts/partials/head/extras.html b/layouts/_partials/head/extras.html similarity index 100% rename from layouts/partials/head/extras.html rename to layouts/_partials/head/extras.html diff --git a/layouts/partials/head/favicons.html b/layouts/_partials/head/favicons.html similarity index 100% rename from layouts/partials/head/favicons.html rename to layouts/_partials/head/favicons.html diff --git a/layouts/partials/head/init.html b/layouts/_partials/head/init.html similarity index 100% rename from layouts/partials/head/init.html rename to layouts/_partials/head/init.html diff --git a/layouts/partials/head/rss.html b/layouts/_partials/head/rss.html similarity index 100% rename from layouts/partials/head/rss.html rename to layouts/_partials/head/rss.html diff --git a/layouts/partials/head/script.html b/layouts/_partials/head/script.html similarity index 100% rename from layouts/partials/head/script.html rename to layouts/_partials/head/script.html diff --git a/layouts/partials/head/seo.html b/layouts/_partials/head/seo.html similarity index 91% rename from layouts/partials/head/seo.html rename to layouts/_partials/head/seo.html index 74c6e98f9..e5ef22b61 100644 --- a/layouts/partials/head/seo.html +++ b/layouts/_partials/head/seo.html @@ -27,17 +27,17 @@ {{- with $sharedImage -}} {{- $ogImage = partial "GetImageUrl" (dict - "media" . - "size" "1200" - ) -}} + "media" . + "size" "1200" + ) -}} {{- $twitterImage = partial "GetImageUrl" (dict - "media" . - "size" "1200" - ) -}} + "media" . + "size" "1200" + ) -}} {{- $pagefindImage = partial "GetImageUrl" (dict - "media" . - "size" site.Params.image_sizes._default.pagefind - ) -}} + "media" . + "size" site.Params.image_sizes._default.pagefind + ) -}} {{- end -}} {{- $seoUrl := .Permalink -}} diff --git a/layouts/partials/header/accessibility.html b/layouts/_partials/header/accessibility.html similarity index 100% rename from layouts/partials/header/accessibility.html rename to layouts/_partials/header/accessibility.html diff --git a/layouts/partials/header/breadcrumbs.html b/layouts/_partials/header/breadcrumbs.html similarity index 100% rename from layouts/partials/header/breadcrumbs.html rename to layouts/_partials/header/breadcrumbs.html diff --git a/layouts/partials/header/button.html b/layouts/_partials/header/button.html similarity index 100% rename from layouts/partials/header/button.html rename to layouts/_partials/header/button.html diff --git a/layouts/partials/header/cta.html b/layouts/_partials/header/cta.html similarity index 100% rename from layouts/partials/header/cta.html rename to layouts/_partials/header/cta.html diff --git a/layouts/partials/header/header.html b/layouts/_partials/header/header.html similarity index 83% rename from layouts/partials/header/header.html rename to layouts/_partials/header/header.html index c5c8cc79f..697b4d6c3 100644 --- a/layouts/partials/header/header.html +++ b/layouts/_partials/header/header.html @@ -23,13 +23,12 @@ {{ if $primary.items }} {{ partial "header/button.html" }} {{ end }} {{ partial "hooks/before-primary-menu-end.html" . }} diff --git a/layouts/partials/header/hero.html b/layouts/_partials/header/hero.html similarity index 94% rename from layouts/partials/header/hero.html rename to layouts/_partials/header/hero.html index 0c2b9659a..3ac61269a 100644 --- a/layouts/partials/header/hero.html +++ b/layouts/_partials/header/hero.html @@ -76,11 +76,11 @@{{ i18n (cond $is_term "categories.no_organization" "organizations.none") }}
+{{ else }} + +{{ end }} diff --git a/layouts/partials/organizations/section.html b/layouts/_partials/organizations/section.html similarity index 89% rename from layouts/partials/organizations/section.html rename to layouts/_partials/organizations/section.html index fe64e8dd5..cd0aa01d6 100644 --- a/layouts/partials/organizations/section.html +++ b/layouts/_partials/organizations/section.html @@ -10,15 +10,15 @@{{ i18n (cond $is_term "categories.no_page" "pages.none") }}
+{{ else }} +{{ partial "PrepareHTML" .Title }}
- {{- if and $options.summary (partial "GetTextFromHTML" .Params.summary) }} + {{- if and $options.summary .Params.summary }}{{ partial "PrepareHTML" $role }}
+ {{ else if $person.Params.summary }} + {{ partial "PrepareHTML" $person.Params.summary }} + {{ end }} +{{ partial "PrepareHTML" .Params.subtitle }}
+ {{ end }} + {{ if and $options.subtitle .Params.subtitle }} + + {{ end }} + + {{ if and $options.summary .Params.summary }} + {{ partial "GetRichSummary" ( dict + "summary" .Params.summary + "kind" "posts" + ) }} + {{ end }} + + {{ if $options.categories }} + {{ partial "commons/categories" ( dict + "context" . + "kind" "post" + ) }} + {{ end }} + + {{ if and $reading_time $options.reading_time }} + {{ partial "posts/partials/post/reading-time.html" $reading_time }} + {{ end }} +{{ .Params.subtitle }}
+ {{ end }} + {{ if and $options.subtitle .Params.subtitle }} + + {{ end }} + + {{ partial "posts/partials/post/federated.html" . }} + + {{ if and $options.summary .Params.summary }} +{{ i18n (cond $is_term "categories.no_post" "posts.none") }}
+ {{ else }} + {{ range .Paginator.Pages }} + {{ partial "posts/partials/post.html" (dict + "post" . + "layout" $layout + "options" $options + ) }} + {{ end }} + {{ end }} +{{ i18n "commons.more" }}
{{ end }} {{ if and $options.logo $program.Params.logo }} - {{ partial "commons/image.html" - (dict - "image" $program.Params.logo - "lazy" false - "html_class" "program-logo" - ) }} + {{ partial "commons/image.html" (dict + "image" $program.Params.logo + "lazy" false + "html_class" "program-logo" + ) }} {{ end }}
+ {{ $title }}
+
+ {{ partial "PrepareHTML" .Title }}
+ {{ if .Params.phone }}
+
+ {{ safeHTML .Params.phone }}
+ {{ end }}
+ {{ if .Params.email }}
+
+ {{ .Params.email }}
+ {{ end }}
+