Youtube Thumbnail Grabber

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>

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": ""
+    }]
+}

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>

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": ""
+    }]
+}

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>

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": ""
+    }]
+}

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>

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": ""
+    }]
+}

src/routes/(tools)/youtube-thumbnail-grabber/+page.svelte

@@ -1,11 +1,61 @@
 <script>
 
+    let url = '';
+    let thumbnail = '';
+
+    function getVideo(url) {
+        const urlObj = new URL(url);
+        const videoId = urlObj.searchParams.get('v');
+        if (videoId) {
+            return videoId;
+        }
+        // For shortened URLs or other formats
+        const pathSegments = urlObj.pathname.split('/');
+        return pathSegments[pathSegments.length - 1];
+    }
+
+    function getThumbnail() {
+        const videoId = getVideo(url);
+        if (videoId) {
+            thumbnail = `https://img.youtube.com/vi/${videoId}/maxresdefault.jpg`;
+        } else {
+            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 -->
-</div>
+     <h1>YouTube Thumbnail Grabber</h1>
+    <input
+        type="text"
+        placeholder="Enter the URL of YouTube video"
+        bind:value={url}
+        on:input={getThumbnail}
+    />
+    {#if thumbnail}
+        <img src={thumbnail} 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>
+    img {
+        max-width: 100%;
+        height: auto;
+        margin-top: 1em;
+    }

src/routes/(tools)/youtube-thumbnail-grabber/meta.json

@@ -1,23 +1,25 @@
 {
     "name": "YouTube Thumbnail Grabber",
-    "description":"",
+
+    "description":"Yotube Thumbnail Grabber lets you get the thumbnail iamges of Youtube Videos. You can also save the images for fututre use.",
     "contributors": [{
-        "name": "",
-        "githubId": ""
+        "name": "Shreeja Roy",
+        "githubId": "https://github.com/shreejaroy2003"
     }, {
-        "name": "",
-        "githubId": ""
+        "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"
+        }]
+    }
+

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"
+        }]
     }
 }