Sixia "Leask" Huang Leask

Let's Encrypt on Ubuntu 14.04, nginx with webroot auth

This document details how I setup LE on my server. Firstly, install the client as described on http://letsencrypt.readthedocs.org/en/latest/using.html and make sure you can execute it. I put it in /root/letsencrypt.

As it is not possible to change the ports used for the standalone authenticator and I already have a nginx running on port 80/443, I opted to use the webroot method for each of my domains (note that LE does not issue wildcard certificates by design, so you probably want to get a cert for www.example.com and example.com).

Configuration

For this, I placed config files into etc/letsencrypt/configs, named after <domain>.conf. The files are simple:

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Get Git log in JSON format

git log --pretty=format:'{%n  "commit": "%H",%n  "abbreviated_commit": "%h",%n  "tree": "%T",%n  "abbreviated_tree": "%t",%n  "parent": "%P",%n  "abbreviated_parent": "%p",%n  "refs": "%D",%n  "encoding": "%e",%n  "subject": "%s",%n  "sanitized_subject_line": "%f",%n  "body": "%b",%n  "commit_notes": "%N",%n  "verification_flag": "%G?",%n  "signer": "%GS",%n  "signer_key": "%GK",%n  "author": {%n    "name": "%aN",%n    "email": "%aE",%n    "date": "%aD"%n  },%n  "commiter": {%n    "name": "%cN",%n    "email": "%cE",%n    "date": "%cD"%n  }%n},'

The only information that aren't fetched are:

%B: raw body (unwrapped subject and body)
%GG: raw verification message from GPG for a signed commit

	OPENWEATHER_APIKEY = "" # TODO add your apikey here
	lat = "49.868183" # latitude of the city you want to get the weather from
	lon = "8.626288499" # longitude of the city you want to get the weather from

	def getWeatherEmoji(weatherID)

	# Openweathermap Weather codes and corressponding emojis
	thunderstorm = "\u{1F4A8}" # Code: 200's, 900, 901, 902, 905
	drizzle = "\u{1F4A7}" # Code: 300's
	rain = "\u{02614}" # Code: 500's

	#include <stdio.h>
	#include <string.h>
	#include <sys/stat.h>
	#include <fcntl.h>
	#include <sys/types.h>
	#include <sys/uio.h>
	#include <unistd.h>
	#include <sys/mman.h>
	#include <stdlib.h>
	int main(int argv, char *argc[])

	# Rime dictionary
	# encoding: utf-8
	#
	# Wubi Pinyin Extended Dictionary(emoji) - 五笔拼音擴充詞庫（表情）
	#
	# by @lucifr
	# based on https://gist.github.com/lembacon/4593540 & http://www.jianshu.com/p/ef2d9442fb0c
	#
	# 部署位置：
	# ~/.config/ibus/rime (Linux)

	curl -O http://devstreaming.apple.com/videos/wwdc/2015/216isrjt4ku9w4/216/subtitles/eng/216_sd_layout_and_animation_techniques_for_watchkit.vtt
	curl -O http://devstreaming.apple.com/videos/wwdc/2015/304ywrr62d/304/subtitles/eng/304_sd_itunes_connect_development_to_distribution.vtt
	curl -O http://devstreaming.apple.com/videos/wwdc/2015/103ot7lzkdri2fvn1iyh/103/subtitles/eng/103_sd_apple_design_awards.vtt
	curl -O http://devstreaming.apple.com/videos/wwdc/2015/105ncyldc6ofunvsgtan/105/subtitles/eng/105_sd_introducing_watchkit_for_watchos_2.vtt
	curl -O http://devstreaming.apple.com/videos/wwdc/2015/201pps6n6g0nsnz/201/subtitles/eng/201_sd_ios_accessibility.vtt
	curl -O http://devstreaming.apple.com/videos/wwdc/2015/1086gvs7f4vryixs49s6/108/subtitles/eng/108_sd_building_watch_apps.vtt
	curl -O http://devstreaming.apple.com/videos/wwdc/2015/301tcfp66f/301/subtitles/eng/301_sd_whats_new_in_managing_apple_devices.vtt
	curl -O http://devstreaming.apple.com/videos/wwdc/2015/6053hq2fz0ebo0lm/605/subtitles/eng/605_sd_going_

	* {
	font-size: 12pt;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
	cursor: default;
	}

	Agnes en_US # Isn't it nice to have a computer that will talk to you?
	Albert en_US # I have a frog in my throat. No, I mean a real frog!
	Alex en_US # Most people recognize me by my voice.
	Alice it_IT # Salve, mi chiamo Alice e sono una voce italiana.
	Alva sv_SE # Hej, jag heter Alva. Jag är en svensk röst.
	Amelie fr_CA # Bonjour, je m’appelle Amelie. Je suis une voix canadienne.
	Anna de_DE # Hallo, ich heiße Anna und ich bin eine deutsche Stimme.
	Bad News en_US # The light you see at the end of the tunnel is the headlamp of a fast approaching train.
	Bahh en_US # Do not pull the wool over my eyes.
	Bells en_US # Time flies when you are having fun.