From eff9414b8e2adf10a24e33e2c8c9154e93e81c76 Mon Sep 17 00:00:00 2001
From: Fabrice Mouhartem <fabrice.mouhartem@ens-lyon.org>
Date: Sun, 3 Mar 2024 23:26:59 +0100
Subject: [PATCH] style changes

- Larger fonts
- Flexbox nav
- 65ch textbox width
- box shadow
---
 sass/_base.scss | 55 ++++++++++++++++++++++++++-----------------------
 1 file changed, 29 insertions(+), 26 deletions(-)

diff --git a/sass/_base.scss b/sass/_base.scss
index 9e52852..8fa4ffd 100644
--- a/sass/_base.scss
+++ b/sass/_base.scss
@@ -1,7 +1,7 @@
 $light-fonts: "Fira Sans Light", sans-serif;
 $normal-fonts: "Fira Sans", sans-serif;
 $mono-fonts: "Fira Mono", monospace;
-$page-width: 800px;
+$page-width: 65ch;
 $primary-color: #333;
 $bg-color: #eee;
 $page-color: #ddd;
@@ -18,33 +18,35 @@ html {
   background-color: $page-color;
 }
 @media only screen and (min-width: $page-width){
-    html {
-        padding:10px;
-    }
+  html {
+    padding:10px;
+  }
 }
 @font-face {
-    font-family: "Fira Sans Light";
-    font-style: normal;
-    font-weight: 300;
-    src: local("Fira Sans Light"), local("FiraSans-Light"), url("fonts/Fira Sans Light.woff2") format("woff2");
+  font-family: "Fira Sans Light";
+  font-style: normal;
+  font-weight: 300;
+  src: local("Fira Sans Light"), local("FiraSans-Light"), url("fonts/Fira Sans Light.woff2") format("woff2");
 }
 @font-face {
-    font-family: "Fira Sans";
-    font-style: normal;
-    font-weight: 400;
-    src: local("Fira Sans"), local("FiraSans-Regular"), url("fonts/Fira Sans.woff2") format("woff2");
+  font-family: "Fira Sans";
+  font-style: normal;
+  font-weight: 400;
+  src: local("Fira Sans"), local("FiraSans-Regular"), url("fonts/Fira Sans.woff2") format("woff2");
 }
 @font-face {
-    font-family: "Fira Mono";
-    font-style: normal;
-    font-weight: 400;
-    src: local("Fira Mono"), local("FiraMono-Regular"), url("fonts/FiraMono-Regular.woff2") format("woff2");
+  font-family: "Fira Mono";
+  font-style: normal;
+  font-weight: 400;
+  src: local("Fira Mono"), local("FiraMono-Regular"), url("fonts/FiraMono-Regular.woff2") format("woff2");
 }
 body {
-    max-width: $page-width;
-    margin: auto;
-    font-family: $light-fonts;
-    background-color: $bg-color;
+  font-size: 16pt;
+  max-width: $page-width;
+  margin: auto;
+  font-family: $light-fonts;
+  background-color: $bg-color;
+  box-shadow: 0 1px 10px #888;
 }
 header {
   height: 150px;
@@ -69,26 +71,25 @@ header {
   background-position: bottom;
 }
 h1 {
-  font-size: 28pt;
+  font-size: 32pt;
 }
 h2 {
-  font-size: 22pt;
+  font-size: 26pt;
 }
 h3 {
-  font-size: 18pt;
+  font-size: 22pt;
 }
 p, h1, h2, h3, pre {
   padding: 0px 10px 3px 10px;
 }
 p, ul {
-  font-size: 14pt;
   color: $primary-color;
 }
 p {
   text-align: justify;
 }
 footer {
-  font-size: 8pt;
+  font-size: 12pt;
   text-align: center;
   color: #555;
   padding: 10px;
@@ -113,12 +114,15 @@ li {
 }
 nav {
   display: flex;
+  flex-direction: column;
   background-color: $menu-bg;
   menu {
     padding: 0px;
     display:block;
     margin: 0px;
     width: 100%;
+    display: flex;
+    flex-direction: row;
   }
   li {
     a {
@@ -141,7 +145,6 @@ nav {
     margin: 0px;
     padding: $menu_btn-size 0px $menu_btn-size 0px;
     list-style-type: none;
-    float: left;
   }
 }
 strong {