gitrob 0.0.6 → 1.0.0

data/views/assessments/_comparisons.erb

@@ -0,0 +1,111 @@
+<% if @primary_comparisons.count.zero? && @secondary_comparisons.count.zero? %>
+  <div class="alert alert-info" role="alert"><strong>No comparisons found.</strong></div>
+<% else %>
+  <table class="table comparisons" id="comparisons_table" data-refresh-endpoint="/assessments/<%=h @assessment.id %>/compare/_comparisons">
+    <thead>
+      <tr>
+        <th></th>
+        <th>Date</th>
+        <th>Users</th>
+        <th>Repositories</th>
+        <th>Files</th>
+        <th>Findings</th>
+        <th></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @primary_comparisons.each do |comparison| %>
+        <% if !comparison.finished %>
+          <tr class="comparison-row unfinished primary-comparison">
+        <% else %>
+          <tr class="comparison-row primary-comparison">
+        <% end %>
+          <td class="owners" data-href="/comparisons/<%=h comparison.id %>">
+            <% comparison.secondary_assessment.owners_dataset.limit(10).order(:type).each do |owner| %>
+              <img src="<%=h owner.avatar_url %>" width="30" height="30" alt="<%=h owner.login %>" title="<%=h owner.login %>" class="img-rounded" data-toggle="tooltip" data-placement="bottom" />
+            <% end %>
+            <% if comparison.secondary_assessment.owners_count > 10 %>
+              <small>and <%= comparison.secondary_assessment.owners_count - 10 %> more</small>
+            <% end %>
+          </td>
+          <td><%=h comparison.created_at.strftime("%Y-%m-%d %H:%M") %></td>
+          <td>
+            <% if !comparison.finished %>
+              <img src="/images/gear_spinner.gif" alt="In progress..." title="In progress..." data-toggle="tooltip" data-placement="bottom" />
+            <% else %>
+              <%=h comparison.owners_count %>
+            <% end %>
+          </td>
+          <td>
+            <% if !comparison.finished %>
+              <img src="/images/gear_spinner.gif" alt="In progress..." title="In progress..." data-toggle="tooltip" data-placement="bottom" />
+            <% else %>
+              <%=h comparison.repositories_count %>
+            <% end %>
+          </td>
+          <td>
+            <% if !comparison.finished %>
+              <img src="/images/gear_spinner.gif" alt="In progress..." title="In progress..." data-toggle="tooltip" data-placement="bottom" />
+            <% else %>
+              <%=h comparison.blobs_count %>
+            <% end %>
+          </td>
+          <td>
+            <% if !comparison.finished %>
+              <img src="/images/gear_spinner.gif" alt="In progress..." title="In progress..." data-toggle="tooltip" data-placement="bottom" />
+            <% else %>
+              <%=h comparison.findings_count %>
+            <% end %>
+          </td>
+          <td><a class="btn btn-default btn-xs glyphicon glyphicon-trash delete-comparison" title="Delete comparison" data-toggle="tooltip" data-placement="bottom" href="#" data-comparison-id="<%=h comparison.id %>"></a></td>
+        </tr>
+      <% end %>
+      <% @secondary_comparisons.each do |comparison| %>
+        <% if !comparison.finished %>
+          <tr class="comparison-row unfinished secondary-comparison">
+        <% else %>
+          <tr class="comparison-row primary-comparison">
+        <% end %>
+          <td class="owners" data-href="/comparisons/<%=h comparison.id %>">
+            <% comparison.primary_assessment.owners_dataset.limit(10).order(:type).each do |owner| %>
+              <img src="<%=h owner.avatar_url %>" width="30" height="30" alt="<%=h owner.login %>" title="<%=h owner.login %>" class="img-rounded" data-toggle="tooltip" data-placement="bottom" />
+            <% end %>
+            <% if comparison.primary_assessment.owners_count > 10 %>
+              <small>and <%= comparison.primary_assessment.owners_count - 10 %> more</small>
+            <% end %>
+          </td>
+          <td><%=h comparison.created_at.strftime("%Y-%m-%d %H:%M") %></td>
+          <td>
+            <% if !comparison.finished %>
+              <img src="/images/gear_spinner.gif" alt="In progress..." title="In progress..." data-toggle="tooltip" data-placement="bottom" />
+            <% else %>
+              <%=h comparison.owners_count %>
+            <% end %>
+          </td>
+          <td>
+            <% if !comparison.finished %>
+              <img src="/images/gear_spinner.gif" alt="In progress..." title="In progress..." data-toggle="tooltip" data-placement="bottom" />
+            <% else %>
+              <%=h comparison.repositories_count %>
+            <% end %>
+          </td>
+          <td>
+            <% if !comparison.finished %>
+              <img src="/images/gear_spinner.gif" alt="In progress..." title="In progress..." data-toggle="tooltip" data-placement="bottom" />
+            <% else %>
+              <%=h comparison.blobs_count %>
+            <% end %>
+          </td>
+          <td>
+            <% if !comparison.finished %>
+              <img src="/images/gear_spinner.gif" alt="In progress..." title="In progress..." data-toggle="tooltip" data-placement="bottom" />
+            <% else %>
+              <%=h comparison.findings_count %>
+            <% end %>
+          </td>
+          <td><a class="btn btn-default btn-xs glyphicon glyphicon-trash delete-comparison" title="Delete comparison" data-toggle="tooltip" data-placement="bottom" href="#" data-comparison-id="<%=h comparison.id %>"></a></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+<% end %>

data/views/assessments/compare.erb

@@ -0,0 +1,22 @@
+<div class="page-header">
+  <div class="pull-right">
+    <ul class="nav nav-pills">
+      <li><a href="/assessments/<%=h @assessment.id %>/findings"><span class="glyphicon glyphicon-flag"></span> Findings</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/users"><span class="glyphicon glyphicon-user"></span> Users</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/repositories"><span class="glyphicon glyphicon-book"></span> Repositories</a></li>
+      <li class="active"><a href="/assessments/<%=h @assessment.id %>/compare"><span class="glyphicon glyphicon-eye-open"></span> Compare</a></li>
+    </ul>
+  </div>
+  <h1>Assessment comparison</h1>
+</div>
+
+<h2>Comparisons</h2>
+<div id="comparisons_table_container" data-refresh-endpoint="/assessments/<%=h @assessment.id %>/compare/_comparisons">
+  <%= erb :"assessments/_comparisons" %>
+</div>
+
+<h2>Comparable assessments</h2>
+<div id="assessments_table_container" data-refresh-endpoint="/assessments/<%=h @assessment.id %>/compare/_comparables">
+  <%= erb :"assessments/_comparable_assessments" %>
+</div>
+

data/views/assessments/findings.erb

@@ -0,0 +1,55 @@
+<div class="page-header">
+  <div class="pull-right">
+    <ul class="nav nav-pills">
+      <li class="active"><a href="/assessments/<%=h @assessment.id %>/findings"><span class="glyphicon glyphicon-flag"></span> Findings</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/users"><span class="glyphicon glyphicon-user"></span> Users</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/repositories"><span class="glyphicon glyphicon-book"></span> Repositories</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/compare"><span class="glyphicon glyphicon-eye-open"></span> Compare</a></li>
+    </ul>
+  </div>
+  <h1>Findings</h1>
+</div>
+
+<table class="table table-striped table-hover table-condensed" id="blobs_table">
+  <thead>
+    <tr>
+    <th colspan="3">
+      <div class="pull-right">
+        <input type="text" id="quick_filter" class="form-control input-sm quick-filter" placeholder="Quick filter...">
+      </div>
+    </th>
+    </tr>
+    <tr>
+      <th class="blob-path">Path</th>
+      <th class="blob-repo">Repository</th>
+      <th class="blob-size">Size</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @findings.each do |finding| %>
+      <% if finding.test_blob? %>
+        <tr class="blob-row test-blob">
+      <% else %>
+        <tr class="blob-row">
+      <% end %>
+        <td class="blob-path"><a href="/blobs/<%=h finding.id %>" class="blob-link" title="<%=h finding.flags.map(&:caption).join(' - ') %>" data-toggle="tooltip" data-placement="bottom"><%= format_path(finding.path) %></a></td>
+        <td class="blob-repo"><a href="/repositories/<%=h finding.repository.id %>"><%=h finding.repository.full_name %></a></td>
+        <td class="blob-size"><%= number_to_human_size(finding.size) %></td>
+      </tr>
+    <% end %>
+</table>
+
+<div class="modal fade" tabindex="-1" role="dialog" id="blob_modal">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content" id="blob_modal_content">
+      <div class="modal-body">
+        <div class="center-text">
+          <img src="/images/blob_spinner.gif" alt="Loading file..." title="Loading file..." />
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>

data/views/assessments/repositories.erb

@@ -0,0 +1,35 @@
+<div class="page-header">
+  <div class="pull-right">
+    <ul class="nav nav-pills">
+      <li><a href="/assessments/<%=h @assessment.id %>/findings"><span class="glyphicon glyphicon-flag"></span> Findings</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/users"><span class="glyphicon glyphicon-user"></span> Users</a></li>
+      <li class="active"><a href="/assessments/<%=h @assessment.id %>/repositories"><span class="glyphicon glyphicon-book"></span> Repositories</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/compare"><span class="glyphicon glyphicon-eye-open"></span> Compare</a></li>
+    </ul>
+  </div>
+  <h1>Repositories</h1>
+</div>
+
+<table class="table table-striped table-hover table-condensed" id="repositories_table">
+  <thead>
+    <tr>
+      <th class="repository-name">Name</th>
+      <th class="repository-description">Description</th>
+      <th class="repository-files">Files</th>
+      <th class="repository-findings">Findings</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @repositories.each do |repo| %>
+      <% if repo.findings_count > 0 %>
+        <tr class="repository-row danger">
+      <% else %>
+        <tr class="repository-row">
+      <% end %>
+      <td class="repository-name"><a href="/repositories/<%=h repo.id %>"><%=h repo.full_name %></a></td>
+      <td class="repository-description"><%=h repo.description %></td>
+      <td class="repository-files center-text"><%=h repo.blobs_count %></td>
+      <td class="repository-findings center-text"><%=h repo.findings_count %></td>
+    <% end %>
+  </tbody>
+</table>

data/views/assessments/show.erb

@@ -0,0 +1 @@
+<h1><%= @assessment.name %></h1>

data/views/assessments/users.erb

@@ -0,0 +1,46 @@
+<div class="page-header">
+  <div class="pull-right">
+    <ul class="nav nav-pills">
+      <li><a href="/assessments/<%=h @assessment.id %>/findings"><span class="glyphicon glyphicon-flag"></span> Findings</a></li>
+      <li class="active"><a href="/assessments/<%=h @assessment.id %>/users"><span class="glyphicon glyphicon-user"></span> Users</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/repositories"><span class="glyphicon glyphicon-book"></span> Repositories</a></li>
+      <li><a href="/assessments/<%=h @assessment.id %>/compare"><span class="glyphicon glyphicon-eye-open"></span> Compare</a></li>
+    </ul>
+  </div>
+  <h1>Users</h1>
+</div>
+
+<% @owners.each_slice(4) do |owners| %>
+  <div class="row">
+    <% owners.each do |owner| %>
+      <div class="col-md-3 center-text">
+        <div class="owner" data-href="/users/<%=h owner.id %>">
+          <img src="<%=h owner.avatar_url %>" class="img-rounded owner-avatar" alt="<%=h owner.name %>" />
+          <span class="owner-name"><%=h owner.name || owner.login %></span>
+          <div class="owner-counts">
+            <span class="label label-default" title="Repositories" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-book"></span> <%=h owner.repositories_count %></span>
+            <span class="label label-default" title="Files" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-file"></span> <%=h owner.blobs_count %></span>
+            <% if owner.findings_count > 0 %>
+              <span class="label label-danger" title="Flagged files" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-flag"></span> <%=h owner.findings_count %></span>
+            <% else %>
+              <span class="label label-default" title="Flagged files" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-flag"></span> <%=h owner.findings_count %></span>
+            <% end %>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+<% end %>
+
+<div class="modal fade" tabindex="-1" role="dialog" id="user_modal">
+  <div class="modal-dialog modal-lg">
+    <div class="modal-content">
+      <div class="modal-body">
+        <div id="user_modal_content"></div>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>

data/views/blobs/show.erb

@@ -0,0 +1,37 @@
+<div class="modal-body" id="blob_modal_body">
+  <% if !@blob.flags.count.zero? %>
+    <% @blob.flags.each do |flag| %>
+      <div class="alert alert-warning" role="alert">
+        <% if flag.caption %>
+          <p><strong><%=h flag.caption %></strong></p>
+        <% end %>
+        <% if flag.description %>
+          <p><%=h flag.description %></p>
+        <% end %>
+      </div>
+    <% end %>
+  <% end %>
+  <% if @blob.test_blob? %>
+    <div class="alert alert-warning" role="alert">
+      <strong>Notice:</strong> This file looks like a test related file.
+    </div>
+  <% end %>
+
+  <% if @content %>
+    <pre><code id="blob_content" class="blob-content hljs"><%=h @content %></code></pre>
+  <% else %>
+    <div class="well center-text">
+      <h2>File is too large</h2>
+      <p>The file is too large to be rendered here. Please view it on GitHub.</p>
+      <br />
+      <br />
+      <p><a href="<%=h @blob.html_url %>" class="btn btn-primary btn-lg" target="_blank">View file on GitHub</a></p>
+      <br />
+    </div>
+  <% end %>
+</div>
+<div class="modal-footer">
+  <a href="<%=h @blob.html_url %>" class="btn btn-primary" target="_blank">View file on GitHub</a>
+  <a href="<%=h @blob.history_html_url %>" class="btn btn-primary" target="_blank">View commit history</a>
+  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+</div>

data/views/comparisons/show.erb

@@ -0,0 +1,125 @@
+<div class="page-header">
+  <h1>Comparison <%=h @comparison.created_at.strftime("%Y-%m-%d %H:%M") %></h1>
+</div>
+
+<h2>New or modified files</h2>
+<% if @blobs.count.zero? %>
+  <div class="alert alert-info" role="alert"><strong>No new or modified files found.</strong></div>
+<% else %>
+  <table class="table table-striped table-hover table-condensed" id="blobs_table">
+    <thead>
+      <tr>
+      <th colspan="2">
+        <div class="pull-right">
+          <input type="text" id="quick_filter" class="form-control input-sm quick-filter" placeholder="Quick filter...">
+        </div>
+        <label>
+          <input type="checkbox" id="show_only_flagged_files"> Only show flagged files
+        </label>
+      </th>
+      </tr>
+      <tr>
+        <th class="blob-path">Path</th>
+        <th class="blob-repo">Repository</th>
+        <th class="blob-size">Size</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @blobs.each do |blob| %>
+        <% if blob.flags_count > 0 %>
+          <tr class="danger blob-row">
+        <% else %>
+          <tr class="blob-row">
+        <% end %>
+          <td class="blob-path"><a href="/blobs/<%=h blob.id %>" class="blob-link" title="<%=h blob.flags.map(&:caption).join(' - ') %>" data-toggle="tooltip" data-placement="bottom"><%= format_path(blob.path) %></a></td>
+          <td class="blob-repo"><a href="/repositories/<%=h blob.repository.id %>"><%=h blob.repository.full_name %></a></td>
+          <td class="blob-size"><%= number_to_human_size(blob.size) %></td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+
+  <div class="modal fade" tabindex="-1" role="dialog" id="blob_modal">
+    <div class="modal-dialog modal-lg">
+      <div class="modal-content" id="blob_modal_content">
+        <div class="modal-body">
+          <div class="center-text">
+            <img src="/images/blob_spinner.gif" alt="Loading file..." title="Loading file..." />
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+        </div>
+      </div>
+    </div>
+  </div>
+<% end %>
+
+<h2>New repositories</h2>
+<% if @repositories.count.zero? %>
+  <div class="alert alert-info" role="alert"><strong>No new repositories found.</strong></div>
+<% else %>
+  <table class="table table-striped table-hover table-condensed" id="repositories_table">
+    <thead>
+      <tr>
+        <th class="repository-name">Name</th>
+        <th class="repository-description">Description</th>
+        <th class="repository-files">Files</th>
+        <th class="repository-findings">Findings</th>
+      </tr>
+    </thead>
+    <tbody>
+      <% @repositories.each do |repo| %>
+        <% if repo.findings_count > 0 %>
+          <tr class="repository-row danger">
+        <% else %>
+          <tr class="repository-row">
+        <% end %>
+        <td class="repository-name"><a href="/repositories/<%=h repo.id %>"><%=h repo.full_name %></a></td>
+        <td class="repository-description"><%=h repo.description %></td>
+        <td class="repository-files center-text"><%=h repo.blobs_count %></td>
+        <td class="repository-findings center-text"><%=h repo.findings_count %></td>
+      <% end %>
+    </tbody>
+  </table>
+<% end %>
+
+<h2>New users</h2>
+<% if @owners.count.zero? %>
+  <div class="alert alert-info" role="alert"><strong>No new users found.</strong></div>
+<% else %>
+  <% @owners.each_slice(4) do |owners| %>
+    <div class="row">
+      <% owners.each do |owner| %>
+        <div class="col-md-3 center-text">
+          <div class="owner" data-href="/users/<%=h owner.id %>">
+            <img src="<%=h owner.avatar_url %>" class="img-rounded owner-avatar" alt="<%=h owner.name %>" />
+            <span class="owner-name"><%=h owner.name || owner.login %></span>
+            <div class="owner-counts">
+              <span class="label label-default" title="Repositories" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-book"></span> <%=h owner.repositories_count %></span>
+              <span class="label label-default" title="Files" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-file"></span> <%=h owner.blobs_count %></span>
+              <% if owner.findings_count > 0 %>
+                <span class="label label-danger" title="Flagged files" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-flag"></span> <%=h owner.findings_count %></span>
+              <% else %>
+                <span class="label label-default" title="Flagged files" data-toggle="tooltip" data-placement="bottom"><span class="glyphicon glyphicon-flag"></span> <%=h owner.findings_count %></span>
+              <% end %>
+            </div>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  <% end %>
+
+  <div class="modal fade" tabindex="-1" role="dialog" id="user_modal">
+    <div class="modal-dialog modal-lg">
+      <div class="modal-content">
+        <div class="modal-body">
+          <div id="user_modal_content"></div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+        </div>
+      </div>
+    </div>
+  </div>
+<% end %>

data/views/errors/internal_server_error.erb

@@ -0,0 +1,9 @@
+<div class="page-header">
+  <h1>Internal Server Error <small>500</small></h1>
+</div>
+
+<p class="lead">Oops, something went wrong. Here's some debugging information:</p>
+
+<textarea id="error_details" class="error-details form-control" rows="10" readonly="readonly"><%=h @error_details %></textarea>
+
+<p>Please create a <a href="https://github.com/michenriksen/gitrob/issues/new" target="_blank">new issue</a> on GitHub and paste the above details into the description. Thanks!</p>

data/views/errors/not_found.erb

@@ -0,0 +1,5 @@
+<div class="page-header">
+  <h1>Not Found <small>404</small></h1>
+</div>
+
+<p class="lead">The page you were looking does not exist.</p>

data/views/index.erb

@@ -1,32 +1,47 @@
 <div class="page-header">
-  <h1>Organizations</h1>
+  <h1>
+  <button type="button" class="pull-right btn btn-success" id="new_assessment_button"><span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span> New assessment</button>
+  Assessments
+  </h1>
 </div>
 
-<% if @orgs.count.zero? %>
+<div id="assessments_table_container" data-refresh-endpoint="/assessments/_table">
+  <%= erb :"assessments/_assessments" %>
+</div>
 
-<% else %>
-  <table class="table table-striped table-hover">
-    <thead>
-      <tr>
-        <th>Name</th>
-        <th>Repositories</th>
-        <th>Members</th>
-        <th>Findings</th>
-        <th style="text-align:right">Creation date</th>
-      </tr>
-    </thead>
-    <tbody>
-      <% @orgs.each do |org| %>
-        <tr>
-          <td>
-          <img src="<%=h org.avatar_url %>" alt="<%=h org.name %>" class="avatar" width="24" height="24" />
-          <strong><a href="/orgs/<%=h org.id%>"><%=h org.name %></a></strong></td>
-          <td><%=h org.repos.count %></td>
-          <td><%=h org.users.count %></td>
-          <td><%=h org.findings.count %></td>
-          <td style="text-align:right"><%= org.created_at.strftime("%e %b %Y %H:%M") %></td>
-        </tr>
-      <% end %>
-    </tbody>
-  </table>
-<% end %>
+<div class="modal fade" tabindex="-1" role="dialog" id="new_assessment_modal">
+  <div class="modal-dialog modal-lg">
+    <form id="new_assessment_form">
+      <div class="modal-content">
+        <div class="modal-body">
+            <div class="form-group">
+              <label for="assessment_targets">Targets <small>(comma-separated)</small></label>
+              <input type="text" class="form-control" id="assessment_targets" name="assessment[targets]" placeholder="acme">
+            </div>
+            <div class="form-group">
+              <label for="assessment_endpoint">API endpoint</label>
+              <input type="text" class="form-control" id="assessment_endpoint" name="assessment[endpoint]" placeholder="https://api.github.com" value="https://api.github.com">
+            </div>
+            <div class="form-group">
+              <label for="assessment_site">Site</label>
+              <input type="text" class="form-control" id="assessment_site" name="assessment[site]" placeholder="https://github.com" value="https://github.com">
+            </div>
+            <div class="checkbox">
+              <label>
+                <input type="checkbox" id="assessment_verify_ssl" name="assessment[verify_ssl]" value="1" checked="checked"> Verify secure connection
+              </label>
+            </div>
+            <div class="form-group">
+              <label for="assessment_github_access_tokens">GitHub API access tokens <small>(one per line)</small></label>
+              <textarea class="form-control" id="assessment_github_access_tokens" name="assessment[github_access_tokens]" rows="3"><%=h Gitrob::CLI.configuration["github_access_tokens"].join("\n") %></textarea>
+            </div>
+          </form>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
+          <button type="submit" id="update_assessment" class="btn btn-primary">Save</button>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>

data/views/layout.erb

@@ -4,27 +4,53 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="csrf-token" content="<%=h session[:csrf] %>">
     <title>Gitrob</title>
-
-    <link href="/stylesheets/bootstrap.min.css" rel="stylesheet">
-    <link href="/stylesheets/prettify.css" rel="stylesheet">
-    <link href="/stylesheets/gitrob.css" rel="stylesheet">
-
-    <script type="text/javascript" src="/javascripts/jquery-2.1.1.min.js"></script>
-    <script type="text/javascript" src="/javascripts/bootstrap.min.js"></script>
-
-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <link href="/css/bootstrap.min.css" rel="stylesheet">
+    <link href="/css/tomorrow-night.css" rel="stylesheet">
+    <link href="/css/main.css" rel="stylesheet">
     <!--[if lt IE 9]>
       <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
       <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
   </head>
   <body>
+    <nav class="navbar navbar-default">
+      <div class="container-fluid">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="/">Gitrob</a>
+        </div>
+
+        <div class="collapse navbar-collapse">
+          <ul class="nav navbar-nav">
+            <li><a href="/">Assessments</a></li>
+          </ul>
+        </div>
+      </div>
+    </nav>
     <div class="container">
       <%= yield %>
     </div>
-    <script type="text/javascript" src="/javascripts/prettify.js"></script>
-    <script type="text/javascript" src="/javascripts/gitrob.js"></script>
+    <footer>
+      <div class="container">
+        <p class="center-text">
+          <a href="https://github.com/michenriksen/gitrob">Gitrob</a> v<%=h Gitrob::VERSION %> by <a href="http://michenriksen.com">Michael Henriksen</a> &middot; <a href="https://github.com/michenriksen/gitrob/issues/new">Report an issue</a>
+        </p>
+      </div>
+    </footer>
+    <noscript>
+      <div class="noscript">
+        <h1>Being paranoid is good, but Gitrob requires JavaScript.</h1>
+      </div>
+    </noscript>
+    <script src="/js/jquery-2.1.4.min.js"></script>
+    <script src="/js/bootstrap.min.js"></script>
+    <script src="/js/main.js"></script>
   </body>
 </html>