3 files changed, 46 insertions, 0 deletions

diff --git a/web/bookmarklet/add-map b/web/bookmarklet/add-map
new file mode 100644
index 0000000..4a4251a
--- /dev/null
+++ b/web/bookmarklet/add-map
@@ -0,0 +1,9 @@
+javascript: (function() {
+  mapDiv = document.createElement("div");
+  mapDiv.setAttribute("class", 'map');
+  document.body.append(mapDiv);
+  script = document.createElement("script");
+  script.src = 'https://unpkg.com/mapclay@0.1.3/js/mapclay.js';
+  script.type = 'module';
+  document.body.append(script);
+})();
diff --git a/web/bookmarklet/add-outline b/web/bookmarklet/add-outline
new file mode 100644
index 0000000..880e9ff
--- /dev/null
+++ b/web/bookmarklet/add-outline
@@ -0,0 +1,15 @@
+javascript: (function() {
+  let domStyle = document.getElementById('domStylee');
+  if (domStyle) {
+    document.body.removeChild(domStyle);
+    return;
+  }
+  domStyle = document.createElement("style");
+  domStyle.setAttribute('id', 'domStylee');
+  color = Math.random() * (1<<24);
+  color = Math.floor(color).toString(16);
+  domStyle.append(
+    [`* { outline: 1px solid #${color}; outlineOffsset: -1px }`]
+  );
+  document.body.appendChild(domStyle);
+})();
diff --git a/web/bookmarklet/kill b/web/bookmarklet/kill
new file mode 100644
index 0000000..7eb82e3
--- /dev/null
+++ b/web/bookmarklet/kill
@@ -0,0 +1,22 @@
+javascript: (function(){
+    document.querySelectorAll("body *").forEach(function(node) {
+        if(["fixed","sticky"].includes(getComputedStyle(node).position)) {
+            node.parentNode.removeChild(node);
+        }
+    });
+    document.querySelectorAll("html *").forEach(function(node) {
+        var s=getComputedStyle(node);
+        if("hidden"===s["overflow"]) {
+            node.style["overflow"]="visible";
+        }
+        if("hidden"===s["overflow-x"]) {
+            node.style["overflow-x"]="visible";
+        }
+        if("hidden"===s["overflow-y"]) {
+            node.style["overflow-y"]="visible"}
+        });
+    var htmlNode=document.querySelector("html");
+    htmlNode.style["overflow"]="visible";
+    htmlNode.style["overflow-x"]="visible";
+    htmlNode.style["overflow-y"]="visible";
+})();