aside to document-nav

assets/sass/_theme/_utils.sass

@@ -8,18 +8,17 @@
     $remSize: $size / 16 / 2
     @return #{$remSize}rem
 
-@mixin in-page-with-aside
-    body:not(.full-width) aside ~ .blocks &
+@mixin in-page-with-nav
+    body:not(.full-width) .document-nav ~ .blocks &
         @content
 
-@mixin in-page-without-aside
+@mixin in-page-without-nav
     main > .blocks &,
-    // main > .blocks &,
     body.full-width &,
         @content
 
 @mixin full-page
-    @include in-page-without-aside
+    @include in-page-without-nav
         @content
 
 @mixin link($color: $link-color)

assets/sass/_theme/blocks/call_to_action.sass

@@ -22,7 +22,7 @@
                         @extend .btn
                         background: $block-call-to-action-button-background
                         color: $block-call-to-action-button-color
-        @include in-page-with-aside
+        @include in-page-with-nav
             display: flex
             flex-direction: column
             > *
@@ -51,7 +51,7 @@
                     a
                         margin-right: px2rem(20)
 
-    @include in-page-without-aside
+    @include in-page-without-nav
         .block-content
             background-color: $block-call-to-action-background
             padding: offset(1)

assets/sass/_theme/blocks/chapter.sass

@@ -14,7 +14,7 @@
         margin-top: 0.5rem
 
     @include media-breakpoint-up(md)
-        @include in-page-without-aside
+        @include in-page-without-nav
             .block-content
                 > *
                     width: col(7)

assets/sass/_theme/blocks/contact.sass

 .block-contact
-    @include in-page-without-aside
+    @include in-page-without-nav
         @include media-breakpoint-up(md)
             .block-content
                 display: flex

assets/sass/_theme/blocks/definitions.sass

@@ -12,6 +12,6 @@
             border-bottom: 1px solid $definition-border-color
             display: block
             transition: border-color 0.5s
-    @include in-page-without-aside
+    @include in-page-without-nav
         .definitions
             @include grid(2, md)

assets/sass/_theme/blocks/files.sass

@@ -2,9 +2,9 @@
     ul
         @include list-reset
         @include grid(1)
-        @include in-page-with-aside
+        @include in-page-with-nav
             @include grid(2, md)
-        @include in-page-without-aside
+        @include in-page-without-nav
             @include grid(3, md)
     a
         @include icon("download", before)

assets/sass/_theme/blocks/gallery.sass

@@ -35,7 +35,7 @@
     &--grid
         .gallery
             @include grid(3, md)
-            @include in-page-without-aside
+            @include in-page-without-nav
                 @include grid(5, md)
 
     &--carousel
@@ -50,7 +50,7 @@
             figure // TODO : affichage écrasé
                 max-width: 80%
                 min-width: 80% // to check
-                @include in-page-without-aside
+                @include in-page-without-nav
                     min-width: 50%
                 // &:last-of-type
                 //     max-width: 100%

assets/sass/_theme/blocks/image.sass

@@ -11,12 +11,12 @@
         .credit
             p
                 @extend .small
-    @include in-page-with-aside
+    @include in-page-with-nav
         @include media-breakpoint-up(md)
             img
                 max-height: calc(100vh - var(--header-height))
                 width: auto
-    @include in-page-without-aside
+    @include in-page-without-nav
         @include media-breakpoint-up(md)
             figcaption
                 align-items: baseline

assets/sass/_theme/blocks/pages.sass

@@ -10,7 +10,7 @@
     &--grid
         .main-page
             margin-bottom: $spacing2
-        @include in-page-without-aside
+        @include in-page-without-nav
             .pages
                 @include grid(3, xl)
 
@@ -59,7 +59,7 @@
         .pages
             @include grid(3, md)
             margin-top: $spacing2
-            @include in-page-with-aside
+            @include in-page-with-nav
                 @include grid(2, md)
             .page
                 aspect-ratio: 0.8

assets/sass/_theme/blocks/partners.sass

 .block-partners
     .organizations
-        @include in-page-with-aside
+        @include in-page-with-nav
             @include grid(3, xl)

assets/sass/_theme/blocks/testimonials.sass

@@ -89,7 +89,7 @@
                 i
                     background-color: $block-testimonials-pagination-progress-background
                     width: 0
-    @include in-page-without-aside
+    @include in-page-without-nav
         .testimonials
             @include media-breakpoint-up(md)
                 padding-right: offset(4)

assets/sass/_theme/blocks/video.sass

@@ -5,7 +5,7 @@
         @include aspect-ratio(16, 9, 'iframe')
 
     // @include media-breakpoint-up(md)
-    //     @include in-page-without-aside
+    //     @include in-page-without-nav
     //         .block-content
     //             margin-left: col(2)
     //             width: col(8)

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

@@ -5,7 +5,7 @@
     position: relative
     @include media-breakpoint-up(md)
         body:not(.full-width) &
-            > aside
+            > aside, > .document-nav
                 @include container
                 pointer-events: none
                 height: 100%
@@ -24,9 +24,9 @@
                     padding-left: offset(5)
 
     @include media-breakpoint-down(md)
-        aside
+        aside, .document-nav
             display: none
     // TODO: mieux gérer la gestion de l'aside dans l'html
     body.full-width &
-        aside
+        aside, .document-nav
             display: none

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

@@ -40,7 +40,7 @@
         .container
             padding-bottom: $spacing1
             padding-top: $spacing1
-        & + aside
+        & + .document-nav
             margin-top: 0
     > div
         position: relative

assets/sass/_theme/sections/persons.sass

@@ -34,7 +34,7 @@ div.persons
     @include grid(5, xxl)
 
 .persons__section
-    @include page-without-aside
+    @include page-without-nav
         .lead
             padding-top: $spacing2
             @include media-breakpoint-up(md)

layouts/partials/volumes/aside.html → layouts/partials/volumes/document-aside.html

-<aside>
+<div class="document-aside">
   <dl>
     {{ if .Params.keywords }}
       {{ if gt ( len .Params.keywords ) 0 }}
@@ -14,4 +14,4 @@
       </dd>
     {{ end }}
   </dl>
-</aside>
+</div>

layouts/volumes/term.html

 {{ define "main" }}
   {{ partial "volumes/hero.html" . }}
 
-<article itemscope itemtype="https://schema.org/PublicationVolume">
+<div class="document-content" itemscope itemtype="https://schema.org/PublicationVolume">
   <meta itemprop="name" content="{{ partial "PrepareHTML" .Title }}">
   {{- if .Params.image -}}
     {{- $image := partial "GetMedia" .Params.image.id -}}
@@ -15,10 +15,10 @@
     <div class="content">
       {{ partial "volumes/image.html" . }}
       {{ partial "volumes/description.html" . }}
-      {{ partial "volumes/aside.html" . }}
+      {{ partial "volumes/document-aside.html" . }}
       {{ partial "volumes/table-contents.html" . }}
     </div>
   </div>
-</article>
+</div>
 
 {{ end }}