---
layout: default
---
<div id="download-page">
  <h1>{{ page.name }}</h1>
  <h3>by {{ page.manufacturer }}</h3>

  <div class="download-section">
    <div class="details">
      <div class="section">
        {% for static_file in site.static_files %}
          {% assign large_image = "/assets/images/boards/large/" | append: page.board_image %}
          {% if static_file.path == large_image %}
            {% assign has_responsive_images = true %}
          {% endif %}
        {% endfor %}
        {% if has_responsive_images %}
          <img src="{{ large_image | relative_url }}" alt="Image of Board">
        {% else %}
          <img src="{{ "/assets/images/boards/original/" | append: page.board_image | relative_url }}" alt="Image of Board">
        {% endif %}
        <p>
          {{ content }}
        </p>
        <h2>Contribute</h2>
        {% if page.blinka == true %}
          <p>Have some info to add for this board? Edit the source for this page <a href="https://github.com/adafruit/circuitpython-org/edit/main/_blinka/{{ page.board_id }}.md">here</a>.</p>
        {% else %}
          <p>Have some info to add for this board? Edit the source for this page <a href="https://github.com/adafruit/circuitpython-org/edit/main/_board/{{ page.board_id }}.md">here</a>.</p>
        {% endif %}
      </div>
    </div>
    <div class="download">
      {% if page.blinka == true %}
        {% include download/blinka.html %}
      {% else %}
        {% include download/board.html %}
      {% endif %}
    </div>
  </div>
</div>

<script src="/assets/javascript/download.js"></script>