diff options
| -rw-r--r-- | README.md | 1 | ||||
| -rw-r--r-- | img/discordlogo.png | bin | 0 -> 283434 bytes | |||
| -rw-r--r-- | img/i-30210.gif | bin | 0 -> 23209 bytes | |||
| -rw-r--r-- | img/i-32949.gif | bin | 0 -> 3093 bytes | |||
| -rw-r--r-- | img/i-35359.gif | bin | 0 -> 18332 bytes | |||
| -rw-r--r-- | img/i-53217.gif | bin | 0 -> 26644 bytes | |||
| -rw-r--r-- | img/i-59053.gif | bin | 0 -> 486890 bytes | |||
| -rw-r--r-- | img/i-80339.gif | bin | 0 -> 11447 bytes | |||
| -rw-r--r-- | img/i-80754.gif | bin | 0 -> 19202 bytes | |||
| -rw-r--r-- | img/i-87458.gif | bin | 0 -> 14373 bytes | |||
| -rw-r--r-- | img/i-99014.gif | bin | 0 -> 12643 bytes | |||
| -rw-r--r-- | img/logo.ico | bin | 0 -> 6479 bytes | |||
| -rw-r--r-- | img/logo.png | bin | 0 -> 39500 bytes | |||
| -rw-r--r-- | img/logosquare.png | bin | 0 -> 45356 bytes | |||
| -rw-r--r-- | img/piano.gif | bin | 0 -> 3378 bytes | |||
| -rw-r--r-- | img/wp.jpg | bin | 0 -> 6360 bytes | |||
| -rw-r--r-- | img/wp2.png | bin | 0 -> 250453 bytes | |||
| -rw-r--r-- | index.html | 31 | ||||
| -rw-r--r-- | rec.html | 33 | ||||
| -rw-r--r-- | rec/Voix_018_sd.m4a | bin | 0 -> 2915438 bytes | |||
| -rw-r--r-- | rec/Voix_019_sd.m4a | bin | 0 -> 987473 bytes | |||
| -rw-r--r-- | rec/Voix_020_sd.m4a | bin | 0 -> 4042116 bytes | |||
| -rw-r--r-- | rec/riff.wav | bin | 0 -> 14288444 bytes | |||
| -rw-r--r-- | style.css | 51 |
24 files changed, 116 insertions, 0 deletions
diff --git a/README.md b/README.md new file mode 100644 index 0000000..9fa4152 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# Site web du club musique de l'EPITA - RTFM
\ No newline at end of file diff --git a/img/discordlogo.png b/img/discordlogo.png Binary files differnew file mode 100644 index 0000000..6d54e73 --- /dev/null +++ b/img/discordlogo.png diff --git a/img/i-30210.gif b/img/i-30210.gif Binary files differnew file mode 100644 index 0000000..08f5065 --- /dev/null +++ b/img/i-30210.gif diff --git a/img/i-32949.gif b/img/i-32949.gif Binary files differnew file mode 100644 index 0000000..527deb8 --- /dev/null +++ b/img/i-32949.gif diff --git a/img/i-35359.gif b/img/i-35359.gif Binary files differnew file mode 100644 index 0000000..96a807a --- /dev/null +++ b/img/i-35359.gif diff --git a/img/i-53217.gif b/img/i-53217.gif Binary files differnew file mode 100644 index 0000000..9ea13a1 --- /dev/null +++ b/img/i-53217.gif diff --git a/img/i-59053.gif b/img/i-59053.gif Binary files differnew file mode 100644 index 0000000..13427b7 --- /dev/null +++ b/img/i-59053.gif diff --git a/img/i-80339.gif b/img/i-80339.gif Binary files differnew file mode 100644 index 0000000..595f4d2 --- /dev/null +++ b/img/i-80339.gif diff --git a/img/i-80754.gif b/img/i-80754.gif Binary files differnew file mode 100644 index 0000000..9220849 --- /dev/null +++ b/img/i-80754.gif diff --git a/img/i-87458.gif b/img/i-87458.gif Binary files differnew file mode 100644 index 0000000..9b717a0 --- /dev/null +++ b/img/i-87458.gif diff --git a/img/i-99014.gif b/img/i-99014.gif Binary files differnew file mode 100644 index 0000000..dae95c4 --- /dev/null +++ b/img/i-99014.gif diff --git a/img/logo.ico b/img/logo.ico Binary files differnew file mode 100644 index 0000000..d874294 --- /dev/null +++ b/img/logo.ico diff --git a/img/logo.png b/img/logo.png Binary files differnew file mode 100644 index 0000000..c6f5c8c --- /dev/null +++ b/img/logo.png diff --git a/img/logosquare.png b/img/logosquare.png Binary files differnew file mode 100644 index 0000000..526cddb --- /dev/null +++ b/img/logosquare.png diff --git a/img/piano.gif b/img/piano.gif Binary files differnew file mode 100644 index 0000000..ce2b987 --- /dev/null +++ b/img/piano.gif diff --git a/img/wp.jpg b/img/wp.jpg Binary files differnew file mode 100644 index 0000000..24ef621 --- /dev/null +++ b/img/wp.jpg diff --git a/img/wp2.png b/img/wp2.png Binary files differnew file mode 100644 index 0000000..215cb4e --- /dev/null +++ b/img/wp2.png diff --git a/index.html b/index.html new file mode 100644 index 0000000..2fe8c4a --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html> + <head> + <title>🎶 RTFM 🎵</title> + <link rel="stylesheet" type="text/css" href="./style.css" /> + <meta content="text/html; charset=utf-8" http-equiv="content-type" /> + <meta name="description" content="Club musique de l'EPITA Lyon" /> + <meta name="author" content="Marcellus" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link rel="icon" type="image/x-icon" href="img/logo.ico"> + </head> + <body> + <img src="img/logo.png" alt="Logo" style="width: 25vw;"> + <p><abbr title="Recursive Tracks FM">RTFM</abbr> est le club musique de l'EPITA Lyon.</p> + <p>Formé (pour l'instant) de 3 membres, Martial, + Louis et Joris, ses activités se concentrent sur des jams de groupe, + dont <a href="./rec.html">quelques enregistrements</a> sont réalisés. + </p> + <h2>A venir :</h2> + <p>Achat prochainement d'une batterie</p> + <h2>Contacts :</h2> + <p> + <a href="mailto:rtfmepita@outlook.fr"> + <img src="img/i-87458.gif" alt="mail gif" height="50px"> + </a> + <a href="https://discord.gg/wZcW9HWXaK"> + <img src="img/discordlogo.png" alt="mail gif" height="50px"> + </a> + </p> + </body> +</html>
\ No newline at end of file diff --git a/rec.html b/rec.html new file mode 100644 index 0000000..fd489e0 --- /dev/null +++ b/rec.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html> + <head> + <title>🎶 RTFM - Jams 🎵</title> + <link rel="stylesheet" type="text/css" href="./style.css" /> + <meta content="text/html; charset=utf-8" http-equiv="content-type" /> + <meta name="description" content="Club musique de l'EPITA Lyon" /> + <meta name="author" content="Marcellus" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <link rel="icon" type="image/x-icon" href="img/logo.ico"> + </head> + <body style="background: url(./img/wp.jpg)"> + <a href="./index.html" style="position: fixed; top: 5px; left: 10px;"> + <img src="img/logo.png" alt="Logo" style="height: 20vh;"> + </a> + <iframe src="https://lavender-but-bread.neocities.org/buttons/piano-button.html" style="position: absolute; top: 10px; right: 10px; border: none;" width="88" height="31"></iframe> + <h1>Jams</h1> + <!--TODO : Cool Audio Player--> + <div class="audio-players"> + <div class="audio"> + <img src="img/logosquare.png" alt="cover"> + <audio controls src="rec/Voix_018_sd.m4a" style="width: 100%;"></audio> + <div class="volume"> + <!--input type="range" id="volume-range" min="0" max="100" value="0"--> + </div> + </div> + </div> + <div style="display: inline-block;"> + <img src="img/i-53217.gif" alt="gif1" height="140px"> + <img src="img/i-80339.gif" alt="gif2" height="140px"> + </div> + </body> +</html>
\ No newline at end of file diff --git a/rec/Voix_018_sd.m4a b/rec/Voix_018_sd.m4a Binary files differnew file mode 100644 index 0000000..218b75d --- /dev/null +++ b/rec/Voix_018_sd.m4a diff --git a/rec/Voix_019_sd.m4a b/rec/Voix_019_sd.m4a Binary files differnew file mode 100644 index 0000000..c99d3a8 --- /dev/null +++ b/rec/Voix_019_sd.m4a diff --git a/rec/Voix_020_sd.m4a b/rec/Voix_020_sd.m4a Binary files differnew file mode 100644 index 0000000..aeb008b --- /dev/null +++ b/rec/Voix_020_sd.m4a diff --git a/rec/riff.wav b/rec/riff.wav Binary files differnew file mode 100644 index 0000000..31c0c5d --- /dev/null +++ b/rec/riff.wav diff --git a/style.css b/style.css new file mode 100644 index 0000000..74dfd62 --- /dev/null +++ b/style.css @@ -0,0 +1,51 @@ +body { + background: url("img/wp2.png") ; + text-align: center; + color: beige; + padding-left: 15vw; + padding-right: 15vw; +} + +a { + color: rgb(245, 82, 82); +} +abbr{ + cursor: help; +} + +.audio-players{ + display: flex; + justify-content: space-around; + margin: 1.5em auto; +} + +.audio { + display: flex; + flex-direction: column; + align-items: center; + width: 27%; + padding: 20px; + border-radius: 10px; + background-color: #beb096cc; + box-shadow: #111 15px 25px 30px; +} + +.audio img { + background-color: #534e55aa; + box-shadow: #020139 1px 1px 8px; + border-radius: 15px; + width: 100%; +} + +#volume-range { + appearance: none; +} + +#volume-range ::-webkit-slider-thumb{ + appearance: none; + background-color: red; +} + +.volume { + margin-top: 1.5em; +}
\ No newline at end of file |
