{{ define "main" }}

<div class="px-4 py-5 my-5 text-center">
    <img class="d-block mx-auto mb-4" src="/img/logo1_small.png" alt="ahoyDTU logo">
    <h1 class="display-5 fw-bold">{{ .Site.Title }}</h1>
        <div class="col-lg-6 mx-auto">
        <p class="lead mb-4">{{ .Site.Params.homeText | markdownify }}</p>
    </div>
</div>

<div class="b-example-divider"></div>

<div class="container my-5">
    <div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center">
        <div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
            <h1 class="display-4 fw-bold lh-1">Visualization</h1>
            <p class="lead">Read all the values of your Hoymiles® inverter without cloud.<br/>
            Dig deeper into your inverter. All the AC parameters (green area) are read from your inverter. You'll get an extra information field (blue) for each DC input. You're able to monitor your individual panels for shadows or damage.</p>
        </div>
        <div class="col-lg-4 offset-lg-1 p-0 overflow-hidden">
            <img class="rounded-lg-3" src="/img/screenshot/live.png" alt="" width="560">
        </div>
    </div>
</div>

<div class="b-example-divider"></div>

<div class="container col-xl-10 col-xxl-8 px-4 py-5">
    <div class="row align-items-center g-lg-5 py-5">
        <div class="col-lg-4 p-0 overflow-hidden">
            <img class="rounded-lg-3" src="/img/comp/wemosNrf24.png" alt="" width="270">
        </div>
        <div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
            <h1 class="display-4 fw-bold lh-1">Hardware</h1>
            <p class="lead">The hardware consists only of two components: ESP8266 and NRF2401L+ module.<br/>
            As a total hardware cost of 10 - 15€ (depends on distributor) it will be the cheapest part of your photovoltaic system.
            The components can be easily soldered together and flashed using our online flash tool</p>
        </div>
    </div>
</div>

<div class="b-example-divider"></div>

<div class="container my-5">
    <div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center">
        <div class="col-lg-7 p-3 p-lg-5 pt-lg-3">
            <h1 class="display-4 fw-bold lh-1">Connectivity</h1>
            <p class="lead">The Firmware supports MQTT and has an API. All measured values will be published with an individual topic.<br/>
            With MQTT you can use AhoyDTU nearly in all home automatisation systems.<br/>
            The API is based on JSON objects.</p>
        </div>
        <div class="col-lg-4 offset-lg-1 p-0 overflow-hidden">
            <img class="rounded-lg-3" src="/img/comp/connect.png" alt="" width="310">
        </div>
    </div>
</div>

{{ end }}