gcollazo

<div class="container">
  <div class="row">
    <div class="col-sm-3">
      {{#link-to 'documents.new' class="btn btn-default btn-create-document"}}Create Document{{/link-to}}
      <hr>
      <div class="list-group">
        {{#each document in controller}}
          {{#link-to 'document' document class="list-group-item"}}
            <h4 class="list-group-item-heading">{{document.name}}</h4>
            <p class="list-group-item-text">Created {{date-relative document.created}}</p>

gcollazo

<div class="container container-text-centered">
  <div class="row">
    <div class="col-sm-12">
      <h3 class="huge-placeholder-text">Welcome to my super awesome markdown editor.</h3>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-12">
      {{#link-to 'documents.new' class="btn btn-lg btn-primary"}}Create Document{{/link-to}} or go to {{#link-to 'documents'}}Documents{{/link-to}}
    </div>

gcollazo

<div class="container">
  <div class="row">
    <div class="col-sm-12">
      <h3 class="header-page-title">About</h3>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-12">
      <p><img src="/images/typing-dog.gif" class="img-thumbnail pull-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ac iaculis magna. Aenean accumsan dui id mauris accumsan sodales ut non elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam viverra purus nec iaculis eleifend. Integer vel scelerisque magna, at porttitor magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut nec lobortis magna, ac vestibulum erat. Nullam in leo nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nulla id odio cursus, ullamcorper risus eu, congue mi. Proin ante felis, condimentum in elit vitae, efficitur sollicitudin velit. Integer vel luctus sapien.</p>

gcollazo

<div class="container">
  <div class="row">
    <div class="col-sm-4">
      <h2 id='title'>Document Editor</h2>
    </div>
    <div class="col-sm-8">
      <ul class="nav nav-pills pull-right">
        <li>{{#link-to 'index'}}Home{{/link-to}}</li>
        <li>{{#link-to 'about'}}About{{/link-to}}</li>
        <li>{{#link-to 'documents'}}Documents{{/link-to}}</li>

gcollazo

html, body {
  margin: 20px;
}

a.active,
a.active:hover {
    background-color: #2e75c1 !important;
    color: white;
}

gcollazo

{
  "rows":[
    {
      "key":[
        "browserify",
        "add-brfs",
        "adds brfs as a browserify transform to your package.json"
      ],
      "value":1
    },

gcollazo

#Hello World

{{!-- application.hbs --}}
<h1>Hello World</h1>

gcollazo

var http = require('http'),
    request = require('request'),
    url = require('url');

var port = process.env.PORT || 8000,
    registryURL = 'http://registry.npmjs.org:80/';

http.createServer(function (req, res) {
  var r = request(url.resolve(registryURL, req.url));

gcollazo

import DS from 'ember-data';

var Album = DS.Model.extend({
  name: DS.attr('string'),
  artworkURL: DS.attr('string'),
  artist: DS.belongsTo('artist'),
  songs: DS.hasMany('song', {async: true})
});

// Album.reopenClass({

gcollazo

<h1 class="auth-logo">Soundem</h1>
<div class="auth-form-wrapper">
  <h3>Login</h3>
  <form {{action 'authenticate' on='submit'}}>
    <p>{{input type="text" value=identification placeholder="Email" autofocus="autofocus"}}</p>
    <p>{{input type="password" value=password placeholder="Password"}}</p>
    <p><button>Login</button> or {{link-to 'Register' 'register'}}</p>
  </form>
</div>