From be085b794064ad7fd3af58b940588f995182927f Mon Sep 17 00:00:00 2001
From: Martial Simon <msimon_fr@hotmail.com>
Date: Sat, 30 Dec 2023 23:04:21 +0100
Subject: init/proto: initial commit & prototype of an audio player

---
 README.md           |   1 +
 img/discordlogo.png | Bin 0 -> 283434 bytes
 img/i-30210.gif     | Bin 0 -> 23209 bytes
 img/i-32949.gif     | Bin 0 -> 3093 bytes
 img/i-35359.gif     | Bin 0 -> 18332 bytes
 img/i-53217.gif     | Bin 0 -> 26644 bytes
 img/i-59053.gif     | Bin 0 -> 486890 bytes
 img/i-80339.gif     | Bin 0 -> 11447 bytes
 img/i-80754.gif     | Bin 0 -> 19202 bytes
 img/i-87458.gif     | Bin 0 -> 14373 bytes
 img/i-99014.gif     | Bin 0 -> 12643 bytes
 img/logo.ico        | Bin 0 -> 6479 bytes
 img/logo.png        | Bin 0 -> 39500 bytes
 img/logosquare.png  | Bin 0 -> 45356 bytes
 img/piano.gif       | Bin 0 -> 3378 bytes
 img/wp.jpg          | Bin 0 -> 6360 bytes
 img/wp2.png         | Bin 0 -> 250453 bytes
 index.html          |  31 +++++++++++++++++++++++++++++++
 rec.html            |  33 +++++++++++++++++++++++++++++++++
 rec/Voix_018_sd.m4a | Bin 0 -> 2915438 bytes
 rec/Voix_019_sd.m4a | Bin 0 -> 987473 bytes
 rec/Voix_020_sd.m4a | Bin 0 -> 4042116 bytes
 rec/riff.wav        | Bin 0 -> 14288444 bytes
 style.css           |  51 +++++++++++++++++++++++++++++++++++++++++++++++++++
 24 files changed, 116 insertions(+)
 create mode 100644 README.md
 create mode 100644 img/discordlogo.png
 create mode 100644 img/i-30210.gif
 create mode 100644 img/i-32949.gif
 create mode 100644 img/i-35359.gif
 create mode 100644 img/i-53217.gif
 create mode 100644 img/i-59053.gif
 create mode 100644 img/i-80339.gif
 create mode 100644 img/i-80754.gif
 create mode 100644 img/i-87458.gif
 create mode 100644 img/i-99014.gif
 create mode 100644 img/logo.ico
 create mode 100644 img/logo.png
 create mode 100644 img/logosquare.png
 create mode 100644 img/piano.gif
 create mode 100644 img/wp.jpg
 create mode 100644 img/wp2.png
 create mode 100644 index.html
 create mode 100644 rec.html
 create mode 100644 rec/Voix_018_sd.m4a
 create mode 100644 rec/Voix_019_sd.m4a
 create mode 100644 rec/Voix_020_sd.m4a
 create mode 100644 rec/riff.wav
 create mode 100644 style.css

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
new file mode 100644
index 0000000..6d54e73
Binary files /dev/null and b/img/discordlogo.png differ
diff --git a/img/i-30210.gif b/img/i-30210.gif
new file mode 100644
index 0000000..08f5065
Binary files /dev/null and b/img/i-30210.gif differ
diff --git a/img/i-32949.gif b/img/i-32949.gif
new file mode 100644
index 0000000..527deb8
Binary files /dev/null and b/img/i-32949.gif differ
diff --git a/img/i-35359.gif b/img/i-35359.gif
new file mode 100644
index 0000000..96a807a
Binary files /dev/null and b/img/i-35359.gif differ
diff --git a/img/i-53217.gif b/img/i-53217.gif
new file mode 100644
index 0000000..9ea13a1
Binary files /dev/null and b/img/i-53217.gif differ
diff --git a/img/i-59053.gif b/img/i-59053.gif
new file mode 100644
index 0000000..13427b7
Binary files /dev/null and b/img/i-59053.gif differ
diff --git a/img/i-80339.gif b/img/i-80339.gif
new file mode 100644
index 0000000..595f4d2
Binary files /dev/null and b/img/i-80339.gif differ
diff --git a/img/i-80754.gif b/img/i-80754.gif
new file mode 100644
index 0000000..9220849
Binary files /dev/null and b/img/i-80754.gif differ
diff --git a/img/i-87458.gif b/img/i-87458.gif
new file mode 100644
index 0000000..9b717a0
Binary files /dev/null and b/img/i-87458.gif differ
diff --git a/img/i-99014.gif b/img/i-99014.gif
new file mode 100644
index 0000000..dae95c4
Binary files /dev/null and b/img/i-99014.gif differ
diff --git a/img/logo.ico b/img/logo.ico
new file mode 100644
index 0000000..d874294
Binary files /dev/null and b/img/logo.ico differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644
index 0000000..c6f5c8c
Binary files /dev/null and b/img/logo.png differ
diff --git a/img/logosquare.png b/img/logosquare.png
new file mode 100644
index 0000000..526cddb
Binary files /dev/null and b/img/logosquare.png differ
diff --git a/img/piano.gif b/img/piano.gif
new file mode 100644
index 0000000..ce2b987
Binary files /dev/null and b/img/piano.gif differ
diff --git a/img/wp.jpg b/img/wp.jpg
new file mode 100644
index 0000000..24ef621
Binary files /dev/null and b/img/wp.jpg differ
diff --git a/img/wp2.png b/img/wp2.png
new file mode 100644
index 0000000..215cb4e
Binary files /dev/null and b/img/wp2.png differ
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
new file mode 100644
index 0000000..218b75d
Binary files /dev/null and b/rec/Voix_018_sd.m4a differ
diff --git a/rec/Voix_019_sd.m4a b/rec/Voix_019_sd.m4a
new file mode 100644
index 0000000..c99d3a8
Binary files /dev/null and b/rec/Voix_019_sd.m4a differ
diff --git a/rec/Voix_020_sd.m4a b/rec/Voix_020_sd.m4a
new file mode 100644
index 0000000..aeb008b
Binary files /dev/null and b/rec/Voix_020_sd.m4a differ
diff --git a/rec/riff.wav b/rec/riff.wav
new file mode 100644
index 0000000..31c0c5d
Binary files /dev/null and b/rec/riff.wav differ
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
-- 
cgit v1.2.3