mems · February 24, 2025 22:28 · shadyasashade · Apr 6, 2020 · shadyasashade · Apr 6, 2020
diff --git a/README.md b/README.md
diff --git a/bookmarklet.uri b/bookmarklet.uri
 javascript:(function()%7Bconst%20e%3Ddocument.title.split(%2F%5Cs%2B%5C%7C%5Cs%2B%2F).slice(1).join(%22%20%22)%3Bdocument.head.insertAdjacentHTML(%22beforeend%22%2C%22%3Cstyle%3E.pictures%7Bmargin%3A0px%20calc((100vw%20-%20993px)%20%2F%20-2)%3Bpadding%3A10px%3Bdisplay%3Aflex%3Bflex-wrap%3Awrap%3B%7D.picture-wrap%7Bwidth%3A400px%3Bflex-grow%3A1%3Bbox-sizing%3Aborder-box%3Bpadding%3A10px%3B%7D.picture%7Bwidth%3A%20100%25%3Bmin-height%3A%20400px%7D%3C%2Fstyle%3E%22)%3Bconst%20t%3Ddocument.querySelector(%22.bigphoto%22)%2Cr%3Dt.querySelector(%22img%22).src.replace(%2F%5Cd%2B(_(xs%7Cm))%3F.jpg%2F%2C%22%22)%2Ci%3D(e%2Ct%3D%7B%7D%2Cr%3D%5B%5D)%3D%3E%7Bconst%20i%3DObject.assign(document.createElement(e)%2Ct)%3Breturn%20i.append(...Array.from(r))%2Ci%7D%2Ca%3D(e%2Ct)%3D%3Ei(%22a%22%2C%7BclassName%3A%22picture-wrap%22%2Cdownload%3At%2Chref%3Ae%7D%2C%5Bi(%22img%22%2C%7BclassName%3A%22picture%22%2Cloading%3A%22lazy%22%2Csrc%3Ae%2Conerror%3Afunction()%7Bthis.parentElement.remove()%7D%7D)%5D)%3Bt.remove()%2Cdocument.querySelector(%22.allphotos%22).replaceWith(i(%22div%22%2C%7BclassName%3A%22pictures%22%7D%2Cfunction*()%7Bfor(let%20t%3D1%3Bt%3C%3D999%3Bt%2B%2B)%7Bconst%20i%3D%60%24%7Be%7D%20%24%7Bt%7D.jpg%60%3Byield%20a(r%2BString(t).padStart(2%2C%220%22)%2B%22.jpg%22%2Ci)%2Ct%3C100%26%26(yield%20a(r%2BString(t).padStart(3%2C%220%22)%2B%22.jpg%22%2Ci))%7D%7D()))%7D)()
diff --git a/script.js b/script.js
 const title = document.title.split(/\s+\|\s+/).slice(1).join(" ");

 document.head.insertAdjacentHTML("beforeend", "<style>.pictures{margin:0px calc((100vw - 993px) / -2);padding:10px;display:flex;flex-wrap:wrap;}.picture-wrap{width:400px;flex-grow:1;box-sizing:border-box;padding:10px;}.picture{width: 100%;min-height: 400px}</style>");

 const imgWrapper = document.querySelector(".bigphoto");
 const base = imgWrapper.querySelector("img").src.replace(/\d+(_(xs|m))?.jpg/, "");
 const createElement = (name, attrs = {}, children = []) => {
 	const el = Object.assign(document.createElement(name), attrs);
 	el.append(...Array.from(children));
 	return el;
 };
 const createPicture = (src, download) => createElement("a", {
 		className: "picture-wrap",
 		download,
 		href: src,
 	},
 	[createElement("img", {
 		className: "picture",
 		loading: "lazy",
 		src,
 		onerror: function(){this.parentElement.remove()}
 	})]
 );

 imgWrapper.remove();

 document.querySelector(".allphotos").replaceWith(createElement("div", {className: "pictures"}, (function*(){
 	for (let i = 1; i <= 999; i++) {
    const download = `${title} ${i}.jpg`;
    yield createPicture(base + String(i).padStart(2, "0") + ".jpg", download);
    if(i < 100) {
 	    yield createPicture(base + String(i).padStart(3, "0") + ".jpg", download);
    }
 	}
 })()));
	const title = document.title.split(/\s+\\|\s+/).slice(1).join(" ");

	document.head.insertAdjacentHTML("beforeend", "<style>.pictures{margin:0px calc((100vw - 993px) / -2);padding:10px;display:flex;flex-wrap:wrap;}.picture-wrap{width:400px;flex-grow:1;box-sizing:border-box;padding:10px;}.picture{width: 100%;min-height: 400px}</style>");

	const imgWrapper = document.querySelector(".bigphoto");
	const base = imgWrapper.querySelector("img").src.replace(/\d+(_(xs\|m))?.jpg/, "");
	const createElement = (name, attrs = {}, children = []) => {
	const el = Object.assign(document.createElement(name), attrs);
	el.append(...Array.from(children));
	return el;
	};
	const createPicture = (src, download) => createElement("a", {
	className: "picture-wrap",
	download,
	href: src,
	},
	[createElement("img", {
	className: "picture",
	loading: "lazy",
	src,
	onerror: function(){this.parentElement.remove()}
	})]
	);

	imgWrapper.remove();

	document.querySelector(".allphotos").replaceWith(createElement("div", {className: "pictures"}, (function*(){
	for (let i = 1; i <= 999; i++) {
	const download = `${title} ${i}.jpg`;
	yield createPicture(base + String(i).padStart(2, "0") + ".jpg", download);
	if(i < 100) {
	yield createPicture(base + String(i).padStart(3, "0") + ".jpg", download);
	}
	}
	})()));