From f6722b4fa3eaa01839b126a868f154b6f5b1246c Mon Sep 17 00:00:00 2001 From: Hatmos Date: Tue, 15 Sep 2026 19:51:38 +0200 Subject: [PATCH] add: style.css : transformation de l'image d'arriere plan en generation par le client + debut de stylisation des differentes categories de balises et elements --- index.html | 22 +++++++++--------- projects.html | 17 +++++++++++--- projects/lewoapws.html | 21 +++++++++++++++++ projects/self_hosted_debian_server.html | 22 ++++++++++++++++++ styles/style.css | 30 ++++++++++++++++++++++--- 5 files changed, 96 insertions(+), 16 deletions(-) create mode 100644 projects/lewoapws.html create mode 100644 projects/self_hosted_debian_server.html diff --git a/index.html b/index.html index 5a36f8e..d8e148f 100644 --- a/index.html +++ b/index.html @@ -8,16 +8,18 @@ Hatmos -

Hatmos

-

Your favorite wannabe technician

- +
+

Hatmos

+

Your favorite wannabe technician

+ +

A propos

diff --git a/projects.html b/projects.html index 408f42a..d7f04ac 100644 --- a/projects.html +++ b/projects.html @@ -1,9 +1,20 @@ - + - + + + + + Hatmos - +

Hatmos

+

Your favorite wannabe technician

+ diff --git a/projects/lewoapws.html b/projects/lewoapws.html new file mode 100644 index 0000000..0872c8a --- /dev/null +++ b/projects/lewoapws.html @@ -0,0 +1,21 @@ + + + + + + + + Hatmos + + +

Hatmos

+

Your favorite wannabe technician

+
+

Apprendre l'Electronique avec un Arroseur de Plante Automatique

+
+ +
Work In Progress
+
+
+ + diff --git a/projects/self_hosted_debian_server.html b/projects/self_hosted_debian_server.html new file mode 100644 index 0000000..2a0791c --- /dev/null +++ b/projects/self_hosted_debian_server.html @@ -0,0 +1,22 @@ + + + + + + + + Hatmos + + +

Hatmos

+

Your favorite wannabe technician

+
+

Serveur Debian Auto-heberge

+
+ +
Work In Progress
+
+
+ + + diff --git a/styles/style.css b/styles/style.css index adb3427..8c7cd67 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1,5 +1,29 @@ body { - background-image: url('../images/fond_minimaliste.png'); - background-size: cover; - background-repeat: repeat-y; + background-color: #ffffff; + background-image: radial-gradient(circle, #d0d0d5 1.5px, transparent 1px); + background-size: 50px 50px; + background-repeat: repeat; +} + +header { + background-color: #ffffff; +} + +#top-nav { + background-color: #ffffff; +} + +div { + background-color: white; + transition: box-shadow 0.3s ease; +} + +div:hover{ + background-color: white; + box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.3); +} + +footer { + background-color: #333333; + color: #eeeeee; }