css rorschach theme

config/sync/admin_toolbar.settings.yml

@@ -1,4 +1,4 @@
 _core:
   default_config_hash: jvTSppzcgH5wnzBhX5xnAExcp2I1CzkQ_aky65XNfYI
 langcode: fr
-menu_depth: 4
+menu_depth: 7

config/sync/block.block.booknavigation_2.yml

@@ -9,8 +9,8 @@ dependencies:
     - rorschach
 id: booknavigation_2
 theme: rorschach
-region: sidebar_second
-weight: -8
+region: sidebar
+weight: -5
 provider: null
 plugin: book_navigation
 settings:

config/sync/core.entity_view_display.paragraph.image.default.yml

@@ -14,7 +14,7 @@ mode: default
 content:
   field_image:
     type: image
-    label: above
+    label: visually_hidden
     settings:
       image_link: ''
       image_style: ''

config/sync/core.entity_view_display.paragraph.subheading.default.yml

@@ -14,7 +14,7 @@ mode: default
 content:
   field_subheading:
     type: text_default
-    label: above
+    label: visually_hidden
     settings: {  }
     third_party_settings: {  }
     weight: 0

config/sync/core.entity_view_display.paragraph.tablefield.default.yml

@@ -14,7 +14,7 @@ mode: default
 content:
   field_tablefield:
     type: tablefield
-    label: above
+    label: visually_hidden
     settings:
       row_header: true
       column_header: false

config/sync/core.entity_view_display.paragraph.text.default.yml

@@ -14,7 +14,7 @@ mode: default
 content:
   field_text:
     type: text_default
-    label: above
+    label: visually_hidden
     settings: {  }
     third_party_settings: {  }
     weight: 0

config/sync/core.entity_view_display.paragraph.title.default.yml

@@ -14,7 +14,7 @@ mode: default
 content:
   field_title:
     type: text_default
-    label: above
+    label: visually_hidden
     settings: {  }
     third_party_settings: {  }
     weight: 0

config/sync/system.site.yml

@@ -2,7 +2,7 @@ _core:
   default_config_hash: KpKfgMpPrABs7m0Uqd8VFuYXns2cRXsuYy0QL4SRE14
 langcode: fr
 uuid: eb24bc99-64ef-496d-beb3-b02a8573f75f
-name: 'International Rorschach Institute'
+name: Blbblkmkjfpa
 mail: dev@figureslibres.io
 slogan: ''
 page:

config/sync/user.role.user.yml

@@ -6,12 +6,20 @@ dependencies:
     - filter.format.wysiwyg
     - node.type.book
   module:
+    - block_content
     - book
+    - book_access_code
+    - config_pages
+    - contact
     - content_translation
+    - field_ui
     - filter
+    - menu_admin_per_menu
     - node
     - paragraphs
+    - profile
     - tablefield
+    - taxonomy
 _core:
   default_config_hash: i1HX2g6ycNxMoSaVKRrMZtmApin-bVKG1d0FG04peQw
 id: user
@@ -19,18 +27,43 @@ label: Editor
 weight: -4
 is_admin: null
 permissions:
+  - 'access content overview'
+  - 'access printer-friendly version'
+  - 'add access codes'
   - 'add content to books'
   - 'addrow tablefield'
+  - 'administer block_content display'
+  - 'administer block_content form display'
   - 'administer book outlines'
+  - 'administer config_pages display'
+  - 'administer config_pages form display'
+  - 'administer contact_message display'
+  - 'administer contact_message form display'
+  - 'administer display modes'
+  - 'administer main menu items'
+  - 'administer node display'
+  - 'administer node form display'
+  - 'administer paragraph display'
+  - 'administer paragraph form display'
+  - 'administer profile display'
+  - 'administer profile form display'
+  - 'administer taxonomy_term display'
+  - 'administer taxonomy_term form display'
+  - 'administer user display'
+  - 'administer user form display'
   - 'create book content'
   - 'create content translations'
   - 'create defalut workflow_transition'
   - 'create default workflow_transition'
   - 'create new books'
+  - 'delete access codes'
   - 'delete any book content'
+  - 'delete book revisions'
   - 'delete content translations'
   - 'delete own book content'
+  - 'edit access codes'
   - 'edit any book content'
+  - 'edit own book content'
   - 'export tablefield'
   - 'import tablefield'
   - 'rebuild tablefield'
@@ -39,3 +72,4 @@ permissions:
   - 'translate paragraph'
   - 'update content translations'
   - 'use text format wysiwyg'
+  - 'view own unpublished content'

web/sites/development.services.yml

@@ -3,6 +3,56 @@
 # To activate this feature, follow the instructions at the top of the
 # 'example.settings.local.php' file, which sits next to this file.
 parameters:
+  twig.config:
+    # Twig debugging:
+    #
+    # When debugging is enabled:
+    # - The markup of each Twig template is surrounded by HTML comments that
+    #   contain theming information, such as template file name suggestions.
+    # - Note that this debugging markup will cause automated tests that directly
+    #   check rendered HTML to fail. When running automated tests, 'debug'
+    #   should be set to FALSE.
+    # - The dump() function can be used in Twig templates to output information
+    #   about template variables.
+    # - Twig templates are automatically recompiled whenever the source code
+    #   changes (see auto_reload below).
+    #
+    # For more information about debugging Twig templates, see
+    # https://www.drupal.org/node/1906392.
+    #
+    # Not recommended in production environments
+    # @default false
+    debug: true
+    # Twig auto-reload:
+    #
+    # Automatically recompile Twig templates whenever the source code changes.
+    # If you don't provide a value for auto_reload, it will be determined
+    # based on the value of debug.
+    #
+    # Not recommended in production environments
+    # @default null
+    auto_reload: null
+    # Twig cache:
+    #
+    # By default, Twig templates will be compiled and stored in the filesystem
+    # to increase performance. Disabling the Twig cache will recompile the
+    # templates from source each time they are used. In most cases the
+    # auto_reload setting above should be enabled rather than disabling the
+    # Twig cache.
+    #
+    # Not recommended in production environments
+    # @default true
+    cache: false
+  # Cacheability debugging:
+  #
+  # Responses with cacheability metadata (CacheableResponseInterface instances)
+  # get X-Drupal-Cache-Tags and X-Drupal-Cache-Contexts headers.
+  #
+  # For more information about debugging cacheable responses, see
+  # https://www.drupal.org/developing/api/8/response/cacheable-response-interface
+  #
+  # Not recommended in production environments
+  # @default false
   http.response.debug_cacheability_headers: true
 services:
   cache.backend.null:

web/themes/custom/rorschach/css-compiled/styles.css

@@ -6,11 +6,17 @@
   margin: auto;
   background-color: hotpink; }
 
-table, th, td {
-  border: 1px solid; }
-
-#main-content {
-  background-color: blueviolet; }
+table {
+  border-collapse: collapse; }
+  table thead th {
+    border: 1px solid #333;
+    text-align: center;
+    font-weight: bold;
+    padding: 1rem; }
+  table tbody td {
+    border: 1px solid #333;
+    text-align: center;
+    padding: 1rem; }
 
 /*global*/
 @font-face {
@@ -106,30 +112,33 @@ table, th, td {
   font-style: normal; }
 
 /* Colors used for EQL */
-.block {
-  box-shadow: 1px 0px 1px black; }
-
 .layout-container {
   font-family: "Marianne", sans-serif;
   margin: none;
   top: 0%;
   left: 0%;
   width: 100%;
-  overflow: hidden;
-  display: flex;
-  flex-flow: row wrap; }
+  overflow: hidden; }
   .layout-container header {
-    flex: 0 0 100%; }
+    flex: 0 0 100%;
+    grid-row: 1; }
   .layout-container main {
-    position: relative; }
+    width: 100%;
+    position: relative;
+    grid-column: 1 / 5;
+    grid-row: 2 / span 4; }
+    .layout-container main .layout-content {
+      margin-left: 3rem;
+      margin-right: 3rem;
+      padding-bottom: 6rem; }
+      .layout-container main .layout-content .field__label {
+        visibility: hidden; }
+  .layout-container aside {
+    grid-column: 5 /span 6;
+    grid-row: 2 /span 4; }
   .layout-container footer {
-    flex: 0 0 100%; }
-
-.layout-content {
-  padding-top: 7rem;
-  padding-bottom: 6rem; }
-  .layout-content .field__label {
-    visibility: hidden; }
+    grid-column: 1 / span 10;
+    grid-row: 6; }
 
 a {
   text-decoration: none; }
@@ -790,9 +799,6 @@ a {
 .field--name-field-subheading {
   font-size: 2rem; }
 
-.block {
-  border: black; }
-
 article.node-type-book {
   width: 70%; }
   article.node-type-book h2 {
@@ -800,14 +806,50 @@ article.node-type-book {
   article.node-type-book div:nth-child(1) > nav:nth-child(1) > ul:nth-child(2) {
     display: flex;
     flex-direction: row;
-    justify-content: space-between; }
+    justify-content: space-between;
+    list-style: none;
+    box-shadow: 0px 0px 1px black; }
+  article.node-type-book .links.inline {
+    list-style: none;
+    box-shadow: 0px 0px 1px black; }
+
+#edit-field-article-0-subform-field-subheading-0-format {
+  font-size: 1rem;
+  visibility: hidden; }
+
+#edit-field-article-1-subform-field-subheading-0-format {
+  font-size: 1rem;
+  visibility: hidden; }
+
+#edit-field-article-2-subform-field-subheading-0-format {
+  font-size: 1rem;
+  visibility: hidden; }
+
+#edit-field-article-3-subform-field-subheading-0-format {
+  font-size: 1rem;
+  visibility: hidden; }
+
+#edit-field-article-4-subform-field-subheading-0-format {
+  font-size: 1rem;
+  visibility: hidden; }
+
+#edit-field-article-5-subform-field-subheading-0-format {
+  font-size: 1rem;
+  visibility: hidden; }
+
+#edit-field-article-6-subform-field-subheading-0-format {
+  font-size: 1rem;
+  visibility: hidden; }
+
+#edit-field-article-8-subform-field-subheading-0-format {
+  font-size: 1rem;
+  visibility: hidden; }
 
 /*partials*/
 .layout-container {
   position: relative;
   width: 100vw; }
   .layout-container header {
-    position: fixed;
     z-index: 99;
     width: 100vw; }
 
@@ -857,7 +899,6 @@ article.node-type-book {
         padding-bottom: 0.8rem;
         max-width: inherit;
         width: 220px;
-        align-items: center;
         height: 20px; }
         #header-top .region-header-top-left ul li a {
           color: black; }
@@ -967,3 +1008,14 @@ article.node-type-book {
       #fotter-bottom .region-footer-bottom-middle .view-id-partenaires .view-content .node-type-partenaires_logo_footer_ {
         padding-right: 1rem;
         padding-bottom: 1rem; }
+
+#block-breadcrumbs nav ol {
+  list-style: none;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start; }
+  #block-breadcrumbs nav ol li {
+    padding-right: 1rem; }
+    #block-breadcrumbs nav ol li ::after {
+      padding-left: 1rem;
+      content: " >"; }

web/themes/custom/rorschach/rorschach.info.yml

@@ -17,6 +17,7 @@ regions:
   help: 'Help'
   page_top: 'Page top'
   content: 'Main Content'
+  sidebar: "Sidebar"
   sidebar_first: 'Sidebar first'
   sidebar_second: 'Sidebar second'
   page_bottom: 'Page bottom'

web/themes/custom/rorschach/scss/components/_tablefields.scss

@@ -6,9 +6,22 @@
 //     }
 // }
 
-thead th {
-    border-bottom: 1px solid #333; 
-    text-align: center; 
-    font-weight: bold;
+table{
+    border-collapse: collapse;
+    thead th{
+        border: 1px solid #333; 
+        text-align: center; 
+        font-weight: bold;
+        padding: 1rem;
+    }
+
+    tbody td {
+        border: 1px solid #333; 
+        text-align: center; 
+        padding: 1rem;
+
+    }
 }
 
+
+

web/themes/custom/rorschach/scss/global/_layout.scss

@@ -1,13 +1,15 @@
 
 
 .block{
-    box-shadow: 1px 0px 1px $black;
+    // box-shadow: 0px 0px 1px $black;
 }
 
 // .layout-sidebar-first{
 //     clear: left;
 // }
-
+// .form-wrapper{
+//     visibility: hidden;
+// }
 
 .layout-container {
     font-family: $font-family-default;
@@ -16,33 +18,53 @@
     left: 0%;
     width: 100%;
     overflow: hidden;
-    display: flex;
-    flex-flow: row wrap;
-    ;
+    // display: flex;
+    // flex-flow: row wrap;
+    // display: -ms-grid;
+    // display: grid;
+    // -ms-grid-rows: 5fr;
+    // grid-template-rows: 5fr;
+    // -ms-grid-columns: (minmax(0, 1fr));
+    // grid-template-columns: repeat(6, minmax(0, 1fr));
+    // grid-column-gap: 1.125rem;
+
     header{
         flex: 0 0 100%;
+        grid-row: 1;
     }
     main{
-        
+        width: 100%;
         position: relative;
         // top: -7rem;
-        .layout-sidebar-first{
+        grid-column: 1 / 5;
+        grid-row: 2 / span 4;
 
+        .layout-content{
+            margin-left: 3rem;
+            margin-right: 3rem;
+            // padding-top: 7rem;
+            padding-bottom: 6rem;
+            .field__label{
+                visibility: hidden;
+            }
         }
     }
-    footer{
-        flex: 0 0 100%;
-    }
 
+    aside{
+        grid-column: 5 /span 6;
+        grid-row: 2 /span 4;
+      }
 
+
+
+    
+    footer{
+        // flex: 0 0 100%;
+        grid-column: 1 / span 10;
+        grid-row: 6;
+      }  
 }
-.layout-content{
-    padding-top: 7rem;
-    padding-bottom: 6rem;
-    .field__label{
-        visibility: hidden;
-    }
-}
+
 // .path-frontpage{
 //     margin: 0;
 // }

web/themes/custom/rorschach/scss/pages/_bookpage.scss

@@ -2,12 +2,7 @@
     font-size: 2rem;
 }
 
-.block{
-    border: black;
-}
-h2{
 
-}
 article.node-type-book{
     width: 70%;
     h2{
@@ -17,5 +12,13 @@ article.node-type-book{
         display: flex;
         flex-direction: row;
         justify-content: space-between;
+        list-style: none;
+        box-shadow: 0px 0px 1px black;
+
     }
-}
+    .links.inline{
+        list-style: none;
+        box-shadow: 0px 0px 1px black;
+    }
+}
+

web/themes/custom/rorschach/scss/pages/_editform.scss

@@ -0,0 +1,39 @@
+
+
+
+#edit-field-article-0-subform-field-subheading-0-format{
+    font-size: 1rem;
+    visibility: hidden;
+}
+
+#edit-field-article-1-subform-field-subheading-0-format{
+    font-size: 1rem;
+    visibility: hidden;
+}
+
+#edit-field-article-2-subform-field-subheading-0-format{
+    font-size: 1rem;
+    visibility: hidden;
+}
+
+#edit-field-article-3-subform-field-subheading-0-format{
+    font-size: 1rem;
+    visibility: hidden;
+}
+#edit-field-article-4-subform-field-subheading-0-format{
+    font-size: 1rem;
+    visibility: hidden;
+}
+
+#edit-field-article-5-subform-field-subheading-0-format{
+    font-size: 1rem;
+    visibility: hidden;
+}
+#edit-field-article-6-subform-field-subheading-0-format{
+    font-size: 1rem;
+    visibility: hidden;
+}
+#edit-field-article-8-subform-field-subheading-0-format{
+    font-size: 1rem;
+    visibility: hidden;
+}

web/themes/custom/rorschach/scss/partials/_breadcrumbs.scss

@@ -0,0 +1,23 @@
+#block-breadcrumbs{
+    nav {
+        ol {
+            list-style: none;
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start;
+
+            li{
+                padding-right: 1rem;
+                ::after{
+                    padding-left: 1rem;
+                    content: " >";
+                }
+            }
+
+        }
+    
+    }
+}
+
+
+        // #block-breadcrumbs > nav:nth-child(1) > ol:nth-child(2)

web/themes/custom/rorschach/scss/partials/_header.scss

@@ -6,7 +6,7 @@
     header{                       
         // display: block;
         // width: 100%;
-        position: fixed;
+        // position: fixed;
         z-index: 99;
         width: 100vw;
 
@@ -100,7 +100,7 @@
                 padding-bottom: 0.8rem;
                 max-width: inherit;
                 width: 220px;
-                align-items: center;
+                // align-items: center;
                 // padding-left: 1rem;
                 height: 20px;
                 // text-align: none

web/themes/custom/rorschach/scss/styles.scss

@@ -13,7 +13,7 @@
 // @import "global/_reset";
 @import "global/_typography";
 @import "global/_mediaqueries";
-
+// @import "global/grid";
 
 /*pages*/
 /*
@@ -24,6 +24,7 @@
 @import "pages/_static";
 @import "pages/_home";
 @import "pages/_bookpage";
+@import "pages/_editform";
 
 
 
@@ -31,5 +32,7 @@
 @import "partials/_header";
 @import "partials/_footer";
 @import "partials/_navigation";
+@import "partials/_breadcrumbs.scss";
+
 
 

web/themes/custom/rorschach/templates/block--entity-field--node--field-type-de-protagoniste.html.twig

@@ -1,47 +0,0 @@
-{#
-/**
- * @file
- * Theme override to display a block.
- *
- * Available variables:
- * - plugin_id: The ID of the block implementation.
- * - label: The configured label of the block if visible.
- * - configuration: A list of the block's configuration values.
- *   - label: The configured label for the block.
- *   - label_display: The display settings for the label.
- *   - provider: The module or other provider that provided this block plugin.
- *   - Block plugin specific settings will also be stored here.
- * - content: The content of this block.
- * - attributes: array of HTML attributes populated by modules, intended to
- *   be added to the main container tag of this template.
- *   - id: A valid HTML ID and guaranteed unique.
- * - title_attributes: Same as attributes, except applied to the main title
- *   tag that appears in the template.
- * - title_prefix: Additional output populated by modules, intended to be
- *   displayed in front of the main title tag that appears in the template.
- * - title_suffix: Additional output populated by modules, intended to be
- *   displayed after the main title tag that appears in the template.
- *
- * @see template_preprocess_block()
- */
-#}
-{%
-  set classes = [
-    'block',
-    'block-' ~ configuration.provider|clean_class,
-    'block-' ~ plugin_id|clean_class,
-  ]
-%}
-
-
-
-<div{{ attributes.addClass(classes) }}>
-  {{ title_prefix }}
-  {% if label %}
-    <span><h2{{ title_attributes }}>{{ label }}</h2></span>
-  {% endif %}
-  {{ title_suffix }}
-  {% block content %}
-    {{ content }}
-  {% endblock %}
-</div>

web/themes/custom/rorschach/templates/block--system-branding-block.html.twig

@@ -0,0 +1,28 @@
+{% extends "block.html.twig" %}
+{#
+/**
+ * @file
+ * Default theme implementation for a branding block.
+ *
+ * Each branding element variable (logo, name, slogan) is only available if
+ * enabled in the block configuration.
+ *
+ * Available variables:
+ * - site_logo: Logo for site as defined in Appearance or theme settings.
+ * - site_name: Name for site as defined in Site information settings.
+ * - site_slogan: Slogan for site as defined in Site information settings.
+ *
+ * @ingroup themeable
+ */
+#}
+{% block content %}
+  {% if site_logo %}
+    <a href="{{ path('<front>') }}" rel="home">
+      <img src="{{ site_logo }}" alt="{{ 'Home'| t }}" />
+    </a>
+  {% endif %}
+  {% if site_name %}
+    <a href="{{ path('<front>') }}" rel="home">{{ site_name }}</a>
+  {% endif %}
+  {{ site_slogan }}
+{% endblock %}

web/themes/custom/rorschach/templates/field--field-type-de-protagoniste.html.twig

@@ -1,89 +0,0 @@
-{#
-/**
- * @file
- * Theme override for a field.
- *
- * To override output, copy the "field.html.twig" from the templates directory
- * to your theme's directory and customize it, just like customizing other
- * Drupal templates such as page.html.twig or node.html.twig.
- *
- * Instead of overriding the theming for all fields, you can also just override
- * theming for a subset of fields using
- * @link themeable Theme hook suggestions. @endlink For example,
- * here are some theme hook suggestions that can be used for a field_foo field
- * on an article node type:
- * - field--node--field-foo--article.html.twig
- * - field--node--field-foo.html.twig
- * - field--node--article.html.twig
- * - field--field-foo.html.twig
- * - field--text-with-summary.html.twig
- * - field.html.twig
- *
- * Available variables:
- * - attributes: HTML attributes for the containing element.
- * - label_hidden: Whether to show the field label or not.
- * - title_attributes: HTML attributes for the title.
- * - label: The label for the field.
- * - multiple: TRUE if a field can contain multiple items.
- * - items: List of all the field items. Each item contains:
- *   - attributes: List of HTML attributes for each item.
- *   - content: The field item's content.
- * - entity_type: The entity type to which the field belongs.
- * - field_name: The name of the field.
- * - field_type: The type of the field.
- * - label_display: The display settings for the label.
- *
- *
- * @see template_preprocess_field()
- */
-#}
-
-{%
-  set classes = [
-    'field',
-    'field--name-' ~ field_name|clean_class,
-    'field--type-' ~ field_type|clean_class,
-    'field--label-' ~ label_display,
-    label_display == 'inline' ? 'clearfix',
-    
-  ]
-%}
-{%
-  set title_classes = [
-    'field__label',
-    label_display == 'visually_hidden' ? 'visually-hidden',
-  ]
-%}
-
-
-{% if label_hidden %}
-	{% if multiple %}
-		<div{{attributes.addClass(classes,'field__items')}}>
-
-
-			{% for item in items %}
-				<div{{item.attributes.addClass('field__item')}}{{ item.content }}></div>
-			{% endfor %}
-		</div>
-	{% else %}
-		{% for item in items %}
-
-
-			<div {{ attributes.addClass(classes, 'field__item') }}>{{ item.content }}</div>
-
-		{% endfor %}
-	{% endif %}
-{% else %}
-	<div{{attributes.addClass(classes)}}>
-		<div{{title_attributes.addClass(title_classes)}}>{{ label }}</div>
-		{% if multiple %}
-			<div class="field__items">
-			{% endif %}
-			{% for item in items %}
-				<div{{item.attributes.addClass('field__item')}}>{{ item.content }}</div>
-			{% endfor %}
-			{% if multiple %}
-			</div>
-		{% endif %}
-	</div>
-{% endif %}

web/themes/custom/rorschach/templates/footnote-link.html.twig

@@ -0,0 +1,2 @@
+{# footnotes/footnote-link.html.twig #}
+<a class="see-footnote" id="{{ fn.ref_id }}" title="{{ fn.text_clean }}" href="#{{ fn.fn_id }}">{{ fn.value }}</a>

web/themes/custom/rorschach/templates/footnote-list.html.twig

@@ -0,0 +1,23 @@
+{# footnotes/footnote-list.html.twig #}
+<ul class="footnotes">
+  {% for fn in footnotes %}
+    {% if fn.ref_id is iterable %}
+      {#
+      // Output footnote that has more than one reference to it in the body.
+      // The only difference is to insert backlinks to all references.
+      // Helper: we need to enumerate a, b, c...
+       #}
+        {% set abc = "abcdefghijklmnopqrstuvwxyz"|split('') %}
+        {% set i = 0 %}
+      <li class="footnote" id="{{ fn.fn_id }}"><a href="#{{ fn.ref_id.0 }}" class="footnote-label">{{ fn.value }}</a>
+      {% for ref in fn.ref_id %}
+        <a class="footnote-multi" href="#{{ ref }}">{{ attribute(abc, i) }}</a>
+        {% set i = i + 1 %}
+      {% endfor %}
+      {{ fn.text|raw }}</li>
+    {% else %}
+      {# Output normal footnote. #}
+      <li class="footnote" id="{{ fn.fn_id }}"><a class="footnote-label" href="#{{ fn.ref_id }}">{{ fn.value }}</a>{{ fn.text|raw }}</li>
+    {% endif %}
+  {% endfor %}
+</ul>

web/themes/custom/rorschach/templates/layout/page.html.twig

@@ -31,7 +31,7 @@
  */
 #}
  
-<div class="layout-container">
+<div class="layout-container grid-full">
 
   
 
@@ -52,7 +52,7 @@
         {{ page.content }}
       </div>{# /.layout-content #}
 
-      {% if page.sidebar_first %}
+      {# {% if page.sidebar_first %}
         <aside class="layout-sidebar-first" role="complementary">
           {{ page.sidebar_first }}
         </aside>
@@ -62,9 +62,25 @@
         <aside class="layout-sidebar-second" role="complementary">
           {{ page.sidebar_second }}
         </aside>
-      {% endif %}
+      {% endif %} #}
 
     </main>
+    <aside role="book navigation">
+      {% if page.sidebar_first %}
+        <aside class="layout-sidebar-first" role="complementary">
+          {{ page.sidebar_first }}
+        </aside>
+      {% endif %}
+
+      {% if page.sidebar_second %}
+        <aside class="layout-sidebar-second" role="complementary">
+          {{ page.sidebar_second }}
+        </aside>
+      {% endif %}
+      <div class="book-navigation">
+        {{ page.sidebar }}
+      </div>
+    </aside>
 
     <footer role="contentinfo">
       {{ page.footer_top }}

web/themes/custom/rorschach/templates/layout/region--sidebar.html.twig

@@ -0,0 +1,28 @@
+{#
+/**
+ * @file
+ * Olivero's theme override to display the sidebar region.
+ *
+ * Available variables:
+ * - content: The content for this region, typically blocks.
+ * - attributes: HTML attributes for the region <div>.
+ * - region: The name of the region variable as defined in the theme's
+ *   .info.yml file.
+ *
+ * @see template_preprocess_region()
+ */
+#}
+{%
+  set classes = [
+    'region',
+    'region--' ~ region|clean_class,
+  ]
+%}
+
+{# {{ attach_library('olivero/sidebar') }} #}
+
+{% if content %}
+  <aside{{ attributes.addClass(classes) }}>
+    {{ content }}
+  </aside>
+{% endif %}