Merge pull request #2486 from Niyatizzz/master

Extension - Emoji Genrator
Sulagna-Dutta-Roy · Jul 22, 2024 · 65e4d76 · 65e4d76
2 parents 4c658ce + 1078aee
commit 65e4d76
Show file tree

Hide file tree

Showing 4 changed files with 160 additions and 0 deletions.
diff --git a/Emoji Generator/index.html b/Emoji Generator/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Emoji Generator</title>
+    <link rel="stylesheet" href="src/style.css">
+</head>
+
+<body>
+    <div id="emoji">😂</div>
+
+    <script src="scripts/script.js"></script>
+</body>
+
+</html>
diff --git a/Emoji Generator/manifest.json b/Emoji Generator/manifest.json
@@ -0,0 +1,17 @@
+{
+  "manifest_version": 3,
+  "name": "emoji generator",
+  "version": "1.0",
+  "description": "generate random emojis!",
+  "permissions": ["storage"],
+  "optional-permissions": ["tabs"],
+  "action": {
+    "default_popup": "index.html"
+  },
+  "web_accessible_resources": [
+    {
+      "resources": ["index.html"],
+      "matches": ["<all_urls>"]
+    }
+  ]
+}
diff --git a/Emoji Generator/scripts/script.js b/Emoji Generator/scripts/script.js
@@ -0,0 +1,105 @@
+const emoji = document.querySelector("#emoji");
+
+const emojis = [
+  "😀",
+  "😁",
+  "😂",
+  "🤣",
+  "😃",
+  "😄",
+  "😎",
+  "😋",
+  "😊",
+  "😉",
+  "😆",
+  "😅",
+  "😍",
+  "😘",
+  "🥰",
+  "😗",
+  "😙",
+  "🥲",
+  "😚",
+  "☺️",
+  "🙂",
+  "🤗",
+  "🤩",
+  "🤔",
+  "🫥",
+  "😶",
+  "😑",
+  "😐",
+  "🤨",
+  "🫡",
+  "🙄",
+  "😶‍🌫️",
+  "😏",
+  "😣",
+  "😥",
+  "😮",
+  "😴",
+  "🥱",
+  "😫",
+  "😪",
+  "😯",
+  "🤐",
+  "😌",
+  "😛",
+  "😜",
+  "😝",
+  "🤤",
+  "😒",
+  "😧",
+  "😓",
+  "😔",
+  "😕",
+  "🫤",
+  "🙃",
+  "🫠",
+  "😞",
+  "😖",
+  "🙁",
+  "☹️",
+  "😲",
+  "🤑",
+  "😟",
+  "😤",
+  "😢",
+  "😭",
+  "😦",
+  "😧",
+  "😨",
+  "😩",
+  "🤯",
+  "😬",
+  "😮‍💨",
+  "😰",
+  "😵",
+  "🤪",
+  "😳",
+  "🥶",
+  "🥵",
+  "😱",
+  "😵‍💫",
+  "🥴",
+  "😠",
+  "😡",
+  "😷",
+  "🤒",
+  "🤧",
+  "😇",
+  "🥺",
+  "🤥",
+  "🫨",
+  "🙂‍↕️",
+  "🤫",
+  "🤭",
+  "🫢",
+  "🫣",
+  "🧐",
+  "🤓",
+];
+
+emoji.addEventListener("mouseover", () => {
+  emoji.innerText = emojis[Math.floor(Math.random() * emojis.length)];
+});
diff --git a/Emoji Generator/src/style.css b/Emoji Generator/src/style.css
@@ -0,0 +1,21 @@
+body {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: #ccc;
+}
+
+#emoji {
+  font-size: 9rem;
+  filter: grayscale(1);
+  cursor: pointer;
+  transition-property: transform, filter;
+  transition-duration: 200ms;
+}
+
+#emoji:hover {
+  transform: scale(1.3);
+  filter: grayscale(0);
+}