{% extends "home/base_home.html" %}

{% block title %}{{ t.hardware.title }} - {{ t.home.hero_title }}{% endblock %}

{% block content %}
<main class="container">
  <hgroup>
    <h1>{{ t.hardware.title }}</h1>
    <p>{{ t.hardware.subtitle }}</p>
  </hgroup>

  <article>
    <h2>{{ t.hardware.pi_title }}</h2>
    <p>{{ t.hardware.pi_text }}</p>
  </article>

  <article>
    <h2>{{ t.hardware.terminal_title }}</h2>
    <p>{{ t.hardware.terminal_text }}</p>
  </article>

  <article>
    <h2>{{ t.hardware.docker_title }}</h2>
    <p>{{ t.hardware.docker_text }}</p>
  </article>

  <article>
    <h2>{{ t.hardware.electronics_title }}</h2>
    <p>{{ t.hardware.electronics_text }}</p>
  </article>

  <article>
    <h2>{{ t.hardware.network_title }}</h2>
    <p>{{ t.hardware.network_text }}</p>
  </article>

  <footer style="margin-top: 3rem;">
    <p>
      <strong>{{ t.hardware.footer_text }}</strong>
      <a href="/{{ lang }}/login">{{ t.hardware.footer_link }} →</a>
    </p>
  </footer>
</main>
{% endblock %}
