Add files via upload

harshita214 · Feb 5, 2022 · 45a2018 · 45a2018
1 parent 61d25e0
commit 45a2018
Show file tree

Hide file tree

Showing 6 changed files with 55 additions and 0 deletions.
diff --git a/Random Jokes Extension/backgroundimg.jpg b/Random Jokes Extension/backgroundimg.jpg
diff --git a/Random Jokes Extension/logo.png b/Random Jokes Extension/logo.png
diff --git a/Random Jokes Extension/manifest.json b/Random Jokes Extension/manifest.json
@@ -0,0 +1,14 @@
+{
+    "name" : "JOKES",
+    "version" : "0.0.1",
+    "manifest_version": 2,
+    "browser_action": {
+        "default_popup": "popup.html",
+        "default_icon": "logo.png"
+    },
+    "icons": {
+        "128": "logo.png"
+    },
+    "permissions": ["activeTab"]
+
+}
diff --git a/Random Jokes Extension/popup.html b/Random Jokes Extension/popup.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta nane="viewport" content="width=devicewidth, initial-scale=1.0">
+        <link rel="stylesheet" href="style.css">
+        <title>JOKES :)</title>
+    </head>
+    <body>
+        <p id = "jokeElement">Loading....Funny JOkEs :)</p>
+        <script src="script.js"></script>
+    </body>
+</html>
diff --git a/Random Jokes Extension/script.js b/Random Jokes Extension/script.js
@@ -0,0 +1,8 @@
+fetch('https://icanhazdadjoke.com/slack')
+    .then(data => data.json())
+    .then(jokeData => {
+        const jokeText = jokeData.attachments[0].text;
+        const jokeElement = document.getElementById('jokeElement');
+
+        jokeElement.innerHTML = jokeText;
+    })
diff --git a/Random Jokes Extension/style.css b/Random Jokes Extension/style.css
@@ -0,0 +1,19 @@
+body {
+    width: 400px;
+    height: 200px;
+    background-image: url("backgroundimg.jpg");
+    background-color: aliceblue;
+    display: flex;
+    justify-content: center;
+    border: 5px solid rgb(7, 74, 78);
+}
+p {
+    display: inner-flex;
+    margin:auto 10px;
+    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
+    font-size: 25px;
+    color: rgb(7, 39, 41);
+    padding: 10px;
+    font-weight: bold;
+
+}