Mathew Tyler MTco

## Blob.link
https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications#Example_Using_object_URLs_to_display_images

## svg-with-color.html
<html>

<head>
  <title>SVG with color</title>
</head>

<body>
  <script>
    (function () {
      const createSvg = (color = '#ff9933') => `

## starter.css
@import url("https://fonts.xz.style/serve/inter.css");

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {

## home-server.md

      
              1 file
            
          
              18 forks
            
          
              19 comments
            
          
              243 stars
            
          
                nileshtrivedi
                / home-server.md
            
            
              Last active
              January 10, 2024 06:30
            
              
                Home Server setup: Raspberry PI on Internet via reverse SSH tunnel
              
          
    Raspberry Pi on Internet via reverse SSH tunnel

HackerNews discussed this with many alternative solutions: https://news.ycombinator.com/item?id=24893615
I already have my own domain name: mydomain.com. I wanted to be able to run some webapps on my Raspberry Pi 4B running
perpetually at home in headless mode (just needs 5W power and wireless internet). I wanted to be able to access these apps from public Internet. Dynamic DNS wasn't an option because my ISP blocks all incoming traffic. ngrok would work but the free plan is too restrictive.
I bought a cheap 2GB RAM, 20GB disk VM + a 25GB volume on Hetzner for about 4 EUR/month.
Hetzner gave me a static IP for it. I haven't purchased a floating IP yet.

  
## git-branch-to-favicon.js
const { execSync } = require('child_process')
const { createHash } = require('crypto')
const invertColor = require('invert-color')

const branchName = execSync('git rev-parse --abbrev-ref HEAD')
const hash = createHash('sha256')
hash.update(branchName)
const color = '#' + hash.digest().toString('hex').substring(0, 6)
const invertedColor = invertColor(color, true)

## javascript_warnings.md

      
              1 file
            
          
              3 forks
            
          
              4 comments
            
          
              31 stars
            
          
                laurent22
                / javascript_warnings.md
            
            
              Last active
              August 7, 2022 09:27
            
              
                How many warnings should your JavaScript app have?
              
          
    How many warnings should your JavaScript app have?

JavaScript warnings are these messages being displayed in yellow or red in your JavaScript console or terminal. They make no sense at all in general but they are a good indication of the health of your app. The points below will give you a general idea of how many warnings you should expect in your app:


0 warnings: the app is not working at all


5 warnings: app is probably starting but crashing soon after - try to find why it crashes. You'd think you could read the warnings to learn why it doesn't work, but that's not what warnings are for.


50 warnings: That's the soft spot - most likely everything's running smoothly


## plink-honk.js
/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
honks.
I have found this interesting for debugging, but also fun to hear web pages
render like geese.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
const url = 'https://firebasestorage.googleapis.com/v0/b/mutation-honk.appspot.com/o/Honk1.mp3?alt=media';

## plink-plonk.js
/*
Copy this into the console of any web page that is interactive and doesn't
do hard reloads. You will hear your DOM changes as different pitches of
audio.

I have found this interesting for debugging, but also fun to hear web pages
render like UIs do in movies.
*/

const audioCtx = new (window.AudioContext || window.webkitAudioContext)()

## Function to generate and download PDF as it is by converting components into images once with react.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                kenmori
                / Function to generate and download PDF as it is by converting components into images once with react.md
            
            
              Last active
              January 23, 2023 10:33
            
              
                Function to generate and download PDF as it is by converting components into images once with react
              
          
    Function to generate and download PDF as it is by converting components into images once with react

Overview


reactでコンポーネントを一回画像にしてそのままPDF生成してダウンロードする機能
react-pdfは使わない
コンポーネントを画像にしてその画像をpdfとして出力する方法


## kindle-reader.js
// modified based on:
// - https://lowrey.me/scraping-a-book-from-kindle-read-amazon-com/
console.clear();

(function() {
  var hashes = {};
  var all = "";

  function hashString(str) {
    let hash = 0;
	<html>

	<head>
	<title>SVG with color</title>
	</head>

	<body>
	<script>
	(function () {
	const createSvg = (color = '#ff9933') => `
	@import url("https://fonts.xz.style/serve/inter.css");

	* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}

	html {
	const { execSync } = require('child_process')
	const { createHash } = require('crypto')
	const invertColor = require('invert-color')

	const branchName = execSync('git rev-parse --abbrev-ref HEAD')
	const hash = createHash('sha256')
	hash.update(branchName)
	const color = '#' + hash.digest().toString('hex').substring(0, 6)
	const invertedColor = invertColor(color, true)
	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	honks.
	I have found this interesting for debugging, but also fun to hear web pages
	render like geese.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)();
	const url = 'https://firebasestorage.googleapis.com/v0/b/mutation-honk.appspot.com/o/Honk1.mp3?alt=media';
	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()
	// modified based on:
	// - https://lowrey.me/scraping-a-book-from-kindle-read-amazon-com/
	console.clear();

	(function() {
	var hashes = {};
	var all = "";

	function hashString(str) {
	let hash = 0;