ayo/bookmarklets
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: slimmer bookmarklet; initial setup

Browse source
This commit is contained in:
Ayo Ayco 2025-08-27 13:05:45 +02:00
commit cb1a22d5fb
4 changed files with 35 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
.gitignore vendored Normal file
View file

@ -0,0 +1,3 @@
*~
*swo
*swp

3
README.md Normal file
View file

@ -0,0 +1,3 @@
# Bookmarklets
1. slimmer - toggle between readable body width (700px) and the original width

1
slimmer-bookmarklet.js Normal file
View file

@ -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]})()

28
slimmer.js Normal file
View file

@ -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];
};