Thram Thram

How to setup Let's Encrypt for Nginx on Ubuntu 16.04 (including IPv6, HTTP/2 and A+ SLL rating)

There are two main modes to run the Let's Encrypt client (called Certbot):

Webroot is better because it doesn't need to replace Nginx (to bind to port 80).

In the following, we're setting up mydomain.com. HTML is served from /var/www/mydomain, and challenges are served from /var/www/letsencrypt.

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle Functions on Resize
Create DOM Elements	Conditionals

For the curious who make it this far, here is what I recommend:

###Use npm-check-updates or npm outdated to suggest the latest versions.

$ npm outdated
     # or
$ npm install -g npm-check-updates
$ npm-check-updates

	---
	format_version: '5'
	default_step_lib_source: https://github.com/bitrise-io/bitrise-steplib.git
	project_type: react-native
	workflows:
	production:
	after_run:
	- _base
	- _test_node
	- _build

	# Reference: https://www.exclamationlabs.com/blog/continuous-deployment-to-npm-using-gitlab-ci/

	# GitLab uses docker in the background, so we need to specify the
	# image versions. This is useful because we're freely to use
	# multiple node versions to work with it. They come from the docker
	# repo.
	# Uses NodeJS V 9.4.0
	image: node:9.4.0

	# And to cache them as well.

	const $console = document.createElement('div');
	$console.setAttribute('class', 'console');

	let $lines = [];

	const createLine = type => (message, o = {}) => {
	const $line = o.line ? $lines[o.line] : document.createElement('div');
	$line.setAttribute('class', type + (o.bg ? ' background' : ''));
	const text = typeof o.data === 'undefined'
	? message

	@import url('https://fonts.googleapis.com/css?family=Inconsolata');

	.console {
	font-family: 'Inconsolata', monospace;
	border-radius: .5rem;
	background: #1D1F20;
	padding: .5rem;
	margin: 1rem;
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */

	@import "https://fonts.googleapis.com/css?family=Bangers";

	, :after, *:before {
	box-sizing: border-box;
	transition: all .4s ease;
	}

	html, body {
	font-family: Bangers, serif;
	width: 100%;