Add metadata and logo for NoPeek library

index.html

@@ -5,6 +5,24 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>NoPeek - Protect Your Content</title>
+    <meta name="description" content="NoPeek is a JavaScript library that prevents all existing content copying methods, including right-click menus, hotkeys, developer tools, text selection and dragging, and more.">
+    <meta name="keywords" content="NoPeek, JavaScript, library, content, protection, right-click, hotkeys, developer tools, text selection, dragging">
+    <meta name="author" content="DE127">
+    <meta name="robots" content="index, follow">
+    <link rel="icon" type="image/png" sizes="32x32" href="/logo.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/logo.png">
+    <link rel="mask-icon" href="/logo.png" color="#333">
+
+    <meta property="og:image" content="/logo.png">
+    <meta property="og:image:width" content="1200">
+    <meta property="og:image:height" content="630">
+    <meta property="og:image:alt" content="NoPeek - Protect Your Content">
+    <meta property="og:title" content="NoPeek - Protect Your Content">
+    <meta property="og:description" content="NoPeek is a JavaScript library that prevents all existing content copying methods, including right-click menus, hotkeys, developer tools, text selection and dragging, and more.">
+    <meta property="og:url" content="/">
+    <meta property="og:type" content="website">
+    <meta property="og:site_name" content="NoPeek">
+    <meta property="og:locale" content="en_US">
     <style>
         body {
             font-family: Arial, sans-serif;