Mise à jour contenu & CSS

This commit is contained in:
Timothée Huneau 2025-01-30 19:23:29 +01:00
parent b866cccb29
commit c8bd09f62e
2 changed files with 31 additions and 14 deletions

View file

@ -1,26 +1,27 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="fr-FR">
<head> <head>
<meta charset='utf-8'/> <meta charset="utf-8"/>
<title>Timothée Huneau</title> <meta name="description" content="Page personelle de Timothée Huneau"/>
<link rel='stylesheet' href='style.css' type='text/css'/> <meta name="color-scheme" content="light dark"/>
<title>Timothée Huneau - page personelle</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head> </head>
<body> <body>
<nav> <nav>
<h1 title="Tous ces liens mènent vers des sous-domaines de timotheehuneau.fr">Les liens utiles</h1> <h1 title="Tous ces liens mènent vers des sous-domaines de timotheehuneau.fr">Les liens utiles</h1>
<ul> <ul>
<li><a href="https://cuisine.timotheehuneau.fr">le classeur de recettes</a></li> <li><a href="https://cuisine.timotheehuneau.fr" title="c'est une ébauche …">le classeur de recettes</a></li>
<li><a href="https://kihemkoi.timotheehuneau.fr">le kihemkoi</a></li> <li><a href="https://kihemkoi.timotheehuneau.fr" title="connexion nécessaire">le kihemkoi</a></li>
<li><a href="https://forge.timotheehuneau.fr">la forge git</a></li> <li><a href="https://forge.timotheehuneau.fr" title="IPv6 only">la forge git</a></li>
</ul> </ul>
</nav> </nav>
<section id='principal'> <section id='principal'>
<h1 title="C'est moi !">Timothée Huneau</h1> <h1 title="C'est moi !">Timothée Huneau</h1>
<p>Encore un peu de temps avant qu'il y ait du contenu ici ...</p>
<p>J'existe aussi sur <a href="https://www.geogebra.org/u/timothéehuneau">GeoGebra</a> !</p>
<p>Pour me contacter, vous pouvez m'envoyer un mail à cette adresse : <a href="mailto:contact@timotheehuneau.fr">contact[at]timotheehuneau[dot]fr</a>.</p>
<h2>Qui suis-je ?</h2> <h2>Qui suis-je ?</h2>
<p>Je fais des maths, de la pâtisserie et du crochet, je bidouille des ordis (plus <em>soft</em>ware que hardware) et euh … bah va falloir atttendre que cette section se remplisse toute seule !</p> <p>Je fais des maths, de la pâtisserie et du crochet, je bidouille des ordis (plus <em>soft</em>ware que <em>hard</em>ware) et euh … bah va falloir atttendre que cette section se remplisse toute seule !</p>
<h2>Où me trouver ?</h2>
<p>J'existe sur <a href="https://www.geogebra.org/u/timothéehuneau">GeoGebra</a> ! Plus sérieusement, pour me contacter, vous pouvez m'envoyer un mail à cette adresse : <a href="mailto:contact@timotheehuneau.fr">contact[at]timotheehuneau[dot]fr</a>.</p>
</section> </section>
</body> </body>
</html> </html>

View file

@ -8,6 +8,7 @@
--couleur-gris-4: #242450; --couleur-gris-4: #242450;
} }
body{ body{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -16,11 +17,26 @@ body{
} }
nav { nav {
width: 15%; max-width: 20em;
} }
#principal{ #principal{
width: 50%; width: 50%;
background-color: var(--couleur-gris-1);
padding: 1em padding: 1em
} }
@media (max-width: 50em) {
body {
flex-direction: column;
align-items: center
}
#principal, nav {
width: 95%;
text-align: justify;
}
}