Raphael Essoo-Snowdon realph

Getting started with interface design

Haven't read it before but it's often heralded as good entry point for designing interfaces.

Navigate to the root of your theme in Terminal.

1. Installing grunt globally

npm install -g grunt-cli

I ended up preceding this with sudo to get it working.

2. Move Gemfile, Gruntfile.js and package.json to your theme's root

	/* Github Profile Fetcher */
	async function fetchProfile(u) {
	const res = await fetch(`https://api.github.com/users/${u}`);

	// 1. Check user exists
	if (!res) {
	alert('User does not exist!');
	return;
	}

	(function() {
	'use strict';

	var angular = require('angular');

	angular.module('zeroApp', [])
	.controller('MainController', ['$scope', function($scope) {
	$scope.message = "Hello Angular!";
	}]);

	gulp.task('js', function () {
	// define our sole entry point (source file)
	return browserify({entries: ['./src/js/app.js']})
	// bundle our js
	.bundle()
	// create a vinyl object
	.pipe(source('app.js'))
	// convert vinyl file to buffer
	.pipe(buffer())
	// create our source maps

	<a class="button-pri">Primary Button</a>
	<a class="button-sec">Secondary Button</a>

	<a class="button-pri">Primary Button</a>
	<a class="button-sec">Primary Button</a>

	cd /wherever/sites/the-site
	sudo chown -R _www wordpress-folder
	sudo chmod -R g+w wordpress-folder