
<!DOCTYPE html>
<html>

<head>
	<title>TRIA AMB QUI VOLS PARLAR</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" type="text/css" href="/static/forkilla/style8.css">
	
</head>
<body>

<script type="text/javascript" src="/static/forkilla/voice14.js"></script>

<script>

  var opciones = ["Jennifer", "Isabel", "Pausa","pausa","hola", "repite", "repetir", "stop", "continúa", "continuar", "atrás", "María", "0"];
  var text = "Escoje con quien quieres hablar. Dí su nobre, y ella te explicará paso a paso lo que tienes que hacer para rellenar un parte";
  voice_start(opciones, text);
  window.setInterval(function(){
    /// call your function here
    voice_start(opciones, text);
  }, 5000);
  
  window.speechSynthesis.cancel();
  voice_talk(text,"");
</script>

<header>
<div style="padding:15px;text-align:left;color: white;">
  <h1>ESCOJE CON QUIEN TE GUSTARÍA HABLAR</h1>
</div>
</header>

<article>
<div style="row">
  <div class="column" style="text-align: center;">
	<img src="/static/forkilla/fig14.PNG"  alt="AVATAR 1" style="width:250px;height:380px;">	
	
	<form action="{% url 'consejosParte'%}">
	  <input type="hidden" name="triaAvatar" value="María">
      <input type="submit" value=" ESCOGER A MARÍA" >
	</form>
  </div>

  <div class="column" style="text-align: center;">
	<img src="/static/forkilla/fig18.PNG"  alt="AVATAR 2"   style="width:250px;height:380px;">	


	<form action="{% url 'consejosParte'%}">
	  <input type="hidden" name="triaAvatar" value="Jennifer">
      <input type="submit" value=" ESCOGER A JENNIFER" >
	</form>
	
  </div>

  <div class="column"  style="text-align: center;">
  
	<img src="/static/forkilla/fig22.PNG"  alt="AVATAR 3"   style="width:250px;height:380px;">  
	
	<form action="{% url 'consejosParte'%}">
	  <input type="hidden" name="triaAvatar" value="Isabel">
      <input type="submit" value=" ESCOGER A ISABEL" >
	</form>
 
  </div>
</div>
</article>


<footer>

	<div style="text-align: center;float: left;">
		<input type="image" src='/static/forkilla/back.png' onclick='window.location.href = "{% url "index"%}"' style="width:40px;height:40px;margin-top:12px;margin-right:30px;margin-left:50px;"/>
	</div>

	
	<div style="text-align: center;float: none;">
		<input type="image" src='/static/forkilla/pause.png' onclick="pause();" style="width:40px;height:40px;margin-top:12px;margin-right:12px;margin-left:12px;"/>
		<input type="image" src='/static/forkilla/play-button.png' onclick="resume();" style="width:40px;height:40px;margin-top:12px;margin-right:12px;margin-left:12px;"/>
		<input type="image" src='/static/forkilla/replay.png' onclick="voice_talk(text,"");" style="width:40px;height:40px;margin-top:12px;margin-right:12px;margin-left:12px;"/>
		<input type="image" src='/static/forkilla/stop.png' onclick="stop();" style="width:40px;height:40px;margin-top:12px;margin-right:12px;margin-left:12px;"/>
	</div>
	


		
</footer> 


</body>
</html>