Rane Wallin RaneWallin

## error.html
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>rane-app - Development Environment</title>

	<!-- General META -->
	<meta charset="utf-8">
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

## index.html
<div class="page">
    <header>
      <h1>Hello I'm The Header</h1>
    </header>
   <div class="content">
     <div class="input-area">
       fffff
     </div>
     <div class="preview-area">
       ffffff

## TapControlledScrollView.js
/**
 * Created by rane on 6/28/17.
 * TapControlledScrollView
 * This component allows the user to scroll through content using
 * up and down icons. The default scroll behavior is disabled.
 *
 * scrollDistance property determines how far the view scrolls. Default is 30
 *
 * Usage:
 * <TapControlledScrollView

## index.pug
head
  title Freddie Mercury in CSS
  body
    div.frame
      div.hair

## buttonPocalypse
<html>
  <head>
    <meta charset="utf-8">
    <title>Page Title</title>
    <meta name="description" content="Webpage for xxxx">
    <!-- http://meyerweb.com/eric/tools/css/reset/ -->
    <link rel="stylesheet" href="css/reset/reset.css">
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
    <![endif]-->

## Sqool
Which column is the departments table is intended to be uniquely identifying data?
> id

Which column is being used as a foreign key? Why might we be using a foreign key here rather than storing the data directly in this table?
> Department. It makes more sense to store on a separate table since that multiple tables may need that data

Look at the remaining table schemas in this database. Whiteboard each of the 5 tables, representing them as simple spreadsheet like grids, using arrows to indicate where a particular column is referring to data stored in another table.


## api-descriptions
[
   {
      "product_id":1,
      "title":"Eius Aliquid Nesciunt Debitis Veritatis",
      "description":"Expedita blanditiis magnam non distinctio rerum aperiam non. Ut ut vel itaque dolor consequatur quo. Esse quam asperiores non. Saepe repellendus soluta repellendus et non. Sint veritatis dolore dolorem aut distinctio modi ipsum. Sit voluptatum dolorem autem quia provident.\n \rOmnis nostrum in distinctio ad temporibus. Ut atque mollitia. Assumenda animi aut amet illo porro. Omnis sit rem error et ipsum reprehenderit deserunt ea.\n \rAut veritatis praesentium perspiciatis officia. Enim veritatis excepturi assumenda error quas rerum architecto. Hic modi qui dolores quo odio accusamus voluptas. Nobis quis nam molestiae sint laborum minus ea."
   },
   {
      "product_id":2,
      "title":"Deleniti Illo Quam Consequatur Sit",
      "description":"Dignissimos a ut qui fugiat voluptatem est qui blanditiis. Nobis sit autem illo vitae quas eum commodi cumque dolores. Quia quaerat quae nihil occaecati voluptas p

## api-descriptions-1
   {
      "product_id":1,
      "title":"Eius Aliquid Nesciunt Debitis Veritatis",
      "description":"Expedita blanditiis magnam non distinctio rerum aperiam non. Ut ut vel itaque dolor consequatur quo. Esse quam asperiores non. Saepe repellendus soluta repellendus et non. Sint veritatis dolore dolorem aut distinctio modi ipsum. Sit voluptatum dolorem autem quia provident.\n \rOmnis nostrum in distinctio ad temporibus. Ut atque mollitia. Assumenda animi aut amet illo porro. Omnis sit rem error et ipsum reprehenderit deserunt ea.\n \rAut veritatis praesentium perspiciatis officia. Enim veritatis excepturi assumenda error quas rerum architecto. Hic modi qui dolores quo odio accusamus voluptas. Nobis quis nam molestiae sint laborum minus ea."
   }

## api-descriptions-title-1
"Eius Aliquid Nesciunt Debitis Veritatis"

## api-descriptions-genres-1
["MMO", "Simulation", "FPS"]
	<!DOCTYPE html>
	<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

	<head>
	<title>rane-app - Development Environment</title>

	<!-- General META -->
	<meta charset="utf-8">
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<div class="page">
	<header>
	<h1>Hello I'm The Header</h1>
	</header>
	<div class="content">
	<div class="input-area">
	fffff
	</div>
	<div class="preview-area">
	ffffff
	/**
	* Created by rane on 6/28/17.
	* TapControlledScrollView
	* This component allows the user to scroll through content using
	* up and down icons. The default scroll behavior is disabled.
	*
	* scrollDistance property determines how far the view scrolls. Default is 30
	*
	* Usage:
	* <TapControlledScrollView
	<html>
	<head>
	<meta charset="utf-8">
	<title>Page Title</title>
	<meta name="description" content="Webpage for xxxx">
	<!-- http://meyerweb.com/eric/tools/css/reset/ -->
	<link rel="stylesheet" href="css/reset/reset.css">
	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
	<![endif]-->
	Which column is the departments table is intended to be uniquely identifying data?
	> id

	Which column is being used as a foreign key? Why might we be using a foreign key here rather than storing the data directly in this table?
	> Department. It makes more sense to store on a separate table since that multiple tables may need that data

	Look at the remaining table schemas in this database. Whiteboard each of the 5 tables, representing them as simple spreadsheet like grids, using arrows to indicate where a particular column is referring to data stored in another table.
	[
	{
	"product_id":1,
	"title":"Eius Aliquid Nesciunt Debitis Veritatis",
	"description":"Expedita blanditiis magnam non distinctio rerum aperiam non. Ut ut vel itaque dolor consequatur quo. Esse quam asperiores non. Saepe repellendus soluta repellendus et non. Sint veritatis dolore dolorem aut distinctio modi ipsum. Sit voluptatum dolorem autem quia provident.\n \rOmnis nostrum in distinctio ad temporibus. Ut atque mollitia. Assumenda animi aut amet illo porro. Omnis sit rem error et ipsum reprehenderit deserunt ea.\n \rAut veritatis praesentium perspiciatis officia. Enim veritatis excepturi assumenda error quas rerum architecto. Hic modi qui dolores quo odio accusamus voluptas. Nobis quis nam molestiae sint laborum minus ea."
	},
	{
	"product_id":2,
	"title":"Deleniti Illo Quam Consequatur Sit",
	"description":"Dignissimos a ut qui fugiat voluptatem est qui blanditiis. Nobis sit autem illo vitae quas eum commodi cumque dolores. Quia quaerat quae nihil occaecati voluptas p