{% extends "base.html" %}
{% load static %}
{% load bootstrap4 %}

{% block content %}
{% include "navbar.html" %}
<div class="container-fluid">
    <!--left-->
    <div class="col-sm-4">
        <div class="row">
            <div class="col-xs-12">
                <h4>NodeMcu</h4>
                <p>
                    A DIY IoT sensor that exposes temperature/humidity data to Apple HomeKit and MQTT brokers using an ESP8266 (NodeMCU) and BME280 sensor.
                    Details for this project are on <a href="https://github.com/guenthereder/NodeMcuHomekitMqtt" target="_blank">https://github.com/guenthereder/NodeMcuHomekitMqtt</a>.
                    Here is an web installer for the Node Mcu firmware.
                </p>
            </div>
        </div>
    </div><!--/left-->
    <!--center-->
    <div class="col-sm-2">
        <div class="row">
            <div class="col-xs-12">
            </div>
        </div>
        <br>
    </div>
    <!--/center-->
    <!--right-->
    <div class="col-sm-6">
        <p>
            This only works on a chrome base browser.
        </p>
        <br>
        <esp-web-install-button manifest="{{BASE_URL}}{% static 'downloads/manifest.json' %}"></esp-web-install-button>
    </div><!--/right-->
</div><!--/container-fluid-->

{% endblock content %}
{% block scripts %}
                <script
  type="module"
  src="https://unpkg.com/esp-web-tools@10/dist/web/install-button.js?module"
></script>
{% endblock scripts %}