Merge pull request #207 from noesya/feature/block-page-large

Block pages layout large

assets/sass/_theme/blocks/pages.sass

@@ -217,4 +217,47 @@
                 margin-left: auto
                 margin-right: auto
                 article
-                    width: col(4, 10)
\ No newline at end of file
+                    width: col(4, 10)
+    &--large
+        .top
+            @include top-flex
+        .page
+            + .page
+                margin-top: $spacing3
+            .more
+                @include icon(arrow, after, true)
+                @include hover-translate-icon(after)
+            &-content:hover .more:after
+                transform: translateX(#{px2rem(10)})
+            .media
+                img
+                    aspect-ratio: 1
+        @include media-breakpoint-up(desktop)
+            .page
+                flex-direction: row
+                gap: $grid-gutter
+
+        @include in-page-with-sidebar
+            .page
+                &-title
+                    @include h2
+                    margin-bottom: space(4)
+                &-content
+                    flex: 1
+                    position: relative
+                .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: col(5)
+                    position: relative
+                .media 
+                    width: col(6)

assets/sass/_theme/sections/events.sass

@@ -202,7 +202,7 @@
                 a
                     @include stretched-link
             &-dates
-                @extend .meta
+                @include meta
                 margin-top: $spacing0
             &-content
                 .event-title, hgroup

config.yaml

@@ -93,6 +93,11 @@ params:
         mobile:   80
         tablet:   100
         desktop:  255
+      pages:
+        large:
+          mobile:   400
+          tablet:   800
+          desktop:  1080
       partners: # LEGACY
         mobile:   164
         tablet:   216

layouts/partials/blocks/templates/pages/large.html

+{{ $show_descriptions := .show_descriptions }}
+{{ $show_images := .show_images }}
+{{ $heading_level := .heading_level | default 3 }}
+{{ $heading_tag := partial "GetHeadingTag" (dict 
+        "level" $heading_level
+        "attributes" "class='page-title'"
+)}}
+<div class="large">
+  {{ range .pages }}
+    {{ $page := site.GetPage .file }}
+    {{ with $page }}
+      <article class="page">
+        <div class="page-content">
+          {{ $heading_tag.open }}
+            <a href="{{- .Permalink -}}">
+              {{- partial "PrepareHTML" .Title -}}
+            </a>
+          {{ $heading_tag.close }}
+  
+          {{ if and $show_descriptions .Params.summary }}
+            {{ if site.Params.pages.index.truncate_description }}
+              <p>{{ partial "GetTruncateContent" ( dict 
+                "text" .Params.summary
+                "length" site.Params.pages.index.truncate_description
+                ) }}</p>
+            {{ else }}
+              <p>{{ partial "PrepareText" .Params.summary }}</p>
+            {{ end }}
+          {{ end }}
+          <p class="more meta" aria-hidden="true">{{- i18n "commons.more" -}}</p>
+        </div>
+
+        {{ if $show_images }}
+          {{- if .Params.image -}}
+            <div class="media">
+              {{- partial "commons/image.html" (dict
+                  "image"    .Params.image
+                  "sizes"    site.Params.image_sizes.blocks.pages.large
+                ) -}}
+            </div>
+          {{- end -}}
+        {{ end }}
+      </article>
+    {{- end -}}
+  {{ end }}
+</div>
\ No newline at end of file

layouts/partials/blocks/templates/posts/large.html

+{{ $heading_level := .heading_level | default 3 }}
+{{ $heading := printf "h%d" $heading_level }}
+<div class="grid">
+  {{ range $post := .posts -}}
+    {{ with site.GetPage (printf "/posts/%s" $post) }}
+      {{ partial "posts/post.html" (dict 
+        "post" .
+        "heading" $heading
+        ) }}
+    {{ end }}
+  {{ end }}
+</div>