Dave Geddes geddski

BEFORE YOU MAKE THIS: These will turn out best if you use french bread pans

Mix together in a bowl 2 Tbls Yeast 1/2 cup warm water 1 tsp sugar let yeast activate (about 10 minutes)

In large bowl, combine:


	<!doctype html>
	<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
	<head>
	<title>

	</title>
	<!--[if !mso]><!-- -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!--<![endif]-->

	import React, { useState, useEffect, useLayoutEffect, useContext } from 'react';
	import debounce from "debounce";

	function useComponentRect(containerRef, debounceTime = 100) {
	const [rect, setRect] = useState();

	const calculateRect = debounce(() => {
	if (containerRef.current){
	const rect = containerRef.current.getBoundingClientRect();
	setRect(rect);

	/** @jsx jsx */
	import { css, jsx } from '@emotion/core'
	import React, {useRef, useEffect, useState, useLayoutEffect} from "react"
	import useComponentRect from "shared/hooks/useComponentRect"

	const StretchTitle = (props) => {
	const containerRef = useRef();
	const textRef = useRef();
	const componentRect = useComponentRect(containerRef, 10);
	const [scale, setScale] = useState(1);

	cask_args appdir: "/Applications"
	tap "homebrew/bundle"
	tap "homebrew/cask"
	tap "homebrew/cask-drivers"
	tap "homebrew/cask-fonts"
	tap "homebrew/core"
	brew "fish"
	brew "git"
	brew "httpie"
	brew "github/gh/gh"

	create-react-app comes with Jest which is awesome, but sometimes you need a real DOM/browser to test with. Here's a quick way to get up and running testing your app.

	1. Create a separate app for testing, using create-react-app:
	```
	create-react-app tests
	cd tests
	```

	2. Modify the index.html to include the Jasmine spec runner (see index.html below)
	3. Modify the index.js to just run your tests rather than bootstrap a React app. (see index.js below)

	/**
	* A sample Angular 1 component, created using the component helper above.
	* Uses Aphrodite for CSS
	*/

	import component from './component';
	import { StyleSheet, css } from 'aphrodite';

	const styles = StyleSheet.create({
	avatar: {

	// Angular 1.x components don't let you do a "replace:true", so they're always nested in another HTML tag.
	// This nesting makes it so you can't use some really useful css pseudo-classes like ":last-of-type".
	// This workaround puts a CSS class on the actual root, so you can take adavantage of these CSS goodies.

	export default class Task {
	constructor($element){
	// add class to component root element for easier css styling

	// using aphrodite
	$element.addClass(css(styles.container))