Merge branch 'Sections/Widget' of github.com:noesya/osuny-hugo-theme-v2 into Sections/Widget

assets/sass/_theme/design-system/hero.sass

@@ -58,3 +58,17 @@
                 left: 0
                 right: 0
                 top: 0
+
+    /* TODO refacto */
+    .title-avatar
+        @include media-breakpoint-up(md)
+            align-items: flex-end
+            display: flex
+            justify-content: space-between
+            margin-bottom: $spacing1
+            h1
+                margin-bottom: 0
+        > div
+            width: col(8)
+            @include media-breakpoint-up(md)
+                width: col(2)

assets/sass/_theme/design-system/top.sass

+/* TODO à renomer */
+.top
+    align-items: baseline
+    display: flex
+    flex-wrap: wrap
+    justify-content: space-between
+    margin-bottom: $spacing1
+    position: relative
+    h2, p
+        margin-bottom: 0
+    h2
+        a
+            @include stretched-link
+    div
+        margin-top: px2rem(5)
+        p
+            @include media-breakpoint-up(lg)
+                width: col(8)
+    .link
+        @extend .link-more
+
+    // Polyfill flex-wrap
+    @supports not (flex-wrap: wrap)
+        display: block
+        h2
+            display: inline-block
+        .link
+            float: right

assets/sass/_theme/hugo-osuny.sass

@@ -23,6 +23,7 @@
 @import "design-system/nav"
 @import "design-system/table"
 @import "design-system/table_of_content"
+@import "design-system/top"
 @import "design-system/typography"
 
 // Blocks

assets/sass/_theme/sections/persons.sass

@@ -95,3 +95,17 @@ ol.persons
                 margin-right: $spacing1
     a
         @extend .link-more
+
+
+.persons__page
+    .informations
+        @include grid
+        margin-bottom: $spacing2
+        > div
+            &:first-of-type
+                grid-column: 1 / 9
+            &:nth-of-type(2)
+                grid-column: 9 / 13
+
+        .lead + div
+            margin-top: $spacing2

layouts/persons/single.html

@@ -27,7 +27,7 @@
           {{- end -}}
       {{- end -}}
 
-      <div class="content">
+      <div class="informations">
         <div>
           {{ if (partial "GetTextFromHTML" .Params.description_short) }}
             <div class="lead" itemprop="description">