From 9e6e2aebca0cdd4c590eafeda3365688da5180c2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Cl=C3=A9ment=20FOSSORIER?= Date: Tue, 1 Aug 2023 20:53:38 +0200 Subject: [PATCH] 01/08/2023 --- en.html | 271 ------------------ fr.html | 188 ++++++------ {media/images => images}/profile_pic.jpg | Bin .../images => images}/profile_pic_smiley.jpg | Bin css/stylesheet.css => style.css | 140 +++++---- 5 files changed, 187 insertions(+), 412 deletions(-) delete mode 100644 en.html rename {media/images => images}/profile_pic.jpg (100%) rename {media/images => images}/profile_pic_smiley.jpg (100%) rename css/stylesheet.css => style.css (80%) diff --git a/en.html b/en.html deleted file mode 100644 index 7208247..0000000 --- a/en.html +++ /dev/null @@ -1,271 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - -
-
-

-
-

-
-
- - - -
-
-

-
-

-
-
-
-
-
-

-
-

-
-
- -
-
-

-
-

- -
- -

-

- -
- -

-

- -
- -

-
-
-
- -
-

-
-
-
-

-
-
-
-
-

Java

-

☆★★★★

-
-
-

HTML

-

☆★★★★

-
-
-

Bootstrap Framework

-

☆☆★★★

-
-
-

SQL

-

☆☆☆★★

-
-
-
-
-

Laravel Framework

-

☆☆★★★

-
-
-

CSS

-

☆☆☆★★

-
-
-

PHP

-

☆☆☆★★

-
-
-

Python

-

☆☆☆★★

-
-
-
-
-

-
-
-
-
-

Français

-

★★★★★

-
-
-

English

-

☆☆★★★

-
-
-
-
-

Deutsch

-

☆☆☆☆★

-
-
-
-
- -
-

-
-
-
-
-
-
-

-
-
-

- -
- - - - -
- -

-
-
-
-
-

-
-
-

- -
- - - - -
- -

-
-
-
-
- -

2023

-

- -
- - - - -
- -

-

2021

-

- -
- - - - -
- -

-

2018

-
-
-
- - \ No newline at end of file diff --git a/fr.html b/fr.html index 62f25ae..c7cf633 100644 --- a/fr.html +++ b/fr.html @@ -1,15 +1,15 @@ - - + + - +
-
+

+
-
+

-
+

-
-
-
+
+
+

-
+

-
- +
+

-
+

-
+

-
+

-
+

@@ -123,77 +133,73 @@

-
-
-
+
+
+

-
-
-
-
-

Java

-

☆★★★★

-
-
-

HTML

-

☆★★★★

-
-
-

Bootstrap Framework

-

☆☆★★★

-
-
-

SQL

-

☆☆☆★★

-
+
+
+
+

Java

+

☆★★★★

-
-
-

Laravel Framework

-

☆☆★★★

-
-
-

CSS

-

☆☆☆★★

-
-
-

PHP

-

☆☆☆★★

-
-
-

Python

-

☆☆☆★★

-
+
+

HTML

+

☆★★★★

+
+
+

Bootstrap Framework

+

☆☆★★★

+
+
+

Laravel Framework

+

☆☆★★★

+
+
+

SQL

+

☆☆☆★★

+
+
+

CSS

+

☆☆☆★★

+
+
+

PHP

+

☆☆☆★★

+
+
+

Python

+

☆☆☆★★

+
+
+

JavaScript

+

☆☆☆☆★

-
+

-
-
-
-
-

Français

-

★★★★★

-
-
-

English

-

☆☆★★★

-
+
+
+
+

Français

+

★★★★★

-
-
-

Deutsch

-

☆☆☆☆★

-
+
+

English

+

☆☆★★★

+
+
+

Deutsch

+

☆☆☆☆★

-
+
-
+
@@ -202,12 +208,12 @@

-
+
-
+

@@ -219,12 +225,12 @@

-
+
-
+

@@ -235,34 +241,52 @@

2023

-
+
-
+

2021

-
+
-
+

2018

+ + + +
+ + diff --git a/media/images/profile_pic.jpg b/images/profile_pic.jpg similarity index 100% rename from media/images/profile_pic.jpg rename to images/profile_pic.jpg diff --git a/media/images/profile_pic_smiley.jpg b/images/profile_pic_smiley.jpg similarity index 100% rename from media/images/profile_pic_smiley.jpg rename to images/profile_pic_smiley.jpg diff --git a/css/stylesheet.css b/style.css similarity index 80% rename from css/stylesheet.css rename to style.css index 1d8cabb..88de979 100644 --- a/css/stylesheet.css +++ b/style.css @@ -9,6 +9,8 @@ div.name-box { } div.name-box div.text-zone { + color: white; + text-align: center; margin: 0; position: absolute; top: 50%; @@ -19,26 +21,96 @@ div.name-box div.text-zone { width: 50%; } +div.about-box { + background-color: white; + padding-top: 5%; + padding-inline: 10%; + padding-bottom: 5%; +} + img.picture { border-radius: 50%; display: block; margin-inline: auto; width: 75%; - content: url("/media/images/profile_pic.jpg"); + content: url("/images/profile_pic.jpg"); transform: scale(100%); transition: all 0.5s ease; } img.picture:hover { - content: url("/media/images/profile_pic_smiley.jpg"); + content: url("/images/profile_pic_smiley.jpg"); transform: scale(110%); transition: all 0.1s ease; } +div.skills-box { + background-color: white; + padding-top: 5%; + padding-inline: 10%; + padding-bottom: 5%; +} + +.skills-list .skill-item { + transition: all 0.5s ease; +} + +.skills-list .skill-item:hover { + background-color: #CECECE; + color:white; +} + +div.training-box { + background-color: white; + padding-top: 5%; + padding-inline: 10%; + padding-bottom: 5%; +} + +p.mobile-date { + font-weight: bold; + position: relative; + z-index: 1; + overflow: hidden; + text-align: center; +} + +p.mobile-date:before, p.mobile-date:after { + position: absolute; + top: 50%; + overflow: hidden; + width: 50%; + height: 1px; + content: '\a0'; + opacity: 0.25; + background-color: grey; +} + +p.mobile-date:before { + margin-left: -50%; +} + +div.personnal-projects-box { + background-color: white; + padding-top: 5%; + padding-inline: 10%; + padding-bottom: 5%; +} + +div.contact-box { + background-color: white; + padding-top: 5%; + padding-inline: 10%; + padding-bottom: 5%; +} + @media(max-width: 767.98px) { img.picture { - padding-top: 5%; - padding-bottom: 5%; + margin-bottom: 15px; + } + + .skills-list { + column-count: 1; } } @@ -66,6 +138,11 @@ img.picture:hover { transform: translateY(-100%); transition: all 0.5s ease; } + + .skills-list { + column-count: 2; + column-gap: 2%; + } } @media (max-width: 991.98px) { @@ -87,61 +164,6 @@ img.picture:hover { } } -div.about-box { - background-color: white; - padding-top: 5%; - padding-inline: 10%; - padding-bottom: 5%; -} - -div.skills-box { - background-color: white; - padding-top: 5%; - padding-inline: 10%; - padding-bottom: 5%; -} - -div.training-box { - background-color: white; - padding-top: 5%; - padding-inline: 10%; - padding-bottom: 5%; -} - -div.skill-item { - padding-left: 1%; - padding-right: 1%; - transition: all 0.5s ease; -} - -div.skill-item:hover { - background-color: #CECECE; - color:white; -} - -p.mobile-date { - font-weight: bold; - position: relative; - z-index: 1; - overflow: hidden; - text-align: center; -} - -p.mobile-date:before, p.mobile-date:after { - position: absolute; - top: 50%; - overflow: hidden; - width: 50%; - height: 1px; - content: '\a0'; - opacity: 0.25; - background-color: grey; -} - -p.mobile-date:before { - margin-left: -50%; -} - svg.icon { display: block; margin-top: auto;