From 34bed77eac4333a30eb0a0ddc76838ce79f7b88d Mon Sep 17 00:00:00 2001
From: hugogogo <hugogogo@protonmail.com>
Date: Tue, 2 Mar 2021 10:28:28 +0100
Subject: [PATCH] continue mise en page aside gauche

---
 pages/litterall.html | 13 ++++++-------
 styles/global.css    | 15 ++++++++++-----
 styles/text.css      | 24 +++++++++++++-----------
 3 files changed, 29 insertions(+), 23 deletions(-)

diff --git a/pages/litterall.html b/pages/litterall.html
index 54bf75d..1a21e23 100644
--- a/pages/litterall.html
+++ b/pages/litterall.html
@@ -23,9 +23,12 @@
 		</nav>
 		<div class="container_main">
 			<aside class="page_content sticky">
-				<h2>litterall</h2>
-				<p>dernier numero</p>
-				<p>anciens numeros</p>
+				<div class="table_box"> <!-- container use to adjust padding -->
+					<h2>sommaire</h2>
+					<a href="./pages/litterall.html#anchor_litterall"><p>litterall</p></a>
+					<a href="#anchor_last"><p>dernier numero</p></a>
+					<a href="#anchor_previous"><p>anciens numeros</p></a>
+				</div>
 			</aside>
 			<!-- main
 			ne doit pas contenir : sidebars <aside> - navbar <nav> - search form
@@ -104,10 +107,6 @@
 						<h2>traduire, retraduire</h2>
 						<p>entretien entre frédéric Boyer, Christiane Kayser, et Jean-Philippe Rossignol</p>
 					</a>
-					<a>
-						<h2>traduire, retraduire</h2>
-						<p>entretien entre frédéric Boyer, Christiane Kayser, et Jean-Philippe Rossignol</p>
-					</a>
 				</div>
 			</aside>
 		</div>
diff --git a/styles/global.css b/styles/global.css
index 0d23078..e4aab7f 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -136,12 +136,17 @@ body aside.page_content {
 	top: calc(var(--nav-height) + 1px);
 	height: calc(100vh - var(--nav-height));
 }
-body aside.page_content > * {
-	margin: var(--gap-unit) 0px;
-}
 /* asides elements only have width if they have a child*/
-body aside.page_content *:first-child {
-	width: 200px;
+body aside.page_content .table_box {
+	width: calc(var(--aside-left-width) - var(--aside-margin));
+	margin: var(--aside-margin) 0px var(--aside-margin) var(--aside-margin);
+	/*border-box so changing padding has no effect on total width*/
+	box-sizing: border-box;
+	padding: var(--gap-unit);
+	border-left: 1px solid lightgrey;
+}
+body aside.page_content .table_box > * {
+	margin-bottom: var(--gap-unit);
 }
 
 /*MAIN*/
diff --git a/styles/text.css b/styles/text.css
index 68a3e27..4e27bda 100644
--- a/styles/text.css
+++ b/styles/text.css
@@ -53,9 +53,11 @@ p {
 }
 h1 {
 	font-size: 3.5em;
+	line-height: 1.5em;
 }
 h2 {
 	font-size: 2em;
+	line-height: 1.5em;
 }
 small {
 	font-size: 0.8em;
@@ -80,15 +82,15 @@ p br, h1 br, h2 br {
 	margin: 0px;
 }
 /*
-	<b> - Bold text
-	<strong> - Important text
-	<i> - Italic text
-	<em> - Emphasized text
-	<mark> - Marked text
-	<small> - Smaller text
-	<del> - Deleted text
-	<ins> - Inserted text
-	<sub> - Subscript text
-	<sup> - Superscript tex
-	<code> - Computer code
+	<b>			- Bold text
+	<strong>	- Important text
+	<i>			- Italic text
+	<em>		- Emphasized text
+	<mark>		- Marked text
+	<small>		- Smaller text
+	<del>		- Deleted text
+	<ins>		- Inserted text
+	<sub>		- Subscript text
+	<sup>		- Superscript tex
+	<code>		- Computer code
 */