{% load static %} <!-- Load static files -->
{% load i18n %}
{% block content %}

<div class="modal fade" id="velocityControlPillModal" tabindex="-1" role="dialog" aria-labelledby="velocityControlPillLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
                	<span aria-hidden="true">&times;</span>
            	</button>
                <h3 class="modal-title" id="velocityControlPillLabel">{% trans "Seguir la línea negra usando el control de velocidad en Scratch" %}</h3>
            </div>
            <div class="modal-body" style="padding: 0px">
				<div id="loading_page" class="col-xs-12 loading-page">
					<div id="presentation_column" width="100%" height="100%" frameBorder="0" style="padding: 20px; max-height: 100%;">
						<div class="row" id="theory-title"  style="text-align: justify; font-size:20px;">
							<div class="col-md-12">
								<p> {% trans "Seguir la línea negra usando sólo los bloques con comandos de posición (avanza 2 metros, gira 15 grados a la derecha...) es complicado." %}
                  {% trans "El robot va dando tumbos, arrancando, parando, gira demasiado... El control no va nada fino. Una manera más apropiada de hacerlo es emplear los bloques de control en velocidad, donde al robot le damos la velocidad de avance o retroceso y la de giro (por ejemplo avanza a 2m/s o gira a 0.001 radianes/s). Si lo pensamos despacio, esta sería la manera en la que nosotros guiaríamos a un amigo que estuviera conduciendo el robot para seguir la línea: 'si con los dos sensores ves la línea negra avanza rápido, si sólo ves negro por la derecha gira despacio hacia la derecha hasta que veas la línea negra de nuevo con los dos sensores...' Usando estos bloques con cuidado y buscando las velocidades más adecuadas seguro que consigues que tu robot siga la línea de manera más fluída y sin perderla." %}
								</p>
								<div class="col-md-12 " id="theory-container">
									<h2>{% trans "Puedes  verlo en el siguiente vídeo:" %} </h2><br>
									<p style="text-align: center;">
										<iframe style="width:100%; height:50%;" src="https://www.youtube.com/embed/1TWF28Ip4wk"></iframe>
									</p>
									<p style="text-align:center">{% trans "¿Tienes alguna duda? Pregunta en nuestro" %} <a href="https://foro.kibotics.org/"><strong>{% trans "Foro" %}</strong></a>
                                        <br>
                                    </p>
								</div>
							</div>
						</div>
					</div>
				</div>
            </div>
            <div class="modal-footer"></div>
        </div>
    </div>
</div>

{% endblock %}