added icon radius to json

card.html

@@ -159,7 +159,7 @@
         height:100%; 
         aspect-ratio:1/1; 
         top:0; left:-22px; 
-        border-radius:50%; 
+        /* border-radius:50%;  */
         background-color:#444;
         padding:auto;
         overflow:hidden;
@@ -253,6 +253,11 @@ <h1>Phone</h1>
                             icon.src = contact.icon;
                             icon.alt = `${contact.contactType} icon`;
                         }
+                        if (contact.shape == "circle") {
+                            icon.style.borderRadius = "50%;"
+                        } else {
+                            icon.style.borderRadius = "8px;"
+                        }
                         button.appendChild(icon);
 
                         const arrow = document.createElement('div');

cardAssets/contacts.json

@@ -5,42 +5,48 @@
         "display": true,
         "value": "DanielRedacted.net",
         "link": "https://DanielRedacted.net",
-        "icon": "cardAssets/icons/website.svg"
+        "icon": "cardAssets/icons/website.svg",
+        "shape": "circle"
       },
       {
         "contactType": "Email",
         "display": true,
         "value": "[email protected]",
         "link": "mailto:[email protected]",
-        "icon": "cardAssets/icons/mail.svg"
+        "icon": "cardAssets/icons/mail.svg",
+        "shape": "circle"
       },
       {
         "contactType": "Phone",
         "display": true,
         "value": "+1-000-000-0000",
         "link": "tel:+10000000000",
-        "icon": "cardAssets/icons/phone.svg"
+        "icon": "cardAssets/icons/phone.svg",
+        "shape": "circle"
       },
       {
         "contactType": "LinkedIn",
         "display": true,
         "value": "",
         "link": "https://www.linkedin.com/in/username",
-        "icon": ""
+        "icon": "",
+        "shape": "square"
       },
       {
         "contactType": "X",
         "display": true,
         "value": "@DanielRedacted",
         "link": "https://x.com/DanielRedacted",
-        "icon": ""
+        "icon": "",
+        "shape": "square"
       },
       {
         "contactType": "Instagram",
         "display": true,
         "value": "@DanielRedacted",
         "link": "https://www.instagram.com/DanielRedacted",
-        "icon": ""
+        "icon": "",
+        "shape": "square"
       }
     ]
   }