Cleaned the clutter and more

.gitignore

@@ -0,0 +1 @@
+src/web-ext-artifacts

src/components/peek/peek.css

@@ -18,6 +18,7 @@ div#peekpage iframe {
   border: 0;
   margin-bottom: -5px;
 }
+
 .peektools {
   border-radius: 100px;
   border: 0;
@@ -35,6 +36,11 @@ div#peekpage iframe {
   background: white;
   color: black;
 }
+
+.peektools::after {
+  content: attr(id);
+}
+
 .peektools#open_in_full {
   margin-top: 60px;
 }

src/components/peek/peek.js

@@ -16,7 +16,6 @@ var peekIframe = document.createElement("iframe");
 var tools = [{ name: 'close' }, { name: 'open_in_full' }]
 tools.forEach((tool) => {
     var btn = document.createElement('button');
-    btn.innerHTML = tool.name
     btn.className = 'peektools'
     btn.id = tool.name
     if (tool.name == 'close') {
@@ -45,21 +44,15 @@ peekPage.appendChild(peekIframe);
 // Make peek functional in Anchor elements
 let collection = document.getElementsByTagName("a");
 Array.from(collection).forEach(function (element) {
-    var oldhref = element.href;
-    element.href = "javascript:;";
     element.removeAttribute("jsaction");
     element.removeAttribute("target");
     element.onclick = (event) => {
         if (event.shiftKey) {
             event.preventDefault();
-            peekIframe.src = oldhref;
+            peekIframe.src = element.href;
             peekBackdrop.style.display = 'block';
             document.body.style.overflow = 'hidden';
             peekPage.showPopover();
-        } else {
-            if (element.href == "javascript:;") {
-                element.href = oldhref
-            }
         }
     };
 });

src/components/settings/settings.html

@@ -0,0 +1,10 @@
+<span>Peek tabs by pressing shift while clicking on a link</span>
+<input type="checkbox" name="" id="" />
+<style>
+  body {
+    font-family: Arial;
+    display: inline;
+    background-color: #292d2d;
+    color: white;
+  }
+</style>