From fa513a0f4f5f1dec2e9ce5d8768d0be735be64d9 Mon Sep 17 00:00:00 2001
From: "Z. Cliffe Schreuders" <code.cliffe@schreuders.org>
Date: Thu, 27 Mar 2025 16:36:29 +0000
Subject: [PATCH] Update index.html to replace emoji icons with image assets
 for toggle buttons and comment out border-radius and transform properties for
 styling adjustments.

---
 index.html | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 0afd344..289c518 100644
--- a/index.html
+++ b/index.html
@@ -271,7 +271,7 @@
             height: 60px;
             background-color: #3498db;
             color: white;
-            border-radius: 50%;
+            /* border-radius: 50%; */
             display: flex;
             justify-content: center;
             align-items: center;
@@ -285,7 +285,7 @@
 
         #notes-toggle:hover {
             background-color: #2980b9;
-            transform: scale(1.1);
+            /* transform: scale(1.1); */
         }
 
         #notes-count {
@@ -589,7 +589,7 @@
             height: 60px;
             background-color: #9b59b6;
             color: white;
-            border-radius: 50%;
+            /* border-radius: 50%; */
             display: flex;
             justify-content: center;
             align-items: center;
@@ -603,7 +603,7 @@
 
         #bluetooth-toggle:hover {
             background-color: #8e44ad;
-            transform: scale(1.1);
+            /* transform: scale(1.1); */
         }
 
         #bluetooth-count {
@@ -850,7 +850,7 @@
             height: 60px;
             background-color: #2ecc71;
             color: white;
-            border-radius: 50%;
+            /* border-radius: 50%; */
             display: flex;
             justify-content: center;
             align-items: center;
@@ -864,7 +864,7 @@
 
         #biometrics-toggle:hover {
             background-color: #27ae60;
-            transform: scale(1.1);
+            /* transform: scale(1.1); */
         }
 
         #biometrics-count {
@@ -1139,15 +1139,15 @@
     <!-- Toggle Buttons Container -->
     <div id="toggle-buttons-container">
         <div id="notes-toggle">
-            <span>📝</span>
+            <img src="assets/objects/notes.png" alt="Notes" style="width: 64px; height: 64px;">
             <div id="notes-count">0</div>
         </div>
         <div id="bluetooth-toggle" style="display: none;">
-            <span>📡</span>
+            <img src="assets/objects/bluetooth_scanner.png" alt="Bluetooth" style="width: 64px; height: 64px;">
             <div id="bluetooth-count">0</div>
         </div>
         <div id="biometrics-toggle" style="display: none;">
-            <span>👆</span>
+            <img src="assets/objects/fingerprint.png" alt="Biometrics" style="width: 64px; height: 64px;">
             <div id="biometrics-count">0</div>
         </div>
     </div>