Michael Nahum MichaelNahum

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Goes Back</title>
    <meta charset='utf-8' />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="style.css">
    <script async defer src="https://apis.google.com/js/api.js"
    onload="this.onload=function(){};handleClientLoad()"
    onreadystatechange="if (this.readyState === 'complete') this.onload()">

## gist:3edcadf64cc48b28356d4a6f68837969
<!DOCTYPE html>
<html>
  <head>
    <title>Gmail API Quickstart</title>
    <meta charset='utf-8' />
    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  </head>
  <body>
    <p>Gmail API Quickstart</p>

## gist:7621d7cd24c5a3961e9d51768f6b24e8

function getMessage(userId, messageId, callback) {
  let request = gapi.client.gmail.users.messages.get({
    'userId': me,
    'id': messageId
  })
  console.log(request)
  request.execute(callback)
}

## Array Methods Cardio - 4
Source: https://fpdl.vimeocdn.com/vimeo-prod-skyfire-std-us/01/3826/7/194130346/649151574.mp4?token=5883ded4_0xfa3e080b4a3f5f1987713fd69753fdb42389a0ce


## UpdatingCSSVariables
CSS variables normally declared on an element. In this lesson, they're declared on :root "which is similar to declaring them
on an html element".

<style>
 :root {
  --base: #ffc600;
  --spacing: 10px;
  --blur: 10px;
 }
</style>

## Notes CSS + JS Clock Notes
CSS + JS Clock Notes:

In order to get two lines to pivot off of the end of each other's x-axis (i.e. the second/minute/hour hands of a clock),
give each instance of the .hand class the attribute "transform-origin: 100%;"

Problem: div's go left-to-right, so the clock won't start at 90 degrees.
Solution: give .hand an attribute of "transform: rotate(90deg);"

Question: How to mimic a mechanical clock's tick-and-stop motion?
Answer: give .hand an attribute of "transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);

## app.js
"use strict";

(function(){
  angular
  .module("brokers_open", [
    "ui.router",
    "listings",
    "users",
  ])
  .config([
	<!DOCTYPE html>
	<html>
	<head>
	<title>Goes Back</title>
	<meta charset='utf-8' />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="style.css">
	<script async defer src="https://apis.google.com/js/api.js"
	onload="this.onload=function(){};handleClientLoad()"
	onreadystatechange="if (this.readyState === 'complete') this.onload()">

	function getMessage(userId, messageId, callback) {
	let request = gapi.client.gmail.users.messages.get({
	'userId': me,
	'id': messageId
	})
	console.log(request)
	request.execute(callback)
	}
	Source: https://fpdl.vimeocdn.com/vimeo-prod-skyfire-std-us/01/3826/7/194130346/649151574.mp4?token=5883ded4_0xfa3e080b4a3f5f1987713fd69753fdb42389a0ce
	CSS variables normally declared on an element. In this lesson, they're declared on :root "which is similar to declaring them
	on an html element".

	<style>
	:root {
	--base: #ffc600;
	--spacing: 10px;
	--blur: 10px;
	}
	</style>
	CSS + JS Clock Notes:

	In order to get two lines to pivot off of the end of each other's x-axis (i.e. the second/minute/hour hands of a clock),
	give each instance of the .hand class the attribute "transform-origin: 100%;"

	Problem: div's go left-to-right, so the clock won't start at 90 degrees.
	Solution: give .hand an attribute of "transform: rotate(90deg);"

	Question: How to mimic a mechanical clock's tick-and-stop motion?
	Answer: give .hand an attribute of "transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);
	"use strict";

	(function(){
	angular
	.module("brokers_open", [
	"ui.router",
	"listings",
	"users",
	])
	.config([