mlynch

for(var i = 0; i < component.children.length; i++) {
  var child = component.children[i];
  //
}

mlynch

for child in component.children
  // do stuff

mlynch

.embed {
  #code {
    .top {
      position: relative;
      height: 10px;
      margin-top: 20px;
      background-color: #eee;
      border-top: 1px solid #ccc;
     
      @include gradient-vertical(#eee, #ddd);

mlynch

class DashboardRouter extends Backbone.Router
  routes:
    '': 'showPanel'
    'dash/:panel': 'showPanel'
    'dash/:panel/:subpanel': 'showPanel'

mlynch

class DashboardView extends Backbone.View
  initialize: ->
    @router = new DashboardRouter
    @router.on 'route:showPanel', @showPanel

mlynch

  showPanel: (panel, subPanel) =>
    # Default the panel to 'projects' if it's empty
    panel = panel or 'projects'

    # Show the panel, toggle buttons, etc.
    # ...

mlynch

enablePushState = true

pushState = !!(enablePushState && window.history && window.history.pushState)

if pushState
  Backbone.history.start
    pushState: true
    root: '/'
else
  Backbone.history.start

mlynch

  $(document).on "click", "a[href^='/']", (event) ->
    href = $(event.currentTarget).attr('href')

    # Check if the link matches our route
    passThrough = href.indexOf('/dash') != 0

    # Allow shift+click for new tabs, etc.
    if !passThrough && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey
      event.preventDefault()

mlynch

---
layout: default
title: Welcome
---

<div class="page-header">
  <h1>Jetstrap Docs</h1>
</div>
Welcome!

mlynch

var ref = new Firebase("https://YOUR_FIREBASE_NAME.firebaseio.com/");
ref.child("meta").once("value", function(snapshot) {
  $("#feed > :first").html(snapshot.val().description);
});
ref.child("articles").limit(10).on("child_added", function(snapshot) {
  var article = snapshot.val();
  var link = $("<a>", {"href": article.link, "target": "_blank"});
  $("#feed").append($("<li>").append(link.html(article.title)));
  $('#feed').listview('refresh');
});