Dominik Wilkowski dominikwilkowski

Intro

This is a basic collection of things I do when setting up a new headless ubuntu machine as a webserver. Following the steps below should give you a reasonable secure server with HTTP/2 support (including ALPN in chrome) and the fast NGINX server. I am happy to add things so leave a comment.

Basics

After creating the server (droplet on DigitalOcean) log in with

Handle focus styling for keyboard and mouse users

See below code for React, Vanilla JavaScript and jQuery.

Sticky Footer

Content will push it down, but if there isn't enough content, it sticks to bottom

A Pen by Chris Coyier. Idea by Ryan Fait

	/***************************************************************************************************************************************************************
	*
	* Application framework and settings
	*
	* [Description of application]
	*
	* @license [url] [description]
	* @author [author] [@email]
	* @repository [url]
	*

	{% comment %}
	This snippet spits out the HTML navigation derived from the front matter settings in your markdown files.
	https://gist.github.com/dominikwilkowski/c7d916c9b36e4eebbc90

	Usage:
	{% include navigation.liquid %}

	Return:
	HTML direct output

	/***************************************************************************************************************************************************************
	*
	* App framework and settings
	*
	* [Description of application]
	*
	* @license [url] [description]
	* @author [author & @email]
	* @repository [url]
	*

	{% comment %}
	This snippet checks the data "navigation.json" file for pages not included

	Usage:
	{% include jsonnav.html %}

	Return:
	HTML direct output

	Required:

	export PATH=/usr/local/bin:$PATH

	# promt colors
	export PS1="\[\033[0;32m\]\w \[\033[0;97m\]\$\[\033[0m\] "

	# ls alias for color-mode
	alias ls='ls -lhaG'

	# cd up
	alias ..='cd ..'

	'use strict';

	/*******************************************************************************************************
	*
	* FOLDER STRUCTURE
	*
	* dev // files in root just move to ./prod/ and *.html files will look for grunt-includes directives
	* ├── HTMLincludes // HTML snippets included by grunt-includes
	* │ └── windows.html
	* ├── fonts // files will simply be moved to ./prod/fonts/

	<?php
	/***************************\| MYSQL CONNECTION FUNCTION \|***************************/
	/**
	* Simple MySQL abstraction layer for the MySQLi absctration as a replacement
	*
	* @param resource $mysqli The MySQLi connection link for upgrade to MySQLi
	* @param string $query The MySQL query for prepaired statement
	* @param array $v The parameters to replace ? in $query. First element must be the type
	* @param integer $o Option for more debug infos [0]=no infos(default) [1]=adding debug infos
	*