{% extends "base.html" %}

{% block title %}About{% endblock %}

{% block content %}

<div class="head"><h1>About <small>{{ shell.site }}</small></h1></div>

<section class="panel">

  <h2>This hub</h2>

  <dl class="facts">

    <dt>OxygenHub</dt><dd><strong>{{ shell.version }}</strong> <span class="mute">({{ shell.build }})</span></dd>

    <dt>Built on</dt><dd>oxy-core {{ oxy_core }} · flow-core {{ flow_core }}</dd>

  </dl>

  <p class="small mute">The build names the state it was built from (<code>oxy describe</code>), the heads of a Flow build, or says "local build". The same is at <a href="/api/v1/version">/api/v1/version</a>; <code>oxy --version</code>, <code>oh --version</code> and <code>flow --version</code> report theirs, and the VS Code extensions show theirs in the Extensions view.</p>

</section>

{% if !runners.is_empty() %}

<section class="panel">

  <h2>Runners</h2>

  <div class="table"><table>

  <tr><th>Runner</th><th>Status</th><th>flow</th><th>Machine</th></tr>

  {% for r in runners %}<tr><td><a href="/admin/runners/{{ r.id }}">{{ r.name }}</a></td><td><span class="runner-status st-{{ r.status() }}">{{ r.status() }}</span></td><td>{% if r.version.is_empty() %}<span class="mute">not reported</span>{% else %}{{ r.version }}{% endif %}</td><td class="small">{{ r.arch }} {{ r.os }}</td></tr>{% endfor %}

  </table></div>

</section>

{% endif %}

{% endblock %}