Linkshuffle Docs

https://dabric.xyz/linkshuffle.min.html?lsstyle-foreground=lime&lsstyle-background=darkslategrey

<iframe src="https://dabric.xyz/linkshuffle.min.html" frameborder="0" title="linkshuffle"></iframe>

<script>
	const frame = document.querySelector("iframe");
	let hue = 0;

	setInterval(() => {
		hue += 5
		hue %= 360
		const color = `hsl(${hue}deg, 100%, 50%)`;
		frame.setAttribute("data-lsstyle-foreground", color)
		frame.setAttribute("data-lsstyle-overlay-foreground", color)
		frame.setAttribute("data-lsstyle-outline-color", color)
	}, 100);
</script>

...
					}
					window.dispatchEvent(new CustomEvent("ls-loaded"));
				})();
			});
		</script>

		<script>
			// Here.
		</script>
	</body>
</html>

<script>
	window.addEventListener("ls-loaded", () => {
		setConfig("ls-showtitle", "false");
		setConfig("ls-list", "url!https://example.com/links.json");

		setConfig("lsstyle-foreground", "black");
		setConfig("lsstyle-background", "white");
	});
</script>

// linkshuffle has basic json comment support.
// use `//`. only an entire line may be a comment.
// so, this will result in a syntax error:
//     "name": "dabric", // comment
// but this wont:
//     // comment
//     "name": "dabric",
{
	// the version of this format. if linkshuffle detects
	// an older version, it'll automatically redirect to
	// said older version if `ls-compatibilityredirect`
	// is true.
	"version": 1,
	"links": [
		// an example link. it'll be picked at random.
		{
			// the version of this format for this specific
			// link. you don't need this when you're
			// directly putting in links like this; it's
			// intended for when you reference a url.
			"version": 1,

			// the name of the link.
			// - will be shown on hover, unless ls-showtitle
			//   is set to false.
			// - will also be shown in place of the image if
			//   there isn't one, or if it fails to load.
			"name": "dabric",

			// the images to use. it'll be picked at random.
			"images": [
				// an example image. you can have
				// an unlimited number of them.
				{
					// the link to the image.
					"src": "https://dabric.xyz/dabric.png",

					// the alt text for the image.
					"alt": "a short tv-head robot."
				}
			],

			// the link.
			"url": "https://dabric.xyz"
		},
		// you can also give a url to a link like this.
		"https://dabric.xyz/me.json"
	]
}