syntax

index.html

@@ -315,39 +315,29 @@ html, body {
 
 <script>
 
+    // alert("starting js");
+
+    function toggleToolbar() {
+    console.log("Hamburger menu button clicked");
+    const toolbar = document.getElementById("toolbar");
+    const hamburgerMenu = document.getElementById("hamburger-menu");
+    if (toolbar.style.display === "none" || toolbar.style.display === "") {
+        toolbar.style.display = "block";
+        hamburgerMenu.classList.add("open");
+    } else {
+        toolbar.style.display = "none";
+        hamburgerMenu.classList.remove("open");
+    }
+    }
 
-
-    alert("starting js");
-
-       
-
-
-
-        function toggleToolbar() {
-        console.log("Hamburger menu button clicked");
-        const toolbar = document.getElementById("toolbar");
-        const hamburgerMenu = document.getElementById("hamburger-menu");
-        if (toolbar.style.display === "none" || toolbar.style.display === "") {
-            toolbar.style.display = "block";
-            hamburgerMenu.classList.add("open");
-        } else {
-            toolbar.style.display = "none";
-            hamburgerMenu.classList.remove("open");
-        }
-        }
-
-        function aws(name, x, y) {
-            return `coming from javascript ${name} ${x} ${y}`;
-        }
-
-    
-
+    function aws(name, x, y) {
+        return `coming from javascript ${name} ${x} ${y}`;
+    }
   
     const { initializeApp } = firebase;
    
     const { getStorage, ref, listAll, getDownloadURL, getMetadata, uploadBytesResumable } = firebase.storage;
 
-
     const firebaseConfig = {
         apiKey: "AIzaSyCxG7s_Wg6RAC4AQ5ZpkCgt0XcnSqcwt-A",
         authDomain: "nyucapstone-7c22c.firebaseapp.com",
@@ -359,11 +349,7 @@ html, body {
         databaseURL: "https://nyucapstone-7c22c-default-rtdb.firebaseio.com/",
     };
 
-
-
     const fireapp = initializeApp(firebaseConfig);
-
-
     function uploadImageToFirebase(base64_str, time_str) {
     return new Promise((resolve, reject) => {
         alert("starting to upload");
@@ -377,18 +363,11 @@ html, body {
             byteNumbers[i] = byteCharacters.charCodeAt(i);
         }
     
-        
         const analytics = firebase.analytics();
-
         const byteArray = new Uint8Array(byteNumbers);
         const blob = new Blob([byteArray], {type: "image/png"});
-    
-
         const storage = firebase.storage(fireapp);
-        
-      
         const storageRef = firebase.storage().ref(`images/${time_str}.png`);
-      
         const uploadTask = storageRef.put(blob);
 
         alert("sucessful upload to firebae");
@@ -420,12 +399,7 @@ function overrideW2uiStyles() {
         return;
         }
         toolbar.style.backgroundColor = "#0C0F19";
-        
-        
-
-
         const toolbarButtons = document.querySelectorAll(".w2ui-toolbar .w2ui-scroll-wrapper .w2ui-tb-button");
-
         toolbarButtons.forEach(button => {
         button.style.border = "4px solid rgb(67, 55, 201)";
         button.style.backgroundColor = "#1F2937";
@@ -433,13 +407,10 @@ function overrideW2uiStyles() {
         button.style.fontSize = "16px";
         button.style.fontWeight = 600;
         
-
         const nestedText = button.querySelector("div.w2ui-tb-text:nth-child(1)");
             if (nestedText) {
                 nestedText.style.color = "rgb(255, 255, 255)";
             }
-
-
         // Add event listeners for mouseover and mouseout events
         button.addEventListener("mouseenter", () => {
             button.style.backgroundColor = "#4B5563";
@@ -579,13 +550,8 @@ function overrideW2uiStyles() {
         cancelButtonElement.style.display = "flex";
         cancelButtonElement.style.alignItems = "center";
         cancelButtonElement.style.justifyContent = "center";
-
-        
-        
     }
 
-        
-
         // Execute style function to start checking
         overrideW2uiStyles();
     
@@ -751,7 +717,10 @@ async def draw_canvas() -> None:
         # window.parent.postMessage({ type: "displayLatestImageOnCanvas", image: latest_image }, "*")
     # else:
         # print("No latest image found in Firebase.")
-        from PIL import ImageOps
+
+
+
+from PIL import ImageOps
 
 
 # new draw_canvas scale method