Joseph Chan joechan3

## project_spec.js
describe("Calculator", function () {
    beforeEach(function () {
        Calculator.current = 0;
    });

    describe("When adding numbers", function () {
        it("should store the current value at all times", function () {
            expect(Calculator.current).toBeDefined();
        });

## base.css
@-ms-viewport {
    width: device-width;
}

@import "reset";
@import "smallest";

@media print {
    @import "print";
}

## ratio.html
<!doctype html>
<html>
<head>

<style>
  /* container which maintains the ratio */
  /* padding-bottom is the magic rule to set the aspect ration */
  .container {
    position: relative;
    height: 0;

## 1. Define Mustache Template
Grab mustache.js from https://github.com/janl/mustache.js/
Link to: <script type="text/javascript" src="../mustache.js"></script>

(Simple Template)
<script type="text/template" id="templateID">
  <div class="contentWrapper">
    <div>{{field1}}</div>
    <div>{{field1}}</div>
    <div>{{field1}}</div>
  </div>

## JSHint Config
/* jshint undef: true, unused: true, strict: true, curly: true, eqeqeq: true, futurehostile: true, latedef: true, shadow: outer */
/* globals $, document */

## JSAndJSON.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
	<title>JSON Carousel</title>
	<link href='http://fonts.googleapis.com/css?family=Wendy+One|Libre+Baskerville' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="mystyle.css" />
</head>
<body>

## data.json
{
	"full_name" : "Ray Villalobos",
	"title" : "Staff Author",
	"links" : [
			{ "blog"     : "http://iviewsource.com" },
			{ "facebook" : "http://facebook.com/iviewsource" },
			{ "podcast"  : "http://feeds.feedburner.com/authoredcontent" },
			{ "twitter"  : "http://twitter.com/planetoftheweb" },
			{ "youtube"  : "http://www.youtube.com/planetoftheweb" }
		]

## accessingObjectsInArrays.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
	<title>JavaScript And JSON</title>
</head>
<body>

<h2>Links</h2>
<ol id="links">

## loopingJSObjects.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
	<title>JavaScript And JSON</title>
</head>
<body>
<h2>Links</h2>
<ul id="links">
</ul>

## prototype.htm
<!DOCTYPE html>
<html>
	<head>
		<title></title>
	</head>
	<body>
	<div id="mainContent">
    <h1>Prototype Example</h1>
	</div>
	describe("Calculator", function () {
	beforeEach(function () {
	Calculator.current = 0;
	});

	describe("When adding numbers", function () {
	it("should store the current value at all times", function () {
	expect(Calculator.current).toBeDefined();
	});
	@-ms-viewport {
	width: device-width;
	}

	@import "reset";
	@import "smallest";

	@media print {
	@import "print";
	}
	<!doctype html>
	<html>
	<head>

	<style>
	/* container which maintains the ratio */
	/* padding-bottom is the magic rule to set the aspect ration */
	.container {
	position: relative;
	height: 0;
	Grab mustache.js from https://github.com/janl/mustache.js/
	Link to: <script type="text/javascript" src="../mustache.js"></script>

	(Simple Template)
	<script type="text/template" id="templateID">
	<div class="contentWrapper">
	<div>{{field1}}</div>
	<div>{{field1}}</div>
	<div>{{field1}}</div>
	</div>
	/* jshint undef: true, unused: true, strict: true, curly: true, eqeqeq: true, futurehostile: true, latedef: true, shadow: outer */
	/* globals $, document */
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>JSON Carousel</title>
	<link href='http://fonts.googleapis.com/css?family=Wendy+One\|Libre+Baskerville' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="mystyle.css" />
	</head>
	<body>
	{
	"full_name" : "Ray Villalobos",
	"title" : "Staff Author",
	"links" : [
	{ "blog" : "http://iviewsource.com" },
	{ "facebook" : "http://facebook.com/iviewsource" },
	{ "podcast" : "http://feeds.feedburner.com/authoredcontent" },
	{ "twitter" : "http://twitter.com/planetoftheweb" },
	{ "youtube" : "http://www.youtube.com/planetoftheweb" }
	]