50 lines
1.5 KiB
HTML
50 lines
1.5 KiB
HTML
|
<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>
|