test 1.2 de la récupération de pp discord sur site web

pages/test.html

@@ -0,0 +1,49 @@
+<div id="member1"></div>
+<div id="member2"></div>
+<div id="member3"></div>
+<div id="member4"></div>
+
+<script>
+function showMember(userId, divId) {
+    fetch(`http://localhost:5000/api/user/${userId}`)
+        .then(res => res.json())
+        .then(data => {
+            document.getElementById(divId).innerHTML = `
+                <img src="${data.avatar_url}" width="80">
+                <p>${data.username}</p>
+            `;
+        })
+        .catch(() => {
+            document.getElementById(divId).innerHTML = `
+                <img src="https://cdn.discordapp.com/embed/avatars/0.png" width="80">
+                <p>Utilisateur inconnu</p>
+            `;
+        });
+}
+
+showMember(971446412690722826, "member1");
+showMember(353942721997832195, "member2");
+showMember(534003230435442690, "member3");
+showMember(561485865562406914, "member4");
+</script>
+
+
+<div id="partners"></div>
+
+<script>
+fetch("http://localhost:5000/api/partners")
+    .then(res => res.json())
+    .then(partners => {
+        const container = document.getElementById("partners");
+        partners.forEach(server => {
+            const icon = server.icon_url || "https://cdn.discordapp.com/embed/avatars/0.png";
+            container.innerHTML += `
+                <div class="partner">
+                    <img src="${icon}" width="80" style="border-radius:50%">
+                    <h3>${server.name}</h3>
+                    <p>${server.member_count} membres</p>
+                </div>
+            `;
+        });
+    });
+</script>