Add Social Icons and Web Manifest

bundle.js

@@ -33961,6 +33961,8 @@ function propertyChange(e) {
 function resetProperties() {
   document.getElementById('magnet').value = "";
   document.getElementById('torrent').value = "";
+  originalSourceIcon.innerHTML = '<span class="fad fa-magnet fa-fw"></span>';
+  originalSourceIcon.title = '';
   properties.style.display = 'none';
   name.value = "";
   created.value = "";

index.html

@@ -10,6 +10,27 @@
   <meta name="keywords" content="torrent, webtorrent, magnet, p2p, peer to peer, filesharing, announce, tracker, webseed" />
   <meta name="author" content="Leo Herzog | herzog.tech" />
   <meta name="theme-color" content="#102030" />
+  <link href="/favicon.ico" rel="icon" />
+  <link href="/img/TorrentParts-Icon-1x.png" rel="icon" type="image/png" sizes="128x128" />
+  <link href="/img/TorrentParts-Icon-2x.png" rel="icon" type="image/png" sizes="256x256" />
+  <link href="/img/TorrentParts-Icon-1x.png" rel="apple-touch-icon" type="image/png" sizes="128x128" />
+  <link href="/img/TorrentParts-Icon-2x.png" rel="apple-touch-icon" type="image/png" sizes="256x256" />
+  <meta name="msapplication-TileColor" content="#102030" />
+  <meta name="msapplication-TileImage" content="/img/TorrentParts-Icon-2x.png" />
+  <meta property="og:image" content="/img/TorrentParts-Social.png" />
+  <meta property="og:image:type" content="image/png" />
+  <meta property="og:image:width" content="1280" />
+  <meta property="og:image:height" content="640" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://torrent.parts/" />
+  <meta property="og:title" content="Torrent Parts" />
+  <meta property="og:description" content="Inspect and edit what's in your Torrent file or Magnet link" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:creator" content="@xd1936" />
+  <meta name="twitter:title" content="Torrent Parts" />
+  <meta name="twitter:description" content="Inspect and edit what's in your Torrent file or Magnet link" />
+  <meta name="twitter:image" content="https://torrent.parts/img/TorrentParts-Social.png" />
+
   <title>Torrent Parts | Inspect and edit what's in your Torrent file or Magnet link</title>
 
   <link rel="stylesheet" href="style.css" />

parse.js

@@ -298,6 +298,8 @@ function propertyChange(e) {
 function resetProperties() {
   document.getElementById('magnet').value = "";
   document.getElementById('torrent').value = "";
+  originalSourceIcon.innerHTML = '<span class="fad fa-magnet fa-fw"></span>';
+  originalSourceIcon.title = '';
   properties.style.display = 'none';
   name.value = "";
   created.value = "";

site.webmanifest

@@ -0,0 +1,26 @@
+{
+  "name": "Torrent Parts",
+  "description": "Inspect and edit what's in your Torrent file or Magnet link",
+  "theme_color": "#102030",
+  "background_color": "#102030",
+  "scope": "/",
+  "start_url": "/",
+  "display": "minimal-ui",
+  "icons": [
+    {
+      "src": "/img/TorrentParts-Icon-.5x.png",
+      "sizes": "64x64",
+      "type": "image/png"
+    },
+    {
+      "src": "/img/TorrentParts-Icon-1x.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    },
+    {
+      "src": "/img/TorrentParts-Icon-2x.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    }
+  ]
+}