feat: add favicons and fix keyboard mobile

Igorcbraz · Sep 5, 2024 · 2712b6c · 2712b6c
1 parent 98691fc
commit 2712b6c
Show file tree

Hide file tree

Showing 6 changed files with 9 additions and 1 deletion.
diff --git a/images/apple-touch-icon.png b/images/apple-touch-icon.png
diff --git a/images/favicon-16x16.png b/images/favicon-16x16.png
diff --git a/images/favicon-32x32.png b/images/favicon-32x32.png
diff --git a/images/site.webmanifest b/images/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/index.html b/index.html
@@ -11,7 +11,10 @@
     <meta name="googlebot" content="index, follow">
     <meta name="google" content="notranslate">
     <title>Calculator</title>
-    <link rel="shortcut icon" href="images/favicon-32x32.png" type="image/x-icon">
+    <link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
+    <link rel="manifest" href="site.webmanifest">
     <link rel="canonical" href="https://github.com/Igorcbraz/Calculadora">
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">    
@@ -27,6 +30,7 @@
               <span class="col-1 key-selector" data-key="1">1</span>
               <span class="col-1 key-selector" data-key="2">2</span>
               <span class="col-1 key-selector" data-key="3">3</span>
+              <input type="text" id="hiddenInput" style="position: absolute; left: -9999px;">
             </div>
 
             <div class="calc-top row">

diff --git a/src/js/main.js b/src/js/main.js
@@ -47,6 +47,9 @@ document.addEventListener('DOMContentLoaded', () => {
     selector.addEventListener('click', () => {
       alert('Ao clicar em OK, pressione uma tecla para associar a este tema.')
 
+      const hiddenInput = document.getElementById('hiddenInput')
+      hiddenInput.focus()
+
       const captureKey = (event) => {
         themeManager.setKeyForTheme(selector, event.key)
         document.removeEventListener('keydown', captureKey)
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}