From 1ec1f2e77061fe62ea76184e8bc7121418aa0b3c Mon Sep 17 00:00:00 2001
From: surajsahani9321 <radhashyam9321@gmail.com>
Date: Sun, 21 Jul 2024 14:03:59 +0530
Subject: [PATCH 1/7] init

---
 .../color-blindness-simulator-2/+page.svelte  | 11 +++++++++
 .../color-blindness-simulator-2/meta.json     | 23 +++++++++++++++++++
 src/routes/(tools)/color-tools/+page.svelte   | 11 +++++++++
 src/routes/(tools)/color-tools/meta.json      | 23 +++++++++++++++++++
 .../multi-timer-with-alarm/+page.svelte       | 11 +++++++++
 .../(tools)/multi-timer-with-alarm/meta.json  | 23 +++++++++++++++++++
 .../svg-shape-generator-2/+page.svelte        | 11 +++++++++
 .../(tools)/svg-shape-generator-2/meta.json   | 23 +++++++++++++++++++
 8 files changed, 136 insertions(+)
 create mode 100644 src/routes/(tools)/color-blindness-simulator-2/+page.svelte
 create mode 100644 src/routes/(tools)/color-blindness-simulator-2/meta.json
 create mode 100644 src/routes/(tools)/color-tools/+page.svelte
 create mode 100644 src/routes/(tools)/color-tools/meta.json
 create mode 100644 src/routes/(tools)/multi-timer-with-alarm/+page.svelte
 create mode 100644 src/routes/(tools)/multi-timer-with-alarm/meta.json
 create mode 100644 src/routes/(tools)/svg-shape-generator-2/+page.svelte
 create mode 100644 src/routes/(tools)/svg-shape-generator-2/meta.json

diff --git a/src/routes/(tools)/color-blindness-simulator-2/+page.svelte b/src/routes/(tools)/color-blindness-simulator-2/+page.svelte
new file mode 100644
index 000000000..55b5a5ecf
--- /dev/null
+++ b/src/routes/(tools)/color-blindness-simulator-2/+page.svelte
@@ -0,0 +1,11 @@
+<script>
+
+</script>
+
+<div class="card gap-16 items-center mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 overflow-hidden rounded-lg">
+	<!-- Add tool here -->
+</div>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/routes/(tools)/color-blindness-simulator-2/meta.json b/src/routes/(tools)/color-blindness-simulator-2/meta.json
new file mode 100644
index 000000000..cb4002947
--- /dev/null
+++ b/src/routes/(tools)/color-blindness-simulator-2/meta.json
@@ -0,0 +1,23 @@
+{
+    "name": "Color Blindness Simulator",
+    "description":"",
+    "contributors": [{
+        "name": "",
+        "githubId": ""
+    }, {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    }]
+}
\ No newline at end of file
diff --git a/src/routes/(tools)/color-tools/+page.svelte b/src/routes/(tools)/color-tools/+page.svelte
new file mode 100644
index 000000000..55b5a5ecf
--- /dev/null
+++ b/src/routes/(tools)/color-tools/+page.svelte
@@ -0,0 +1,11 @@
+<script>
+
+</script>
+
+<div class="card gap-16 items-center mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 overflow-hidden rounded-lg">
+	<!-- Add tool here -->
+</div>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/routes/(tools)/color-tools/meta.json b/src/routes/(tools)/color-tools/meta.json
new file mode 100644
index 000000000..0bbcc84b8
--- /dev/null
+++ b/src/routes/(tools)/color-tools/meta.json
@@ -0,0 +1,23 @@
+{
+    "name": "Color Tools",
+    "description":"",
+    "contributors": [{
+        "name": "",
+        "githubId": ""
+    }, {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    }]
+}
\ No newline at end of file
diff --git a/src/routes/(tools)/multi-timer-with-alarm/+page.svelte b/src/routes/(tools)/multi-timer-with-alarm/+page.svelte
new file mode 100644
index 000000000..55b5a5ecf
--- /dev/null
+++ b/src/routes/(tools)/multi-timer-with-alarm/+page.svelte
@@ -0,0 +1,11 @@
+<script>
+
+</script>
+
+<div class="card gap-16 items-center mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 overflow-hidden rounded-lg">
+	<!-- Add tool here -->
+</div>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/routes/(tools)/multi-timer-with-alarm/meta.json b/src/routes/(tools)/multi-timer-with-alarm/meta.json
new file mode 100644
index 000000000..842c8009c
--- /dev/null
+++ b/src/routes/(tools)/multi-timer-with-alarm/meta.json
@@ -0,0 +1,23 @@
+{
+    "name": "Multi Timer With Alarm",
+    "description":"",
+    "contributors": [{
+        "name": "",
+        "githubId": ""
+    }, {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    }]
+}
\ No newline at end of file
diff --git a/src/routes/(tools)/svg-shape-generator-2/+page.svelte b/src/routes/(tools)/svg-shape-generator-2/+page.svelte
new file mode 100644
index 000000000..55b5a5ecf
--- /dev/null
+++ b/src/routes/(tools)/svg-shape-generator-2/+page.svelte
@@ -0,0 +1,11 @@
+<script>
+
+</script>
+
+<div class="card gap-16 items-center mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 overflow-hidden rounded-lg">
+	<!-- Add tool here -->
+</div>
+
+<style>
+
+</style>
\ No newline at end of file
diff --git a/src/routes/(tools)/svg-shape-generator-2/meta.json b/src/routes/(tools)/svg-shape-generator-2/meta.json
new file mode 100644
index 000000000..cea5af16b
--- /dev/null
+++ b/src/routes/(tools)/svg-shape-generator-2/meta.json
@@ -0,0 +1,23 @@
+{
+    "name": "SVG Shape Generator ",
+    "description":"",
+    "contributors": [{
+        "name": "",
+        "githubId": ""
+    }, {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    }]
+}
\ No newline at end of file

From e8dd445c78e1617fc21733c5f44f95ba9a9f74f9 Mon Sep 17 00:00:00 2001
From: MaryamMohamedYahya <ummabdullahyahya@gmail.com>
Date: Fri, 26 Jul 2024 22:03:16 +0530
Subject: [PATCH 2/7] homepage

---
 src/routes/tools.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/routes/tools.js b/src/routes/tools.js
index 493833e8c..9849deda8 100644
--- a/src/routes/tools.js
+++ b/src/routes/tools.js
@@ -101,4 +101,10 @@ export let tools = {
         link: '/Gradient-generator',
         description: "The Gradient Generator is a tool for Developers which allows you to create Gradient between 2 Colors and Copy its CSS Output"
     },
+    'youtube-thumbnail-grabber': {
+        name: 'Youtube Thumbnail Grabber',
+        icon: 'key',
+        link: '/youtube-thumbnail-grabber',
+        description: "Yotube Thumbnail Grabber lets you get the thumbnail iamges of Youtube Videos. You can also save the images for fututre use."
+    },
 };
\ No newline at end of file

From 126f7c100778a62a809872f02750350eb59e981d Mon Sep 17 00:00:00 2001
From: MaryamMohamedYahya <ummabdullahyahya@gmail.com>
Date: Fri, 26 Jul 2024 22:13:39 +0530
Subject: [PATCH 3/7] hmm

---
 .../(tools)/youtube-thumbnail-grabber/+page.svelte    | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte

diff --git a/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte b/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte
new file mode 100644
index 000000000..55b5a5ecf
--- /dev/null
+++ b/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte
@@ -0,0 +1,11 @@
+<script>
+
+</script>
+
+<div class="card gap-16 items-center mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 overflow-hidden rounded-lg">
+	<!-- Add tool here -->
+</div>
+
+<style>
+
+</style>
\ No newline at end of file

From aa06f5dc4e3d1e57fe6f71592584c0cd4ac7bb86 Mon Sep 17 00:00:00 2001
From: MaryamMohamedYahya <ummabdullahyahya@gmail.com>
Date: Fri, 26 Jul 2024 22:18:53 +0530
Subject: [PATCH 4/7] names

---
 .../youtube-thumbnail-grabber/meta.json       | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/routes/(tools)/youtube-thumbnail-grabber/meta.json

diff --git a/src/routes/(tools)/youtube-thumbnail-grabber/meta.json b/src/routes/(tools)/youtube-thumbnail-grabber/meta.json
new file mode 100644
index 000000000..b0d896e29
--- /dev/null
+++ b/src/routes/(tools)/youtube-thumbnail-grabber/meta.json
@@ -0,0 +1,23 @@
+{
+    "name": "YouTube Thumbnail Grabber",
+    "description":"Yotube Thumbnail Grabber lets you get the thumbnail iamges of Youtube Videos. You can also save the images for fututre use.",
+    "contributors": [{
+        "name": "Shreeja Roy",
+        "githubId": "https://github.com/shreejaroy2003"
+    }, {
+        "name": "Maryam Mohamed Yahya",
+        "githubId": "https://github.com/MaryamMohamedYahya"
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    },
+    {
+        "name": "",
+        "githubId": ""
+    }]
+}
\ No newline at end of file

From 5821593b322b594976a76b6b2e9af19c150d680e Mon Sep 17 00:00:00 2001
From: MaryamMohamedYahya <ummabdullahyahya@gmail.com>
Date: Fri, 26 Jul 2024 22:42:03 +0530
Subject: [PATCH 5/7] collaborators name

---
 .../youtube-thumbnail-grabber/+page.svelte    | 49 ++++++++++++++++++-
 .../youtube-thumbnail-grabber/meta.json       | 16 +++---
 2 files changed, 55 insertions(+), 10 deletions(-)

diff --git a/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte b/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte
index 55b5a5ecf..8b18963aa 100644
--- a/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte
+++ b/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte
@@ -1,11 +1,56 @@
 <script>
+    let url = '';
+    let thumbnailUrl = '';
 
-</script>
+    function getVideo(url) {
+        const urlObj = new URL(url);
+        const videoId = urlObj.searchParams.get('v');
+        if (videoId) {
+            return videoId;
+        }
+        // Handle case for shortened URLs or other formats
+        const pathSegments = urlObj.pathname.split('/');
+        return pathSegments[pathSegments.length - 1];
+    }
 
+    function getThumbnail() {
+        const videoId = getVideo(url);
+        if (videoId) {
+            thumbnailUrl = `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
+        } else {
+            thumbnailUrl = '';
+        }
+    }
+</script>
+<main>
 <div class="card gap-16 items-center mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 overflow-hidden rounded-lg">
 	<!-- Add tool here -->
-</div>
+
+<h1>YouTube Thumbnail Grabber</h1>
+    <input
+        type="text"
+        placeholder="Enter the URL of Youtube video"
+        bind:value={url}
+        on:input={getThumbnail}
+    />
+    {#if thumbnailUrl}
+        <img src={thumbnailUrl} alt="YouTube Thumbnail" />
+    {/if}
+</main>
+
 
 <style>
 
+    main {
+        text-align: center;
+        margin: 1em;
+        font-family: Arial, sans-serif;
+    }
+
+    input {
+        width: 80%;
+        padding: 0.5em;
+        margin: 0.5em;
+        font-size: 1em;
+    }
 </style>
\ No newline at end of file
diff --git a/src/routes/(tools)/youtube-thumbnail-grabber/meta.json b/src/routes/(tools)/youtube-thumbnail-grabber/meta.json
index b0d896e29..bf26ba499 100644
--- a/src/routes/(tools)/youtube-thumbnail-grabber/meta.json
+++ b/src/routes/(tools)/youtube-thumbnail-grabber/meta.json
@@ -5,19 +5,19 @@
         "name": "Shreeja Roy",
         "githubId": "https://github.com/shreejaroy2003"
     }, {
-        "name": "Maryam Mohamed Yahya",
-        "githubId": "https://github.com/MaryamMohamedYahya"
+        "name": "Abdul Karim Mirza",
+        "githubId": "https://github.com/karimmirzaabdul"
     },
     {
-        "name": "",
-        "githubId": ""
+        "name": "Aditya Mahale",
+        "githubId": "https://github.com/AdityaM24"
     },
     {
-        "name": "",
-        "githubId": ""
+        "name": "Harsh Vardhan Joshi",
+        "githubId": "https://github.com/hvjoshi9"
     },
     {
-        "name": "",
-        "githubId": ""
+        "name": "Maryam Mohamed Yahya",
+        "githubId": "https://github.com/MaryamMohamedYahya"
     }]
 }
\ No newline at end of file

From 79f27ae015e0cfbb7faa68468c4925da072a5623 Mon Sep 17 00:00:00 2001
From: MaryamMohamedYahya <ummabdullahyahya@gmail.com>
Date: Fri, 26 Jul 2024 22:58:45 +0530
Subject: [PATCH 6/7] thumbnail grabber

---
 .../youtube-thumbnail-grabber/+page.svelte    | 27 +++++++++++--------
 src/routes/tools.js                           |  2 +-
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte b/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte
index 8b18963aa..6a0b45aeb 100644
--- a/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte
+++ b/src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte
@@ -1,6 +1,6 @@
 <script>
     let url = '';
-    let thumbnailUrl = '';
+    let thumbnail = '';
 
     function getVideo(url) {
         const urlObj = new URL(url);
@@ -8,7 +8,7 @@
         if (videoId) {
             return videoId;
         }
-        // Handle case for shortened URLs or other formats
+        // For shortened URLs or other formats
         const pathSegments = urlObj.pathname.split('/');
         return pathSegments[pathSegments.length - 1];
     }
@@ -16,31 +16,30 @@
     function getThumbnail() {
         const videoId = getVideo(url);
         if (videoId) {
-            thumbnailUrl = `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
+            thumbnail = `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
         } else {
-            thumbnailUrl = '';
+            thumbnail = '';
         }
     }
 </script>
+
+
 <main>
 <div class="card gap-16 items-center mx-auto max-w-screen-xl lg:grid lg:grid-cols-2 overflow-hidden rounded-lg">
 	<!-- Add tool here -->
-
-<h1>YouTube Thumbnail Grabber</h1>
+     <h1>YouTube Thumbnail Grabber</h1>
     <input
         type="text"
-        placeholder="Enter the URL of Youtube video"
+        placeholder="Enter the URL of YouTube video"
         bind:value={url}
         on:input={getThumbnail}
     />
-    {#if thumbnailUrl}
-        <img src={thumbnailUrl} alt="YouTube Thumbnail" />
+    {#if thumbnail}
+        <img src={thumbnail} alt="YouTube Thumbnail" />
     {/if}
 </main>
 
-
 <style>
-
     main {
         text-align: center;
         margin: 1em;
@@ -53,4 +52,10 @@
         margin: 0.5em;
         font-size: 1em;
     }
+
+    img {
+        max-width: 100%;
+        height: auto;
+        margin-top: 1em;
+    }
 </style>
\ No newline at end of file
diff --git a/src/routes/tools.js b/src/routes/tools.js
index 9849deda8..103083bdd 100644
--- a/src/routes/tools.js
+++ b/src/routes/tools.js
@@ -105,6 +105,6 @@ export let tools = {
         name: 'Youtube Thumbnail Grabber',
         icon: 'key',
         link: '/youtube-thumbnail-grabber',
-        description: "Yotube Thumbnail Grabber lets you get the thumbnail iamges of Youtube Videos. You can also save the images for fututre use."
+        description: "Youtube Thumbnail Grabber lets you get the thumbnail iamges of Youtube Videos. You can also save the images for fututre use."
     },
 };
\ No newline at end of file

From a2246933fc728bcc70b7984fd8f9b1d91bf3f150 Mon Sep 17 00:00:00 2001
From: MaryamMohamedYahya <ummabdullahyahya@gmail.com>
Date: Fri, 26 Jul 2024 23:19:21 +0530
Subject: [PATCH 7/7] collaborators name

---
 src/routes/tools.json | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/routes/tools.json b/src/routes/tools.json
index 4618b3690..3f0ceb577 100644
--- a/src/routes/tools.json
+++ b/src/routes/tools.json
@@ -820,5 +820,29 @@
                 "githubId": ""
             }
         ]
+    },
+    "youtube-thumbnail-grabber": {
+        "name": "Youtube Thumbnail Grabber",
+        "link": "/youtube-thumbnail-grabber",
+        "description": "Yotube Thumbnail Grabber lets you get the thumbnail iamges of Youtube Videos. You can also save the images for fututre use.",
+        "contributors": [{
+        "name": "Shreeja Roy",
+        "githubId": "https://github.com/shreejaroy2003"
+    }, {
+        "name": "Abdul Karim Mirza",
+        "githubId": "https://github.com/karimmirzaabdul"
+    },
+    {
+        "name": "Aditya Mahale",
+        "githubId": "https://github.com/AdityaM24"
+    },
+    {
+        "name": "Harsh Vardhan Joshi",
+        "githubId": "https://github.com/hvjoshi9"
+    },
+    {
+        "name": "Maryam Mohamed Yahya",
+        "githubId": "https://github.com/MaryamMohamedYahya"
+        }]
     }
 }
\ No newline at end of file