programmerg
diff --git a/‎_locales/en/messages.json‎
Lines changed: 12 additions & 0 deletions b/‎_locales/en/messages.json‎
Lines changed: 12 additions & 0 deletions
diff --git a/‎docs/chrome-web-store/0_promo_1.jpg‎
13.2 KB b/‎docs/chrome-web-store/0_promo_1.jpg‎
13.2 KB
diff --git a/‎docs/index.html‎
Lines changed: 9 additions & 9 deletions b/‎docs/index.html‎
Lines changed: 9 additions & 9 deletions
diff --git a/‎index.html‎
Lines changed: 8 additions & 0 deletions b/‎index.html‎
Lines changed: 8 additions & 0 deletions
@@ -226,5 +226,17 @@
    },
    "welcome_footnote": {
       "message": "Your settings will be synced to your Chrome account automatically so you can enjoy the same great experience across all your devices."
+   },
+   "about": {
+      "message": "About"
+   },
+   "homepage": {
+      "message": "Extension's homepage"
+   },
+   "version": {
+      "message": "Version"
+   },
+   "developer": {
+      "message": "Author"
    }
 }
@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="google-site-verification" content="lHnx1da1HDG8GdJsF8kVUQLEwOoPD5k5wfWTtEwhYAs" />
+  <meta name="google-site-verification" content="lHnx1da1HDG8GdJsF8kVUQLEwOoPD5k5wfWTtEwhYAs">
   <meta name="description" content="A clean, intuitive browser extension that gives you one-click access to all your bookmarks, reading lists, browsing history, and tab groups on the new tab page.">
   <meta name="author" content="Gelencsér Gergő">
   <title>Quick Access</title>
@@ -12,13 +12,13 @@
   <link rel="icon" href="icon-48.png" sizes="48x48" type="image/png">
   <link href="bootstrap.min.css" rel="stylesheet">
   <style>
-    [role="dialog"]::backdrop {
+    dialog::backdrop {
       backdrop-filter: blur(5px);
       opacity: 0;
       background: rgba(0, 0, 0, 0.35);
       transition: display 0.1s allow-discrete, overlay 0.1s allow-discrete, opacity 0.1s;
     }
-    [role="dialog"][open]::backdrop {
+    dialog[open]::backdrop {
         opacity: 1;
     }
   </style>
@@ -170,7 +170,7 @@ <h2 class="pb-2 border-bottom">Features</h2>
           <path fill-rule="evenodd" d="M16 8a8 8 0 0 1-7.022 7.94l1.902-7.098a3 3 0 0 0 .05-1.492A3 3 0 0 0 10.237 6h5.511A8 8 0 0 1 16 8M0 8a8 8 0 0 0 7.927 8l1.426-5.321a3 3 0 0 1-.723.255 3 3 0 0 1-1.743-.147 3 3 0 0 1-1.043-.7L.633 4.876A8 8 0 0 0 0 8m5.004-.167L1.108 3.936A8.003 8.003 0 0 1 15.418 5H8.066a3 3 0 0 0-1.252.243 2.99 2.99 0 0 0-1.81 2.59M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4"/>
         </svg>
         <div>
-          <p>Works in Chrome, Edge, Brave, Opera, Vivaldi, ...</p>
+          <p>Works in Firefox, Chrome, Edge, Opera, Brave, Vivaldi, ...</p>
         </div>
       </div>
     </div>
@@ -217,7 +217,7 @@ <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold"></h3>
     </div>
   </div>
 
-  <dialog id="modal" class="position-fixed border-0 p-0 mx-5 rounded-3 shadow-lg" role="dialog">
+  <dialog id="modal" class="position-fixed border-0 p-0 mx-5 rounded-3 shadow-lg" role="dialog" aria-modal="true">
     <button type="button" class="btn-close position-absolute" style="top: 5px; right: 5px; width: 37px; height: 37px; z-index: 999; opacity: 0.7; background-color: white;" autofocus aria-label="close"></button>
     <div id="galery" class="carousel carousel-fade slide" data-bs-ride="carousel">
       <div class="carousel-indicators"> 
@@ -306,12 +306,12 @@ <h3 class="pt-5 mt-5 mb-4 display-6 lh-1 fw-bold"></h3>
 
     function getBrowser() {
       const agent = navigator.userAgent;
-      if ((agent.indexOf("Opera") || agent.indexOf('OPR')) != -1) return 'Opera';
+      if (agent.indexOf("Firefox") != -1) return 'Firefox';
+      if (agent.indexOf('OPR') != -1) return 'Opera';
+      if (agent.indexOf('Opera') != -1) return 'Opera';
       if (agent.indexOf("Edg") != -1) return 'Edge';
-      if (agent.indexOf("Vivaldi") != -1) return 'Vivaldi';
-      if (agent.indexOf("Brave") != -1) return 'Brave';
+      if (agent.indexOf("MSIE") != -1) return 'Edge';
       if (agent.indexOf("Chrome") != -1) return 'Chrome';
-      if (agent.indexOf("Firefox") != -1) return 'Firefox';
       if (agent.indexOf("Safari") != -1) return 'Safari';
       return 'Browser';
     }
 
@@ -173,6 +173,11 @@ <h2 class="modal-title" data-i18n="settings"></h2>
                             <span data-i18n="expert"></span>
                         </a>
                     </li>
+                    <li>
+                        <a href="#about">
+                            <span data-i18n="about"></span>
+                        </a>
+                    </li>
                 </ul>
 
                 <fieldset id="generalSettings">
@@ -301,6 +306,9 @@ <h2 class="modal-title" data-i18n="settings"></h2>
                         <textarea class="form-control" name="theme" rows="15" data-i18n-placeholder="custom_theme_placeholder"></textarea>
                     </div>
                 </fieldset>
+
+                <fieldset id="about">
+                </fieldset>
             </div>
 
             <div class="modal-footer">