{% extends 'layout.twig' %}

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

{% block content %}

<header class="row">
  <div class="columns twelve u-text-center">
    <h1>GPU Info</h1>
    <select id="gpuSelector"></select>
  </div>
</header>

<section class="row">
  <h5>GPU Model: <span id="gpuInfo">Random GPU</span></h5>
  <p>Vendor: <span id="gpuVendor">N/a</span></p>
  <p>GPU Memory: <span id="gpuVram">N/a</span></p>
  <p>Bus: <span id="gpuBus">N/a</span></p>
</section>

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

{% endblock %}