diff options
| -rw-r--r-- | main.html | 12 | ||||
| -rw-r--r-- | style.css | 7 |
2 files changed, 13 insertions, 6 deletions
@@ -9,8 +9,10 @@ <body> <a href="en/aboutme.html" class="language">🤮🇬🇧</a> <div class="content" id="aboutme"> - <h2 style="display: inline-block;">T ki ?</h2> - <img src="img/mii.png" alt="mii/pp" style="position: absolute; right:5px; top:5px; height:80px"/> + <div style="display: flex; flex-direction: row; justify-content: center; align-items: center;"> + <h2 style="height: 1em; margin-right: 5px">T ki ?</h2> + <img src="img/mii.png" alt="mii/pp" style="margin-left: 5px; border: 3px solid silver; border-radius: 10px; height:80px"/> + </div> <p>Marcellus est mon pseudo, pour raisons évidentes je ne donnerai pas mon vrai prénom... hem (mais je crois pas que ça soit compliqué de le trouver)<br> 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).<br> 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, <a style="color: darkorchid;" class="text-link" href="https://ratakor.com">Ratakor</a>, 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.<br> @@ -30,6 +32,10 @@ </a> </span> <div style="display: flex; flex-direction: row"> + <div style="width: 150px; /* <- Set any width you'd like! */"> + <script src="https://jeith.neocities.org/assets/webring/wii-ring.js"></script> + <wii-ring site="https://marcelus.net"></wii-ring> + </div> <marquee> <a href="https://ratakor.com"> <img src="https://ratakor.com/images/based/ratakor.gif"> @@ -47,7 +53,7 @@ <img src="http://www.mabsland.com/banner_sphinxmt.jpg" height="33px"> </a> <a href="https://articexploit.xyz:8443/"> - <img src="https://articexploit.xyz:8443/assets/banners/The_Arcade.gif" height=33px> + <img src="https://articexploit.xyz:8443/assets/lainring/banners/The_Arcade.gif" height=33px> </a> <a href="https://tamanochi.world"> <img src="https://tamanotchi.world/includes/img/tamanotchi.gif"> @@ -90,6 +90,10 @@ a.text-link::after{ overflow: hidden; } +marquee { + margin: 5px; +} + .content-container{ margin: 20px 10%; display: grid; @@ -99,9 +103,6 @@ a.text-link::after{ } .content{ - position: relative; - top: 0; - left: 0; width: auto; height: auto; margin: 5%; |