All work done.

code-reaper08 · code-reaper08 · commit 20b6076df526 · 2021-03-19T16:57:32.000+05:30
diff --git a/index.html b/index.html
@@ -6,12 +6,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Link-Master</title>
     <link rel="stylesheet" href="styles.css">
-   
+    <link rel="shortcut icon" type="image/jpg" href="./link.svg"/>
 </head>
 <body>
+    <!-- <div id="drkbtndiv">
+        <button id="drkbtn" onclick="toggleTheme()">Dark</button>
+    </div> -->
     <div id="logo">
         <a href="#">
-            <img id="logoimg" src="https://www.flaticon.com/svg/vstatic/svg/3942/3942468.svg?token=exp=1616088423~hmac=b34c0ea0bbfce6ad4744cf0fd41141fe" alt="">
+            <img id="logoimg" src="./link.svg" alt="">
         </a>
         <a id="home" href="#">
             <h3 id="hometext">Link-Master</h3>
@@ -45,7 +48,7 @@ <h1>Here you go ...</h1>
 
 <div id="lower">
 <div id="madewithdiv">
-    <h5 id="madewith">Made with <span id="hrt" >&#9829;</span> by <a href="https://github.com/code-reaper08">code-reaper08</a></h5>
+    <h5 id="madewith">Made with <span id="hrt" >&#10084;</span> by <a href="https://github.com/code-reaper08">code-reaper08</a></h5>
 </div>
 <div id="licdiv">
     <h5 id="lic">Licensed under MIT</h5>
@@ -58,4 +61,6 @@ <h5 id="lic"> Vishwa.R @2021</h5>
 <script src="bundle.js"></script>
 <script src="indexbundle.js"></script>
 </body>
-</html>
+</html>
+
+
diff --git a/link.svg b/link.svg
@@ -0,0 +1 @@
+<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="256" x2="256" y1="512" y2="0"><stop offset="0" stop-color="#ffc2cc"/><stop offset="1" stop-color="#fff2f4"/></linearGradient><linearGradient id="SVGID_2_" gradientTransform="matrix(.707 .707 -.737 .737 270.44 -242.454)" gradientUnits="userSpaceOnUse" x1="342.25" x2="342.25" y1="526.604" y2="169.604"><stop offset="0" stop-color="#ffa68d"/><stop offset="1" stop-color="#fd3a84"/></linearGradient><g><g><circle cx="256" cy="256" fill="url(#SVGID_1_)" r="256"/></g><g><g><path d="m198.637 361.446c-13.814 13.814-35.836 14.259-49.089 1.006s-12.808-35.275 1.006-49.089l68.195-68.195c-22.99-5.634-48.694.611-67.189 19.106l-25.048 25.048c-27.667 27.666-28.568 71.622-2.012 98.179 26.556 26.556 70.512 25.654 98.178-2.012l25.048-25.048c18.495-18.495 24.74-44.199 19.106-67.189zm-11.518-36.565c6.639 6.639 17.628 6.414 24.544-.503l112.714-112.714c6.917-6.917 7.142-17.906.503-24.545s-17.628-6.414-24.544.503l-112.714 112.714c-6.917 6.917-7.142 17.906-.503 24.545zm200.381-200.381c-26.556-26.556-70.511-25.655-98.178 2.012l-25.048 25.048c-18.495 18.495-24.739 44.198-19.105 67.189l68.195-68.195c13.814-13.814 35.836-14.259 49.089-1.006s12.808 35.275-1.006 49.089l-68.194 68.195c22.99 5.634 48.693-.61 67.188-19.105l25.048-25.048c27.666-27.668 28.567-71.623 2.011-98.179z" fill="url(#SVGID_2_)"/></g></g></g></svg>
diff --git a/src/input.js b/src/input.js
@@ -2,31 +2,11 @@ const searchInput = document.getElementById('search-input');
 const searchButton = document.getElementById('search-button');
 
 
-
 searchButton.addEventListener('click', (e)=>{
 	e.preventDefault();
 	const userlink = searchInput.value;
     sessionStorage.setItem("userlink", userlink);
     location.reload();
     location.reload();
     
-})
-
-
-
-// $("#search-button").dblclick(function(e) { 
-//     console.log("dbl click simulated ");
-//     e.preventDefault();
-//     const userlink = $("#search-input").val();
-//     sessionStorage.setItem("userlink", userlink);
-//     location.reload();
-//     // alert('dblclick');
-//   });
-//   $("#search-button").click(function() { 
-//     // alert('click');
-//     $(this).dblclick(); 
-//   });
-  
-// //   $("#container2").click(function() { 
-// //     $("#container").click();
-// //   });
+})
diff --git a/styles.css b/styles.css
@@ -204,4 +204,31 @@ box-shadow: inset 22px 12px 24px #c4c4c4,
     box-shadow: inset 12px 22px 24px #f0f0f0,
             inset -12px -12px 24px #d6d6d675;
             border-radius: 40px;
+}
+#drkbtn{
+    text-align: center;
+    border-radius: 50%;
+    height: 50px;
+    width: 50px;
+    text-size-adjust: 2px;
+    border: none;
+    outline: none;
+    color: rgb(255, 255, 255);
+    background: linear-gradient(145deg, #f0f0f0, #2b2b2b);
+    box-shadow:  11px 11px 33px #c5c5c5,
+                    -11px -11px 22px #ffffff;
+}
+#drkbtn:hover{
+    background: linear-gradient(145deg, #8a8989, #000000);
+    box-shadow:  11px 11px 33px #c5c5c5,
+                    -11px -11px 22px #ffffff;
+}
+#drkbtn:active{
+    background: linear-gradient(145deg, #f0f0f0, #707070);
+    box-shadow:  inset 11px 11px 33px #c5c5c5,
+                 inset -11px -11px 22px #ffffff;
+}
+
+#drkbtndiv{
+    text-align: right;
 }
