Block liste des volumes (#459)

assets/sass/_theme/blocks/volumes.sass

+.block-volumes
+    .top
+        .block-title a
+            @include icon(arrow, after, true)
+            @include hover-translate-icon(after)
+    .volumes
+        .volume
+            hgroup
+                display: flex
+                flex-direction: column-reverse
+                p
+                    margin-top: space()
+            .media
+                img
+                    aspect-ratio: 11/13
+        @include in-page-with-sidebar
+            @include grid(2)
+    @include in-page-without-sidebar
+        .top
+            display: flex
+            gap: var(--grid-gutter)
+            .block-title
+                width: columns(4)
+            .description
+                width: columns(8)
+                margin-top: 0
\ No newline at end of file

assets/sass/_theme/hugo-osuny.sass

@@ -67,6 +67,7 @@
 @import blocks/testimonials
 @import blocks/timeline
 @import blocks/video
+@import blocks/volumes
 
 // Sections
 @import sections/administrators

layouts/partials/blocks/templates/volumes.html

+{{ $heading_level := .heading_level | default 3 }}
+{{ $heading := printf "h%d" $heading_level }}
+{{ $heading_tag := (dict 
+  "open" ((printf "<%s class='volume-title' itemprop='headline'>" $heading) | safeHTML)
+  "close" ((printf "</%s>" $heading) | safeHTML)
+  ) }}
+
+{{- $block := .block -}}
+{{- $template := .block.template -}}
+{{- $position := .block.position -}}
+{{- $title := .block.title -}}
+
+{{- with .block.data -}}
+  <div class="block block-volumes {{- if $title }} block-with-title {{- end -}}">
+    <div class="container">
+      <div class="block-content">
+        {{ if $block.title -}}
+          {{ $volumes_page := site.GetPage "/volumes" }}
+          {{ $link := $volumes_page.Permalink }}
+
+          {{ partial "blocks/top.html" (dict
+            "title" $block.title
+            "heading_level" $block.ranks.self
+            "link" $link
+          )}}
+        {{- end }}
+
+        <div class="volumes">
+          {{ range $volume := .volumes -}}
+            {{ with site.GetPage (printf "/volumes/%s" $volume) }}
+              {{ partial "volumes/volume.html" (dict 
+                  "volume" .
+                  "heading" $heading) 
+              }}
+            {{ end }}
+          {{ end}}
+        </div>
+      </div>
+    </div>
+  </div>
+{{- end -}}
\ No newline at end of file

layouts/partials/volumes/volume.html

-<article class="volume" itemscope itemtype="https://schema.org/Book https://schema.org/PublicationVolume">
-  <hgroup>
-    <p class="suptitle" itemprop="volumeNumber">{{ i18n "volumes.volume_number" (dict "Number" .Params.Number) }}</p>
-    <h2 class="volume-title"><a href="{{ .Permalink }}" title="{{ i18n "commons.more_aria" (dict "Title" .Title) }}" itemprop="name">{{ partial "PrepareHTML" .Title }}</a></h2>
-  </hgroup>
-  <div class="media">
-    {{- if .Params.image -}}
-      {{- partial "commons/image.html"
-            (dict
-              "image"    .Params.image
-              "alt"      .Title
-              "sizes"    site.Params.image_sizes.sections.volumes.item
-            ) -}}
-    {{- else -}}
-      {{- partial "commons/image-default.html" "volumes" -}}
-    {{- end -}}
-  </div>
-</article>
+{{ $volume := .volume }}
+{{ $heading := .heading | default "h2" }}
+{{ $heading_tag := (dict 
+  "open" ((printf "<%s class='volume-title'>" $heading) | safeHTML)
+  "close" ((printf "</%s>" $heading) | safeHTML)
+) }}
+
+{{ with $volume }}
+  <article class="volume" itemscope itemtype="https://schema.org/Book https://schema.org/PublicationVolume">
+    <hgroup>
+      <p class="suptitle" itemprop="volumeNumber">{{ i18n "volumes.volume_number" (dict "Number" .Params.Number) }}</p>
+      {{ $heading_tag.open }}
+        <a href="{{ .Permalink }}" title="{{ i18n "commons.more_aria" (dict "Title" .Title) }}" itemprop="name">{{ partial "PrepareHTML" .Title }}</a>
+      {{ $heading_tag.close }}
+    </hgroup>
+    <div class="media">
+      {{- if .Params.image -}}
+        {{- partial "commons/image.html"
+              (dict
+                "image"    .Params.image
+                "alt"      .Title
+                "sizes"    site.Params.image_sizes.sections.volumes.item
+              ) -}}
+      {{- else -}}
+        {{- partial "commons/image-default.html" "volumes" -}}
+      {{- end -}}
+    </div>
+  </article>
+{{ end }}

layouts/partials/volumes/volumes.html

 <div class="volumes">
   {{ range .Paginator.Pages }}
     <div>
-      {{ partial "volumes/volume.html" . }}
+      {{ partial "volumes/volume.html" (dict 
+          "volume" .
+      )}}
     </div>
   {{ end }}
 </div>