brozzler/webconsole/static/partials/site.html

<ol class="breadcrumb">
  <li><a href="/jobs">Jobs</a></li>
  <li><a href="/jobs/{{site.job_id}}">{{site.job_id}}</a></li>
  <li class="active">{{site.seed}}</li>
</ol>

<div class="page-header">
  <h1>Brozzler
    <a href="/"><img src="/static/brozzler.svg" style="height:1.5em;float:right"></a>
  </h1>
</div>

<div>
  <h2>Site {{site.seed}} (Job <a href="/jobs/{{site.job_id}}">{{site.job_id}}</a>)</h2>

    <div class="row bigstats">
        <div class="col-sm-6 col-md-3">
            <div class="stat">
                <span class="fa fa-file-text"></span> <strong>{{site.page_count}}</strong> pages crawled
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="stat">
                <span class="fa fa-clone"></span> <strong>{{site.stats.total.urls}}</strong> urls crawled
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="stat">
                <span class="fa fa-archive"></span> <strong>{{site.stats.total.wire_bytes | byteformat}}</strong> crawled
            </div>
        </div>
        <div class="col-sm-6 col-md-3">
            <div class="stat">
                <span class="fa fa-ellipsis-h"></span> <strong>{{site.queued_count}}</strong> pages queued
            </div>
        </div>
    </div>

  <div class="row">
    <div class="col-sm-12">
      <h2>Pages</h2>
      <div class="col-sm-6 col-md-4" ng-repeat="page in pages">
        <div class="thumbnail">
          <img width="300" height="190" src="http://wbgrp-svc107.us.archive.org:8091/web/3/thumbnail:{{page.url}}" alt="thumb">
          <div class="caption">
            <h3>Thumbnail label</h3>
            {{page}}
          </div>
        </div>
      </div>
    </div>
  </div>

</div>