ShakeShack
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html { | |
height: 100%; | |
width: 100%; | |
overflow: hidden; | |
} | |
body { | |
height: 100%; | |
width: 100%; | |
overflow: auto; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# coffee | |
formatData = (data)-> | |
for d in data | |
date: convertTimestampToDate(d.x) | |
price: d.y || 0 | |
id: d.x | |
# js | |
formatData = function(data) { | |
var results = []; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#spinner { | |
width: 150px;height: 150px; | |
-webkit-animation: sweep 1s infinite linear; | |
border-radius:75px; | |
border-bottom:5px solid blue; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
var gulp = require('gulp'); | |
var gutil = require('gulp-util'); | |
var sass = require('gulp-sass'); | |
var coffee = require('gulp-coffee'); | |
var autoprefix = require('gulp-autoprefixer'); | |
var handlebars = require('gulp-handlebars'); | |
var defineModule = require('gulp-define-module'); | |
var paths = { | |
scripts: { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<title>diamonds</title> | |
<style type="text/css"> | |
#diamonds { | |
width: 480px; | |
height: 480px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<input type="text" placeholder="Search for your team" ng-model="team_query"> | |
<ul class="teams" ng-show="team_query.length > 2"> | |
<li ng-repeat="team in teams | filter : team_query | limitTo : 5"> | |
<img ng-src="{{ team.avatar_url }}"> | |
<h2>{{ team.name }}</h2> | |
<small>{{ team.member_count }}</small> | |
<p>{{ team.bio }}</p> | |
</li> | |
</ul> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* It's common to want to make the selector nesting the same as the dom */ | |
#content { | |
.nav { | |
ul { | |
margin: 0; | |
padding: 0; | |
li { | |
float: left; | |
margin: 0; |
- run server
- login
- stop server
- run server again
- logout
- login
💥 ActionController::InvalidAuthenticityToken