diff --git a/index.html b/index.html index d8e148f..d00f22f 100644 --- a/index.html +++ b/index.html @@ -21,22 +21,22 @@
-
+

A propos

Principalement mon CV et des informations sur moi. Si jamais ca vous interesse.

-
+

Projets

Une liste des projets que j'ai termine, ceci touchent a l'electronique et l'informatique.

-
+

Photos

Une galerie des mes photos preferes, ce sont uniquement des photos prises par moi-meme.

-
+

Jardin

Un suivis de mon parcours dans le jardinage, parce que les plantes ca sent bon et c'est joli.

diff --git a/projects/lewoapws.html b/projects/lewoapws.html index b567ccb..647a9aa 100644 --- a/projects/lewoapws.html +++ b/projects/lewoapws.html @@ -18,9 +18,35 @@

Ceci est un projet qui fais office de cours progressif sur l'electronique.

Le but de ce projet est de realiser un arroseur de plante autonome.

D'abord a activation manuelle, l'appareil va progressivement etre rendu automatique, intelligent et autonome.

-

L'idee est de partir de problemes concrets et de les resoudre avec des utilisations ingenieuses des composants qui seront vu dans les differents chapitres.

-

Les notions de lecture de datasheet, conception de schemas electroniques puis de circuits imprimes seront evoques puis approfondis au fur et a mesure des chapitres

+

L'idee est de partir de problemes concrets lies a l'objectif d'arroser une plante et de les resoudre avec des utilisations ingenieuses des composants.

+

Les notions de lecture de datasheet, conception de schemas electroniques puis des carte de circuits imprimes seront evoques puis approfondis au fur et a mesure des chapitres.

+
+

Chapitre 1

+

1.1 - Un montage simple

+

Tout commence par des fils, une source d'energie et un appareil.
+ Le circuit le plus simple se constitue d'une pile et d'une resistance. +

+ une photo du montage entre une pile AAA de 1,5V et une resistance de 15 Ohms
+

+ Ce circuit n'a pas de veritable utilite en dehors de nous apprendre le premier concept physique de ce cours : La loi d'Ohm
+ La loi d'Ohm indique, grossierement, que la tension mesuree entre l'entre et la sortie d'un composant est decrit par la relation : +

+
+ U = R * I +
+

+ Ou U est la tension mesuree, I est le courant consomme par le composant et R la valeur de resistance du composant. +

+

+ Comme je viens de le dire, ce circuit est simple. Pour preuve, il ne fais rien de special a part consommer l'energie de la pile. + Pour remedier a ce probleme, nous allons travailler avec un nouveau composant : La Diode Electroluminescente +

+

1.2 - Adapter une source de tension a un composant

+

+ +

+
Work In Progress
diff --git a/styles/style.css b/styles/style.css index 8c7cd67..a004525 100644 --- a/styles/style.css +++ b/styles/style.css @@ -13,12 +13,12 @@ header { background-color: #ffffff; } -div { +.clickable { background-color: white; transition: box-shadow 0.3s ease; } -div:hover{ +.clickable:hover{ background-color: white; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.3); } @@ -27,3 +27,14 @@ footer { background-color: #333333; color: #eeeeee; } + +.math-snipet{ + background-color: #f6f8fa; + border: 1px solid #d0d7de; + border-radius: 6px; + padding: 16px; + margin: 16px 0; + font-family: 'Cambria Math', 'STIX Two Math', serif; + font-size: 1.1em; + overflow-x: auto; +} diff --git a/test.css b/test.css new file mode 100644 index 0000000..d1b28a3 --- /dev/null +++ b/test.css @@ -0,0 +1,61 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: Arial, sans-serif; +} + +/* Le conteneur principal */ +.layout { + display: flex; + min-height: 100vh; +} + +/* Menu */ +.sidebar { + width: 240px; + background: #222; + color: white; + padding: 30px 20px; + + /* Le menu reste visible */ + position: sticky; + top: 0; + height: 100vh; +} + +.sidebar h2 { + margin-bottom: 30px; +} + +.sidebar nav { + display: flex; + flex-direction: column; + gap: 10px; +} + +.sidebar a { + color: #ccc; + text-decoration: none; + padding: 12px; + border-radius: 5px; +} + +.sidebar a:hover { + background: #444; + color: white; +} + +/* Contenu */ +.content { + flex: 1; + padding: 40px; +} + +section { + min-height: 100vh; + padding-top: 20px; +} diff --git a/test.html b/test.html new file mode 100644 index 0000000..3655dc5 --- /dev/null +++ b/test.html @@ -0,0 +1,39 @@ + + + +
+ + + +
+
+

Accueil

+

Bienvenue sur mon site.

+
+ +
+

Profil

+

Ma présentation...

+
+ +
+

Projets

+

Mes projets...

+
+ +
+

Contact

+

Mes coordonnées...

+
+
+ +