add favicons

hardbulls · Apr 11, 2024 · f1d17ec · f1d17ec
1 parent 1df6f97
commit f1d17ec
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -4,6 +4,9 @@
 <head>
   <base href="">
 
+  <title>Hard Bulls - Game Day</title>
+  <link rel="icon" href="./public/favicon.ico"/>
+
   <script type="module" src="/src/main.ts"></script>
 </head>
 

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/icon_256.png b/public/icon_256.png
diff --git a/src/main.css b/src/main.css
@@ -6,6 +6,7 @@ body {
     margin: 0;
     width: 100%;
     font-family: sans-serif;
+    background-color: rgb(196, 196, 196);
 }
 
 #controls {
@@ -24,11 +25,14 @@ body {
     font-size: 2em;
     height: 2em;
 }
-.file-input label {
-    width: 100%;
+
+.file-input-label {
     display: flex;
-    vertical-align: middle;
+    width: 100%;
+    justify-content: center;
+    flex-direction: column;
     height: 100%;
+
 }
 
 .file-input button {

diff --git a/src/main.ts b/src/main.ts
@@ -292,9 +292,15 @@ function uploadBackground(
 
   container.classList.add("file-input");
 
+  const labelDiv = document.createElement("div");
+
+  labelDiv.classList.add("file-input-label");
+
   const label = document.createElement("label");
   label.innerText = "Upload Background";
 
+  labelDiv.append(label);
+
   const button = document.createElement("button");
   button.innerText = "Choose File";
 
@@ -316,7 +322,7 @@ function uploadBackground(
     }
   });
 
-  container.appendChild(label);
+  container.appendChild(labelDiv);
   container.appendChild(button);
   container.appendChild(uploadField);
 
@@ -350,7 +356,7 @@ function uploadBackground(
     const downloadLink = document.createElement("a");
 
     downloadLink.style.display = "none";
-    downloadLink.href = canvas.toDataURL("image/png");
+    downloadLink.href = outputImage.src;
     downloadLink.download = "ballpark-hard.png";
 
     document.body.appendChild(downloadLink);