{% extends "index.html" %}

<!-- load into index template -->
{% block child %}
<div class="mobile_placeholder">
    <form action="/" method="get">
        <input type="submit">
            <svg class="close" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <defs>
                    <linearGradient id="myGradient" gradientTransform="rotate(90)">
                    <stop offset="5%"  stop-color="#8693AB" />
                    <stop offset="95%" stop-color="#BDD4E7" />
                    </linearGradient>

                    <linearGradient id="myGradient2" gradientTransform="rotate(45)">
                        <stop offset="5%"  stop-color="#BDD4E7" />
                        <stop offset="95%" stop-color="#8693AB" />
                    </linearGradient>
                </defs>

                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
            </svg>
        </form>
    <div class="open">
        {# Test - add language handling#}
        <!-- <div class="box">
        </div> -->
        <div class="content">
            <h2>Tekla</h2>
            <h3>Automatic Biodynamic Gardening for Everyone</h3>
            <p>Tekla is a garden robot that makes automatic and biodynamic farming accessible for everyone.
                The low-tech robot gathers informational and relational data in natural environments.
                Communicating with the TeklApp it determines which organisms work best together in any given environment.
                All Spiders communicate trough the network the Kaos Cube spins.
                Tekla monitors the plants and takes care of their needs until it's time for it to harvest the free organic and local crops.
            </p>
            <a href="/tekla">MORE</a>
        </div>
    </div>

</div>
{% endblock%}
