add: mood.html: page dediee a mettre en avant une association etonnament fonctionnelle d'un image et d'une musique, les deux semblent coherents

add: index.html: lien vers la page mood
add: music: ajout de la music redbone de childish gambino pour la page mood
This commit is contained in:
2026-09-17 23:14:38 +02:00
parent 8d7ba3ccb9
commit adb2b60b3f
5 changed files with 31 additions and 0 deletions

View File

@@ -21,6 +21,7 @@
</nav>
</header>
<main>
<a href="mood.html"><h1>Mood</h1></a>
<a href="about.html"><div id="myself" class="clickable">
<h1>A propos</h1>
<p>Principalement mon CV et des informations sur moi. Si jamais ca vous interesse.</p>

25
mood.html Normal file
View File

@@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="fr-FR">
<head>
<meta chartset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/style.css">
<link rel="icon" href="">
<title>Hatmos</title>
</head>
<body>
<h1><a href="index.html">Hatmos</a></h1>
<h2>Your favorite wannabe technician<h2>
<main>
<div>
<img src="images/pingwin.png"/>
</div>
<div>
<audio controls>
<source src="music/redbone-childish-gambino.mp3" type="audio/mpeg">
</audio>
</div>
</main>
</body>
</html>

Binary file not shown.

View File

@@ -12,6 +12,9 @@
<h1><a href="../index.html">Hatmos</a></h1>
<h2>Your favorite wannabe technician<h2>
</header>
<div id="chapter-progress">
<progress ></progress>
</div>
<main>
<h1>Apprendre l'Electronique avec un Arroseur de Plante Automatique</h1>
<div>

View File

@@ -1,3 +1,5 @@
html { scroll-behavior: smooth; }
body {
background-color: #ffffff;
background-image: radial-gradient(circle, #d0d0d5 1.5px, transparent 1px);