diff options
| author | Martial Simon <msimon_fr@hotmail.com> | 2023-06-28 13:24:56 +0200 |
|---|---|---|
| committer | Martial Simon <msimon_fr@hotmail.com> | 2023-06-28 13:24:56 +0200 |
| commit | 44f5ca09550fcb5de9c4411e61cbe8d02cb021b1 (patch) | |
| tree | 12ac8ddb6a91eb65077fed3148046a3987711c25 | |
| parent | a907fb793e959001b77ac9636d6fcfd2c3755f4f (diff) | |
feat: true centered body contents, played with pseudo classes for the return buttons
| -rw-r--r-- | en/aboutme.html | 2 | ||||
| -rw-r--r-- | en/index.html | 2 | ||||
| -rw-r--r-- | en/it.html | 2 | ||||
| -rw-r--r-- | en/music.html | 2 | ||||
| -rw-r--r-- | index.html | 2 | ||||
| -rw-r--r-- | info.html | 11 | ||||
| -rw-r--r-- | moa.html | 2 | ||||
| -rw-r--r-- | musique.html | 4 | ||||
| -rw-r--r-- | style.css | 16 |
9 files changed, 25 insertions, 18 deletions
diff --git a/en/aboutme.html b/en/aboutme.html index 8e41634..34c2384 100644 --- a/en/aboutme.html +++ b/en/aboutme.html @@ -12,6 +12,6 @@ I hope you enjoy taking a look at my website, have a good day ! <a href=index.html>Return</a> </div> - <a href="index.html" class="footer"><<<Return<<<</a> + <a href="index.html" class="footer">Return</a> </body> </html> diff --git a/en/index.html b/en/index.html index 2a58aeb..508503b 100644 --- a/en/index.html +++ b/en/index.html @@ -5,7 +5,7 @@ <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <link rel="stylesheet" type="text/css" href="../style.css" /> </head> - <body> + <body class="index"> <h1>Marcellus</h1> <a href="../index.html" class="language"> <img src="../img/chad.png" style="width: 1.2em">🇫🇷</a> @@ -13,6 +13,6 @@ <h1>My setup(s)</h1> <p></p> </div> - <a href="index.html" class="footer"><<<Return<<<</a> + <a href="index.html" class="footer">Return</a> </body> </html> diff --git a/en/music.html b/en/music.html index acfff5d..229f13c 100644 --- a/en/music.html +++ b/en/music.html @@ -46,6 +46,6 @@ I have done a few productions, but the one I've worked the most on is a second semester project OST.<br> You can find most of my productions on <a style="color: #fa7b12;" href=https://on.soundcloud.com/VmXE8>>SoundCloud<</a></p> </div> - <a href="index.html" class="footer"><<<Return<<<</a> + <a href="index.html" class="footer">Return</a> </body> </html> @@ -5,7 +5,7 @@ <meta content="text/html; charset=utf-8" http-equiv="content-type" /> <link rel="stylesheet" type="text/css" href="./style.css" /> </head> - <body> + <body class="index"> <h1>Marcellus</h1> <a href="en/index.html" class="language">🤮🇬🇧</a> <div class="links"> @@ -8,12 +8,17 @@ <a href="en/it.html" class="language">🤮🇬🇧</a> <div class="content"> <h1>Projets</h1> - <p></p> + <p><a href="https://github.com/Laitram31" style="color:#333333">La plupart de mes projets sont trouvables sur >Github<.</a></p> <hr class="section-sep"> <h1>Mes machines</h1> - <p></p> + <p> + <ul> + <li>PCs : J'utilise un Dell Inspiron 7390 2n1 sous Windaube (ouais je sais, je suis pas prêt à faire la transition complète) comme PC portable, et un Asus X550 sous Artix Linux comme PC fixe.</li> + <li>Son : J'utilise une M-AUDIO Solo comme carte son, reliée à 2 enceintes ou mon casque audio. (Voir mon <a href="musique.html#matos" style="color:salmon">>matériel de musique<</a>)</li> + </ul> + </p> </div> - <a href=index.html class="footer"><<<Retour<<<</a> + <a href=index.html class="footer">Retour</a> </body> </html> @@ -23,6 +23,6 @@ <a href="https://nuange.neocities.org/" ><img src="https://i.imgur.com/q3Fio3i.gif"></a> </div> </div> - <a href=index.html class="footer"><<<Retour<<<</a> + <a href=index.html class="footer">Retour</a> </body> </html> diff --git a/musique.html b/musique.html index 5ed59e8..0239374 100644 --- a/musique.html +++ b/musique.html @@ -10,7 +10,7 @@ <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"> - <h1>Matos</h1> + <h1 id="matos">Matos</h1> <div class="matos"> <div> <h3><u>Instruments</u></h3> @@ -46,6 +46,6 @@ 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 style="color: #fa7b12;" href=https://on.soundcloud.com/VmXE8>>SoundCloud<</a></p> </div> - <a href=index.html class="footer"><<<Retour<<<</a> + <a href=index.html class="footer">Retour</a> </body> </html> @@ -1,10 +1,17 @@ body{ + display: flex; + flex-direction: column; + justify-content: center; background: url(img/wp.gif) no-repeat fixed; background-size:cover; text-align:center; font-family:Cousine; } +body.index{ + height: 97vh; +} + .frame{ margin-top=10px; margin-bottom=10px; @@ -107,13 +114,8 @@ a{ animation-timing-function: linear; } -@keyframes unopacitize{ - from{ - opacity: 1; - } - to{ - opacity: 0.6; - } +.footer::before, .footer::after{ + content: "<<<"; } @keyframes spin{ |