#9

assets/css/src/article.css

@@ -1,8 +1,26 @@
 article #main-content {
   max-width: calc(18 * var(--unit--horizontal));
   scroll-margin-block-start: calc(var(--unit--vertical) * 6);
-  margin-top: calc(var(--unit--vertical) * 2);
   padding-bottom: calc(var(--unit--vertical) * 2);
+  margin-top: calc(2 * var(--unit--vertical));
+}
+
+#chapo {
+  font-style: italic;
+}
+
+#chapo em {
+  font-style: normal;
+}
+
+article #main-content #chapo::after {
+  content: "";
+  display: block;
+  margin: calc(2 * var(--unit--vertical)) 0;
+
+  width: 100%;
+  height: 1px;
+  background-color: #fff;
 }
 
 article #main-content li {

assets/css/src/header.css

@@ -115,8 +115,6 @@ button.toggle.right::before {
       [data-template="category"] .page-cover
     ) {
     height: 100vh;
-    padding: calc(10 * var(--unit--vertical)) 0;
-    padding-top: calc(var(--unit--vertical) * 8);
   }
   [data-template="home"] .page-cover {
     padding-top: calc(42.5vw) !important;

site/blueprints/pages/linear.yml

@@ -18,5 +18,6 @@ tabs:
           chapo:
             label: Chapo
             extends: fields/body
+            help: Optionnel
           body: fields/body
   metaTab: tabs/meta

site/templates/linear.php

@@ -14,6 +14,11 @@
     <?php endsnippet() ?>
     
     <div id="main-content">
+      <?php if ($page->chapo()->isNotEmpty()): ?>  
+        <div id="chapo">
+          <?= $page->chapo() ?>  
+        </div>
+      <?php endif ?>
       <?= $page->body() ?>
     </div>
   </article>