script#message-template(type="text/template").
  <li class="list-group-item">
    <div class="media">
      <div class="pull-left">
        <img class="media-object" src="http://placekitten.com/80/80" alt="avatar">
      </div>

      <div class="media-body">
        <h4 class="media-heading"><%= name || 'Guest' %></h4>

        <%= marked(_.escape(message)) %>
      </div>
    </div>
  </li>

mixin user(name)
  li.list-group-item
    .media
      img.media-object.pull-left(src='http://placekitten.com/20/20', alt='avatar')
      .media-body= name

.modal.fade#profile-modal: .modal-dialog: .modal-content
  .modal-header
    button.close(type='button', data-dismiss='modal', aria-hidden='true') &times;
    h4.modal-title Profile
  .modal-body
    .form-group
      label(for='name-field') Name
      input#name-field.form-control(type='text', placeholder='Guest')

script#message-template(type="text/template").
  <li class="list-group-item">
    <div class="media">
      <div class="pull-left">
        <img class="media-object" src="http://placehold.it/80" alt="avatar">
      </div>

      <div class="media-body">
        <h4 class="media-heading"><%= name || 'Guest' %></h4>

        <%= marked(_.escape(message)) %>
      </div>
    </div>
  </li>

mixin user(name)
  li.list-group-item
    .media
      img.media-object.pull-left(src='http://placehold.it/20', alt='avatar')
      .media-body= name

.modal.fade#profile-modal: .modal-dialog: .modal-content
  .modal-header
    button.close(type='button', data-dismiss='modal', aria-hidden='true') &times;
    h4.modal-title Profile
  .modal-body
    .form-group
      label(for='name-field') Name
      input#name-field.form-control(type='text', placeholder='Guest')

Replace placekitten (which is broken :frowning:) with placehold.it
Replace placekitten (which is broken :frowning:) with placehold.it
