From 9137cfd95b09c7d113e745f04e06d0e66ca64b6d Mon Sep 17 00:00:00 2001 From: Martial Simon Date: Fri, 16 Jun 2023 16:38:52 +0200 Subject: feat: index.html à peu près pleine, texte dans moa.html MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/index.html | 29 +++++++++++++++++++++++++++++ fonts/tintin_talking.ttf | Bin 0 -> 51500 bytes img/aboutme.png | Bin 112934 -> 462187 bytes img/music.png | Bin 0 -> 3101074 bytes img/wp.gif | Bin 0 -> 4027407 bytes index.html | 17 +++++++++++++---- moa.html | 13 +++++++++++++ style.css | 37 ++++++++++++++++++++++++++++++++----- 8 files changed, 87 insertions(+), 9 deletions(-) create mode 100644 en/index.html create mode 100644 fonts/tintin_talking.ttf create mode 100644 img/music.png create mode 100644 img/wp.gif create mode 100644 moa.html diff --git a/en/index.html b/en/index.html new file mode 100644 index 0000000..bddf2c4 --- /dev/null +++ b/en/index.html @@ -0,0 +1,29 @@ + + + + Marcellus + + + + +

Marcellus

+ 🇫🇷 +

+ +

+ Who am I ? + +

+ + + IT + + +

+ Music + +

+ + + diff --git a/fonts/tintin_talking.ttf b/fonts/tintin_talking.ttf new file mode 100644 index 0000000..270d3f8 Binary files /dev/null and b/fonts/tintin_talking.ttf differ diff --git a/img/aboutme.png b/img/aboutme.png index 32f3ccc..2847924 100644 Binary files a/img/aboutme.png and b/img/aboutme.png differ diff --git a/img/music.png b/img/music.png new file mode 100644 index 0000000..7b857da Binary files /dev/null and b/img/music.png differ diff --git a/img/wp.gif b/img/wp.gif new file mode 100644 index 0000000..aa3c7fd Binary files /dev/null and b/img/wp.gif differ diff --git a/index.html b/index.html index 1bfdf74..af2652a 100644 --- a/index.html +++ b/index.html @@ -7,13 +7,22 @@

Marcellus

+ 🤮🇬🇧

- -

+ +

Qui suis-je ? - Informatique - Musique +

+ + + Informatique + + +

+ Musique +

diff --git a/moa.html b/moa.html new file mode 100644 index 0000000..7b5ce54 --- /dev/null +++ b/moa.html @@ -0,0 +1,13 @@ + + + + Marcellus + + + + Marcellus est mon pseudo, pour raisons évidentes je ne donnerai pas mon vrai prénom... hem
+ D'habitude, je suis pas spécialement doué pour parler de moi, mais bon, j'ai envie de faire l'effort pour une fois. Je suis étudiant en informatique à l'EPITA, musicien depuis l'enfance, grand frère, euuuh c'est tout (je crois). J'ai eu l'idée de faire ce petit site/blog perso en regardant les projets (et notamment le site) d'un ami de l'école, Ratakor, qui m'a appris pas mal de trucs sur l'utilisation des systèmes libres et open source. C'est un peu mon mentor, même si on est de la même promo. + J'espère que vous aurez plaisir à faire le tour de mon site, et bonne journée!
+ Retour + + diff --git a/style.css b/style.css index 451b2bc..0cb9c6f 100644 --- a/style.css +++ b/style.css @@ -1,8 +1,17 @@ body{ + background-image:url(img/wp.gif); + background-size:cover; text-align:center; font-family:Cousine; } +.language{ + text-decoration:none; + position: absolute; + right:5px; + top: 0; +} + .links{ display: grid; justify-content: center; @@ -12,19 +21,37 @@ body{ .link{ display: flex; flex-direction: column; - justify-content: center; - align-items: center; + justify-content:center; + align-items:center; width: 265px; height: 215px; margin: 10px; - background-color: rgba(23, 23, 23, 0.55); - border-radius: 10px; - border: 2px solid #bd93f9; + background-color: rgba(220, 237, 200, 0.55); border: 3px solid skyblue; border-radius: 2%; } +a{ + text-decoration: none; + color: inherit; +} + +.link:hover { + opacity: 0.6; +} +.link span{ + font-family:tintin; + font-size:1.5em; + position: relative; + top: 3%; +} + @font-face{ font-family:Cousine; src:url(./fonts/CousineNerdFont-Regular.ttf); } + +@font-face{ + font-family:tintin; + src:url(./fonts/tintin_talking.ttf); +} -- cgit v1.2.3