Drew Wilson drewrwilson

Makes little scrolly text jiffs in Flywheel colors.

Prerequisites

imagemagick brew install imagemagick
gifsicle brew install gifsicle
Heartwell 1.2.otf font installed
u r on a mac

Usage

Auto-deploying built products to gh-pages with GitHub Actions

This is a set up for projects which want to check in only their source files, but have their gh-pages branch automatically updated with some compiled output every time they push.

A file below this one contains the steps for doing this with Travis CI. However, these days I recommend GitHub Actions, for the following reasons:

It is much easier and requires less steps, because you are already authenticated with GitHub, so you don't need to share secret keys across services like you do when coordinate Travis CI and GitHub.
It is free, with no quotas.
Anecdotally, builds are much faster with GitHub Actions than with Travis CI, especially in terms of time spent waiting for a builder.

Jekyll & Liquid Cheatsheet

A list of the most common functionalities in Jekyll (Liquid). You can use Jekyll with GitHub Pages, just make sure you are using the proper version.

Running

Running a local server for testing purposes:

	/*

	👉 Ok, imagine this: You're reviewing a pull request with 107 files. That's a lot of files!

	✅ To keep track of your place while you review, you're clicking that nice Viewed checkbox
	next to each file after you review it. Great, that button collapses the file and make it much more
	manageable.

	😱 But wait. You're through 47 files and the author just pushed a change. Oh no. Did the commit impact those
	files? 42 files are collapsed. What are you supposed to do, manually uncheck 47 files?? AHHHHHH!!

	Handlebars.registerHelper('slugify', function(title) {
	return title.toLowerCase()
	.replace(/ /g,'-')
	.replace(/[^\w-]+/g,'');
	});

	function pullJSON() {
	var ss = SpreadsheetApp.getActiveSpreadsheet();
	var sheets = ss.getSheets();
	var sheet = ss.getActiveSheet();


	var url="http://example.com/feeds?type=json"; // Paste your JSON URL here

	var response = UrlFetchApp.fetch(url); // get feed
	var dataAll = JSON.parse(response.getContentText()); //

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>Starter Template for Bootstrap</title>

	<!DOCTYPE html>
	<html>
	<head>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script src="jquery.ketchup.all.min.js" type="text/javascript"></script>
	</head>
	<body>
	<div id="email">
	<span>Enter your email to sign up</span>
	<form action="/subscribe.php" id="invite" method="POST">

	/*
	A little node.js server for testing html5 ajax file uploads.

	It serves up the current directory and receives uploads at /upload.

	This is for use with xhr.send(file) where the entire request body is the file.
	It just pauses one second between chunks so that client-side progress events
	get a chance to fire. On my laptop it looks like the maximum chunk size is
	around 40K, so you would still need images in the range of hundreds of kilobytes
	to really be able to test it.