fossnsbm · Randeerwithanage · Oct 30, 2021 · Oct 30, 2021 · Oct 31, 2021 · Oct 31, 2021
diff --git a/Random Quote creater(RaNa)-Chrome Extension/README.md b/Random Quote creater(RaNa)-Chrome Extension/README.md
@@ -0,0 +1,16 @@
+# Random jokes generator-chrome extension(RaNa)
+
+# Installation Steps follwing this steps corectly...............................>
+
+
+Clone this repo --------------------------------------------------->1.
+
+Open chrome browser and select Extensions menu ------------------------>2.
+
+Enable developer mode and select load unpacked option -------------------->3.
+
+Select cloned folder.-------------------------------------------------------->4.
+
+
+
+THANK YOU!!!!!!!!!!!
diff --git a/Random Quote creater(RaNa)-Chrome Extension/download (1).jfif b/Random Quote creater(RaNa)-Chrome Extension/download (1).jfif
diff --git a/Random Quote creater(RaNa)-Chrome Extension/index.html b/Random Quote creater(RaNa)-Chrome Extension/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+
+    <title>Random Quote creater(RaNa)</title>
+
+
+</head>
+
+<body>
+    <div
+    class="container";>
+    <div class="quotebox"><p id="quote">Please wait...</p>
+       </div>
+    <button id="btn">More!</button>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/Random Quote creater(RaNa)-Chrome Extension/logo.png b/Random Quote creater(RaNa)-Chrome Extension/logo.png
diff --git a/Random Quote creater(RaNa)-Chrome Extension/manifest.json b/Random Quote creater(RaNa)-Chrome Extension/manifest.json
@@ -0,0 +1,16 @@
+{
+  "name": "fun time",
+  "version": "1.0.0",
+  "manifest_version": 2,
+  "browser_action": 
+
+  {
+    "default_popup": "index.html",
+    "default_icon": "logo.png"
+  },
+  "icons": 
+  {
+    "128": "logo.png"
+  },
+  "permissions": ["activeTab"]
+}
diff --git a/Random Quote creater(RaNa)-Chrome Extension/script.js b/Random Quote creater(RaNa)-Chrome Extension/script.js
@@ -0,0 +1,22 @@
+const quote = document.querySelector
+("#quote");
+const btn = document.querySelector
+("#btn");
+
+btn.addEventListener("click", getQuote);
+
+function getQuote()
+
+{
+    fetch("https://icanhazdadjoke.com/slack")
+    .then(res => res.json())
+    .then(data => {
+    	const joke = data.attachments[0].text;
+        quote.innerHTML=joke;
+
+
+
+    })
+}
+getQuote();
+
diff --git a/Random Quote creater(RaNa)-Chrome Extension/style.css b/Random Quote creater(RaNa)-Chrome Extension/style.css
@@ -0,0 +1,53 @@
+
+  body {
+    width: 500px;
+    height: 500px;
+    background-color:rgb(32, 63, 201);
+    display: flex;
+    justify-content: center;
+    font-family: helvetica;
+    font-size: 18px;
+  }
+
+  .container {
+    margin: 200px auto;
+    width: 400px;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .quote-box {
+    border: none;
+    padding: 30px 20px;
+    margin-bottom: 20px;
+  }
+  #quote {
+    color: rgb(170, 167, 167);
+    text-align: center;
+  }
+  #author {
+    float: right;
+    color: rgb(170, 167, 167);
+    font-weight: bold;
+    font-style: italic;
+    margin-top: 10px;
+  }
+
+  #btn {
+    align-self: center;
+    position: fixed;
+    margin-top:170px;
+    border-radius: 8px;
+    padding: 10px 15px;
+    color: rgb(161, 148, 148);
+    font-weight: bold;
+    opacity: 0.6;
+    display:inline-block;
+    cursor: pointer;
+    transition: 0.3s;
+
+  }
+
+  #btn:hover {
+    opacity: 1;
+  }