-
-
-
-
- 
-
-
-
-
- 
+
+
+
+
+
-
+
-
+
+
+
-
-
+
- 
+
-
+
+
-
+
+
+
-
- 
+
+
+
+
+
+
+
+
+
+
+
+
+ Nombre de fans connectés : x
+
+
diff --git a/script.js b/script.js
index b269022..167b44b 100644
--- a/script.js
+++ b/script.js
@@ -1,3 +1,11 @@
+document.addEventListener('DOMContentLoaded', () => {
+ var socket = io("ws://danby.aniere.fr:3000");
+
+ socket.on("update-count", (data) => {
+ document.getElementById("value").innerText = data.value;
+ });
+});
+
const swiper = new Swiper('.swiper', {
direction: "horizontal",
loop: true,
diff --git a/style.css b/style.css
index 34ad8b4..61f2755 100644
--- a/style.css
+++ b/style.css
@@ -18,6 +18,25 @@ body {
display: none;
}
+#swiper-container {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+}
+
+#counter-container {
+ display: flex;
+ margin-top: 5vh;
+ justify-content: center;
+}
+
+#counter-container > span {
+ color: white;
+ font-weight: bold;
+ font-size: large ;
+ font-family: sans-serif;
+}
+
.swiper {
width: 500px;
height: 400px;