Upgraded quality of images

website/views/bot/index.ejs

@@ -9,7 +9,7 @@
   </div>
   <div class="bg-blue-color w-full p-10 text-white h-full lg:w-1/4 lg:m-4">
     <!-- bot avatar image -->
-    <img class="w-full rounded-full" src="https://cdn.discordapp.com/avatars/<%= bot.id %>/<%=bota.avatar %>.webp" alt="<%= bot.name %>" onerror="this.src='/img/logo.webp'">
+    <img class="w-full rounded-full" src="<%= bota.avatar ? 'https://cdn.discordapp.com/avatars/' +bot.id +'/'+bota.avatar + '.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt=" <%= bot.name %>">
     <h1 class="text-3xl text-center">
       <%= bot.name %>
     </h1>
@@ -65,7 +65,7 @@
       <i class="fa fa-crown"></i> Owners
     </div>
     <a style="text-decoration: none;margin-bottom: -5px;" href="/user/<%= bot.owner %>" class="flex mt-1">
-      <div class="h-5 w-5 rounded-lg" style="background: url(<%= "https://cdn.discordapp.com/avatars/" + bot.owner + "/" + global.bsl.users.cache.get(bot.owner).avatar + ".webp" || '../../img/undefined_avatar.png' %>) center center no-repeat; background-size: 100%;">
+      <div class="h-5 w-5 rounded-lg" style="background: url(<%= "https://cdn.discordapp.com/avatars/" + bot.owner + "/" + global.bsl.users.cache.get(bot.owner).avatar + ".webp" || '/img/logo.webp' %>) center center no-repeat; background-size: 100%;">
       </div>
       <p translate="no" class="box-2">
         <%=global.bsl.users.cache.get(bot.owner).username %>
@@ -74,7 +74,7 @@
     <% owners.forEach(admin=>{
                         %>
     <a style="text-decoration: none;margin-bottom: -5px;" href="/user/<%= admin.id %>" class="flex mt-1">
-      <div class="h-5 w-5 rounded-lg" style="background: url(<%= "https://cdn.discordapp.com/avatars/" + admin.id + "/" + admin.avatar + ".webp" || '../../img/undefined_avatar.png' %>) center center no-repeat; background-size: 100%;">
+      <div class="h-5 w-5 rounded-lg" style="background: url(<%= "https://cdn.discordapp.com/avatars/" + admin.id + "/" + admin.avatar + ".webp" || '/img/logo.webp' %>) center center no-repeat; background-size: 100%;">
       </div>
       <p translate="no" class="box-2">
         <%=admin.username %>

website/views/bots.ejs

@@ -16,10 +16,10 @@
   <div class="grid columns items-center content-center justify-center grid-cols-1 gap-4 col-auto sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 m-8">
     <% } %>
     <% for(let i=0; i < nbots.length; i++) { if (i===3) break; var bot=nbots[i]; if(bot) { %>
-            <% getBot = global.bsl.users.cache.get(bot.id); %>
+    <% getBot = global.bsl.users.cache.get(bot.id); %>
 
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/bot/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="<%= "https://cdn.discordapp.com/avatars/" + bot.id + "/" + getBot?.avatar +".png" %>" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= getBot.avatar ? 'https://cdn.discordapp.com/avatars/' +bot.id +'/'+getBot.avatar + '.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt=" <%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <%if(bot.servers) { %><i class="fa fa-server"></i>: <%= bot.servers %><% } %>
         </p>
@@ -62,9 +62,9 @@
   <div class="grid columns items-center content-center justify-center grid-cols-1 gap-4 col-auto sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 m-8">
     <% } %>
     <% for(let i=0; i < nbots.length; i++) { if (i===3) break; var bot=nbots[i]; if(bot) { %>
-      <% getBot = global.bsl.users.cache.get(bot.id); %>
+    <% getBot = global.bsl.users.cache.get(bot.id); %>
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/bot/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="<%= "https://cdn.discordapp.com/avatars/" + bot.id + "/" + getBot?.avatar +".png" %>" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= getBot.avatar ? 'https://cdn.discordapp.com/avatars/' +bot.id +'/'+getBot.avatar + '.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt=" <%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <%if(bot.servers) { %><i class="fa fa-server"></i>: <%= bot.servers %><% } %>
         </p>

website/views/includes/header.ejs

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -24,13 +25,13 @@
   <% if(typeof server !="undefined" ) { %>
   <meta property="og:title" content="BotsCord.xyz" />
   <meta property="og:url" content="http://botscord.xyz/server/<%=server.id %>" />
-  <meta property="og:image" content="https://cdn.discordapp.com/icons/<%=server.id %>/<%=serverr.icon %>.png" />
+  <meta property="og:image" content="<%= serverr.icon ? 'https://cdn.discordapp.com/icons/'+server.id+'/'+serverr.icon+'.png?size=1024' : '/img/logo.png' %>" />
   <meta property="og:description" content="<%= server.description %>
   ­
   🟢 <%= global.bsl.guilds.cache.get(server.id).members.cache.filter(a => a.presence?.status).size %> onlineᅠᅠᅠᅠ⚫ <%= global.bsl.guilds.cache.get(server.id).memberCount %> members">
   <% } else if(typeof bota !="undefined" ) { %>
   <meta property="og:url" content="http://botscord.xyz/server/<%=bota.id %>" />
-  <meta property="og:image" content="https://cdn.discordapp.com/avatars/<%=bota.id %>/<%=bota.avatar %>.png" />
+  <meta property="og:image" content="<%= bota.id ? 'https://cdn.discordapp.com/avatar/'+bota.id+'/'+bota.avatar+'.png?size=1024' : '/img/logo.png' %>" />
   <meta property="og:description" content="<%= bot.description %>">
   <% }else{ %>
   <meta property="og:type" content="website" />

website/views/index.ejs

@@ -82,8 +82,9 @@
   <div class="grid columns items-center content-center justify-center grid-cols-1 gap-4 col-auto sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 m-8">
     <% } %>
     <% for(let i=0; i < nbots.length; i++) { if (i===5) break; var bot=nbots[i]; if(bot) { %>
+    <% var bott = global.bsl.users.cache.get(bot.id); %>
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/bot/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="https://cdn.discordapp.com/avatars/<%= bot.id %>/<%= global.bsl.users.cache.get(bot.id).avatar %>.webp" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= bott.avatar ? 'https://cdn.discordapp.com/avatars/' +bot.id +'/'+bott.avatar + '.webp?size=1024' : '/img/logo.webp' %>" onerror=" this.src='/img/logo.webp'" alt=" <%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <%if(bot.servers) { %><i class="fa fa-server"></i>: <%= bot.servers %><% } %>
         </p>
@@ -126,8 +127,9 @@
   <div class="grid columns items-center content-center justify-center grid-cols-1 gap-4 col-auto sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 m-8">
     <% } %>
     <% for(let i=0; i < nbots.length; i++) { if (i===5) break; var bot=nbots[i]; if(bot) { %>
+    <% var bott = global.bsl.users.cache.get(bot.id); %>
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/bot/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="https://cdn.discordapp.com/avatars/<%= bot.id %>/<%=global.bsl.users.cache.get(bot.id).avatar %>.webp" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= bott.avatar ? 'https://cdn.discordapp.com/avatars/' +bot.id +'/'+bott.avatar + '.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt=" <%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <%if(bot.servers) { %><i class="fa fa-server"></i>: <%= bot.servers %><% } %>
         </p>
@@ -171,7 +173,7 @@
     <% for(let i=0; i < nbots.length; i++) { if (i===5) break; var bot=nbots[i]; if(bot) { %>
     <% var serverr = global.bsl.guilds.cache.get(bot.id); if(serverr) { %>
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/server/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="https://cdn.discordapp.com/icons/<%= bot.id %>/<%= serverr.icon %>.webp" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= serverr.icon ? 'https://cdn.discordapp.com/icons/'+bot.id+'/'+serverr.icon+'.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <i class="fa fa-user"></i>: <%= serverr.memberCount.toLocaleString().replace(',', '.' ) %>
         </p>
@@ -219,7 +221,7 @@
     <% var serverr = global.bsl.guilds.cache.get(bot.id); if(serverr) { %>
 
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/server/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="https://cdn.discordapp.com/icons/<%= bot.id %>/<%= serverr.icon %>.webp" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= serverr.icon ? 'https://cdn.discordapp.com/icons/'+bot.id+'/'+serverr.icon+'.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <i class="fa fa-user"></i>: <%= serverr.memberCount.toLocaleString().replace(',', '.' ) %><span class="float-right"><i class="fa fa-bomb"></i>: <%=bot.bumps %></span>
         </p>
@@ -239,9 +241,9 @@
         </a>
         <% }) %>
       </div>
-      <% } %>
-      <% } %>
     </div>
+    <% } %>
+    <% } %>
     <% }) %>
   </div>
 </div>
@@ -264,7 +266,7 @@
     <% for(let i=0; i < nbots.length; i++) { if (i===5) break; var bot=nbots[i]; if(bot) { %>
     <% var serverr = global.bsl.guilds.cache.get(bot.id); if(serverr) { %>
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/server/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="https://cdn.discordapp.com/icons/<%= bot.id %>/<%= serverr.icon %>.webp" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= serverr.icon ? 'https://cdn.discordapp.com/icons/'+bot.id+'/'+serverr.icon+'.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <i class="fa fa-user"></i>: <%= global.bsl.guilds.cache.get(bot.id).memberCount.toLocaleString().replace(',', '.' ) %><span class="float-right"><i class="fa fa-bomb"></i>: <%=bot.bumps %></span> </p>
       </div>
@@ -283,9 +285,8 @@
         </a>
         <% }) %>
       </div>
-      <% } %>
-      <% } %>
-    </div>
+    </div> <% } %>
+    <% } %>
     <% } %>
     <% } %>
   </div>

website/views/server/index.ejs

@@ -8,7 +8,7 @@
     </div>
   </div>
   <div class="bg-blue-color w-full p-10 text-white h-full lg:w-1/4 lg:m-4">
-    <img class="w-full rounded-full max-w-xs" src="https://cdn.discordapp.com/icons/<%=server.id %>/<%=serverr.icon %>.png" alt="<%= server.name %>" onerror="this.src='/img/logo.png'">
+    <img class="w-full rounded-full max-w-xs" src="<%= serverr.icon ? 'https://cdn.discordapp.com/icons/'+server.id+'/'+serverr.icon+'.webp?size=1024' : '/img/logo.webp' %>" alt="<%= server.name %>" onerror="this.src='/img/logo.png'">
     <h1 class="text-3xl">
       <%= server.name %>
     </h1>

website/views/servers.ejs

@@ -19,7 +19,7 @@
     <% var getBot = global.bsl.guilds.cache.get(bot.id); %>
     <% if(getBot) {%>
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/server/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="https://cdn.discordapp.com/icons/<%= bot.id %>/<%= getBot.icon %>.webp" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= getBot.icon ? 'https://cdn.discordapp.com/icons/'+bot.id+'/'+getBot.icon+'.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <i class="fa fa-user"></i>: <%= getBot.memberCount.toLocaleString().replace(',', '.' ) %><span class="float-right"><i class="fa fa-bomb"></i>: <%=bot.bumps %></span>
         </p>
@@ -65,7 +65,7 @@
     <% var getBot = global.bsl.guilds.cache.get(bot.id); %>
     <% if(getBot) { %>
     <div class="transition-shadow ease-in-out duration-300 hover:shadow-blue-900 shadow-2xl rounded-lg max-w-sm bg-blue-color " onclick="location.href='/server/<%=bot.id%> ';" style="cursor: pointer;">
-      <img class="w-full rounded-full" src="https://cdn.discordapp.com/icons/<%= bot.id %>/<%= getBot.icon %>.webp" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
+      <img class="w-full rounded-full" src="<%= getBot.icon ? 'https://cdn.discordapp.com/icons/'+bot.id+'/'+getBot.icon+'.webp?size=1024' : '/img/logo.webp' %>" onerror="this.src='/img/logo.webp'" alt="<%= bot.name %>">
       <div class="px-6 text-white text-base">
         <p><i class="fa-solid fa-check-to-slot"></i>: <%= bot.votes || 0 %> <i class="fa fa-user"></i>: <%= getBot.memberCount.toLocaleString().replace(',', '.' ) %><span class="float-right"><i class="fa fa-bomb"></i>: <%=bot.bumps %></span>
         </p>