Fitsum Belay fitsum

## three.html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
<script type="module">
import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.124.0/build/three.module.js"
import { OrbitControls } from "https://cdn.jsdelivr.net/npm/three@0.124.0/examples/jsm/controls/OrbitControls.js"

var scene = new THREE.Scene()

var camera = new THREE.PerspectiveCamera(75)
camera.position.z = 4

## scratchmarklet.js
data:text/html, <html lang="en"><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>*scratch*</title><style> body{font-family:Hack,Menlo,Monaco,'Droid Sans Mono','Courier New',monospace;white-space:pre}body style{display:inline}style::before{content:'<style>'}style::after{content:'<\/style>'}*::before,*::after{color:rgba(136,18,128,0.5)}</style><script> const selectOuterMostNonBodyNode = (node) => node.parentNode.tagName === 'BODY' ? node : node.parentNode;function insertAfterSelection(selection,html){if(html === '') return;let nodeToInsert=document.createElement('div');nodeToInsert.innerHTML=html + '<br>';let range=selection.getRangeAt(0);let clone=range.cloneRange();let {endContainer} = range;range.setStartAfter(selectOuterMostNonBodyNode(endContainer)); range.insertNode(nodeToInsert);clone.setStart(clone.endContainer, clone.endOffset);selection.removeRange(range); selection.addRange(clone);} var globalEval=eval;function evaluate(){let selection=documen

## amharic.txt
console.log('\u134D\u1341\u121D\u1361\u1260\u12AB\u12ED') // "ፍፁም፡በካይ"


## ASCIIcade.txt
// OG
// https://jsfiddle.net/fitsum/40t8h2no/

// params
s:String = string
f:String = filler character
e:String = effect name; eg. "rev", "zig"
w:Number = horizontal spacing

const ASCIIcade = (s, f = null, e = null, w = 3) => {

## mouse-trace.js
//TODO: add cursor bg and rotate script. can't tell what's happening without visual

let lastCoords = [];

const handleDir = e => {
		let xDiff, yDiff, currCoords = [e.x, e.y];
		if ( lastCoords.length !== 0 ){
			xDiff = currCoords[0] - lastCoords[0];
			yDiff = currCoords[1] - lastCoords[1];
		}

## english-bibles-by-denom.js
fetch('https://api.scripture.api.bible/v1/bibles', {headers: {'api-key': 'ace65b88c21bc3d190f3f95754e2eede'}})
  .then((r) => r.json())
  .then((j) => {
  	const worldenglish = j.data.filter(item => item.name.indexOf('World English Bible') !== -1 ).map((item) => {return {"name":item.name, "description": item.description}});
    console.table(worldenglish);
  });

// Feeling fine about using `indexOf`
// https://stackoverflow.com/a/54538979

## practical-curry.js
const a = [1,2,3,4];
const checkType = (type, collection2check) => collection2check.every((each) => typeof each === type);
const curr = (collection) => {
  return (actionOrType, actionFn) => {
    return actionFn(actionOrType, collection) ? `all in ${collection} are ${actionOrType}s` : `few or none in ${collection} are ${actionOrType}s`;
  };
}

const arr = curr(a);
console.log(arr('number', checkType))

## rm-FB-page-like-suggestions.js
Array.from(document.querySelectorAll('[data-tooltip-content="Remove Suggestion"]')).forEach((each)=>{each.click()})

## class-and-element-lists-using-Set.js
list of classes

[...new Set($$("[class]").flatMap(e => [...e.classList]))]

list of elements

[...new Set($$("*").map(e => e.nodeName.toLowerCase()))]

Use * * * for elements inside <head> and <body> or body * for elements inside <body> only

## App.svelte
<script>
	import Greet from "./Greet.svelte";

	let config4Pants = {
		name: "Pants",
		greeting: "What's up!"
	},
	config4Son = {
		name: "Son",
		greeting: "Sup?"
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">
	<script type="module">
	import * as THREE from "https://cdn.jsdelivr.net/npm/three@0.124.0/build/three.module.js"
	import { OrbitControls } from "https://cdn.jsdelivr.net/npm/three@0.124.0/examples/jsm/controls/OrbitControls.js"

	var scene = new THREE.Scene()

	var camera = new THREE.PerspectiveCamera(75)
	camera.position.z = 4
	console.log('\u134D\u1341\u121D\u1361\u1260\u12AB\u12ED') // "ፍፁም፡በካይ"
	// OG
	// https://jsfiddle.net/fitsum/40t8h2no/

	// params
	s:String = string
	f:String = filler character
	e:String = effect name; eg. "rev", "zig"
	w:Number = horizontal spacing

	const ASCIIcade = (s, f = null, e = null, w = 3) => {
	//TODO: add cursor bg and rotate script. can't tell what's happening without visual

	let lastCoords = [];

	const handleDir = e => {
	let xDiff, yDiff, currCoords = [e.x, e.y];
	if ( lastCoords.length !== 0 ){
	xDiff = currCoords[0] - lastCoords[0];
	yDiff = currCoords[1] - lastCoords[1];
	}
	fetch('https://api.scripture.api.bible/v1/bibles', {headers: {'api-key': 'ace65b88c21bc3d190f3f95754e2eede'}})
	.then((r) => r.json())
	.then((j) => {
	const worldenglish = j.data.filter(item => item.name.indexOf('World English Bible') !== -1 ).map((item) => {return {"name":item.name, "description": item.description}});
	console.table(worldenglish);
	});

	// Feeling fine about using `indexOf`
	// https://stackoverflow.com/a/54538979
	const a = [1,2,3,4];
	const checkType = (type, collection2check) => collection2check.every((each) => typeof each === type);
	const curr = (collection) => {
	return (actionOrType, actionFn) => {
	return actionFn(actionOrType, collection) ? `all in ${collection} are ${actionOrType}s` : `few or none in ${collection} are ${actionOrType}s`;
	};
	}

	const arr = curr(a);
	console.log(arr('number', checkType))
	list of classes

	[...new Set($$("[class]").flatMap(e => [...e.classList]))]

	list of elements

	[...new Set($$("*").map(e => e.nodeName.toLowerCase()))]

	Use * * * for elements inside <head> and <body> or body * for elements inside <body> only
	<script>
	import Greet from "./Greet.svelte";

	let config4Pants = {
	name: "Pants",
	greeting: "What's up!"
	},
	config4Son = {
	name: "Son",
	greeting: "Sup?"