Mise à jour de index.html

This commit is contained in:
Timothée Huneau 2025-01-14 22:37:25 +01:00
parent 98d8d1e337
commit b866cccb29
2 changed files with 30 additions and 5 deletions

View file

@ -7,21 +7,20 @@
</head>
<body>
<nav>
<h1 title="Tous ces liens mènent soit 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>
<li><a href="https://cuisine.timotheehuneau.fr">le classeur de recettes</a></li>
<li><a href="https://kihemkoi.timotheehuneau.fr">le kihemkoi</a></li>
<li><a href="https://forge.timotheehuneau.fr">la forge git</a></li>
</ul>
</nav>
<section id='principal'>
<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>Vous pouvez aller voir le carnet de recettes familiales <a title="(pas encore très rempli ...)" href="https://cuisine.timotheehuneau.fr/">ici</a>. Sinon, pour savoir qui aime quoi dans la famille, voir le <a title="encore en construction" href="https://kihemkoi.timotheehuneau.fr">kihemkoi</a>.</p>
<p>J'existe aussi sur <a href="https://www.geogebra.org/u/timothéehuneau">GeoGebra</a> et <a href="https://www.instagram.com/putyourfaceinasoftcat/">Instagram</a> !</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>
<p>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 hardware) et euh … bah va falloir atttendre que cette section se remplisse toute seule !</p>
</section>
</body>
</html>

26
style.css Normal file
View file

@ -0,0 +1,26 @@
:root{
--couleur-principale: #d8d8f8;
--couleur-vert-1: #d8f0b0;
--couleur-rouge-1: #f0c8b0;
--couleur-gris-1: #f8f8f8;
--couleur-gris-2: #efefef;
--couleur-gris-3: #404040;
--couleur-gris-4: #242450;
}
body{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
}
nav {
width: 15%;
}
#principal{
width: 50%;
background-color: var(--couleur-gris-1);
padding: 1em
}