Matthias Kretschmann kremalicious

CSS Style Guide

This is the start of a CSS style guide for ChartMogul’s web properties.

Methodology: BEM

use for all new components, refactor old components as wished

As a web project grows it’s important for any developer to quickly see what a piece of code does. Using the so called Block, Element, Modifier methodology in particular helps with that. By just looking at the classes in HTML, a developer can immediately see what a class does in CSS.

Super simple installation, none of that manual gpg-agent starting and setting sockets anymore.

Just install with Homebrew:

brew install gpg pinentry-mac

and add this to ~/.gnupg/gpg-agent.conf:

	user www-data;
	worker_processes 1;

	error_log /var/log/nginx/error.log warn;
	pid /var/run/nginx.pid;


	events {
	worker_connections 1024;
	}

	##
	# Ubuntu 16.04 Xenial Xerus
	##

	######################################
	# INITIAL SERVER SETUP & HARDENING
	######################################

	ssh [email protected]

	# Install required packages
	# update-notifier-common provides a mechanism for other packages to register a reboot request.
	# Without update-notifier-common, automatic reboots will not work.
	sudo apt install unattended-upgrades update-notifier-common

	# configure it
	sudo vi /etc/apt/apt.conf.d/50unattended-upgrades

	# set allowed origins
	Unattended-Upgrade::Allowed-Origins {

	# http://stackoverflow.com/a/27850727/733677

	require 'open-uri'
	require 'rss'

	module Jekyll

	# Runs during jekyll build
	class RssFeedCollector < Generator
	safe true

	# what we want:
	# client -> OpenVPN -> Tor -> Internet

	# Install & configure OpenVPN
	# https://www.digitalocean.com/community/tutorials/how-to-set-up-an-openvpn-server-on-ubuntu-16-04

	# assumed OpenVPN configuration
	# 10.8.0.1/24-Subnet
	# tun0-Interface

	// Tactic: highjack form submission, then make value of username field the same as email field, then submit the form

	document.addEventListener('DOMContentLoaded', function() {

	// First, hide the whole username form row
	var style = document.createElement('style'),
	css = '#signup_form fieldset:nth-of-type(2) .form-group:nth-child(2) { display: none; }';

	style.type = 'text/css';
	if (style.styleSheet){

	# Generate key pair and revocation certificate.
	gpg --gen-key
	gpg --output revoke.asc --gen-revoke <key-id>

	# Export ASCII copy of the public key
	gpg --export --armor <key-id> > pubkey.asc

	# Publish the public key
	gpg --send-keys <key-id>

	const crypto = require('crypto')
	const fetch = require('node-fetch')

	const key = process.env.COINSBANK_API_KEY
	const secret = process.env.COINSBANK_API_SECRET
	const type = 'GET'
	const method = 'wallet'

	// Create signature
	const hmac = crypto.createHmac('sha512', secret)