diff --git a/assets/sass/_theme/blocks/partners.sass b/assets/sass/_theme/blocks/partners.sass index 692a80b49e69f180a21d5f1f8e83956aa7df09cb..347f14271064d95e44f711d774c95ca293d48683 100644 --- a/assets/sass/_theme/blocks/partners.sass +++ b/assets/sass/_theme/blocks/partners.sass @@ -5,5 +5,7 @@ max-width: col(8) @include in-page-with-sidebar .organizations + @include grid(2, md) + @include grid(3, lg) @include grid(4, xl) grid-column-gap: half($grid-gutter) !important diff --git a/assets/sass/_theme/sections/organizations.sass b/assets/sass/_theme/sections/organizations.sass index 19b8db695408f11ecc135b2b30ebb8a4d8521b01..c732d67c15d78c203c922c6126a8180edc2c1a7f 100644 --- a/assets/sass/_theme/sections/organizations.sass +++ b/assets/sass/_theme/sections/organizations.sass @@ -1,23 +1,31 @@ .organization @include article position: relative - h2 + h2, h3 @include meta a @include stretched-link text-decoration: none + display: block .media background: $color-background-alt padding: $spacing1 margin-bottom: half($spacing0) picture - aspect-ratio: 1/1 + aspect-ratio: 1 display: block img width: 100% height: 100% object-fit: contain object-position: center + &:empty + position: relative + &::after + content: '' + display: block + padding-bottom: 100% + .organizations max-width: 100% diff --git a/layouts/partials/blocks/templates/partners.html b/layouts/partials/blocks/templates/partners.html index 20ce1f6c01183be94956f2b12f22242848de2fe3..a0e497fa66eed83edab8387bb0a1f8d4d23e4758 100644 --- a/layouts/partials/blocks/templates/partners.html +++ b/layouts/partials/blocks/templates/partners.html @@ -22,45 +22,52 @@ <div class="organizations"> {{- range .partners }} - <div> - {{- if .slug }} - {{ with (site.GetPage (printf "/organizations/%s" .slug )) }} - {{- partial "organizations/organization.html" . -}} - {{ end }} - {{- else -}} - <article class="organization"> - {{- $title := "" -}} - {{ if .name }} - <div> - {{ $title = partial "PrepareHTML" .name -}} - <h3> - {{- if .url }} - <a href="{{ .url }}" title="{{ safeHTML (i18n "commons.link.blank_aria" (dict "Title" $title)) }}"> - {{ end }} - {{- $title -}} - {{ if .url }} - </a> - {{ end -}} - </h3> - </div> - {{ end -}} - <div class="media"> - {{- if .logo -}} - {{- partial "commons/image.html" - (dict - "image" .logo - "alt" $title - "sizes" site.Params.image_sizes.blocks.partners - ) -}} - {{- end -}} - </div> - </article> - {{ end -}} - - </div> + {{ if .slug }} + {{ with (site.GetPage (printf "/organizations/%s" .slug )) }} + {{ template "partner" (dict + "title" .Title + "url" .Permalink + "logo" .Params.logo + )}} + {{ end }} + {{ else }} + {{ template "partner" (dict + "title" .name + "url" .url + "logo" .logo + )}} + {{ end }} {{ end -}} </div> </div> </div> </section> {{- end -}} + +{{- define "partner" -}} +<article class="organization"> + {{ $title := "" }} + {{ if .title }} + {{ $title = partial "PrepareHTML" .title -}} + <h3> + {{- if .url }} + <a href="{{ .url }}" title="{{ safeHTML (i18n "commons.link.blank_aria" (dict "Title" $title)) }}"> + {{ end -}} + {{- $title -}} + {{- if .url }} + </a> + {{ end -}} + </h3> + {{ end -}} + <div class="media"> + {{- if .logo -}} + {{- partial "commons/image.html" + (dict + "image" .logo + "alt" $title + "sizes" site.Params.image_sizes.blocks.partners + ) -}} + {{- end -}} + </div> +</article> +{{- end -}} \ No newline at end of file