{% load i18n %}
<script>
    function vermas(id) {
        if (id == "mas") {
            document.getElementById("desplegar").style.display = "block";
            document.getElementById("mas").style.display = "none";
        } else {
            document.getElementById("desplegar").style.display = "none";
            document.getElementById("mas").style.display = "inline";
        }
    }
</script>
<div class="row" id="theory">
    <div class="col-md-6 " style="text-align: justify; margin-top:60px; font-size:17px;"><br>
        
        <p>{% blocktrans %}En este curso aprenderás a programar robots con visión utilizando el lenguaje Python. Este curso sigue el enfoque de
            "aprender haciendo", interactuar con el robot a base de proyectos como la manera más eficaz de aprender
            realmente. Y además es mucho más divertido que las clases magistrales o simplemente ver videos. Tiene por lo
            tanto un marcado caracter práctico.{% endblocktrans %}</p>
        <p>{% blocktrans %}Cada ejercicio práctico está acompañado de una microteoría que te ayudará a resolverlo. Además se incluyen
            varias unidades de teoría que enseñan los fundamentos y los conceptos básicos necesarios.{% endblocktrans %}</p>
        <a href="#" id="mas" onclick="vermas('mas');">... [{% blocktrans %}leer más{% endblocktrans %}]</a>
        <div id="desplegar" style="display:none;">
         
            <p>{% blocktrans %}Aprenderás como funcionan los sensores del robot y sobre todo a entender como funciona el sensor "cámara" y como ve un robot para detectar colores y objetos.{% endblocktrans %}</p>


            <a href="#" id="menos" onclick="vermas('menos');">... [{% blocktrans %}leer menos{% endblocktrans %}]</a>
        </div>
    </div>
    <div class="col-md-6 ">
        <br>
        <iframe align="center" height="35%" src="https://www.youtube.com/embed/7bZQSXQSlTA" width="100%">
        </iframe>
        <br><br>
        <a href="https://youtube.com/playlist?list=PL62wx7HQaVaVt6-MOm2wKNvQ7db-tC6kB">
            <button>{% trans "Videos del curso" %}</button>
        </a>
    </div>
</div>