Jonathan Petto (they/them) jpetto

## awsm.html
<!DOCTYPE html>
<html>
<head>
	<title>ASWM - Starter Template</title>

	<!-- stylesheets here -->
</head>
<body>

  <!-- javascripts go here -->

## banner-builder.html
<!DOCTYPE html>
<html>
<head>
	<title>JavaScript Review - Banner Builder</title>

	<link href='http://fonts.googleapis.com/css?family=Cutive' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/pure/0.3.0/pure-min.css">
	<style type="text/css">
		.pure-form input[type="color"] {
			padding: 0.2em 0.3em;

## gist:8928835
;(function() {
    'use strict';

    // get a reference to the element with the id 'mountain-image'
    var mountain_image = document.querySelector('#mountain-image');

    // get a reference to the element with the id 'mountain'
    // TODO 1

    // add a click event listener to the mountain_image element

## index.html
<!DOCTYPE html>
<html>
<head>
  <title>Jokes...jokes</title>

  <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/base-min.css">
  <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/buttons-min.css">
  <style type="text/css">
    html, body {
      background: #ccc;

## gist:9124867
;(function($) {
	'use strict';

	var $body = $('body');
	var $theme_list = $('#theme-list');
	var $theme_bar = $('#theme-bar');

	var themes = ['risky', 'rooftop', 'specter'];

	var current_theme = themes[0];

## 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Underscore Template Demo</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/pure/0.4.2/pure-min.css">
  <style type="text/css">
    #todo-list {
      margin-right: 40px;
    }

## gist:10331995
// make/get a reference to our namespace
var MyApp = window.MyApp || {};

// create our VideoGame model with defaults
MyApp.VideoGame = Backbone.Model.extend({
    defaults: {
        title: 'Coming soon...',
        publisher: '',
        release_year: '',
        box_art: 'placeholder.jpg',

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Basic Backbone Todo List</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/pure/0.4.2/pure-min.css">
  <style type="text/css">
    #app-title {
      text-align: center;
      border-bottom: 3px solid #000;

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>NY Times API Demo</title>
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/pure/0.4.2/pure-min.css">
  <style type="text/css">
    html, body {
      background: #94bbd4;
	<!DOCTYPE html>
	<html>
	<head>
	<title>ASWM - Starter Template</title>

	<!-- stylesheets here -->
	</head>
	<body>

	<!-- javascripts go here -->
	;(function() {
	'use strict';

	// get a reference to the element with the id 'mountain-image'
	var mountain_image = document.querySelector('#mountain-image');

	// get a reference to the element with the id 'mountain'
	// TODO 1

	// add a click event listener to the mountain_image element
	;(function($) {
	'use strict';

	var $body = $('body');
	var $theme_list = $('#theme-list');
	var $theme_bar = $('#theme-bar');

	var themes = ['risky', 'rooftop', 'specter'];

	var current_theme = themes[0];
	// Use Gists to store code you would like to remember later on
	console.log(window); // log the "window" object to the console
	// make/get a reference to our namespace
	var MyApp = window.MyApp \|\| {};

	// create our VideoGame model with defaults
	MyApp.VideoGame = Backbone.Model.extend({
	defaults: {
	title: 'Coming soon...',
	publisher: '',
	release_year: '',
	box_art: 'placeholder.jpg',