diff --git a/public/assets/js/links.js b/public/assets/js/links.js
index ee13b7a4..4d28d8b2 100644
--- a/public/assets/js/links.js
+++ b/public/assets/js/links.js
@@ -1,6 +1,9 @@
 $ = e => document.getElementById(e) || [];
 
 $("hblink").href = "https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic";
+$("inspectel").href = "javascript:(function () {var script=document.createElement('script');script.src='https://a." + location.hostname + "/call/https://x-ray-goggles.mouse.org/webxray.js";
+$("universaltb").href = "WIP";
+$("universaltb2").href = "WIP";
 $("hblink2").href = "https://github.com/QuiteAFancyEmerald/HolyUnblockerPublic";
 $("allink").href = "https://github.com/titaniumnetwork-dev/alloyproxy";
 $("tnlink").href = "https://discord.com/invite/Dw6C7p5";
diff --git a/public/pages/nav/bookmarklets.html b/public/pages/nav/bookmarklets.html
index a17da386..a631d30b 100644
--- a/public/pages/nav/bookmarklets.html
+++ b/public/pages/nav/bookmarklets.html
@@ -29,7 +29,7 @@
     <!-- Important: Use <wbr> to mess with keywords. -->
     <div>
         <div class="header-dark" style="background-color: rgb(0,0,0);background-image: url(&quot;assets/img/black.jpg&quot;);">
-            <nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px;">
+            <nav class="navbar navbar-dark navbar-expand-lg navigation-clean-search" style="height: 100px; z-index: 1;">
                 <div class="container"><a class="navbar-brand" style="font-family: 'Montserrat Alternates', sans-serif;font-size: 21px;margin: 10px;font-style: normal;font-weight: bold;" href="/">Ho&#8203;ly Unb&#8203;lock&#8203;er</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
                     <div class="collapse navbar-collapse" id="navcol-1">
                         <ul class="nav navbar-nav ml-auto">
@@ -93,68 +93,20 @@
                             console.log('particlesjs loaded.......');
                         });
                     </script>
-                    <div class="text-center d-flex align-items-center order-12" style="height: 80%;width: 80%;">
-                        <div class="container border-primary rounded text-center justify-content-center align-items-center" style="color: rgb(255,255,255);padding: 10%;line-height: 10%;">
+                    <div class="text-center d-flex align-items-center order-12" style="height: 100%;width: 100%;">
+                        <div class="container border-primary rounded text-center justify-content-center align-items-center" style="color: rgb(255,255,255);padding: 2%;line-height: 10%;">
                             <!-- Book<hhehe>marklets  -->
-                            <div style="padding: 5%;">
+                            <div>
                                 <br>
                                 <!-- New Inspect Element Clone-->
-                                <div style="padding: 2%;">
-                                    <script>
-                                        document.write(`
-                                <h1>Bookmarklets</h1>
-                                <h4>Drag the bookmarklets below to your bookmark bar! :)</h4>
-                                <h5>Updated Inspect Element Clone</h5>`);
-                                    </script>
+                                <div class="border rounded-1" style="padding: 2%;">
+                                    <h1>Bookmarklets</h1>
+                                    <h4>Drag the bookmarklets below to your bookmark bar! :)</h4>
                                     <br>
                                     <p style="padding: 2%;">May take awhile to load at first on use.</p>
                                     <br>
-                                    <script>
-                                        document.write(`<a class="btn btn-primary text-info border rounded-0 border-primary" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" role="button" data-bs-hover-animate="pulse" href="javascript:(function () {var script=document.createElement('script');script.src='https://a.${document.domain}/call/https://x-ray-goggles.mouse.org/webxray.js';script.className='webxray';script.setAttribute('data-lang','en-US');script.setAttribute('data-baseuri','https://a.${document.domain}/call/https://x-ray-goggles.mouse.org');document.body.appendChild(script);}())">Drag me</a>`);
-                                    </script>
+                                    <a id="inspectel" class="btn btn-group text-hb hb-border-color glow-on-hover rounded-1" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" role="button" data-bs-hover-animate="pulse">Inspect Element Clone</a>
                                 </div>
-                                <!-- Universal Tab Cloak-->
-                                <div style="padding: 2%;">
-                                    <script>
-                                        document.write(`
-                                    <h5>Tab Cloak Universal</h5>`);
-                                    </script>
-                                    <br>
-                                    <a class="btn btn-primary text-info border rounded-0 border-primary" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" role="button" data-bs-hover-animate="pulse" href="(function() {    var link = document.querySelector(" link[rel*='icon' ] ") || document.createElement('link');    link.type = 'image/x-icon';link.rel = 'shortcut icon';    link.href = 'https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico';    document.title = 'My Drive - Google Drive';    console.log(document.title);    document.getElementsByTagName('head')[0].appendChild(link);})();">Drag me</a>
-                                    <br>
-                                </div>
-
-                                <div style="padding: 2%">
-                                    <script>
-                                        document.write(`
-                                <h5>Porta Proxy</h5>`);
-                                    </script>
-                                    <script>
-                                        document.write(`
-                                    <a class="btn btn-primary text-info border rounded-0 border-primary" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" role="button" data-bs-hover-animate="pulse" href="javascript:((function(){
-        var a,b,c;c="${document.domain}",
-        b=document.createElement("iframe"),
-        b.setAttribute("src",c),b.setAttribute("id","rusic-modal"),
-        b.setAttribute("style","position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999999; background-color: #fff;"),
-        a=document.getElementsByTagName("body")[0],
-        a.appendChild(b)})).call(this)">Drag me</a>`);
-                                    </script>
-                                </div>
-                                <!-- Alt-->
-                                <div style="padding: 2%;">
-                                    <script>
-                                        document.write(`
-                                <h5>Alternative Tab Cloak Universal</h5>`);
-                                    </script>
-                                    <br>
-                                    <p style="padding: 2%;">Alternatively, you can use this code to update the disguise every second.</p>
-                                    <br>
-                                    <a class="btn btn-primary text-info border rounded-0 border-primary" style="background-color: rgb(24,26,28);font-family: 'Montserrat Alternates', sans-serif;" role="button" data-bs-hover-animate="pulse" href=" javascript:function gcloak() { var link = document.querySelector(" link[rel*='icon' ] ") || document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = 'https://ssl.gstatic.com/docs/doclist/images/infinite_arrow_favicon_5.ico';
-                                document.title = 'My Drive - Google Drive'; console.log(document.title); document.getElementsByTagName('head')[0].appendChild(link) }; gcloak();setInterval(gcloak, 1000);">Drag me</a>
-                                    <br>
-                                </div>
-                                <p style="line-height: 100%; padding: 2%;">The two scripts above use a Google Drive tab disguise as an example, but they can be customized:<br><br>- To change the favicon, replace the link in line 4 with your own image link<br><br> - To change the title, replace
-                                    the text in the ''s on line 5 with your own title<br><br> - To change the timing, replace the number in line 9 with your own timing (in milliseconds) ge link.href to change the favicon/logo.</p>
                             </div>
 
                         </div>