campus block

assets/sass/_theme/sections/locations.sass

-.locations--list
-    .location + .location
-        margin-top: $spacing-4
-    @include media-breakpoint-up(desktop)
-        .location
-            .media
-                width: columns(4)
-            &-content
-                width: columns(6)
+.locations
+    &--list
+        .location + .location
+            margin-top: $spacing-4
+        @include media-breakpoint-up(desktop)
+            .location
+                flex-direction: row
+                .media
+                    width: columns(4)
+                &-content
+                    width: columns(6)
+    &--grid
+        .location-title
+            @include h3
+        @include in-page-with-sidebar
+            @include grid(2)
+        @include in-page-without-sidebar
+            @include grid(4)
 
 .location
     display: flex
-    gap: var(--grid-gutter)
+    gap: $spacing-3 var(--grid-gutter)
+    flex-direction: column
+    position: relative
+    a
+        @include stretched-link
+        text-decoration: none
     .media
         order: -1
+        aspect-ratio: 1.3
+        background: var(--color-background-alt)
+        img
+            display: block
+            width: 100%
+            height: 100%
+            object-fit: cover
     &-title
-        @include icon(arrow-right, after)
+        @include icon(arrow, after, true)
+        @include hover-translate-icon(after)
     &-description
         margin-top: $spacing-3
     @include media-breakpoint-down(desktop)
-        flex-direction: column
         .media
-            // TODO : REMOVE HALF
             margin-left: var(--grid-gutter-negative)
             margin-right: var(--grid-gutter-negative)
\ No newline at end of file

config.yaml

@@ -64,6 +64,9 @@ params:
     default_image: false
   locations:
     default_image: false
+    index:
+      truncate_description: 200
+      layout: list # grid | list
   persons:
     index:
       layout: grid # grid | list

layouts/partials/blocks/templates/locations.html

+{{ $block := .block }}
+{{ $block_class := partial "GetBlockClass" .block }}
+{{ $layout := .block.data.layout | default "grid" }}
+
+{{- with .block.data -}}
+  <div class="{{ $block_class }}">
+    <div class="container">
+      <div class="block-content">
+        {{ partial "blocks/top.html" (dict
+          "title" $block.title
+          "description" .description
+          "heading_level" $block.ranks.self
+        )}}
+
+        <div class="locations locations--{{- $layout }}">
+          {{ $location_heading := printf "h%d" ( $block.ranks.children | default 2 ) }}
+          {{ range .locations }}
+            {{ $location := site.GetPage ( printf "/locations/%s" .slug ) }}
+            {{ with $location }}
+              {{ partial "locations/location.html" (dict 
+                "location" .
+                "heading" $location_heading
+              ) }}
+            {{ end }}
+          {{ end }}
+        </div>
+      </div>
+    </div>
+  </div>
+{{- end -}}
\ No newline at end of file

layouts/partials/locations/location.html

-{{ $location := . }}
+{{ $location := .location }}
+{{ $heading := .heading | default "h2" }}
+{{ $heading_tag := (dict 
+    "open" ((printf "<%s itemprop='headline' class='location-title'>" $heading) | safeHTML)
+    "close" ((printf "</%s>" $heading) | safeHTML)
+    ) }}
 
 {{ with $location }}
   <article class="location" itemscope itemtype="https://schema.org/EducationalOrganization">
     <div class="location-content">
       {{- $title := partial "PrepareHTML" .Title -}}
-      <h2 class="location-title">
+      {{ $heading_tag.open }}
         <a href="{{ .Permalink }}" title="{{ safeHTML (i18n "commons.more_aria" (dict "Title" $title)) }}">{{ $title }}</a>
-      </h2>
-  
+      {{ $heading_tag.close }}
+
       {{- if (partial "GetTextFromHTML" .Params.summary) -}}
         <div class="location-description">
           <p itemprop="description">

layouts/partials/locations/locations.html

-<div class="locations locations--list">
+<div class="locations locations--{{- site.Params.locations.index.layout -}}">
   {{ range .Paginator.Pages }}
-    {{ partial "locations/location.html" . }}
+    {{ partial "locations/location.html" (dict 
+        "location" .
+        "heading" "h2"
+      ) }}
   {{ end }}
 </div>