diff --git a/css/index.css b/css/index.css
index 0fd09b5..4e6e951 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,6 +1,4 @@
#news {
overflow: auto;
height: 150px;
- border: solid black;
- padding-left: 1em;
}
diff --git a/css/style.css b/css/style.css
index 478a619..a77c56e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,10 +1,11 @@
body {
margin: 0;
+ /*display: flex;
+ flex-direction: column;*/
display: grid;
- grid-template-areas:
- "header header"
- "menu main"
- "footer footer";
+ min-height: 100vh;
+ /*grid-template-rows: auto 1fr auto;*/
+ grid-template-columns: 0.2fr 1fr;
}
header {
@@ -13,7 +14,7 @@ header {
margin-top: 2em;
margin-left: 3em;
margin-right: 3em;
- grid-area: header;
+ grid-column: 1 / 3;
}
header a {
@@ -58,7 +59,7 @@ header h2 {
margin: 2em 0 2em 3em;
display: flex;
flex-direction: column;
- grid-area: menu;
+ grid-column: 1;
}
#header-links a {
@@ -73,14 +74,13 @@ header h2 {
#main {
margin: 2em 3em 5em 1em;
- grid-area: main;
}
footer {
background-color: #304B99;
padding: 1em;
padding-bottom: 0;
- grid-area: footer;
+ grid-column: 1/4;
}
#buttons {
@@ -130,46 +130,3 @@ footer {
#buttons div {
margin-bottom: 1em;
}
-
-@media only screen and (max-width: 641px) {
- body {
- grid-template-areas:
- "header header"
- "main main"
- "menu menu"
- "footer footer";
- }
-
- #header-links {
- position: sticky;
- bottom: 0;
- margin-left: 0;
- margin-top: 0;
- flex-direction: row;
- background-color: white;
- border-top: solid black;
- flex-wrap: wrap;
- }
-
- header {
- display: flex;
- flex-direction: column;
- }
-
- #lang {
- justify-items: center;
- }
-
- #main {
- margin: 2em 1em 2em 1em;
- }
-
- #footer-main {
- display: flex;
- flex-direction: column;
- }
-
- .pred-buttons {
- align-self: center;
- }
-}
diff --git a/header.html b/header.html
index d4dbdc5..51a68f2 100644
--- a/header.html
+++ b/header.html
@@ -2,7 +2,6 @@
<html lang="%lang%">
<head>
<meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Security-Policy" content="default-src 'self';">
<link rel="icon" href="/img/favicon.gif" type="image/gif" />
<link rel="stylesheet" href="/css/style.css" />
diff --git a/lang/en/index.html b/lang/en/index.html
index 270f411..54e03ea 100644
--- a/lang/en/index.html
+++ b/lang/en/index.html
@@ -37,9 +37,7 @@ rel="stylesheet" href="/css/index.css"
<p><code>13-04-2022:</code> add this section.</p>
</div>
- <!--
- <hr />
- -->
+ <hr />
<!--
<h3>A propos de l'annuaire</h3>
diff --git a/lang/fr/index.html b/lang/fr/index.html
index 39d65e6..50fbb4c 100644
--- a/lang/fr/index.html
+++ b/lang/fr/index.html
@@ -37,9 +37,7 @@ rel="stylesheet" href="/css/index.css"
<p><code>13-04-2022:</code> ajout de cette section.</p>
</div>
- <!--
- <hr />
- -->
+ <hr />
<!--
<h2>L'annuaire est temporairement supprimé.</h2>