4.8: new about popup and other visual improvements

src/modules/emoji.js

@@ -3,7 +3,7 @@ const names = {
     "🎬": "clapper_board",
     "💰": "money_bag",
     "🎉": "party_popper",
-    "❓": "red_question_mark",
+    "❓": "question_mark",
     "✨": "sparkles",
     "🪅": "pinata",
     "🪄": "magic_wand",
@@ -18,17 +18,22 @@ const names = {
     "🕯️": "candle",
     "😺": "cat",
     "🐶": "dog",
-    "🎂": "cake"
+    "🎂": "cake",
+    "🐘": "elephant",
+    "🐦": "bird",
+    "🐙": "octopus",
+    "🔮": "crystal_ball"
 }
 let sizing = {
     22: 0.4,
     30: 0.7,
-    48: 0.9
+    48: 0.9,
+    64: 0.9
 }
 export default function(emoji, size, disablePadding) {
     if (!size) size = 22;
     let padding = size !== 22 ? `margin-right:${sizing[size] ? sizing[size] : "0.4"}rem;` : ``;
     if (disablePadding) padding = 'margin-right:0!important;';
     if (!names[emoji]) emoji = "❓";
-    return `<img class="emoji" height="${size}" width="${size}" style="${padding}" alt="${emoji}" src="emoji/${names[emoji]}.svg">`
+    return `<img class="emoji" draggable=false height="${size}" width="${size}" style="${padding}" alt="${emoji}" src="emoji/${names[emoji]}.svg">`
 }