OrionReed

class console2 {
	static image(url: string, size = 100) {
		fetch(url)
			.then((res) => res.blob())
			.then((blob) => {
				const reader = new FileReader();
				reader.onloadend = () => {
					const dataUrl = reader.result as string;
					const style = [
						'font-size: 1px;',

OrionReed

interface CurvedLineProps {
	start: VecLike;
	end: VecLike;
	stress: number;
	radius: number;
}

const CurvedLine: React.FC<CurvedLineProps> = ({
	start,
	end,

OrionReed

// 3D Dom viewer, copy-paste this into your console to visualise the DOM as a stack of solid blocks.
// You can also minify and save it as a bookmarklet (https://www.freecodecamp.org/news/what-are-bookmarklets/)
(() => {
  const SHOW_SIDES = false; // color sides of DOM nodes?
  const COLOR_SURFACE = true; // color tops of DOM nodes?
  const COLOR_RANDOM = false; // randomise color?
  const COLOR_HUE = 190; // hue in HSL (https://hslpicker.com)
  const MAX_ROTATION = 180; // set to 360 to rotate all the way round
  const THICKNESS = 20; // thickness of layers
  const DISTANCE = 10000; // ¯\\_(ツ)_/¯