From 9a3b552f123573c9174e61c14395c79b20a26239 Mon Sep 17 00:00:00 2001
From: hugogogo <hugogogo@protonmail.com>
Date: Mon, 1 Mar 2021 22:52:28 +0100
Subject: [PATCH] essais mise en page aside gauche

---
 pages/litterall.html |  4 ++++
 styles/global.css    | 18 +++++++++++-------
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/pages/litterall.html b/pages/litterall.html
index 0a2ebdd..54bf75d 100644
--- a/pages/litterall.html
+++ b/pages/litterall.html
@@ -24,6 +24,8 @@
 		<div class="container_main">
 			<aside class="page_content sticky">
 				<h2>litterall</h2>
+				<p>dernier numero</p>
+				<p>anciens numeros</p>
 			</aside>
 			<!-- main
 			ne doit pas contenir : sidebars <aside> - navbar <nav> - search form
@@ -46,10 +48,12 @@
 					<img src="./docs/revues/bibliotheque_litterall.jpg" alt="bibliotheque litterall">
 					<p class="right"><small>credit: Jeffrey Trehudic</small></p>
 				</div>
+				<h2>dernier numero</h2>
 				<div class="image">
 					<img src="./docs/revues/litt23.jpg" alt="revue litterall">
 				</div>
 	
+				<h2>anciens numeros</h2>
 				<div class="gallery">
 					<div class="card">
 						<img src="./docs/revues/litt22.jpg" alt="revue litterall">
diff --git a/styles/global.css b/styles/global.css
index c3a36cd..0d23078 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -8,6 +8,7 @@
 	--base-back-color: white;
 	--aside-left-width: 200px;
 	--aside-right-width: 200px;
+	--aside-margin: 30px;
 }
 
 
@@ -149,6 +150,14 @@ body main {
 body main > * {
 	margin: var(--gap-unit) 0px;
 }
+body main h1 {
+	padding: 70px 0px;
+	border-bottom: 1px solid lightgrey;
+}
+body main h2 {
+	padding: 10px 0px;
+	border-bottom: 1px solid lightgrey;
+}
 
 /*PATH*/
 body main .page_path {
@@ -158,11 +167,6 @@ body main .page_path {
 /*TITLE*/
 body main .page_title {
 	position: relative;
-	height: 150px;
-	border-bottom: 1px solid lightgrey;
-}
-body main .page_title h1 {
-	margin: auto 0px;
 }
 body main .page_title .date {
 	position: absolute;
@@ -173,13 +177,13 @@ body main .page_title .date {
 /*ASIDE RIGHT RELATIVES*/
 /* aside right is for links to relatives content*/
 body aside.relative_content {
-	margin: 10px 30px;
 }
 /* asides elements only have width if they have a child*/
 body aside.relative_content *:first-child {
 	width: var(--aside-right-width);
 }
 body aside.relative_content .relative_box {
+	margin: var(--aside-margin);
 	padding: var(--gap-unit);
 	width: fit-content;
 	border: 1px solid lightgrey;
@@ -194,7 +198,7 @@ body aside.relative_content .relative_box > * {
 
 /*FOOTER*/
 body footer.page_footer {
-	margin: auto;
+	height: 100px;
 	border-top: 1px solid lightgrey;
 }