BrendonKoz BrendonKoz

#HTML presentation tools

There are many HTML presentation tools and they are all created for slightly different reasons. Here's an overview. Please let me know if I forgot any.

##CSSS

CSS-based SlideShow System

Deploy your site with git

This gist assumes:

you have a local git repo
with an online remote repository (github / bitbucket etc)
and a cloud server (Rackspace cloud / Amazon EC2 etc)
- your (PHP) scripts are served from /var/www/html/
- your webpages are executed by apache
apache's home directory is /var/www/

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Simple automated GIT Deployment using GIT Hooks

Here are the simple steps needed to create a deployment from your local GIT repository to a server based on this in-depth tutorial.

How it works

You are developing in a working-copy on your local machine, lets say on the master branch. Most of the time, people would push code to a remote server like github.com or gitlab.com and pull or export it to a production server. Or you use a service like deepl.io to act upon a Web-Hook that's triggered that service.

	/**
	* Luhn algorithm in JavaScript: validate credit card number supplied as string of numbers
	* @author ShirtlessKirk. Copyright (c) 2012.
	* @license WTFPL (http://www.wtfpl.net/txt/copying)
	*/
	var luhnChk = (function (arr) {
	return function (ccNum) {
	var
	len = ccNum.length,
	bit = 1,

	<?php

	/**
	* ProcessWire Form Fieldtype.
	* Stores reference to a single FormBuilder Form to allow easy selection on pages.
	*
	* ProcessWire 2.x
	* Copyright (C) 2012 by Ryan Cramer
	* Licensed under GNU/GPL v2, see LICENSE.TXT
	*

	<html>

	<head>
	<script src="clmtrackr.js"></script>
	<script src="model_pca_20_svm.js"></script>
	<script src="p5.js"></script>
	<script src="p5.dom.js"></script>
	<script>
	var ctracker;

	<meta property="og:title" content="EmbedThis (Oembed)"/>
	<meta property="og:description" content="Utility app that checks for an Oembed endpoint & returns HTML embed code."/>
	<meta property="og:image" content="http://www.lib.montana.edu/~jason/files/oembed-this/meta/img/share-code-small.png"/>
	<meta property="og:url" content="http://www.lib.montana.edu/~jason/files/oembed-this/index.php"/>
	<meta property="og:type" content="website"/>
	<meta name="twitter:creator" property="og:site_name" content="@jaclark"/>
	<meta name="twitter:card" content="summary_large_image"/>
	<meta name="twitter:site" content="http://www.jasonclark.info"/>

	<?php

	// This script will process incoming Content Security Policy violation reports
	// and send them, nicely formatted, to the email address listed below.
	//
	// Included in the script is a large list of false-positives that are generated
	// by browser addons etc.
	//
	// To activate, emit the proper CSP headers via PHP in all your page-generating scripts,
	// e.g.: header("Content-Security-Policy-Report-Only: default-src https: wss: data: 'unsafe-eval' 'unsafe-inline'; report-uri /csp-report.php");

	#!/bin/bash
	# sphp - Easy PHP version switching command-line script for devilbox
	# Written by: René Kreijveld, email[at]renekreijveld.nl

	# Version
	version=1.1
	# Available PHP versions in devilbox
	php_array=(5.2 5.3 5.4 5.5 5.6 7.0 7.1 7.2 7.3 7.4 8.0)
	# Devilbox folder
	devilbox=/Users/yourusername/devilbox