Skip to content

Instantly share code, notes, and snippets.

@nicolechung

nicolechung/index.html

Created November 4, 2014 12:07
Show Gist options
  • Save nicolechung/5996691b7481da7a1bd6 to your computer and use it in GitHub Desktop.
Save nicolechung/5996691b7481da7a1bd6 to your computer and use it in GitHub Desktop.
Download ZIP
Ember Starter Kit // source http://emberjs.jsbin.com/yoyomo
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.8.0/ember.js"></script>
<style id="jsbin-css">
/* Put your CSS here */
html, body {
margin: 20px;
}
/* */
</style>
</head>
<body>
<script type="text/x-handlebars" data-template-name="application">{{outlet}}</script>
<script type="text/x-handlebars" data-template-name="index">{{#linkTo 'hi'}}Say hi{{/linkTo}}</script>
<script type="text/x-handlebars" data-template-name="hi">Hi</script>
<script id="jsbin-javascript">
var App = Ember.Application.create();
// When you create your app, it automatically links to
// <script type="text/x-handlebars"><\/script>
// Actually the first template is
// <script type="text/x-handlebars" data-template-name="application">{{outlet}}<\/script>
// And the outlet for the "application" template comes from
// <script type="text/x-handlebars" data-template-name="index"><\/script>
// "IndexRoute", "IndexView", and "IndexController" are created automatically by Ember
App.Router.map(function(){
this.route('hi');
})
</script>
<script id="jsbin-source-html" type="text/html"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ember Starter Kit</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"><\/script>
<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"><\/script>
<script src="http://builds.emberjs.com/tags/v1.8.0/ember.js"><\/script>
</head>
<body>
<script type="text/x-handlebars" data-template-name="application">{{outlet}}<\/script>
<script type="text/x-handlebars" data-template-name="index">{{#linkTo 'hi'}}Say hi{{/linkTo}}<\/script>
<script type="text/x-handlebars" data-template-name="hi">Hi<\/script>
</body>
</html>
</script>
<script id="jsbin-source-css" type="text/css">/* Put your CSS here */
html, body {
margin: 20px;
}
/* */</script>
<script id="jsbin-source-javascript" type="text/javascript">var App = Ember.Application.create();
// When you create your app, it automatically links to
// <script type="text/x-handlebars"><\/script>
// Actually the first template is
// <script type="text/x-handlebars" data-template-name="application">{{outlet}}<\/script>
// And the outlet for the "application" template comes from
// <script type="text/x-handlebars" data-template-name="index"><\/script>
// "IndexRoute", "IndexView", and "IndexController" are created automatically by Ember
App.Router.map(function(){
this.route('hi');
})
</script></body>
</html>
Raw
jsbin.yoyomo.css
/* Put your CSS here */
html, body {
margin: 20px;
}
/* */
Raw
jsbin.yoyomo.js
var App = Ember.Application.create();
// When you create your app, it automatically links to
// <script type="text/x-handlebars"></script>
// Actually the first template is
// <script type="text/x-handlebars" data-template-name="application">{{outlet}}</script>
// And the outlet for the "application" template comes from
// <script type="text/x-handlebars" data-template-name="index"></script>
// "IndexRoute", "IndexView", and "IndexController" are created automatically by Ember
App.Router.map(function(){
this.route('hi');
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment