Chris W. Burke chriswburke

Deploying a Keystone App to Heroku

Keystone comes completely set up to install on Heroku in a couple of steps.

1. Sign up for a Heroku account and install the Heroku Toolbelt.

Log in with it and you're ready to begin. Heroku uses git to deploy a new site, so with that in mind:

2. Create a new repository on Github and then clone it.

	$brand: 'BMWTypeNext', 'Helvetica Neue', '-apple-system', 'system-ui', 'BlinkMacSystemFont', serif;
	$serif: 'SangBleuKingdom','Times', 'Times New Roman', serif;
	$arial: 'Arial', 'Helvetica Neue', sans-serif;
	$arialMT: 'Arial MT', 'Arial', 'Helvetica Neue', sans-serif;

	$theme-core: (
	headline: (
	1: (
	default: ($brand, 50px, 68px, 1px, 400),
	md: ($brand, 80px, 90px, 1px),

	#!/bin/bash

	# Activate a version of Node that is read from a text file via NVM
	function use_node_version()
	{
	local TEXT_FILE_NAME="$1"
	local CURRENT_VERSION=$([ -n "$HAS_NVM" ] && nvm current)
	local PROJECT_VERSION=$([ -n "$HAS_NVM" ] && nvm version $(cat "$TEXT_FILE_NAME"))

	# If the project file version is different than the current version

	<amp-analytics>
	<script type="application/json">
	{
	"requests": {
	"pageview": "https://keystone.sitecore81u1/?url=${canonicalUrl}&title=${title}&acct=${account}",
	"event": "https://keystone.sitecore81u1/?eid=${eventId}&elab=${eventLabel}&acct=${account}"
	},
	"vars": {
	"account": "ABC123"
	},

	# Current branch - Determine current git branch, store in $currentbranch, and exit if not on a branch
	if ! currentbranch=$(git symbolic-ref --short -q HEAD)
	then
	echo We are not currently on a branch.
	exit 1
	fi

	# Uncommited Changes - Exit script if there uncommited changes
	if ! git diff-index --quiet HEAD --; then
	echo "There are uncommited changes on this repository."

	var loader = {
	script: function ( url ) {
	var script = document.createElement( 'script' );
	script.src = url;
	return script;
	},
	css: function ( url ) {
	var link = document.createElement( 'link' );
	link.rel = "stylesheet";
	link.type = "text/css";

	<style>
	:root {content:url(logo.png) url(banner-header.jpg) url(social-sprite.png) url(conception-design.jpg) url(bkgnd.png)}
	</style>

	http://informoid.com/en/conception-design/preload-css.html