Added favicon, mobile optimization, font awesome svgs to buttons

android-chrome-192x192.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

android-chrome-512x512.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

apple-touch-icon.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#f6792b</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

browserconfig.xml:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

favicon-16x16.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

favicon-32x32.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

favicon.ico:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

main.js

@@ -1,6 +1,6 @@
 document.addEventListener('DOMContentLoaded', () => {
   const encryptionForm = document.querySelector('[data-id="encryption-form"]');
-  const generatedLinkInput = document.querySelector('[data-id="generated-link"]');
+  const generatedLinkTextarea = document.querySelector('[data-id="generated-link"]');
   const secretContainer = document.querySelector('[data-id="secret-container"]');
   const messageInput = document.querySelector('[data-id="message"]');
   const passphraseInput = document.querySelector('[data-id="passphrase"]');
@@ -20,14 +20,14 @@ document.addEventListener('DOMContentLoaded', () => {
     encryptionForm.reportValidity();
 
     if (encryptionForm.checkValidity() && passphrase) {
-      
+
       if (!urlParams.has('encryptedSecret')) {
         const encryptedSecret = await encryptSecret(message, passphrase);
         const link = generateLink(encryptedSecret);
-        generatedLinkInput.value = link;
+        generatedLinkTextarea.value = link;
         showDialog(linkDialog); // Show the dialog
       } else {
-          decryptSecret(urlParams.get('encryptedSecret'), passphrase).then((decryptedMessage) => {
+        decryptSecret(urlParams.get('encryptedSecret'), passphrase).then((decryptedMessage) => {
           messageInput.value = decryptedMessage;
           secretContainer.style.display = 'grid';
           setTimeout(() => {
@@ -120,33 +120,49 @@ document.addEventListener('DOMContentLoaded', () => {
   function closeDialog(dialog) {
     dialog.setAttribute("closing", "");
     dialog.addEventListener(
-        "animationend",
-        () => {
-            dialog.removeAttribute("closing");
-            dialog.close();
-        },
-        {once: true}
+      "animationend",
+      () => {
+        dialog.removeAttribute("closing");
+        dialog.close();
+      },
+      { once: true }
     );
   }
 
   closeDialogButton.addEventListener('click', () => {
-    closeDialog(linkDialog); 
+    closeDialog(linkDialog);
   });
 
 
-  generatedLinkInput.addEventListener('click', () => {
-    const tooltipContainer = generatedLinkInput.closest('.tooltip-container');
-
-    generatedLinkInput.select();
-    generatedLinkInput.setSelectionRange(0, 99999); 
+  document.querySelectorAll('[data-class="copy"]').forEach((element) => {
+    element.addEventListener('click', () => {
+      const tooltipContainer = element.closest('.tooltip-container');
+      let clipboardText;
+      if (element.dataset.copy) {
+        clipboardText = element.dataset.copy;
+      }
+      else if (element.value) {
+        element.select();
+        element.setSelectionRange(0, element.value.length);
+        clipboardText = element.value;
+      }
+      else if (element.textContent) {
+        clipboardText = element.textContent;
+      }
+      else {
+        return;
+      }
 
-    document.execCommand('copy');
+      document.execCommand('copy');
 
-    tooltipContainer.classList.add('active');
+      tooltipContainer.classList.add('active');
 
-    setTimeout(() => {
-      tooltipContainer.classList.remove('active');
-    }, 2000);
+      setTimeout(() => {
+        tooltipContainer.classList.remove('active');
+      }, 2000);
+    });
   });
 
+
+
 });

mstile-150x150.png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

safari-pinned-tab.svg:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip

site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Share Password Online",
+    "short_name": "Share Password Online",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#f6792b",
+    "background_color": "#f6792b",
+    "display": "standalone"
+}

site.webmanifest:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=C:\Users\gpete\Downloads\favicon_package_v0.16.zip