alvinlai/.gitignore

## .gitignore
/.sass-cache
/public

## _reset.scss
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

## controller.rb
require 'sass'
require 'coffee-script'

layout 'layout.html.erb'

ignore /\/_.*/, /\.git.*/, /(Gem|Guard|Proc)file.*/, /\.sass-cache/

## Gemfile
source 'http://rubygems.org'

gem 'stasis'
gem 'sass'
gem 'coffee-script'
gem 'foreman'
gem 'guard'
gem 'guard-livereload'
gem 'rb-fsevent'

## Guardfile
guard 'livereload' do
  watch(%r{^public/.+\.(html|css|js)$})
end

## index.html.erb
<h1>Hi.</h1>

## layout.html.erb
<!doctype html>
<html>
  <head>
    <meta charset='utf-8' />
    <title></title>
    <link href='style.css' rel='stylesheet' type='text/css' />
    <script src=''></script>
  </head>
  <body>
    <%= yield %>
  </body>
</html>

## Procfile
stasis: bundle exec stasis -d
guard: bundle exec guard

## style.css.scss
@import 'reset';
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {
	display: block;
	}
	body {
	line-height: 1;
	}
	ol, ul {
	list-style: none;
	}
	blockquote, q {
	quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}
	table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	require 'sass'
	require 'coffee-script'

	layout 'layout.html.erb'

	ignore /\/_./, /\.git./, /(Gem\|Guard\|Proc)file.*/, /\.sass-cache/
	source 'http://rubygems.org'

	gem 'stasis'
	gem 'sass'
	gem 'coffee-script'
	gem 'foreman'
	gem 'guard'
	gem 'guard-livereload'
	gem 'rb-fsevent'
	guard 'livereload' do
	watch(%r{^public/.+\.(html\|css\|js)$})
	end
	<!doctype html>
	<html>
	<head>
	<meta charset='utf-8' />
	<title></title>
	<link href='style.css' rel='stylesheet' type='text/css' />
	<script src=''></script>
	</head>
	<body>
	<%= yield %>
	</body>
	</html>