| // 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; // ¯\\_(ツ)_/¯ |
| <!DOCTYPE html> | |
| <html lang="zh-cn"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Concurrent Download Demo</title> | |
| <script src="multi-thread-download.js"></script> | |
| </head> | |
| <body> |
| const fetch = (...args) => console.log(...args) // mock | |
| function httpRequest(url, method, data) { | |
| const init = { method } | |
| switch (method) { | |
| case 'GET': | |
| if (data) url = `${url}?${new URLSearchParams(data)}` | |
| break | |
| case 'POST': | |
| case 'PUT': | |
| case 'PATCH': |
| /* Using a JavaScript proxy for a super low code REST client */ | |
| // via https://dev.to/dipsaus9/javascript-lets-create-aproxy-19hg | |
| // also see https://towardsdatascience.com/why-to-use-javascript-proxy-5cdc69d943e3 | |
| const createApi = (url) => { | |
| return new Proxy({}, { | |
| get(target, key) { | |
| return async function(id = "") { | |
| const response = await fetch(`${url}/${key}/${id}`) | |
| if (response.ok) { | |
| return response.json(); |
| //import fs library | |
| const fs = require('fs'); | |
| //write out data | |
| function done(output) { | |
| process.stdout.write(output); | |
| process.stdout.write('\nprompt > '); | |
| } | |
| // where we will store our commands |
| import bytes from '../../vendor/bytes/index.js' | |
| const MAX_WIDTH = 600 | |
| const MAX_HEIGHT = 600 | |
| const { createFFmpeg, fetchFile } = FFmpeg | |
| let ffmpeg | |
| export async function compressAndGetThumb (file, maxVideoSize, progressCb) { | |
| const objectUrl = URL.createObjectURL(file) | |
| const videoEl = document.createElement('video') | |
| videoEl.addEventListener('error', console.log) |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| .editor { font-family: 'Roboto Mono', monospace; font-size: 12px; outline: none; overflow-y: auto; padding-left: 48px; counter-reset: line; } | |
| .editor div { display: block; position: relative; white-space: pre-wrap; } | |
| .editor div::before { content: counter(line); counter-increment: line; position: absolute; right: calc(100% + 16px); opacity: 0.5; } | |
| </style> | |
| </head> |
Steps to deploy a Node.js app to DigitalOcean using PM2, NGINX as a reverse proxy and an SSL from LetsEncrypt
If you use the referal link below, you get $10 free (1 or 2 months) https://m.do.co/c/5424d440c63a
I will be using the root user, but would suggest creating a new user
| //----------------------------------*\ | |
| // TRIGONOMETRY FUNCTIONS | |
| //----------------------------------*/ | |
| // # Trigonometry in CSS | |
| // | |
| // - Through Taylor/Maclaurin polynomial representation: http://people.math.sc.edu/girardi/m142/handouts/10sTaylorPolySeries.pdf | |
| // - Useful if you don't want to use JS. | |
| // - With CSS Variables. | |
| // - `calc()` can't do power (x ^ y) so I used multiplication instead. |
| (function(undefined) { | |
| var global = this; | |
| var FUNC_PATHS = Object.keys(console).reduce(function (carry, name) { | |
| if ('function' === typeof console[name]) { | |
| carry.push(['console', name]); | |
| } | |
| return carry; | |
| }, [['alert']]); | |
| function WORKER_CODE() { |
