minor fixes

Arxari · Sep 21, 2024 · 8e6676b · 8e6676b
1 parent 005f14b
commit 8e6676b
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 24 deletions.
diff --git a/README.md b/README.md
@@ -2,10 +2,9 @@
 Shelltab gives you a new tab that can look just like your shell and it doubles as a bookmark manager (trough an alias-like system) and search bar!
 
 ##### How to use?
-~~You can either set this github page as your new tab or fork the repo and host your own GH page, all configs are stored locally in your browser cache~~
+You can set this github page as your new tab using [New Tab Overide](https://addons.mozilla.org/en-US/firefox/addon/new-tab-override/), you can also fork the repo and host your own GH page, all configs are stored locally in your browser cache
 
-You can also use [New Tab Overide](https://addons.mozilla.org/en-US/firefox/addon/new-tab-override/)
-After you downloaded the extension, download the shelltab.html, then open the extension settings of the new tab override, select 'local file' as option and put in the sheltab.html
+If you want to do it fully locally, you can download the index.html and use the [New Tab Overide](https://addons.mozilla.org/en-US/firefox/addon/new-tab-override/) extension, in the extension settings select 'local file' as option and put in the index.html
 ##### Command list
 
 Command | Description

diff --git a/index.html b/index.html
@@ -43,6 +43,7 @@
             }
             .neofetch {
                 display: flex;
+                margin-bottom: 10px;
             }
             .logo {
                 display: inline-block;
@@ -217,35 +218,34 @@
             function showNeofetch() {
                 const browserInfo = getBrowserInfo();
                 const firefoxLogo = `
+                  ==
+                 =====
+        ==  =   ======= =
+       ======       ======
+      ==========    =======
+      =======        ======
+      ======         ======
+       ======       ======
+        =================
+         ===============
+            =========
 
 
-                   ==
-                  =====
-         ==  =   ======= =
-        ======       ======
-       ==========    =======
-       =======        ======
-       ======         ======
-        ======       ======
-         =================
-          ===============
-             =========
-
-
-                `;
+               `;
                 const infoText = `
 ${browserInfo.name} ${browserInfo.version}
 Platform: ${browserInfo.platform}
 User Agent: ${browserInfo.userAgent}
 Language: ${browserInfo.language}
-                `;
+               `;
 
-                output.innerHTML += `
-<div class="neofetch">
-    <div class="logo"><pre>${firefoxLogo}</pre></div>
-    <div class="info"><pre>${infoText}</pre></div>
-</div>
-                `;
+                const neofetchOutput = document.createElement("div");
+                neofetchOutput.className = "neofetch";
+                neofetchOutput.innerHTML = `
+<div class="logo"><pre>${firefoxLogo}</pre></div>
+<div class="info"><pre>${infoText}</pre></div>
+`;
+                output.appendChild(neofetchOutput);
             }
 
             function getBrowserInfo() {