diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass
index a8a921dde97e2530f786e64f036efb93f193b1ea..53a7a70e5313450e84fd9a39310d4bfd389e96cf 100644
--- a/assets/sass/_theme/_utils.sass
+++ b/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)
diff --git a/assets/sass/_theme/blocks/call_to_action.sass b/assets/sass/_theme/blocks/call_to_action.sass
index c1904c15461a310df544060f9d4c36b94f418b53..fceb173597488568d346430c1d9c5dcfcac07184 100644
--- a/assets/sass/_theme/blocks/call_to_action.sass
+++ b/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)
diff --git a/assets/sass/_theme/blocks/chapter.sass b/assets/sass/_theme/blocks/chapter.sass
index db402412da93bc72ff9dab1e98f50e90eecbf652..d0d433c913ee595cfe962afc1dc2e8b785964f4e 100644
--- a/assets/sass/_theme/blocks/chapter.sass
+++ b/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)
diff --git a/assets/sass/_theme/blocks/contact.sass b/assets/sass/_theme/blocks/contact.sass
index b3cedef2d389e4e9f4a8ab14268d322b4d3fabf6..08f7a1e8e4789f7689438b3acca63f2065f4a849 100644
--- a/assets/sass/_theme/blocks/contact.sass
+++ b/assets/sass/_theme/blocks/contact.sass
@@ -1,5 +1,5 @@
.block-contact
- @include in-page-without-aside
+ @include in-page-without-nav
@include media-breakpoint-up(md)
.block-content
display: flex
diff --git a/assets/sass/_theme/blocks/definitions.sass b/assets/sass/_theme/blocks/definitions.sass
index 91ea486ced1b128ccf602b58d030de774338e85b..86ad21ad766b208e8b8180ecbae5ea45c00e6bb7 100644
--- a/assets/sass/_theme/blocks/definitions.sass
+++ b/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)
diff --git a/assets/sass/_theme/blocks/files.sass b/assets/sass/_theme/blocks/files.sass
index 5b8f7a7d2d60959a6942c120c3c9bed292520e3e..987c962f60d50300a23b6d719e25ee109ab07330 100644
--- a/assets/sass/_theme/blocks/files.sass
+++ b/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)
diff --git a/assets/sass/_theme/blocks/gallery.sass b/assets/sass/_theme/blocks/gallery.sass
index 5fe37c52bc41f35729c8073f7ba4ce738acebaec..0f1708aead04e85d3fa6eebea1bf17e40cf1e24a 100644
--- a/assets/sass/_theme/blocks/gallery.sass
+++ b/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%
diff --git a/assets/sass/_theme/blocks/image.sass b/assets/sass/_theme/blocks/image.sass
index 27763e475b8288cfef1df7713e6cd6da6f2fbb60..3d36532144daf5d3ae92e07a9486cb09ebdae459 100644
--- a/assets/sass/_theme/blocks/image.sass
+++ b/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
diff --git a/assets/sass/_theme/blocks/pages.sass b/assets/sass/_theme/blocks/pages.sass
index 0fae92a1932c921d28455ee30b1850b896068c1f..320bbec1ae2dbaa4d6a2c9b79ce475b9bde0226d 100644
--- a/assets/sass/_theme/blocks/pages.sass
+++ b/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
diff --git a/assets/sass/_theme/blocks/partners.sass b/assets/sass/_theme/blocks/partners.sass
index 823181d6716779872611351d8db0a7fe48040193..066638fb5a05c9e69c25d737342c1ab11fbfb8c1 100644
--- a/assets/sass/_theme/blocks/partners.sass
+++ b/assets/sass/_theme/blocks/partners.sass
@@ -1,4 +1,4 @@
.block-partners
.organizations
- @include in-page-with-aside
+ @include in-page-with-nav
@include grid(3, xl)
diff --git a/assets/sass/_theme/blocks/testimonials.sass b/assets/sass/_theme/blocks/testimonials.sass
index 79028ac1fd31d0bf8ca1814a57bca436d307a435..df90abb4937f23a78c8297dc7385de5ae7cec2ae 100644
--- a/assets/sass/_theme/blocks/testimonials.sass
+++ b/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)
diff --git a/assets/sass/_theme/blocks/video.sass b/assets/sass/_theme/blocks/video.sass
index c05b1e94560ed82fb8ff05af556ee8a77b7ca57e..7ea6a0e904a0b555a369e97fa3acdf96d8f82e39 100644
--- a/assets/sass/_theme/blocks/video.sass
+++ b/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)
diff --git a/assets/sass/_theme/design-system/grid.sass b/assets/sass/_theme/design-system/grid.sass
index d0fcf1931f71d1a269df8adda4a9902db24435a3..7526586be78713b512f8d12a2c5fe1e839a42685 100644
--- a/assets/sass/_theme/design-system/grid.sass
+++ b/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
diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass
index ecca43cc35363e59ba5c54e6fb80182909a6e8eb..cd5bd07f7f3ab65755dbc3e95cea8d9b443c764e 100644
--- a/assets/sass/_theme/design-system/hero.sass
+++ b/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
diff --git a/assets/sass/_theme/sections/persons.sass b/assets/sass/_theme/sections/persons.sass
index 574f2ba8189c1b3da1727d9d39d5951d45d522ed..fc2a17518bbc8002923deaf327dced883d2d6f0c 100644
--- a/assets/sass/_theme/sections/persons.sass
+++ b/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)
diff --git a/layouts/partials/volumes/aside.html b/layouts/partials/volumes/document-aside.html
similarity index 92%
rename from layouts/partials/volumes/aside.html
rename to layouts/partials/volumes/document-aside.html
index 8c1e7b48f1e74f16075bca03ab0f7f80c0014d28..278ccbc9e2d02f7a5514b4ec278209e446a523f5 100644
--- a/layouts/partials/volumes/aside.html
+++ b/layouts/partials/volumes/document-aside.html
@@ -1,4 +1,4 @@
-<aside>
+<div class="document-aside">
<dl>
{{ if .Params.keywords }}
{{ if gt ( len .Params.keywords ) 0 }}
@@ -14,4 +14,4 @@
</dd>
{{ end }}
</dl>
-</aside>
+</div>
diff --git a/layouts/volumes/term.html b/layouts/volumes/term.html
index afa660e6302f1e580695a614ddceaced62394984..dffffc527934d84a42f56f11a685b12a4ed559df 100644
--- a/layouts/volumes/term.html
+++ b/layouts/volumes/term.html
@@ -1,7 +1,7 @@
{{ 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 }}