Gino onigetoc

Gist

This is a quick tutorial explaining how to get a static website hosted on Heroku.

Why do this?

Heroku hosts apps on the internet, not static websites. To get it to run your static portfolio, personal blog, etc., you need to trick Heroku into thinking your website is a PHP app. This 6-step tutorial will teach you how.

Basic Assumptions

Vanilla JavaScript

Some vanilla equivalents to jQuery methods.

DOM selectors

jQuery:

	var mediaJSON = { "categories" : [ { "name" : "Movies",
	"videos" : [
	{ "description" : "Big Buck Bunny tells the story of a giant rabbit with a heart bigger than himself. When one sunny day three rodents rudely harass him, something snaps... and the rabbit ain't no bunny anymore! In the typical cartoon tradition he prepares the nasty rodents a comical revenge.\n\nLicensed under the Creative Commons Attribution license\nhttp://www.bigbuckbunny.org",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" ],
	"subtitle" : "By Blender Foundation",
	"thumb" : "images/BigBuckBunny.jpg",
	"title" : "Big Buck Bunny"
	},
	{ "description" : "The first Blender Open Movie from 2006",
	"sources" : [ "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4" ],

	// Add / Update a key-value pair in the URL query parameters
	function updateUrlParameter(uri, key, value) {
	// remove the hash part before operating on the uri
	var i = uri.indexOf('#');
	var hash = i === -1 ? '' : uri.substr(i);
	uri = i === -1 ? uri : uri.substr(0, i);

	var re = new RegExp("([?&])" + key + "=.*?(&\|$)", "i");
	var separator = uri.indexOf('?') !== -1 ? "&" : "?";
	if (uri.match(re)) {

-angular.module('utils.filters', [])
-.filter('removeAccents', removeAccents);
-function removeAccents() {
-    return function (source) {
-        var accent = [
-            /[\300-\306]/g, /[\340-\346]/g, // A, a
-            /[\310-\313]/g, /[\350-\353]/g, // E, e
-            /[\314-\317]/g, /[\354-\357]/g, // I, i
-            /[\322-\330]/g, /[\362-\370]/g, // O, o

	/*
	Assuming jQuery Ajax instead of vanilla XHR
	*/

	//Get Github Authorization Token with proper scope, print to console
	$.ajax({
	url: 'https://api.github.com/authorizations',
	type: 'POST',
	beforeSend: function(xhr) {
	xhr.setRequestHeader("Authorization", "Basic " + btoa("USERNAME:PASSWORD"));

	[
	{ "code": "aa", "name": "Afar" },
	{ "code": "ab", "name": "Abkhazian" },
	{ "code": "ae", "name": "Avestan" },
	{ "code": "af", "name": "Afrikaans" },
	{ "code": "ak", "name": "Akan" },
	{ "code": "am", "name": "Amharic" },
	{ "code": "an", "name": "Aragonese" },
	{ "code": "ar", "name": "Arabic" },
	{ "code": "as", "name": "Assamese" },

	<?php
	/*
	Plugin Name: JSFiddle oEmbed
	Plugin URI: http://klausk.aruno.lt/jsfiddle/
	Description: Embed JSFiddle into posts
	Version: 1.0
	Author: IdeaG
	Author URI: http://klausk.aruno.lt
	License: GPL2

	//Custom Theme test
	// Colors
	// -------------------------------
	$custom: #057b6c !default;



	// Buttons
	// -------------------------------
	$button-custom-bg: $custom !default;