Explosion-Scratch

$(document).ready(function(){
	document.getElementById('input').addEventListener('input', (function() {
    background();
	}));
	function background() {
		$('#before').css('background-color', $('#input').val());
		original = $('#input').val();
		hsl = hexToHsl(original);
		color = newcolor(hsl[0], hsl[1], hsl[2]);
		$('#after').css('background-color', color);

Explosion-Scratch

javascript: {
    var x = null;
    var y = null;
    rect = null;
    document.body.style.userSelect = "none";
    document.body.style.pointerEvents = "none";
    document.addEventListener("mousedown", (e) => {
        document.addEventListener("mousemove", (e) => {
            try {
                rect.remove();

Explosion-Scratch

javascript: {
    var style = document.createElement("STYLE");
    style.innerHTML = `.blur {filter: blur(4px) !important;}`;
    document.body.appendChild(style);
    document.addEventListener("click", (e) => {
      e.preventDefault();
      e.target.classList.toggle("blur");
    });
  }

Explosion-Scratch

//Select the line below and drag it into your bookmarks bar. Then when on a YouTube video click it!
javascript: {var url=window.location.href;if(/https:\/\/(www|)\.youtube\.com\/watch\?v=[A-Za-z0-9]+/i.test(url)){var newurl=`https://4n8hm.sse.codesandbox.io/download?URL=${url}&format=${prompt("What format would you like to download?","mp4")||"cancel"}&quality=${prompt("What quality would you like to download? (highest, lowest, highestaudio, lowestaudio, highestvideo, lowestvideo)","highest")||"cancel"}`;newurl.includes("cancel")?alert("You canceled the download"):window.location.href=newurl}else alert("Invalid url!");}

Explosion-Scratch

Keybase proof

I hereby claim:

• I am Explosion-Scratch on github.
• I am explosionscratch (https://keybase.io/explosionscratch) on keybase.
• I have a public key whose fingerprint is 1D0E EBC4 C6FD C06F 13C9 6796 C9C1 09EB C616 2A86

To claim this, I am signing this object:

Explosion-Scratch

const DI = window.DiscordInternals;
const hasLib = !!(DI && DI.versionCompare && DI.versionCompare(DI.version || "", "1.9") >= 0);
    const WebpackModules = hasLib && DI.WebpackModules || (() => {
 
        const req = typeof(webpackJsonp) == "function" ? webpackJsonp([], {
                '__extra_id__': (module, exports, req) => exports.default = req
        }, ['__extra_id__']).default : webpackJsonp.push([[], {
                '__extra_id__': (module, exports, req) => module.exports = req
        }, [['__extra_id__']]]);
        delete req.m['__extra_id__'];

Explosion-Scratch

//Set window.load and window.show so that the child iframe element can access those functions.
window.load = load;
window.show = show;
//Convert all links to preload on hover.
[...document.querySelectorAll("a")].forEach((a) => {
    a.addEventListener("click", (e) => {
        e.preventDefault();
        show(a.href);
    });
    a.addEventListener("mouseenter", (e) => {

Explosion-Scratch

Get data from google sheets!

This script gets data from a google sheets table and returns it in easy to use JSON. Tables must have a header 😃

How to get the spreadsheet ID:

Publish it to the web:

The ID is in the link that publish to the web gives you, NOT the webpage URL

Explosion-Scratch

((window) => {
  var _fetch = window.fetch; //Get the original fetch functionm

  window.fetch = (url, opts = {}) => {
    if (!window.FETCH_CACHE) {
      window.FETCH_CACHE = {};
    }
    return new Promise((resolve) => {
      /* 
      Generate a sort of unique key about this fetch request. 

Explosion-Scratch

Useful resources

Here you will find lots of useful resources to me as a developer, everything from font pairing, to regex finding, to tailwind resources is here! If you have any suggestions feel free to suggest them in a comment!

Fonts

• Google webfonts helper
  • Nice for getting data about various fonts, pairing them, finding backup fonts, etc.
• Embedded google fonts
  • Get one CSS file for a google font
• Font style matcher
  • Compare what fonts look like, test what two fonts look like on top of each other, and more.