From a50450f9d500f9aabc0f2ab583473d955d510418 Mon Sep 17 00:00:00 2001
From: alexisben <alex@noesya.coop>
Date: Fri, 18 Nov 2022 18:02:38 +0100
Subject: [PATCH] add y spacing debug
---
layouts/pages/list.html | 21 ++++++------
layouts/partials/footer/debug.html | 54 ++++++++++++++++++++++++++++++
layouts/posts/single.html | 28 +++++++---------
3 files changed, 77 insertions(+), 26 deletions(-)
diff --git a/layouts/pages/list.html b/layouts/pages/list.html
index 22f293f8..eefc52fb 100644
--- a/layouts/pages/list.html
+++ b/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 }}
diff --git a/layouts/partials/footer/debug.html b/layouts/partials/footer/debug.html
index d2377212..1549d949 100644
--- a/layouts/partials/footer/debug.html
+++ b/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
diff --git a/layouts/posts/single.html b/layouts/posts/single.html
index aa864e4e..881a4d96 100644
--- a/layouts/posts/single.html
+++ b/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>
--
GitLab