<commit_before>{% extends "biblioteca/base.html" %}

{% load staticfiles%}
{% load i18n %}
{% load thumbnail %}
{% load embed_video_tags %}

{% block titulo %}
	:: {% trans 'cambia ahora' %}::
{% endblock titulo %}
{% block extra_js %}
<script src="/static/cambiaahora/js/audiojs/audio.min.js"></script>
<script>
      $(function() {
        // Setup the player to autoplay the next track
        var a = audiojs.createAll({
          trackEnded: function() {
            var next = $('ol li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.addClass('playing').siblings().removeClass('playing');
            audio.load($('a', next).attr('data-src'));
            audio.play();
          }
        });

        // Load in the first track
        var audio = a[0];
            first = $('ol a').attr('data-src');
        $('ol li').first().addClass('playing');
        audio.load(first);

        // Load in a track on click
        $('ol li').click(function(e) {
          e.preventDefault();
          $(this).addClass('playing').siblings().removeClass('playing');
          audio.load($('a', this).attr('data-src'));
          audio.play();
        });
        // Keyboard shortcuts
        $(document).keydown(function(e) {
          var unicode = e.charCode ? e.charCode : e.keyCode;
             // right arrow
          if (unicode == 39) {
            var next = $('li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.click();
            // back arrow
          } else if (unicode == 37) {
            var prev = $('li.playing').prev();
            if (!prev.length) prev = $('ol li').last();
            prev.click();
            // spacebar
          } else if (unicode == 32) {
            audio.playPause();
          }
        })
      });
</script>
{% endblock extra_js %}
{% block contenido %}

<section class="rev_slider_wrapperc main-slider">
	<div  class="rev_slider banner-slider">
		<ul>

			<!-- SLIDE  -->
			<li data-transition="random" data-slotamount="7" data-masterspeed="500" >
				<!-- MAIN IMAGE -->

				<img src="/static/biblioteca/img/1.jpg" alt="banner" data-bgfit="cover" data-bgposition="center 36%" data-bgrepeat="no-repeat">
				<!--Start Primer mensaje-->
			</li>
			<li data-transition="random" data-slotamount="7" data-masterspeed="500" >
				<img src="/static/biblioteca/img/2.JPG" alt="banner" data-bgfit="cover" data-bgposition="center 36%" data-bgrepeat="no-repeat">
			</li>
			<li data-transition="random" data-slotamount="7" data-masterspeed="500" >
				<img src="/static/biblioteca/img/3.jpg" alt="banner" data-bgfit="cover" data-bgposition="center 36%" data-bgrepeat="no-repeat">
			</li>
		</ul>
	</div>
</section>
<!-- banner slider End Here -->
<section class="busqueda">
	<div class="container">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<h3>Búsqueda</h3>
		</div>
		<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
			<form class="form-wrapper" action="/biblioteca/busqueda/" method="get">
			    <input type="text" placeholder="Búsqueda libre" name="q" required>
			    <button type="submit">Buscar</button>
			</form>
		</div>
		<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
		<!-- <a href="" data-modal="#modal" class="modal__trigger">Selecionar Tema</a> -->
			<div class="dropdown toggle">
				<input id="t1" type="checkbox">
				<label for="t1">Selecione tema</label>
				<ul>
					{% for tema in temas %}
						<li><a href="#">{{tema}}</a></li>
					{% endfor %}
				</ul>
			</div>
		</div>
	</div>


</section>
<div class="arrow-down"></div>
<div class="container">
	<section class="temas-index">
		<section class="content-wrapper container" id="page-info">
					<div class="row shortcode-page">
						<!-- Side NavBar Start Here -->
						<div class="col-xs-12 col-md-3">
							<nav class="side-nav">
								<ul class="nav" role="tablist">
									<li class="title-tab">
										<span class="fa fa-bars"></span>Contenido

									</li>
									<li class="active">
										<a href="#pdf" aria-controls="pdf" role="tab" data-toggle="tab"><i class="fa fa-angle-double-right bullet-arrow"></i>PDF</a>

									</li>
									<li>
										<a href="#documental" aria-controls="documental" role="tab" data-toggle="tab"><i class="fa fa-angle-double-right bullet-arrow"></i>Documentales</a>
									</li>
									<li>
										<a href="#audio" aria-controls="audio" role="tab" data-toggle="tab"><i class="fa fa-angle-double-right bullet-arrow"></i>Audio</a>
									</li>
									<li>
										<a href="#video" aria-controls="video" role="tab" data-toggle="tab"><i class="fa fa-angle-double-right bullet-arrow"></i>Video</a>
									</li>

								</ul>
							</nav>
						</div>
						<!-- Side NavBar End Here -->
						<!-- Blockquote Section Start Here -->



								<!-- Tab panes -->
								<div class="tab-content col-xs-12 col-md-9 content-tabs">

									<div role="tabpanel" class="tab-pane fade in active" id="pdf">
										<h2 class="h4 page-header">Documentos en PDF de {{la_guia}}</h2>
										<div class="row">
											{% for pdf in la_guia.adjuntos_set.all %}
											<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 docpdf">
												<img src="http://placehold.it/255x330">
												<a class="descargar-pdf hvr-icon-sink-away" href="/media/{{pdf.archivo}}">Descargar
												</a>
											</div>
											{% endfor %}
										</div>

									</div>
									<div role="tabpanel" class="tab-pane fade" id="documental">
										<div class="row">
											<div class="video-play col-md-9">
												<div class="video-r">
													<div class="video-icon">
							              <i class="fa fa-lg fa-video-camera"></i>
							            </div>
													<div class="thumbnail embed-vedio">
													{% for vd in la_guia.documentales_set.all|slice:":1" %}
														<div class="embed-responsive embed-responsive-16by9">
														 {% video vd.documental query="autoplay=1" as video %}
															<img  src="{{ video.thumbnail }}" width="600" height="400" alt="Click to play" data-video="{{video.url}}"/>
														 {% endvideo %}
														</div>
													{% endfor %}
													</div>
												</div>
											</div>
											<div class="video-lista col-md-3">
												<figure>
												{% for vd in la_guia.documentales_set.all%}
												<a href="#home{{forloop.counter}}" data-toggle="tab">
													{% video vd.documental as video %}
														<img src="{{ video.thumbnail }}" width="170" height="100" alt="">
													{% endvideo %}
												</a>
												{% endfor %}
												</figure>
											</div>
										</div>

									</div>
									<div role="tabpanel" class="tab-pane fade" id="audio">
										<h2 class="h4 page-header">Audios para {{la_guia}}</h2>
										<div class="col-xs-12 reproductor">

								      		<audio preload></audio>
								      		<div class="track-details">

	    									</div>

										</div>
										<div class="col-xs-12 playlist-audio">
											<ol class="list-group">
												{% for audio in la_guia.audios_set.all %}
													<li class="list-group-item">
														<span class="fa"></span><commit_msg>agrengan tabs<commit_after>{% extends "biblioteca/base.html" %}

{% load staticfiles%}
{% load i18n %}
{% load thumbnail %}
{% load embed_video_tags %}

{% block titulo %}
	:: {% trans 'cambia ahora' %}::
{% endblock titulo %}
{% block extra_js %}
<script src="/static/cambiaahora/js/audiojs/audio.min.js"></script>
<script>
      $(function() {
        // Setup the player to autoplay the next track
        var a = audiojs.createAll({
          trackEnded: function() {
            var next = $('ol li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.addClass('playing').siblings().removeClass('playing');
            audio.load($('a', next).attr('data-src'));
            audio.play();
          }
        });

        // Load in the first track
        var audio = a[0];
            first = $('ol a').attr('data-src');
        $('ol li').first().addClass('playing');
        audio.load(first);

        // Load in a track on click
        $('ol li').click(function(e) {
          e.preventDefault();
          $(this).addClass('playing').siblings().removeClass('playing');
          audio.load($('a', this).attr('data-src'));
          audio.play();
        });
        // Keyboard shortcuts
        $(document).keydown(function(e) {
          var unicode = e.charCode ? e.charCode : e.keyCode;
             // right arrow
          if (unicode == 39) {
            var next = $('li.playing').next();
            if (!next.length) next = $('ol li').first();
            next.click();
            // back arrow
          } else if (unicode == 37) {
            var prev = $('li.playing').prev();
            if (!prev.length) prev = $('ol li').last();
            prev.click();
            // spacebar
          } else if (unicode == 32) {
            audio.playPause();
          }
        })
      });
</script>
{% endblock extra_js %}
{% block contenido %}

<section class="rev_slider_wrapperc main-slider">
	<div  class="rev_slider banner-slider">
		<ul>

			<!-- SLIDE  -->
			<li data-transition="random" data-slotamount="7" data-masterspeed="500" >
				<!-- MAIN IMAGE -->

				<img src="/static/biblioteca/img/1.jpg" alt="banner" data-bgfit="cover" data-bgposition="center 36%" data-bgrepeat="no-repeat">
				<!--Start Primer mensaje-->
			</li>
			<li data-transition="random" data-slotamount="7" data-masterspeed="500" >
				<img src="/static/biblioteca/img/2.JPG" alt="banner" data-bgfit="cover" data-bgposition="center 36%" data-bgrepeat="no-repeat">
			</li>
			<li data-transition="random" data-slotamount="7" data-masterspeed="500" >
				<img src="/static/biblioteca/img/3.jpg" alt="banner" data-bgfit="cover" data-bgposition="center 36%" data-bgrepeat="no-repeat">
			</li>
		</ul>
	</div>
</section>
<!-- banner slider End Here -->
<section class="busqueda">
	<div class="container">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
		<h3>Búsqueda</h3>
		</div>
		<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
			<form class="form-wrapper" action="/biblioteca/busqueda/" method="get">
			    <input type="text" placeholder="Búsqueda libre" name="q" required>
			    <button type="submit">Buscar</button>
			</form>
		</div>
		<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6">
		<!-- <a href="" data-modal="#modal" class="modal__trigger">Selecionar Tema</a> -->
			<div class="dropdown toggle">
				<input id="t1" type="checkbox">
				<label for="t1">Selecione tema</label>
				<ul>
					{% for tema in temas %}
						<li><a href="#">{{tema}}</a></li>
					{% endfor %}
				</ul>
			</div>
		</div>
	</div>


</section>
<div class="arrow-down"></div>
<div class="container">
	<section class="temas-index">
		<section class="content-wrapper container" id="page-info">
					<div class="row shortcode-page">
						<!-- Side NavBar Start Here -->
						<div class="col-xs-12 col-md-3">
							<nav class="side-nav">
								<ul class="nav" role="tablist">
									<li class="title-tab">
										<span class="fa fa-bars"></span>Contenido

									</li>
									<li class="active">
										<a href="#pdf" aria-controls="pdf" role="tab" data-toggle="tab"><i class="fa fa-angle-double-right bullet-arrow"></i>PDF</a>

									</li>
									<li>
										<a href="#documental" aria-controls="documental" role="tab" data-toggle="tab"><i class="fa fa-angle-double-right bullet-arrow"></i>Documentales</a>
									</li>
									<li>
										<a href="#audio" aria-controls="audio" role="tab" data-toggle="tab"><i class="fa fa-angle-double-right bullet-arrow"></i>Audio</a>
									</li>
									<li>
										<a href="#video" aria-controls="video" role="tab" data-toggle="tab"><i class="fa fa-angle-double-right bullet-arrow"></i>Video</a>
									</li>

								</ul>
							</nav>
						</div>
						<!-- Side NavBar End Here -->
						<!-- Blockquote Section Start Here -->



								<!-- Tab panes -->
								<div class="tab-content col-xs-12 col-md-9 content-tabs">

									<div role="tabpanel" class="tab-pane fade in active" id="pdf">
										<h2 class="h4 page-header">Documentos en PDF de {{la_guia}}</h2>
										<div class="row">
											{% for pdf in la_guia.adjuntos_set.all %}
											<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 docpdf">
												<img src="http://placehold.it/255x330">
												<a class="descargar-pdf hvr-icon-sink-away" href="/media/{{pdf.archivo}}">Descargar
												</a>
											</div>
											{% endfor %}
										</div>

									</div>
									<div role="tabpanel" class="tab-pane fade" id="documental">
										<div class="row">
										<div role="tabpanel">
											<!-- Nav tabs -->
											
										
											<!-- Tab panes -->
											<div class="tab-content col-xs-12 col-md-9">
												<div role="tabpanel" class="tab-pane active" id="home">
											
													<div class="video-play">
														<div class="video-r">
															<div class="embed-vedio">
															{% for vd in la_guia.documentales_set.all|slice:":1" %}
																<div class="embed-responsive embed-responsive-16by9">
																 {% video vd.documental query="autoplay=1" as video %}
																	<img  src="{{ video.thumbnail }}" width="600" height="400" alt="Click to play" data-video="{{video.url}}"/>
																 {% endvideo %}
																</div>
															{% endfor %}
															</div>
														</div>
													</div>
												</div>
											</div>
											<ul class="nav col-xs-12 col-md-3" role="tablist">
											{% for vd in la_guia.documentales_set.all%}
												<li role="presentation" class="active">
													<a href="#home{{forloop.counter}}" data-toggle="tab">
													{% video vd.documental as video %}
														<img src="{{ video.thumbnail }}" width="170" height="100" alt="">
													{% endvideo %}
													</a>
												</li>
											{% endfor %}
											</ul>
										</div>

										</div>

									</div>
									<div role="tabpanel" class="tab-pane fade" id="audio">
										<h2 class="h4 page-header">Audios para {{la_guia}}</h2>
										<div class="col-xs-12 reproductor">

								      		<audio preload></audio>
								      		<div class="track-details">

	    									</div>

										</div>
										<div class="col-xs-12 playlist-audio">
											<ol class="list-group">
												{% for audio in la_guia.audios_set.all %}
													<li class="list-group-item">
														<span class="fa"></span>
{'fraction_non_alphanumeric': 0.19032170856988376, 'fraction_numerical': 0.013246823465801569, 'mean_word_length': 2.032172131147541, 'pattern_counts': {'":': 2, '<': 303, '<?xml version=': 0, '>': 303, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6592925', 'n_tokens_mistral': 6760, 'n_tokens_neox': 4803, 'n_words': 971}