commit cb1a22d5fbdd0b180e9f205eda8eae3a79d08ffd
Author: Ayo <ayo@ayco.io>
Date:   Wed Aug 27 13:05:45 2025 +0200

    feat: slimmer bookmarklet; initial setup

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..5ef2bda
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+*~
+*swo
+*swp
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..8083a8f
--- /dev/null
+++ b/README.md
@@ -0,0 +1,3 @@
+# Bookmarklets
+
+1. slimmer - toggle between readable body width (700px) and the original width
diff --git a/slimmer-bookmarklet.js b/slimmer-bookmarklet.js
new file mode 100644
index 0000000..91f155f
--- /dev/null
+++ b/slimmer-bookmarklet.js
@@ -0,0 +1 @@
+javascript:(()=%3E{const%20el=document.querySelector(%22body%22);const%20id=document.URL;const%20originalWidth=`__ayo__origininal-width-${id}__`;const%20originalMargin=`__ayo__origininal-margin-${id}__`;const%20toggle=`__ayo__slimmer-toggle-${id}__`;if(window[originalWidth]===undefined){window[originalWidth]=el.style.width;}if(window[originalMargin]===undefined){window[originalMargin]=el.style.margin;}if(!window[toggle]){el.style.width=%22700px%22;el.style.margin=%220%20auto%22;}else{el.style.width=window[originalWidth];el.style.margin=window[originalMargin]}window[toggle]=!window[toggle]})()
\ No newline at end of file
diff --git a/slimmer.js b/slimmer.js
new file mode 100644
index 0000000..41dbb76
--- /dev/null
+++ b/slimmer.js
@@ -0,0 +1,28 @@
+() => {
+  const el = document.querySelector("body");
+  const id = document.URL;
+  const originalWidth = `__ayo__origininal-width-${id}__`;
+  const originalMargin = `__ayo__origininal-margin-${id}__`;
+  const toggle = `__ayo__slimmer-toggle-${id}__`;
+
+  if (window[originalWidth] === undefined) {
+    window[originalWidth] = el.style.width;
+  }
+
+  if (window[originalMargin] === undefined) {
+    window[originalMargin] = el.style.margin;
+  }
+
+  if (!window[toggle]) {
+    el.style.width = "700px";
+    el.style.margin = "0 auto";
+    el.style.overflowX = "auto";
+    console.log({ toggle: window[toggle] });
+  } else {
+    el.style.width = window[originalWidth];
+    el.style.margin = window[originalMargin];
+  }
+
+  console.log({ toggle: window[toggle] });
+  window[toggle] = !window[toggle];
+};