{% extends 'layout.twig' %}

{% block scripts %}
<script src="./js/cpu.js" charset="utf-8"></script>
{% endblock %}

{% block content %}

<header class="row">
  <div class="columns twelve u-text-center">
    <h1>Sentry CPU Info</h1>
  </div>
</header>

<section class="row">
  <article class="columns eight">
    <h5>CPU Model: <span id="cpuInfo">Random CPU</span></h5>
    <p><span id="cpuCores">2</span>c/<span id="cpuThreads">4</span>t @ <span id="cpuClock">2.0</span>Ghz</p>
    <p>CPU temperature: <span id="cpuTemp">12</span>&deg;C</p>
  </article>

  <article class="columns four">
    <div id="cpuTempDisplay" class="tempGauge">
      <div class="tempGaugeFill"></div>
    </div>
  </article>
</section>

<section class="row">
  <div class="columns twelve">
    <a href="index.html">Back</a>
  </div>
</section>

{% endblock %}