diff options
| -rw-r--r-- | pages.html | 13 | ||||
| -rw-r--r-- | style.css | 20 |
2 files changed, 14 insertions, 19 deletions
@@ -8,8 +8,7 @@ <body> <a href="en/aboutme.html" class="language">🤮🇬🇧</a> <div class="content-container"> - <div class="container" id="aboutme"> - <div class="content"> + <div class="content" id="aboutme"> <h2>T ki ?</h2> 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. @@ -29,9 +28,7 @@ <a href="https://yesterweb.com" ><img src="https://yesterweb.org/img/button.png"></a> </div> </div> - </div> - <div class="container" id="music"> - <div class="content"> + <div class="content" id="music"> <h1>Formation</h1> <p>J'ai commencé les cours de guitare et de formation musicale vers l'âge de 7 ans, et j'ai un assez bon niveau de solfège. J'ai aussi appris la basse pendant quelques années. J'ai suivi 2 ans de cours de MAO, et je suis très à l'aise avec Ableton Live.</p> <hr class="section-sep"> @@ -71,9 +68,7 @@ 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" id="it"> - <div class="content"> + <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> <hr class="section-sep"> @@ -85,6 +80,8 @@ </ul> </p> </div> + <div class="content"> + <h1>TravailEnCours</h1> </div> </div> <a href=index.html class="footer">Retour</a> @@ -22,6 +22,7 @@ body.index{ top: 2px; background-color: rgba(220, 237, 200, 0.9); border-radius: 3px; + z-index: -1; } br{ @@ -85,24 +86,20 @@ a.text-link::after{ } .content-container{ - display: flex; - flex-direction: row; - justify-content: flex-start; -} - -.container{ - padding: 0 3%; - min-width: 93vw; - width: auto; + display: grid; + grid-template-columns: repeat(2, 97vw); + gap: 20px; } .content{ - margin: 3% 0; - margin-bottom: auto; + width: 94vw; + height: 88vh; + margin: 1%; padding: 1%; background-color: rgba(220, 237, 200, 0.80); border-radius: 5px; border: 5px dotted #b4d545; + overflow: auto; } .content h1, h2{ @@ -144,6 +141,7 @@ a.text-link::after{ animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear; + z-index: -1; } .footer::before, .footer::after{ |