Un site pour la promotion de catium - retour accueil
git clone git://bebou.netlib.re/site-catium
Log | Files | Refs | README |
commit 9f6c08c7b221a813a59154974d0cc0a5360af9ec parent 7ddf3a565c3a5d7fffbc5b6e5190c1205c90984c Auterice: Arthur Pons <arthur.pons@unistra.fr> Date: Wed, 18 Sep 2024 11:16:08 +0200 Retouche du css et ajout du nom du projet dans nav Diffstat:
| M | contents/style.css | | | 20 | ++++++++++++++------ |
| M | layouts/html | | | 4 | +--- |
2 files changed, 15 insertions(+), 9 deletions(-)
diff --git a/contents/style.css b/contents/style.css @@ -11,7 +11,7 @@ Puis adaptée par Guillaume Porte en 2024 pour Estrades :root { /* Fonts */ - --font-system: Arial, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-system: Helvetica, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* @TODO font base 18px @@ -21,7 +21,7 @@ Puis adaptée par Guillaume Porte en 2024 pour Estrades --ratio: 1.5; --space-xs: calc(var(--space-base) / var(--ratio)); /* 7.111px */ --space-sm: calc(var(--space-base) / 1.5); /* 10.667px */ - --space-base: 1rem; /* 16px */ + --space-base: 1.2rem; /* 16px */ --space-lg: calc(var(--space-base) * var(--ratio)); /* 24px */ --space-xl: calc(var(--space-lg) * var(--ratio)); /* 36px */ --space-2xl: calc(var(--space-xl) * var(--ratio)); /* 54px */ @@ -58,7 +58,7 @@ body { font-weight: 400; line-height: 1.56; text-rendering: optimizeSpeed; - background-color: var(--yellow); + background-color: var(--verylightgrey); } body > * { max-width: 800px; } @@ -79,6 +79,7 @@ body, .container { padding: 1rem } margin-bottom: 3rem; } + @media screen and (max-width: 800px) { body > * { max-width: 940px; @@ -95,7 +96,7 @@ body, .container { padding: 1rem } /*TYPO*/ -a { color: var(--red); } +a { color: var(--blue); } a:hover { color: var(--grey); } /*TITLES*/ @@ -158,7 +159,7 @@ header { width: 800px; margin: 0 auto; border-bottom:1px solid var(--lightgrey); - background-color: var(--yellow); + background-color: var(--verylightgrey); } #logo { @@ -172,6 +173,12 @@ header { width:var(--space-2xl) } +#nom { + border-right-style: solid; + border-right-width: 0.1em; + padding-right: 1em; +} + nav#menu{ display: inline-block; position: fixed; @@ -205,6 +212,7 @@ nav#menu ul li a:hover { } +/* @media screen and (max-width: 800px) { header { width: 350px; @@ -224,7 +232,7 @@ nav#menu ul li a:hover { width:30%; } } - +*/ /* MAIN */ main{ diff --git a/layouts/html b/layouts/html @@ -18,11 +18,9 @@ layout() <<@@ cat <body> <div id="wrapper"> <header> - <div id="logo"> - <img alt="logo" src="/logo.png"/> - </div> <nav id="menu" aria-label="menu principal"> <ul> + <li id="nom"><a href="/">francium</a></li> $(makenav) </ul> </nav>