add y spacing debug

layouts/pages/list.html

@@ -10,17 +10,16 @@
           {{ $need_aside = true }}
         {{ end }}
       {{ end }}
-  
-      <div class="content-blocks">
-        {{ partial "toc/container.html"
-            (dict
-                "category" $category
-                "toc" "pages/toc.html"
-                "context" .
-            )
-        }}
-        {{ partial "blocks/list.html" . }}
-      </div>
+
+      {{ partial "toc/container.html"
+          (dict
+              "category" $category
+              "toc" "pages/toc.html"
+              "context" .
+          )
+      }}
+      {{ partial "blocks/list.html" . }}
+
     {{ else }}
       {{ partial "pages/image.html" .Params.image }}
       {{ partial "pages/children.html" .Params.children }}

layouts/partials/footer/debug.html

@@ -13,6 +13,15 @@
   <div>12</div>
 </div>
 
+<div class="d-spacing">
+  <div><span>0</span></div>
+  <div><span>1</span></div>
+  <div><span>2</span></div>
+  <div><span>3</span></div>
+  <div><span>4</span></div>
+  <div><span>5</span></div>
+</div>
+
 <style>
   :root {
     --d-grid-margin: 64px;
@@ -45,12 +54,57 @@
     */
     text-align: center;
   }
+  .d-spacing {
+    display: none;
+    position: fixed;
+    top: 50%;
+    transform: translateY(-50%);
+    left: 0;
+    width: 100%;
+  }
+  .d-spacing.is-visible {
+    display: block;
+  }
+  .d-spacing > div {
+    position: relative;
+  }
+  .d-spacing > div span {
+    position: absolute;
+  }
+  .d-spacing > div {
+    width: 100%;
+    border-bottom: 1px solid #000;
+    display: block;
+  }
+  .d-spacing > div:nth-child(1){
+    border-top: 1px solid #000;
+    height: var(--spacing0);
+  }
+  .d-spacing > div:nth-child(1) span{
+    margin-top: -10px;
+  }
+  .d-spacing > div:nth-child(2){
+    height: var(--spacing1);
+  }
+  .d-spacing > div:nth-child(3){
+    height: var(--spacing2);
+  }
+  .d-spacing > div:nth-child(4){
+    height: var(--spacing3);
+  }
+  .d-spacing > div:nth-child(5){
+    height: var(--spacing4);
+  }
+  .d-spacing > div:nth-child(6){
+    height: var(--spacing5);
+  }
 </style>
 
 <script>
   window.addEventListener('keydown', e => {
     if (e.ctrlKey && e.key === 'g') {
       document.querySelector('.d-grid').classList.toggle('is-visible');
+      document.querySelector('.d-spacing').classList.toggle('is-visible');
     }
   });
 </script>
\ No newline at end of file

layouts/posts/single.html

@@ -8,23 +8,21 @@
     {{ if .Params.description_short }}<meta itemprop="abstract" content="{{ partial "PrepareHTML" .Params.description_short }}">{{ end }}
     {{ if .Summary }}<meta itemprop="description" content="{{ partial "PrepareHTML" .Summary }}">{{ end }}
 
-    <div class="content-blocks">
-      {{ partial "posts/aside.html" . }}
-      <div class="blocks blocks-chapo">
-        <div class="container">
-          <div class="block-content">
-            {{ partial "posts/chapo.html" .Params.description_short }}
-            {{ partial "posts/image.html" .Params.image }}
-            {{ partial "posts/body.html" . }}
-          </div>
+    {{ partial "posts/aside.html" . }}
+    <div class="blocks blocks-chapo">
+      <div class="container">
+        <div class="block-content">
+          {{ partial "posts/chapo.html" .Params.description_short }}
+          {{ partial "posts/image.html" .Params.image }}
+          {{ partial "posts/body.html" . }}
         </div>
       </div>
-      {{ partial "blocks/list.html" . }}
-      <div class="blocks blocks-pagination">
-        <div class="container">
-          <div class="block-content">
-            {{ partial "posts/prevnext.html" . }}
-          </div>
+    </div>
+    {{ partial "blocks/list.html" . }}
+    <div class="blocks blocks-pagination">
+      <div class="container">
+        <div class="block-content">
+          {{ partial "posts/prevnext.html" . }}
         </div>
       </div>
     </div>