diff --git a/img/badge/bot/bot.png b/img/badge/bot/bot.png new file mode 100644 index 0000000..75cffd7 Binary files /dev/null and b/img/badge/bot/bot.png differ diff --git a/img/badge/bot/verifiedbot.png b/img/badge/bot/verifiedbot.png new file mode 100644 index 0000000..fa90280 Binary files /dev/null and b/img/badge/bot/verifiedbot.png differ diff --git a/img/badge/bot/verifiedbotdev.svg b/img/badge/bot/verifiedbotdev.svg new file mode 100644 index 0000000..6e93ba4 --- /dev/null +++ b/img/badge/bot/verifiedbotdev.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/img/badge/bughunter/bughunter.png b/img/badge/bughunter/bughunter.png new file mode 100644 index 0000000..027be82 Binary files /dev/null and b/img/badge/bughunter/bughunter.png differ diff --git a/img/badge/bughunter/goldbughunter.svg b/img/badge/bughunter/goldbughunter.svg new file mode 100644 index 0000000..7f20e14 --- /dev/null +++ b/img/badge/bughunter/goldbughunter.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/img/badge/crown.svg b/img/badge/crown.svg new file mode 100644 index 0000000..51d8b7f --- /dev/null +++ b/img/badge/crown.svg @@ -0,0 +1,9 @@ + + + diff --git a/img/badge/earlysupporter.svg b/img/badge/earlysupporter.svg new file mode 100644 index 0000000..68b7d6a --- /dev/null +++ b/img/badge/earlysupporter.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/img/badge/hypesquad/balance.svg b/img/badge/hypesquad/balance.svg new file mode 100644 index 0000000..7ac97bd --- /dev/null +++ b/img/badge/hypesquad/balance.svg @@ -0,0 +1 @@ +HypeSquad Badge: House of Balance \ No newline at end of file diff --git a/img/badge/hypesquad/balancecrown.png b/img/badge/hypesquad/balancecrown.png new file mode 100644 index 0000000..5d076f3 Binary files /dev/null and b/img/badge/hypesquad/balancecrown.png differ diff --git a/img/badge/hypesquad/bravery.svg b/img/badge/hypesquad/bravery.svg new file mode 100644 index 0000000..62fb68a --- /dev/null +++ b/img/badge/hypesquad/bravery.svg @@ -0,0 +1 @@ +HypeSquad Badge: House of Bravery \ No newline at end of file diff --git a/img/badge/hypesquad/brillance.svg b/img/badge/hypesquad/brillance.svg new file mode 100644 index 0000000..26e3378 --- /dev/null +++ b/img/badge/hypesquad/brillance.svg @@ -0,0 +1 @@ +HypeSquad Badge: House of Brilliance \ No newline at end of file diff --git a/img/badge/hypesquad/event.svg b/img/badge/hypesquad/event.svg new file mode 100644 index 0000000..0bd41b3 --- /dev/null +++ b/img/badge/hypesquad/event.svg @@ -0,0 +1 @@ +hypesquad-event-attendee diff --git a/img/badge/hypesquad/goldbalance.svg b/img/badge/hypesquad/goldbalance.svg new file mode 100644 index 0000000..303dc2e --- /dev/null +++ b/img/badge/hypesquad/goldbalance.svg @@ -0,0 +1,76 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + diff --git a/img/badge/nitro/boost1.svg b/img/badge/nitro/boost1.svg new file mode 100644 index 0000000..be42d05 --- /dev/null +++ b/img/badge/nitro/boost1.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/img/badge/nitro/boost2.svg b/img/badge/nitro/boost2.svg new file mode 100644 index 0000000..2e334fc --- /dev/null +++ b/img/badge/nitro/boost2.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/img/badge/nitro/boost3.svg b/img/badge/nitro/boost3.svg new file mode 100644 index 0000000..7b4f920 --- /dev/null +++ b/img/badge/nitro/boost3.svg @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/img/badge/nitro/boost4.svg b/img/badge/nitro/boost4.svg new file mode 100644 index 0000000..4071c3c --- /dev/null +++ b/img/badge/nitro/boost4.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/img/badge/nitro/boost5.svg b/img/badge/nitro/boost5.svg new file mode 100644 index 0000000..aa73924 --- /dev/null +++ b/img/badge/nitro/boost5.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/img/badge/nitro/boost6.svg b/img/badge/nitro/boost6.svg new file mode 100644 index 0000000..31c4829 --- /dev/null +++ b/img/badge/nitro/boost6.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/img/badge/nitro/boost7.svg b/img/badge/nitro/boost7.svg new file mode 100644 index 0000000..ed073ba --- /dev/null +++ b/img/badge/nitro/boost7.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/img/badge/nitro/boost8.svg b/img/badge/nitro/boost8.svg new file mode 100644 index 0000000..304ea84 --- /dev/null +++ b/img/badge/nitro/boost8.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/img/badge/nitro/boost9.svg b/img/badge/nitro/boost9.svg new file mode 100644 index 0000000..4344627 --- /dev/null +++ b/img/badge/nitro/boost9.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/img/badge/nitro/nitro.png b/img/badge/nitro/nitro.png new file mode 100644 index 0000000..ccbf80b Binary files /dev/null and b/img/badge/nitro/nitro.png differ diff --git a/img/badge/partner.png b/img/badge/partner.png new file mode 100644 index 0000000..3fe6a6c Binary files /dev/null and b/img/badge/partner.png differ diff --git a/img/badge/staffbadge.svg b/img/badge/staffbadge.svg new file mode 100644 index 0000000..77eb186 --- /dev/null +++ b/img/badge/staffbadge.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/styles/style.css b/styles/style.css index 5e0c4aa..9e2a07b 100644 --- a/styles/style.css +++ b/styles/style.css @@ -544,3 +544,9 @@ code { border-radius: 10px; } + +.badge { + height: 20px; + align-self: center; + margin-left: 5px; +} diff --git a/util/div-creator.js b/util/div-creator.js index d7a286e..1295896 100644 --- a/util/div-creator.js +++ b/util/div-creator.js @@ -84,6 +84,10 @@ function createMessageDiv(message) { div.appendChild(embeds_div); author_div.appendChild(avatar_div); author_div.appendChild(name_div); + + const badge = new Badge("verifiedbot"); + author_div.appendChild(badge.e); + div.className = "message"; author_div.className = "message-author"; avatar_div.className = "message-author-avatar"; diff --git a/util/util-classes.js b/util/util-classes.js index 0c48edc..24ddf99 100644 --- a/util/util-classes.js +++ b/util/util-classes.js @@ -350,4 +350,147 @@ class Message { get e() { return this.#e; } -} \ No newline at end of file +} + +class Badge { + constructor(type) { + // Tell me your code is inefficient without telling me your code is inefficient: + this.e = document.createElement("img"); + switch(type) { + case "crown": + this.e.src = "../img/badge/crown.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-crown"); + break; + case "earlysupporter": + this.e.src = "../img/badge/earlysupporter.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-earlysupporter"); + break; + case "partner": + this.e.src = "../img/badge/partner.png"; + this.e.classList.add("badge"); + this.e.classList.add("badge-partner"); + break; + case "staff": + this.e.src = "../img/badge/staffbadge.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-staffbadge"); + break; + case "bot": + this.e.src = "../img/badge/bot/bot.png"; + this.e.classList.add("badge"); + this.e.classList.add("badge-bot"); + break; + case "verifiedbot": + this.e.src = "../img/badge/bot/verifiedbot.png"; + this.e.classList.add("badge"); + this.e.classList.add("badge-verifiedbot"); + break; + case "verifiedbotdev": + this.e.src = "../img/badge/bot/verifiedbotdev.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-verifiedbotdev"); + break; + case "bughunter": + this.e.src = "../img/badge/bughunter/bughunter.png"; + this.e.classList.add("badge"); + this.e.classList.add("badge-bughunter"); + break; + case "goldbughunter": + this.e.src = "../img/badge/bughunter/goldbughunter.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-goldbughunter"); + break; + case "balance": + this.e.src = "../img/badge/hypesquad/balance.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-balance"); + break; + case "bravery": + this.e.src = "../img/badge/hypesquad/bravery.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-bravery"); + break; + case "brillance": + this.e.src = "../img/badge/hypesquad/brillance.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-brillance"); + break; + case "goldbalance": + this.e.src = "../img/badge/hypesquad/goldbalance.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-goldbalance"); + break; + case "events": + this.e.src = "../img/badge/hypesquad/events.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-events"); + break; + case "balancecrown": + this.e.src = "../img/badge/hypesquad/balancecrown"; + this.e.classList.add("badge"); + this.e.classList.add("badge-balancecrown"); + break; + case "boost1": + this.e.src = "../img/badge/nitro/boost1.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-1"); + break; + case "boost2": + this.e.src = "../img/badge/nitro/boost2.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-2"); + break; + case "boost3": + this.e.src = "../img/badge/nitro/boost3.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-3"); + break; + case "boost4": + this.e.src = "../img/badge/nitro/boost4.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-4"); + break; + case "boost5": + this.e.src = "../img/badge/nitro/boost5.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-5"); + break; + case "boost6": + this.e.src = "../img/badge/nitro/boost6.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-6"); + break; + case "boost7": + this.e.src = "../img/badge/nitro/boost7.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-7"); + break; + case "boost8": + this.e.src = "../img/badge/nitro/boost8.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-8"); + break; + case "boost9": + this.e.src = "../img/badge/nitro/boost9.svg"; + this.e.classList.add("badge"); + this.e.classList.add("badge-boost"); + this.e.classList.add("badge-boost-9"); + break; + case "nitro": + this.e.src = "../img/badge/nitro/nitro.png"; + this.e.classList.add("badge"); + this.e.classList.add("badge-nitro"); + break; + }// What have I done + } +}