Mise à jour contenu & CSS
This commit is contained in:
parent
b866cccb29
commit
c8bd09f62e
2 changed files with 31 additions and 14 deletions
23
index.html
23
index.html
|
@ -1,26 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<html lang="fr-FR">
|
||||
<head>
|
||||
<meta charset='utf-8'/>
|
||||
<title>Timothée Huneau</title>
|
||||
<link rel='stylesheet' href='style.css' type='text/css'/>
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="description" content="Page personelle de Timothée Huneau"/>
|
||||
<meta name="color-scheme" content="light dark"/>
|
||||
<title>Timothée Huneau - page personelle</title>
|
||||
<link rel="stylesheet" href="style.css" type="text/css"/>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<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>
|
||||
<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" title="connexion nécessaire">le kihemkoi</a></li>
|
||||
<li><a href="https://forge.timotheehuneau.fr" title="IPv6 only">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>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>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>
|
||||
</body>
|
||||
</html>
|
||||
|
|
22
style.css
22
style.css
|
@ -8,6 +8,7 @@
|
|||
--couleur-gris-4: #242450;
|
||||
}
|
||||
|
||||
|
||||
body{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
@ -16,11 +17,26 @@ body{
|
|||
}
|
||||
|
||||
nav {
|
||||
width: 15%;
|
||||
max-width: 20em;
|
||||
}
|
||||
|
||||
|
||||
#principal{
|
||||
width: 50%;
|
||||
background-color: var(--couleur-gris-1);
|
||||
padding: 1em
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 50em) {
|
||||
|
||||
body {
|
||||
flex-direction: column;
|
||||
align-items: center
|
||||
}
|
||||
|
||||
|
||||
#principal, nav {
|
||||
width: 95%;
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Reference in a new issue