<!doctype html> 

<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> 
  <title><%= title %></title>
  <script src="<%= '../' * depth %>js/jquery-1.11.3.min.js" type="text/javascript"></script>
  <script src="<%= '../' * depth %>js/filesystem.js" type="text/javascript"></script>
  <link rel="stylesheet" href="<%= '../' * depth %>css/pygments-autumn.css" type="text/css" media="screen, projection" />
  <link rel="stylesheet" href="<%= '../' * depth %>css/console.css" type="text/css" media="screen, projection" />
  <link rel="stylesheet" href="<%= '../' * depth %>css/filesystem.css" type="text/css" media="screen, projection" />
</head>
<body>

<h2><%= title %></h2>

<div class="description">
<%= description %>
</div>

<h3>Files</h3>
<div class="filesystem">
  <%= files %>
</div>

<h3>Output</h3>
<pre class="console">
<% commands.each do |cmd| -%>
$ <%= cmd %>
<% end -%>
<%= output %>
</pre>

</body>
