Richard Torruellas rtorr

Get the synth wave glow working for VS Code on Mac

These notes are pretty much the same steps as the two extensions list, it's just that I had to collate them together because neither seems to list it fully in the proper order.

Install Synthwave ’84/Synthwave + Fluoromachine theme on VS Code (I used the Fluoromachine one)
Install Custom CSS and JS Loader
Command + Shift + P to open command palette > "Preferences: Open settings (JSON)"

lit-html + unistore

import { html, render } from 'lit'
import { provide, connect } from './unlit'

const app = provide(store)( () => html`<div>${counter}</div>` )

const counter = connect('count', {

Ken Wheeler Music Production Gist

DAWs

Ableton (Currently using)
Bitwig (Comes highly recommended)
Logic Pro (What I traditionally used)

Recording

An Alias to run Chrome with tracing enabled

For Chrome Canary:

alias hydra='/Applications/Google\ Chrome\ Canary.app/Contents/MacOS/Google\ Chrome\ Canary --no-sandbox --js-flags="--user-data-dir=/tmp/profile --trace-hydrogen --trace-phase=Z --trace-deopt --code-comments --hydrogen-track-positions --redirect-code-traces"'

For regular ol' Chrome:

These instructions are for implementing HTTPS on a NFSN-hosted static site using a certificate from Let's Encrypt. The certificate is generated manually on a separate computer.

Start off by installing the letsencrypt client. This requires sudo privileges and will install a bunch of packages:

% curl -O https://dl.eff.org/certbot-auto
% chmod +x ./certbot-auto
% ./certbot-auto

Generate the certificate. This will require you to publish some challenge responses on NFSN. I find it easiest to use tmux with letsencrypt running in one window and an SSH session to NFSN in another:

Let's Encrypt

Examples of getting certificates from Let's Encrypt working on Apache, NGINX and Node.js servers.

Obtain certificates

I chose to use the manual method, you have to make a file available to verify you own the domain. Follow the commands from running

git clone https://github.com/letsencrypt/letsencrypt
cd letsencrypt

method 1

sudo /usr/local/McAfee/AntiMalware/VSControl stopoas

alternatively

sudo defaults write /Library/Preferences/com.mcafee.ssm.antimalware.plist OAS_Enable -bool False
sudo /usr/local/McAfee/AntiMalware/VSControl stop
sudo /usr/local/McAfee/AntiMalware/VSControl reload

	import Reconciler from 'react-reconciler'
	import omit from 'lodash/omit'
	import capitalize from 'lodash/capitalize'
	import { actions as elementActions } from './store/elements'
	import * as Elements from './elements'

	const roots = new Map()
	const emptyObject = {}

	const Renderer = Reconciler({

	// Simple wrapper to use bootstrap's grid system to position elements side-by-side
	var VerticalFieldsElement = React.createClass({
	render: function() {
	return dom.div(
	{ className: 'clearfix' },
	React.Children.map(this.props.children, function(child) {
	if(!child) {
	return child;
	}

	'use strict';

	/**
	* Adapted from https://github.com/Khan/react-components/blob/master/js/timeout-transition-group.jsx
	* with the following additions:
	*
	* - Use BEM-ish modifiers (--enter, --enter--active, --leave, --leave--active)
	* - Work better with rAF batching strategy (see https://github.com/facebook/react/issues/2292)
	*
	* The CSSTransitionGroup component uses the 'transitionend' event, which