Merge pull request #1 from Sulagna-Dutta-Roy/master

update
akshbansal61203 · Jun 2, 2024 · 980bfe1 · 980bfe1
2 parents e9a6cb7 + 72dba5b
commit 980bfe1
Show file tree

Hide file tree

Showing 80 changed files with 13,089 additions and 2 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/BMI Check/index.html b/BMI Check/index.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>BMI Calculator</title>
+    <link rel="stylesheet" href="src/style.css">
+</head>
+<body>
+    <div class="container">
+        <h2>BMI Calculator</h2>
+        <label for="weight">Weight (kg):</label>
+        <input type="number" id="weight" required>
+
+        <label for="height">Height (m):</label>
+        <input type="number" id="height" step="0.01" required>
+
+        <button onclick="calculateBMI()">Calculate BMI</button>
+
+        <div class="result" id="result"></div>
+    </div>
+    <script src="scripts/script.js"></script>
+</body>
+</html>
diff --git a/BMI Check/manifest.json b/BMI Check/manifest.json
@@ -0,0 +1,23 @@
+{
+    "manifest_version": 3,
+    "name": "BMI Check Extension",
+    "version": "1.0",
+    "description": "This provides a BMI checking extension to input weight and height and outputs your body mass index!",
+    "permissions": [
+        "storage"
+    ],
+    "optional-permissions" : ["tabs"],
+    "action": {
+        "default_popup": "index.html"
+    },
+    "web_accessible_resources": [
+        {
+            "resources": [
+                "index.html"
+            ],
+            "matches": [
+                "<all_urls>"
+            ]
+        }
+    ]
+}
diff --git a/BMI Check/scripts/script.js b/BMI Check/scripts/script.js
@@ -0,0 +1,25 @@
+function calculateBMI() {
+    const weight = parseFloat(document.getElementById('weight').value);
+    const height = parseFloat(document.getElementById('height').value);
+    const resultDiv = document.getElementById('result');
+
+    if (isNaN(weight) || isNaN(height) || height <= 0) {
+        resultDiv.textContent = 'Please enter valid weight and height.';
+        return;
+    }
+
+    const bmi = weight / (height * height);
+    let category;
+
+    if (bmi < 18.5) {
+        category = 'Underweight';
+    } else if (bmi < 24.9) {
+        category = 'Normal weight';
+    } else if (bmi < 29.9) {
+        category = 'Overweight';
+    } else {
+        category = 'Obesity';
+    }
+
+    resultDiv.innerHTML = `Your BMI is ${bmi.toFixed(2)}. Category: ${category}`;
+}
diff --git a/BMI Check/src/style.css b/BMI Check/src/style.css
@@ -0,0 +1,47 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f0f0f0;
+    margin: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+.container {
+    background-color: white;
+    padding: 20px;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    max-width: 400px;
+    width: 100%;
+    text-align: center;
+}
+
+label, input {
+    display: block;
+    width: 100%;
+    margin: 10px 0;
+}
+
+button {
+    padding: 10px 20px;
+    margin-top: 10px;
+    background-color: #4CAF50;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: #45a049;
+}
+
+.result {
+    margin-top: 20px;
+    padding: 10px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    background-color: #e0e0e0;
+}
diff --git a/Weight Calculator/icon.png → Book Reading Time Extension/icon.png b/Weight Calculator/icon.png → Book Reading Time Extension/icon.png
diff --git a/Book Reading Time Extension/manifest.json b/Book Reading Time Extension/manifest.json
@@ -0,0 +1,16 @@
+{
+  "manifest_version": 3,
+  "name": "Book Reading time Extension",
+  "version": "1.0",
+  "description": "A simple Book Reading time Extension",
+  "action": {
+    "default_popup": "popup.html",
+    "default_icon": {
+      "128": "icon.png"
+    }
+  },
+  "icons": {
+    "128": "icon.png"
+  },
+  "permissions": ["activeTab"]
+}
diff --git a/Book Reading Time Extension/popup.html b/Book Reading Time Extension/popup.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link
+        href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,900;1,400&family=Poppins:ital,wght@0,100;0,400;0,500;1,500&display=swap"
+        rel="stylesheet">
+    <link rel="stylesheet" href="style.css">
+    <title>Book Reading Time Calculator</title>
+</head>
+
+<body>
+    <div class="background-img"></div>
+    <div class="header">
+        <h1>BOOK READING TIME CALCULATOR</h1>
+    </div>
+    <div class="container glass">
+        <label for="pages">Number of Pages in Your Book?</label>
+        <input type="number" id="pages" placeholder="Enter number of pages">
+        <label for="speed">Average Reading Speed? (pages per minute)?</label>
+        <input type="number" id="speed" placeholder="Enter reading speed">
+
+        <button id="calculateButton">Estimate Book Reading Time</button>
+        <div class="output">
+            <p id="response"><span id="result"></span></p>
+        </div>
+    </div>
+    <script src="script.js"></script>
+</body>
+
+</html>
diff --git a/Book Reading Time Extension/script.js b/Book Reading Time Extension/script.js
@@ -0,0 +1,19 @@
+document.getElementById('calculateButton').addEventListener('click', calculateReadingTime);
+
+function calculateReadingTime() {
+    let pages = parseFloat(document.getElementById('pages').value);
+    let speed = parseFloat(document.getElementById('speed').value);
+
+    if (!pages || !speed || isNaN(pages) || isNaN(speed) || pages <= 0 || speed <= 0) {
+        alert('Please enter valid values!');
+        return;
+    }
+
+    let approxReadingTime = Math.ceil(pages / speed);
+    let days = Math.floor(approxReadingTime / 1440);
+    let hours = Math.floor((approxReadingTime % 1440) / 60);
+    let remainingMinutes = approxReadingTime % 60;
+
+    // Result:
+    document.getElementById('result').innerText = `${days} Days, ${hours} Hours, and ${remainingMinutes} Minutes`;
+}
diff --git a/Book Reading Time Extension/style.css b/Book Reading Time Extension/style.css
@@ -0,0 +1,130 @@
+body {
+    font-family: 'Montserrat', sans-serif;
+    font-family: 'Poppins', sans-serif;
+    color: black;
+    /* Change text color to black */
+    background-color: rgba(206, 253, 113, 0.375);
+    background-image: url("assets/background.jpg");
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    min-height: 100vh;
+    height: 500px;
+    width: 800px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: 0;
+    padding: 0 1rem;
+    box-sizing: border-box;
+}
+
+.header {
+    color: black;
+    /* Change text color to black */
+    background-color: rgba(229, 201, 41, 0.78);
+    padding: 15px;
+    text-align: center;
+    width: 100%;
+    backdrop-filter: blur(8px);
+    box-shadow: 0px 8px 5px rgba(69, 4, 48, 0.5);
+    margin: 0;
+    margin-bottom: 10px;
+}
+
+h1 {
+    margin: 0;
+    font-size: 2rem;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    max-width: 600px;
+    padding: 20px;
+    margin: 50px 0;
+    box-sizing: border-box;
+}
+
+.glass {
+    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+    backdrop-filter: blur(25px);
+    -webkit-backdrop-filter: blur(10px);
+    border-radius: 20px;
+    border: 1px solid rgba(195, 193, 194, 0.1);
+    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.37);
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+}
+
+label {
+    font-size: large;
+    display: block;
+    margin-bottom: 8px;
+    color: black;
+    /* Change text color to black */
+}
+
+input {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 16px;
+    box-sizing: border-box;
+    font-size: 1rem;
+}
+
+button {
+    background-color: #7bd1ff97;
+    border: none;
+    padding: 10px;
+    border-radius: 50px;
+    cursor: pointer;
+    margin: 30px 0;
+    font-family: 'Montserrat', sans-serif;
+    font-size: 1em;
+    font-weight: 500;
+    color: black;
+   height: 800px;
+    width: 100%;
+    max-width: 300px;
+    height: 55px;
+}
+
+button:hover {
+    background-color: #bac671de;
+    transform: scale(1.1);
+}
+
+.output {
+    margin: 30px 0;
+    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
+    backdrop-filter: blur(10px);
+    text-align: center;
+    padding: 10px;
+    width: 100%;
+    max-width: 300px;
+    box-sizing: border-box;
+    color: black;
+    /* Change text color to black */
+}
+
+@media only screen and (max-width: 768px) {
+    h1 {
+        font-size: 1.5rem;
+    }
+
+    .container {
+        margin-top: 20px;
+        padding: 10px;
+    }
+
+    button,
+    .output {
+        width: 100%;
+        max-width: none;
+    }
+}
diff --git a/Book Recommendation Extension/book.jpg b/Book Recommendation Extension/book.jpg
diff --git a/Book Recommendation Extension/book3.png b/Book Recommendation Extension/book3.png
diff --git a/Book Recommendation Extension/manifest.json b/Book Recommendation Extension/manifest.json
@@ -0,0 +1,14 @@
+{
+    "manifest_version": 3,
+    "name": "Books_Recommendation",
+    "description": "Recommend books based on user's selected genre",
+    "version": "1.0.0",
+    "action": {
+        "default_popup": "popup.html",
+        "default_logo": "book3.png"
+    },
+    "icons": {
+        "128": "book3.png"
+    },
+    "permissions": ["activeTab"]
+}
diff --git a/Book Recommendation Extension/popup.html b/Book Recommendation Extension/popup.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+    <title>Books Recommendation Extension</title>
+</head>
+<body>
+    <div class="container text-center mt-4">
+        <img src="book.jpg" class="mb-3" alt="Book Image" />
+        <label for="type"><h5>Choose Your Genre:</h5></label>
+        <select name="type" id="type" class="form-control mb-3">
+            <option value="fiction">Fiction</option>
+            <option value="mystery">Mystery</option>
+            <option value="humor">Humor</option>
+            <option value="drama">Drama</option>
+            <option value="nonfiction">Non-Fiction</option>
+            <option value="fantasy">Fantasy</option>
+            <option value="action">Action</option>
+            <option value="adventure">Adventure</option>
+            <option value="horror">Horror</option>
+        </select>
+        <div class="btn-group mb-4" role="group">
+            <input id="clickme" type="button" value="See Books" class="btn btn-primary" />
+            <input id="reset" type="button" value="Reset" class="btn btn-dark" />
+        </div>
+        <div id="book-list" class="row"></div>
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>