Brandon Pittman brandonpittman


blah

Fresh Statamic install, with Tailwind CSS and PurgeCSS configured

In 5 minutes, you’ll have a brand new clean Statamic site, with Tailwind CSS and PurgeCSS configured.

It assumes that you work on a Mac, you put your site in ~/sites and you use Laravel Valet.

All the credit go to Jack McDade and philipboomy, from whom I stole and adapt the build scripts and the PurgeCSS config, because I have really absolutely no idea what I am doing with all this Terminal Black Magic ™; this is only a detailed write up of the process.

You'll need Yarn and Node. You can install them both in one command via Brew: brew install yarn

Everything I Know About UI Routing

Definitions

Location - The location of the application. Usually just a URL, but the location can contain multiple pieces of information that can be used by an app
1. pathname - The "file/directory" portion of the URL, like invoices/123
2. search - The stuff after ? in a URL like /assignments?showGrades=1.
3. query - A parsed version of search, usually an object but not a standard browser feature.
4. hash - The # portion of the URL. This is not available to servers in request.url so its client only. By default it means which part of the page the user should be scrolled to, but developers use it for various things.
5. state - Object associated with a location. Think of it like a hidden URL query. It's state you want to keep with a specific location, but you don't want it to be visible in the URL.

	require "spec_helper"

	describe "index", :type => :feature do
	before do
	visit "/"
	end

	it "has the correct title header" do
	page.should have_selector "h1"
	within "h1" do

	// Set up line-height and colour defaults for this mixin.
	$line-height: 20px!default;
	$line-color: #94d4ff!default;

	/**
	*
	* Baseline Mixin
	* Handy dandy mixin to provide a baseline for your typography.
	*
	* The mixin carries two arguments — the $baseline, which should match your line-height, and $baseline-color, the colour you want the lines to be.

	--Hammerspoon config to replace Cinch & Size-up (Microsoft Windows style) window management for free
	--Windows Vista/7's Areo Snap on MacOS
	--By Jayden Pearse (spartanatreyu)
	-------------------------------------------------------------------
	--Options, feel free to edit these:
	-------------------------------------------------------------------

	--Set this to true to snap windows by dragging them to the edge of your screen
	enable_window_snapping_with_mouse = true

	local alert = require("hs.alert")
	local timer = require("hs.timer")
	local eventtap = require("hs.eventtap")

	local events = eventtap.event.types

	local module = {}

	-- timeout for ctrol key
	module.timeFrame = .25

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<script type="module">
	import { h, text, app } from "https://unpkg.com/hyperapp"

	app({
	init: () => 0,
	view: state =>
	h("main", {}, [

Brandon Pittman brandonpittman

Fresh Statamic install, with Tailwind CSS and PurgeCSS configured

Everything I Know About UI Routing

Definitions

How to create a stacked PR with git and Github 📚

Create a feature branch from the master brach

Make some changes and commit them

	const express = require('express');
	const htm = require('htm');
	const vhtml = require('vhtml');

	// create an html`` tag function for vhtml:
	const html = htm.bind(vhtml);

	const App = (props) => html`
	<div class="app">
	<h1>This is an app</h1>