InteractiviteVideoEtSystemes · briceMonthe · May 13, 2022 · May 13, 2022 · May 15, 2022 · May 15, 2022
diff --git a/build/ableplayer.dist.js b/build/ableplayer.dist.js
diff --git a/build/ableplayer.js b/build/ableplayer.js
diff --git a/build/ableplayer.min.css b/build/ableplayer.min.css
diff --git a/build/ableplayer.min.js b/build/ableplayer.min.js
diff --git a/build/style.css b/build/style.css
@@ -0,0 +1,110 @@
+@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@500;600;700&display=swap");
+*, *::before, *::after {
+  margin: 0;
+  padding: 0;
+  border: none;
+  outline: none;
+  box-sizing: border-box;
+  text-decoration: none;
+  font-weight: bold;
+}
+
+.main {
+  width: 100vw;
+  height: 100vh;
+  display: grid;
+  grid-template-columns: 100%;
+  grid-template-rows: 10vh 90vh;
+  place-content: center;
+  background-color: #ffffff;
+}
+.main .header {
+  width: 100%;
+  height: 100%;
+  background-color: #000;
+  display: grid;
+  grid-template-columns: 90%;
+  grid-template-rows: 75%;
+  place-content: center;
+}
+.main .header .container {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-columns: 70px minmax(max-content, 40%);
+  grid-template-rows: 100%;
+  place-content: center flex-start;
+  place-items: center;
+}
+.main .header .container .logo {
+  font-size: 100%;
+  width: 100%;
+  height: 100%;
+}
+.main .header .container .title {
+  font-size: calc(100% + .6em);
+  color: #ffffff;
+  font-weight: bold;
+  width: 90%;
+  height: 100%;
+  display: grid;
+  place-content: center flex-start;
+}
+.main .body {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  grid-template-rows: 95%;
+  grid-template-columns: 95%;
+  place-content: center;
+}
+.main .body video {
+  font-size: calc(100% + .6em);
+  color: #ffffff;
+  font-weight: bold;
+  width: 90%;
+  height: 100%;
+  display: grid;
+  place-content: center flex-start;
+  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.5);
+}
+
+.able-offscreen {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  color: white;
+  font-size: calc( 300% + .5em );
+  display: grid;
+  place-content: center;
+}
+
+.able-big-play-button {
+  width: 100%;
+  height: 100%;
+}
+.able-big-play-button.icon-play::before {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-content: center;
+}
+.able-big-play-button.icon-stop::before {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-content: center;
+}
+
+img, svg {
+  width: 100%;
+  height: 100%;
+}
+
+svg {
+  height: 100%;
+  fill: gray;
+}
diff --git a/button-icons/Demo lecteur accessible.html b/button-icons/Demo lecteur accessible.html
diff --git a/button-icons/TOASTBEL.mp3 b/button-icons/TOASTBEL.mp3
diff --git a/button-icons/able-icons.svg b/button-icons/able-icons.svg
diff --git a/button-icons/black/descriptionsno.png b/button-icons/black/descriptionsno.png
diff --git a/button-icons/black/horizontal.png b/button-icons/black/horizontal.png
diff --git a/button-icons/black/signno.png b/button-icons/black/signno.png
diff --git a/button-icons/black/subt.png b/button-icons/black/subt.png
diff --git a/button-icons/black/subt2.png b/button-icons/black/subt2.png
diff --git a/button-icons/black/transcriptno.png b/button-icons/black/transcriptno.png
diff --git a/button-icons/black/vertical.png b/button-icons/black/vertical.png
diff --git a/button-icons/black/volume-unmute.png b/button-icons/black/volume-unmute.png
diff --git a/button-icons/fonts/AccessibleDfA.otf b/button-icons/fonts/AccessibleDfA.otf
diff --git a/button-icons/fonts/AccessibleDfA.ttf b/button-icons/fonts/AccessibleDfA.ttf
diff --git a/button-icons/fonts/HelvNeue55_W1G.woff b/button-icons/fonts/HelvNeue55_W1G.woff
diff --git a/button-icons/fonts/HelvNeue55_W1G.woff2 b/button-icons/fonts/HelvNeue55_W1G.woff2
diff --git a/button-icons/fonts/HelvNeue75_W1G.woff b/button-icons/fonts/HelvNeue75_W1G.woff
diff --git a/button-icons/fonts/HelveticaNeue.ttf b/button-icons/fonts/HelveticaNeue.ttf
diff --git a/button-icons/fonts/able.svg b/button-icons/fonts/able.svg
diff --git a/button-icons/fonts/comic.ttf b/button-icons/fonts/comic.ttf
diff --git a/button-icons/fonts/consola.ttf b/button-icons/fonts/consola.ttf
diff --git a/button-icons/orange_logo.svg b/button-icons/orange_logo.svg