Jonathan Petto (they/them) jpetto

## results.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Performance Audit/Improvement Results</title>
  <style type="text/css">
    html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizi

## index.html
<div class="container">
  <div class="card card1">
    <figure class="face front"><img src="http://placecage.com/300/400"></figure>
    <figure class="face back"><img src="http://fillmurray.com/300/400"></figure>
  </div>

  <div class="card">
    <figure class="face front"><img src="http://nicenicejpg.com/300/400"></figure>
    <figure class="face back"><img src="http://stevensegallery.com/300/400"></figure>
  </div>

## test_views.py
@patch('bedrock.mozorg.views.l10n_utils.render')
class TestHome(TestCase):
    def setUp(self):
        self.rf = RequestFactory()

    @override_settings(MOBILIZER_LOCALE_LINK={'en-US': 'His Dudeness', 'de': 'Herr Dude'})
    def test_gets_right_mobilizer_url(self, resp_mock):
        """Home page should get correct mobilizer link for locale."""
        req = self.rf.get('/')
        req.locale = 'de'

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>API Demo</title>
  <style type="text/css">
    .error {
      color: #f00;
    }

## banner.js
(function() {
	'use strict';

	// get references to the form fields
	var textField = document.querySelector('#text');
	var sizeField = document.querySelector('#text-size');
	var colorField = document.querySelector('#text-color');
	var bgColorField = document.querySelector('#bg-color');
	var countField = document.querySelector('#banner-count');

## hw-week2.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>CSS Columns</title>

  <link rel="stylesheet" href="http://necolas.github.io/normalize.css/3.0.1/normalize.css">
  <style type="text/css">
    html, body {

## 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;

## 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;

## 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>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;
    }
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Performance Audit/Improvement Results</title>
	<style type="text/css">
	html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizi
	<div class="container">
	<div class="card card1">
	<figure class="face front"><img src="http://placecage.com/300/400"></figure>
	<figure class="face back"><img src="http://fillmurray.com/300/400"></figure>
	</div>

	<div class="card">
	<figure class="face front"><img src="http://nicenicejpg.com/300/400"></figure>
	<figure class="face back"><img src="http://stevensegallery.com/300/400"></figure>
	</div>
	@patch('bedrock.mozorg.views.l10n_utils.render')
	class TestHome(TestCase):
	def setUp(self):
	self.rf = RequestFactory()

	@override_settings(MOBILIZER_LOCALE_LINK={'en-US': 'His Dudeness', 'de': 'Herr Dude'})
	def test_gets_right_mobilizer_url(self, resp_mock):
	"""Home page should get correct mobilizer link for locale."""
	req = self.rf.get('/')
	req.locale = 'de'
	// 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',