Correction rubrique

src/css/styles_de_paragraphes.scss

@@ -134,6 +134,9 @@
 	font-size: 12pt;
 	text-transform: uppercase;
 }
+.layout:nth-child(odd) .section-title:not(.still){
+	text-align: right;
+}
 
 .section-content {
 	hyphens: auto;

src/pages/Index.vue

@@ -3,10 +3,10 @@
   <!-- Mise en page -->
   <!-- introductions -->
   <div class="v-center grow">
-  <div v-for="edge in $page.introductions.edges.slice().reverse()" :key="`introductions${edge.node.id}`">
-    <VueMarkdown class="intro">{{edge.node.contenu}}
-    </VueMarkdown>
-  </div>
+    <div v-for="edge in $page.introductions.edges.slice().reverse()" :key="`introductions${edge.node.id}`">
+      <VueMarkdown class="intro">{{edge.node.contenu}}
+      </VueMarkdown>
+    </div>
   </div>
 
   <div class="blank-page no-folio fill-motif-cross-left" />
@@ -22,7 +22,7 @@
       <div class="v-center grow">
         <div class="center">
           <h1 class="main-title center highlight-white" v-html="$static.metadata.title" />
-        </br>
+          </br>
           <h2 class="main-pre-title center highlight-white" v-html="$static.metadata.subtitle" />
         </div>
       </div>
@@ -35,7 +35,7 @@
   <div class="column image-cover image-bleed" v-bind:style='{ backgroundImage: `url(https://popsu-rouen-en.strapi.figli.io/uploads/50424a6a43e44551a4faa699f8ef3caa.JPEG)`, }' />
   <!-- Sommaire -->
   <div class="column">
-    <div class="section-title">
+    <div class="section-title still">
       Sommaire
     </div>
     <div class="column justify-end table-of-content">
@@ -121,14 +121,14 @@ export default {
             legend.classList.add("legend");
             legend.innerHTML = found.legende;
             legend.id = `legend-${img_id}`;
-            if(found.double){
+            if (found.double) {
               let clone = img.parentNode.cloneNode(true);
               clone.classList.add("breakBefore");
               clone.querySelector("img").id += "-end";
               img.parentNode.insertBefore(clone, img.previousSibling);
               clone.parentNode.insertBefore(legend, clone.nextSibling);
 
-            }else{
+            } else {
               img.parentNode.insertBefore(legend, img.nextSibling);
             }
             resolve();
@@ -143,8 +143,6 @@ export default {
     });
   }
 };
-
-
 </script>
 
 <page-query>