Tommy Hodgins tomhodgins

Edit — February 2019

This gist had a far larger impact than I imagined it would, and apparently people are still finding it, so a quick update:

TC39 is currently moving forward with a slightly different version of TLA, referred to as 'variant B', in which a module with TLA doesn't block sibling execution. This vastly reduces the danger of parallelizable work happening in serial and thereby delaying startup, which was the concern that motivated me to write this gist
In the wild, we're seeing (async main(){...}()) as a substitute for TLA. This completely eliminates the blocking problem (yay!) but it's less powerful, and harder to statically analyse (boo). In other words the lack of TLA is causing real problems
Therefore, a version of TLA that solves the original issue is a valuable addition to the language, and I'm in full support of the current proposal, which you can read here.

I'll leave the rest of this document unedited, for archaeological

Conventions

A = [xA, yA] is a point on the 2D plane. Same for B, C, ...
lengths are in any unit (ex: pixels)
code snippets are in JavaScript

Degrees to radians

angleRad = angleDeg * Math.PI / 180;

Theming Slack for OSX

So, you love Slack, but you hate applications with large white backgrounds? Why not use Dark Mode!

Unfortunately, Slack does not have a Dark Mode, although it's on their list of possibilities.

But, don't fret - there is a solution! Because the slack native desktop apps are just wrappers around a web app, we can inject our own CSS to customize the application to our liking.

How to (OSX Only)

Instructions

CloudFlare is an awesome reverse cache proxy and CDN that provides DNS, free HTTPS (TLS) support, best-in-class performance settings (gzip, SDCH, HTTP/2, sane Cache-Control and E-Tag headers, etc.), minification, etc.

Make sure you have registered a domain name.
Sign up for CloudFlare and create an account for your domain.
In your domain registrar's admin panel, point the nameservers to CloudFlare's (refer to this awesome list of links for instructions for various registrars).
From the CloudFlare settings for that domain, enable HTTPS/SSL and set up a Page Rule to force HTTPS redirects. (If you want to get fancy, you can also enable automatic minification for text-based assets [HTML/CSS/JS/SVG/etc.], which is a pretty cool feature if you don't want already have a build step for minification.)
If you

	/// Helper for EQCSS Element Queries `@element`
	///
	/// @author Jason Featheringham
	/// @link https://gist.github.com/thejase/d2107285b6e10315dd6bc055115647fe Code source
	/// @link http://elementqueries.com/ Plugin to parse EQCSS
	/// @link https://gist.github.com/tomhodgins/6237039fa07c2e4b7acd1c8b0f9549a9 EQCSS syntax
	///
	/// @param {String} $scope (&) - Optional scope. Defaults to current context
	/// @param {List} $conditions (()) - 1+ of Maps of EQCSS conditions
	/// @content rules to enclose in element query

	function clamp(min, max, mid){
	if (min <= max) { // Sanity check

	if (mid > max) {
	// Also implied: mid is not NaN
	return max;
	}

	if (mid < min) {
	// Also implied: mid is not NaN

	<script src="https://unpkg.com/@webcomponents/custom-elements"></script>

	<style>
	body {
	margin: 0;
	}
	/* Style the element from the outside */
	/*
	fancy-tabs {
	margin-bottom: 32px;

	/! Microsoft EdgeHTML 13.10586 \| Copyright (C) Microsoft. All rights reserved. /

	address {
	display: block;
	font-style: italic;
	}

	article {
	display: block;
	unicode-bidi: embed;

	/**
	* S-expression parser
	*
	* Recursive descent parser of a simplified sub-set of s-expressions.
	*
	* NOTE: the format of the programs is used in the "Essentials of interpretation"
	* course: https://github.com/DmitrySoshnikov/Essentials-of-interpretation
	*
	* Grammar:
	*

	https://github.com/Snugug/eq.js
	https://github.com/tysonmatanich/elementQuery
	http://eqcss.github.io/eqcss/