{%extends "base"%}
{%block title %}Cannabinieri | Home {%endblock title %}
{%block head%}
{{super()}}
<link rel="stylesheet" type="text/css" href="css/index.css" />
{%endblock head%}
{{super()}}
{%block content%}
<div class="banner">
    <h6><a href="/contact">Unterstütze</a> eine Node mit €20. <br id="small_screen">Und sichere dir eines unserer ersten CBD Öle !</h6>
</div>
<div class="container">
<div class="height">
        <div class="link" id="hemp">
            <button id="b_1">
                <a>i</a>
            </button>
            <div class ="sub_container" id="c_1">
                <p>{{ hemp["de"] }}<br><b><a href="/hemp">Hanf</a></b>ist unglaublich vielseitig.<br> Deshalb bauen wir ihn an. <br>Konsequent biologisch.</p>
            </div>
        </div>
        <div class="link" id="permapp">
            <button id="b_2">
                <a>i</a>
            </button>
            <div class ="sub_container" id="c_2">
                <p> Die <b><a href="/spider/permapp">PermApp</a></b> ist das Informations Netz der Spinnen.<br> Informationen für eine skalierbare Alternative zur heutigen Monokultur.<br> Bevor es zu spät ist.</p>
            </div>
        </div>
        <div class="link" id="spider">
            <button id="b_3">
                <a>i</a>
            </button>
            <div class ="sub_container" id="c_3">
                <p> Unsere <b><a href="/spider">Spinne</a></b> beginnt bereits zu Kartografieren.<br> In 3D. Low-Tech.<br> Unterstütze unsere Vision.<br> Damit das remote farming zur Realität wird.</p>
            </div>
        </div>
        <div class="link" id="cube">
            <button id="b_4">
                <a>i</a>
            </button>
            <div class ="sub_container" id="c_4">
                <p> Die Spinne braucht den <b><a href="/cube">Kaos Cube</a></b><br> Der Cube spannt ein verschlüsseltes Netz der Privatsphäre. Er rechnet Modelle für die Spinne dezentral aus.</p>
            </div>
        </div>
        <div class="link" id="offgrid">
            <button id="b_5">
                <a>i</a>
            </button>
            <div class ="sub_container" id="c_5">
                <p> Die Systeme der individuellen Automation brauchen Energie. <br>Mit Recycling, Dezentralität, Einfachheit und Erneuerbarkeit erzeugen wir sie und gehen <b><a href="/offgrid">offgrid.</a></b></p>
            </div>
        </div>
        <div class="link" id="cyber">
            <button id="b_6">
                <a>i</a>
            </button>
            <div class ="sub_container" id="c_6">
                <p> Wir bauen an einer kybernetischen Maschine, die den Konsumenten zum <b><a href="/cyberpreneur">Cyberpreneur</a></b> macht.<br> Die Spinne virtualisiert die Farm zu einem Game.</p>
            </div>
        </div>
        <div class="link" id="machina">
            <button id="b_7">
                <a>i</a>
            </button>
            <div class ="sub_container" id="c_7">
                <p> Die <b><a href="/offgrid/wohnmaschine">WohnMaschine</a></b> bringt den Geist von Hundertwasser ins 21. Jahrhundert.<br> Gerade Linien sind für Maschinen gemacht, nicht für Menschen.</p>
            </div>
        </div>
        <div class="link" id="miner">
            <button id="b_8">
                <a>i</a>
            </button>
            <div class ="sub_container" id="c_8">
                <p>Die Sonne gibt uns mehr Energie als wir verwerten können.<br> Wir nutzen diesen Energieabfall und unterstützen als <b><a href="/offgrid/miner">GPU Miner</a></b> die Verbreitung dezentraler Währungen.</p>
            </div>
        </div>
    </div>
</div>
{%endblock content%}