From f643681bbbb361f5fe074554d75f32c4e684a61f Mon Sep 17 00:00:00 2001 From: Martial Simon Date: Mon, 22 Jan 2024 00:09:06 +0200 Subject: meta: fresh new look for musique.html --- img/apx500II.png | Bin 0 -> 698019 bytes img/bg.gif | Bin 0 -> 5136 bytes img/bgg.gif | Bin 0 -> 7547 bytes img/g254.png | Bin 0 -> 636417 bytes img/gif_guitarman.gif | Bin 0 -> 20528 bytes img/guitar_animation2.gif | Bin 0 -> 10488 bytes img/guitarline2.gif | Bin 0 -> 5740 bytes img/jemjr.png | Bin 0 -> 403607 bytes img/line9.gif | Bin 0 -> 4674 bytes img/tmb30.png | Bin 0 -> 357885 bytes img/w800.png | Bin 0 -> 906651 bytes img/zik.gif | Bin 0 -> 1593 bytes musique.html | 55 ++++++++++++++++++++++++++++++++++++++-------- style.css | 34 ++++++++++++++++++++++++++++ 14 files changed, 80 insertions(+), 9 deletions(-) create mode 100644 img/apx500II.png create mode 100644 img/bg.gif create mode 100644 img/bgg.gif create mode 100644 img/g254.png create mode 100644 img/gif_guitarman.gif create mode 100644 img/guitar_animation2.gif create mode 100644 img/guitarline2.gif create mode 100644 img/jemjr.png create mode 100644 img/line9.gif create mode 100644 img/tmb30.png create mode 100644 img/w800.png create mode 100644 img/zik.gif diff --git a/img/apx500II.png b/img/apx500II.png new file mode 100644 index 0000000..1ee732a Binary files /dev/null and b/img/apx500II.png differ diff --git a/img/bg.gif b/img/bg.gif new file mode 100644 index 0000000..60366e3 Binary files /dev/null and b/img/bg.gif differ diff --git a/img/bgg.gif b/img/bgg.gif new file mode 100644 index 0000000..a9ae7ec Binary files /dev/null and b/img/bgg.gif differ diff --git a/img/g254.png b/img/g254.png new file mode 100644 index 0000000..ac21319 Binary files /dev/null and b/img/g254.png differ diff --git a/img/gif_guitarman.gif b/img/gif_guitarman.gif new file mode 100644 index 0000000..bf3d4df Binary files /dev/null and b/img/gif_guitarman.gif differ diff --git a/img/guitar_animation2.gif b/img/guitar_animation2.gif new file mode 100644 index 0000000..4e1db5a Binary files /dev/null and b/img/guitar_animation2.gif differ diff --git a/img/guitarline2.gif b/img/guitarline2.gif new file mode 100644 index 0000000..6097981 Binary files /dev/null and b/img/guitarline2.gif differ diff --git a/img/jemjr.png b/img/jemjr.png new file mode 100644 index 0000000..346f041 Binary files /dev/null and b/img/jemjr.png differ diff --git a/img/line9.gif b/img/line9.gif new file mode 100644 index 0000000..8c11f9c Binary files /dev/null and b/img/line9.gif differ diff --git a/img/tmb30.png b/img/tmb30.png new file mode 100644 index 0000000..1bc079b Binary files /dev/null and b/img/tmb30.png differ diff --git a/img/w800.png b/img/w800.png new file mode 100644 index 0000000..63306e7 Binary files /dev/null and b/img/w800.png differ diff --git a/img/zik.gif b/img/zik.gif new file mode 100644 index 0000000..0090cf7 Binary files /dev/null and b/img/zik.gif differ diff --git a/musique.html b/musique.html index e98312a..b8e5e67 100644 --- a/musique.html +++ b/musique.html @@ -5,23 +5,60 @@ + 🤮🇬🇧 + music gif + music gif + music gif

Formation

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.

Matos

Instruments

-
-
    +
    +
    + Mooer Gtrs W800 Pearl Pink +

    Mooer Gtrs W800 Pearl Pink

    +
    +
    + Ibanez JemJr White +

    Ibanez JemJr White

    +
    +
    + Ibanez TMB30 Ivory +

    Ibanez TMB30 Ivory

    +
    + +
    + Cort G254 +

    Cort G254

    +
    +
    + + Yamaha AP500 II Oriental Blue Burst +

    Yamaha AP500 II Oriental Blue Burst

    +
    +

    Amplis / Pédales

    @@ -45,10 +82,10 @@

    VisageLivre Instagram

    Club Musique - EPITA

    -

    J'ai repris la présidence du club musique de l'école en première année, mais il manque de membres. À deux, on peine à faire marcher le club et à intéresser les gens. Heureusement, la nouvelle promotion a l'air motivée

    +

    Site du club : RTFM

    Compositions & productions

    -

    Quand l'inspiration vient, je note ça sur un coin de papier, puis je reporte mes notes dans Guitar Pro. Je voudrais passer sur MuseScore, principalement parce que c'est un logiciel libre, mais l'utilisation est très peu intuitive. Ultimement, en fin de composition, j'enregistre tout via Ableton, puis je termine en faisant le mixage. 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 SoundCloud

+

Quand l'inspiration vient, je note ça sur un coin de papier, puis je reporte mes notes dans Guitar Pro. Je voudrais passer sur MuseScore, principalement parce que c'est un logiciel libre, mais l'utilisation est très peu intuitive. Ultimement, en fin de composition, j'enregistre tout via Ableton, puis je termine en faisant le mixage. 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 SoundCloud.

Retour diff --git a/style.css b/style.css index 08d2be3..f4b6443 100644 --- a/style.css +++ b/style.css @@ -136,6 +136,40 @@ marquee{ border-top: 3px dotted rgba(0, 0, 255, 0.6); } +.gif { + position: fixed; + opacity: 0.9; +} + +.gif:hover { + animation-name: spin; + animation-duration: 1s; + animation-iteration-count: infinite; + animation-timing-function: linear; +} + +.side-scroller { + overflow-x: auto; + white-space: nowrap; +} + +.side-scroller .content { + display: inline-block; + border-color: #9DDFFF; + width: 310px; + margin: 10px; + color: white; + background-image: url(img/bg.gif); +} + +.side-scroller .content h2 { + width: 100%; +} + +.side-scroller .content img { + width: 95%; +} + .footer{ /*position: fixed; top: 5px;*/ -- cgit v1.2.3