{% extends "base.html" %}
{# Hardware Lab from the browser: run a sketch on the virtual board (with the
   parts of one of the Lab's rigs or scenarios if wanted), see the Lab's
   Physical World read-only, check and install the libraries a sketch needs,
   watch a serial port, and the compiler. Real boards are flashed from the
   Lab on the PC, never from here. #}
{% block title %}Hardware Lab{% endblock %}
{% block page_id %}hardware{% endblock %}
{% block head %}
<style>
  .hw-code { min-height: 260px; font-size: 13px; tab-size: 2; }
  .hw-serial { max-height: 300px; }
  .hw-pinwave { display: block; width: 100%; height: 26px; }
  .hw-parts { width: auto; max-width: 100%; }
  .hw-trend { width: 40%; min-width: 120px; }
  .hw-section { margin: 18px 2px 8px; font-size: 16px; }
  .hw-ok { color: var(--ok, #3fb950); margin-top: 3px; }
  .hw-bad { color: var(--bad, #f85149); margin-top: 3px; }
</style>
{% endblock %}
{% block content %}
<div class="a-page-head">
  <h1><i class="fa-solid fa-microchip" aria-hidden="true"></i> Hardware Lab</h1>
  <div class="a-sub">Arduino sketches run on AidaIDE's virtual board: nothing is flashed. The Physical World tab shows the Lab's rigs and scenarios, and a run can wire up their parts. Libraries install into the PC's Arduino setup, so the Lab's compiler sees them too. Python device scripts run in the Hardware Lab on the PC.</div>
</div>
<div id="hw-root"></div>
{% endblock %}
{% block scripts %}
<script src="{{ aida_rel('static/js/hardware.js') }}"></script>
{% endblock %}