41 lines
1.9 KiB
HTML
41 lines
1.9 KiB
HTML
{% extends "layout.html" %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<h1 style="margin-bottom:20px;"><strong>Conferencias</strong></h1>
|
|
<div class="col-xs-12">
|
|
<div id="charlas">
|
|
<ul class="nav nav-tabs">
|
|
{% for categoria in charlas %}
|
|
{% set categoria = categoria.categoria %}
|
|
<li class="{{ loop.index == 1 ? 'active' }}"><a data-toggle="tab" href="#{{categoria}}">{{categoria}}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
<div class="tab-content" style="margin-top:20px;">
|
|
{% for lista in charlas %}
|
|
{% set categoria = lista.categoria %}
|
|
<section class="{{ loop.index == 1 ? 'in active' }} tab-pane fade" id="{{categoria}}">
|
|
{% for charla in lista.charlas|sort( (a,b) => a.speaker.nombre|split(' ')[1]<=> b.speaker.nombre|split(' ')[1] ) %}
|
|
<div class="media">
|
|
<div class="media-left media-middle">
|
|
|
|
</div>
|
|
<div class="media-body">
|
|
<h4 style="margin-bottom:10px;" class="media-heading">{{charla.titulo|default('Título:')}}</h4>
|
|
{% if charla.speaker.web %}<a target="_blank" rel="noopener noreferrer" href="{{charla.speaker.web}}">{% endif %}
|
|
<b><span class="glyphicon glyphicon-user" aria-hidden="true"></span>{{" "~charla.speaker.nombre}}{{" - "~charla.speaker.afiliacion|default('')}}</b>
|
|
{{ charla.speaker.web ? '</a>':"" }}
|
|
<p class="abstract">{{charla.abstract|default('Resumen')}}</p>
|
|
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</section>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
{% endblock %}
|