From 5fe29fcc87ab821dd686476a77cb9fd45f5cce62 Mon Sep 17 00:00:00 2001
From: hugogogo <hugogogo@protonmail.com>
Date: Mon, 1 Mar 2021 10:05:05 +0100
Subject: [PATCH] title et infos dans main

---
 pages/litterall.html | 17 ++++++----
 styles/global.css    | 78 ++++++++++++++++++++++++++------------------
 styles/text.css      |  2 +-
 3 files changed, 59 insertions(+), 38 deletions(-)
diff --git a/pages/litterall.html b/pages/litterall.html
index a1acfad..3513891 100644
--- a/pages/litterall.html
+++ b/pages/litterall.html
@@ -12,13 +12,11 @@
 	</head>
 	<body>
 		<nav>
+			<p><a href=""><img src="./docs/kosmopolit_fond.png" alt="logo kosmopolit"></a></p>
+			<p><a href="">kosmopolit</a></p>
+			<p><a href="">litterall</a></p>
+			<p><a href="">l.e.a</a></p>
 		</nav>
-		<div class="page_title">
-			<h1 class="center" id="anchor_litterall">LITTER<i>all</i></h1>
-		</div>
-		<div class="page_path">
-			<p>liens</p>
-		</div>
 		<div class="container_main">
 			<aside class="page_content">
 				<h2>litterall</h2>
@@ -28,6 +26,13 @@
 			ne doit pas etre contenu par : <article> - <aside> - <footer> - <header> - <nav>
 			-->
 			<main>
+				<div class="page.infos">
+					<p><small><a>accueil</a> > <a>litterall</a></small></p>
+					<p><small>truc</small></p>
+				</div>
+				<div class="page_title">
+					<h1 id="anchor_litterall">LITTER<i>all</i></h1>
+				</div>
 				<p class="right"><i>“Il est difficile à des étrangers comme nous de pénétrer l’ultime secret des vers d’une autre langue. Ce n’est pas à nous d’en juger, nous n’aurons pas le dernier mot.”</i><br><small>Ossip Mandelstam, Entretiens sur Dante</small><br><small>traduction Louis Martinez</small></p>
 				<br><br>
 				<p>Cette revue publie une fois par an un choix de textes germanophones, inédits en traduction française.</p>
diff --git a/styles/global.css b/styles/global.css
index 372ec75..d330ac0 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -4,13 +4,16 @@
 	--gap-unit: 10px;
 	--max-screen: 1500px;
 	--base-font-size: 10px;
+	--nav-height: 40px;
 }
 
 
 /*DEBUG*/
 /* borders on mains elements of pages for debugging*/
 body > *, body > .container_main > * {
+	/*
 	border: 1px solid red;
+	*/
 }
 
 /*---------------------------------------------*/
@@ -19,32 +22,28 @@ body > *, body > .container_main > * {
 	 ---------------------    --------------------- 
 	'         NAV         '  '         NAV         '
 	'---------------------'  '---------------------'
-	'        TITLE        '  '        TITLE        '
-	'---------------------'  '---------------------'
-	'  PATH > TO > PAGES  '  '  PATH > TO > PAGES  '
-	'---------------------'  '---------------------'
-	' ------------------- '  ' S '      C      ' A '
-	''     CONTAINER     ''  ' U '      O      ' S '
-	'' ---  -------  --- ''  ' M '      N      ' I '
-	''' S ''   C   '' A '''  ' M '      T      ' D '
-	''' U ''   O   '' S '''  ' A '      E      ' E '
-	''' M ''   N   '' I '''  ' R '      N      ' S '
-	''' M ''   T   '' D '''  ' Y '      T      '   '
-	''' A ''   E   '' E '''  '---------------------'
-	''' R ''   N   '' S '''  '        FOOTER       '
-	''' Y ''   T   ''   '''  '---------------------'
+	' ------------------- '  ' S '    INFOS    ' A '
+	''     CONTAINER     ''  ' U '    -----    ' S '
+	'' ---  -------  --- ''  ' M '    TITLE    ' I '
+	''' S '' INFOS '' A '''  ' M '    -----    ' D '
+	''' U '' ----- '' S '''  ' A '      M      ' E '
+	''' M '' TITLE '' I '''  ' R '      A      ' S '
+	''' M '' ----- '' D '''  ' Y '      I      '   '
+	''' A ''   M   '' E '''  '   '      N      '   '
+	''' R ''   A   '' S '''  '---------------------'
+	''' Y ''   I   ''   '''  '        FOOTER       '
+	'''   ''   N   ''   '''  '---------------------'
 	'''---''-------''---'''
-	''------------------'''
-	'---------------------'
+	''-------------------''
 	'        FOOTER       '
 	'---------------------'
 
 	navbar			->	nav
-	title			->	.page_title
-	path to pages	->	.page_path
 	container		->	.container_main
 		summary		->	aside.page_content
 		main		->	main
+			infos	->	.page.infos
+			title	->	.page_title
 		asides		->	aside.relative_content
 	footer			->
 */
@@ -76,19 +75,19 @@ body {
 /*NAVBAR*/
 body nav {
 	flex-direction: row;
-	height: 30px;
+	height: var(--nav-height);
+	border-bottom: 1px solid lightgrey;
+}
+body nav *:first-child {
+	margin-left: var(--gap-unit);
+	padding-left: 0px;
 }
 body nav > * {
-	margin: auto;
+	margin: auto 20px;
 	padding: 0px 10px;
 }
-
-/*TITLE*/
-body .page_title {
-}
-
-/*PATH-TO-PAGES*/
-body .page_path {
+body nav * {
+	max-height: var(--nav-height);
 }
 
 /*CONTAINER*/
@@ -103,19 +102,36 @@ body main > * {
 	margin: var(--gap-unit) 0px;
 }
 
+/*INFOS*/
+body .page_path {
+}
+
+/*TITLE*/
+body .page_title {
+	height: 100px;
+	border-bottom: 1px solid lightgrey;
+}
+body .page_title * {
+	margin: auto 0px;
+}
+
 /*ASIDES*/
 body aside {
 }
-/* asides elements only have width if they have a child*/
-body aside *:first-child {
-	width: 200px;
-}
 /* aside left is for page table of content */
 body aside.page_content {
 }
+/* asides elements only have width if they have a child*/
+body aside.page_content *:first-child {
+	width: 150px;
+}
 /* aside right is for links to relatives content*/
 body aside.relative_content {
 }
+/* asides elements only have width if they have a child*/
+body aside.relative_content *:first-child {
+	width: 200px;
+}
 
 /*FOOTER*/
 body footer {
diff --git a/styles/text.css b/styles/text.css
index bdc6c7e..68a3e27 100644
--- a/styles/text.css
+++ b/styles/text.css
@@ -52,7 +52,7 @@ p {
 	line-height: 1.5em;
 }
 h1 {
-	font-size: 2.5em;
+	font-size: 3.5em;
 }
 h2 {
 	font-size: 2em;
