diff options
| -rw-r--r-- | index.html | 6 | ||||
| -rw-r--r-- | pages.html (renamed from moa.html) | 8 | ||||
| -rw-r--r-- | style.css | 18 |
3 files changed, 24 insertions, 8 deletions
@@ -9,17 +9,17 @@ <h1>Marcellus</h1> <a href="en/index.html" class="language">🤮🇬🇧</a> <div class="links"> - <a href="moa.html#aboutme" class="link"> + <a href="pages.html#aboutme" class="link"> <img src=img/aboutme.png width=60% /> <span>Qui suis-je ?</span> </a> </div> <div class="links"> - <a href="moa.html#it" class="link"> + <a href="pages.html#it" class="link"> <img src="https://www.your3dsource.com/images/laptopB.gif"> <span>Informatique</span> </a> - <a href="moa.html#music" class="link"> + <a href="pages.html#music" class="link"> <img src=img/music.png width=60% /> <span>Musique</span> </a> @@ -8,6 +8,7 @@ <body> <a href="en/aboutme.html" class="language">🤮🇬🇧</a> <div class="content-container"> + <div class="container"> <div class="content" id="aboutme"> Marcellus est mon pseudo, pour raisons évidentes je ne donnerai pas mon vrai prénom... hem <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. @@ -20,12 +21,14 @@ <hr class="section-sep"> <h2>Du coup, ma webring</h2> <div class="webring"> - <a href=#><img width=88px height=31px src=img/button.png /></a> + <a href=index.html><img width=88px height=31px src=img/button.png /></a> <a href="https://ratakor.com"><img src="https://ratakor.com/images/based/ratakor.gif"></a> <a href="https://gifypet.neocities.org/" ><img src="https://gifypet.neocities.org/images/badge.gif"></a> <a href="https://nuange.neocities.org/" ><img src="https://i.imgur.com/q3Fio3i.gif"></a> </div> </div> + </div> + <div class="container"> <div class="content" id="music"> <h1>Formation</h1> @@ -67,6 +70,8 @@ J'ai quelques productions à mon actif, mais celle sur laquelle j'ai le plus travaillé est la BO du projet de groupe du 2è semestre. La plupart des mes productions sont trouvables sur <a class="text-link" style="color: #fa7b12;" href=https://on.soundcloud.com/VmXE8>SoundCloud</a></p> </div> + </div> + <div class="container"> <div class="content" id="it"> <h1>Projets</h1> <p>La plupart de mes projets sont trouvables sur <a class="text-link" href="https://github.com/Laitram31" style="color:#333333">Github</a>.</p> @@ -80,6 +85,7 @@ </p> </div> </div> + </div> <a href=index.html class="footer">Retour</a> </body> </html> @@ -20,6 +20,8 @@ body.index{ position: fixed; right:8px; top: 2px; + background-color: rgba(220, 237, 200, 0.9); + border-radius: 3px; } br{ @@ -87,11 +89,16 @@ a.text-link::after{ justify-content: flex-start; } +.container{ + padding: 0 3%; + min-width: 93vw; + width: auto; +} + .content{ - margin: 3%; + margin: 3% 0; + margin-bottom: auto; padding: 1%; - min-width: 90vw; - width: auto; background-color: rgba(220, 237, 200, 0.65); border-radius: 5px; border: 5px dotted #b4d545; @@ -128,7 +135,10 @@ a.text-link::after{ .footer{ position: fixed; top: 5px; - margin:auto; + margin: 0 auto; + background-color: rgba(220, 237, 200, 0.9); + border-radius: 3px; + /*right: 50%;*/ animation-name: foot-anim; animation-duration: 6s; animation-iteration-count: infinite; |