This is a d3 refocusable tree built off the Collapsible Tree. Click a node to make it the new focus. Click the background to return to previous state.

# Haml Coffee Sinatra

This is an example [Sinatra](https://github.com/sinatra/sinatra) application based on the
[Sinatra Asset Pipeline](https://github.com/petebrowne/sinatra-asset-pipeline) example application  to show the
usage of [Haml Coffee Assets](https://github.com/netzpirat/haml_coffee_assets).

## Run the app

Clone the app, switch to the directory and run:

```
bundle install
bundle exec rackup
```

Now visit [http://http://localhost:9292/](http://localhost:9292/) top see it in action.

## Compile client side templates

This example uses [Guard](https://github.com/guard/guard) with
[Guard Sprockets2](https://github.com/stevehodgkiss/guard-sprockets2) to compile the client side templates.

Run guard with:

```
bundle exec guard
```

This is a d3 refocusable tree built off the Collapsible Tree. Click a node to make it the new focus. Click the background to return to previous state.

Live demo at http://codepen.io/mikefab/pen/IDdts

Server:

This is an example [Sinatra](https://github.com/sinatra/sinatra) application based on the
[Sinatra Asset Pipeline](https://github.com/petebrowne/sinatra-asset-pipeline) example application  to show the
usage of [Haml Coffee Assets](https://github.com/netzpirat/haml_coffee_assets).

## Run the app

Clone the app, switch to the directory and run:

```
bundle install
bundle exec rackup
```

Now visit [http://http://localhost:9292/](http://localhost:9292/) top see it in action.

## Compile client side templates

This example uses [Guard](https://github.com/guard/guard) with
[Guard Sprockets2](https://github.com/stevehodgkiss/guard-sprockets2) to compile the client side templates.

Run guard with:

```
bundle exec guard
```

Add link to live demo
Add link to live demo
