{% extends "layout.html" %}

{% block css %}
    <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='css/style.css')}}">
{% endblock %}

{% block scripts %}
{% endblock %}

{% block js %}
<script>
    function atWork()   {
        alert("Estem en procés de revisió. Disculpeu les molèsties. Tornem aviat.");
    }
</script>
{% endblock %}

{% block jquery %}
{% endblock %}

{% block style %}
<style>
    .fondo_negro    {
        max-width: 347px;
        background: #000;
        color: #fff;
        margin: 0px 0px 4px 15px;
    }
    
    .fondo_negro h2 {
        font-size: 1.6rem;
        font-style: italic;
    }
    .fondo_negro h3 {
        font-size: 1.4rem;
        font-style: italic;
    }
    .clicable   {
        cursor:pointer;
    }
    
    @media (max-width: 767px) {
        .fondo_negro    {
            max-width: 347px;
            background: #000;
            color: #fff;
            margin: 0px 15px 4px 15px;
        }
    }

</style>
{% endblock %}
{% block body %}
        <div class="row">
            <div class="col-md-12">
                <img class="img-responsive center-block sombra_video" id="heading" src="{{url_for('static', filename='imagenes/cabeceraConLogo.jpg')}}">
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="row fondo_blanco">
                    <div class="col-md-6">
                        <div class="row">
                            <div class="col-md-12 fondo_negro" id="principalVideoTituloDer">
                                <h3><a href="http://www.franz.unibas.ch/institut/mitarbeitende/profil/portrait/person/luedi/" target="_blank">Georges Lüdi</a></h3>
                                <h2>Universitat de Basilea</h2>
                            </div>
                        </div>
                        
                        <div class="row">
                            <div class="col-md-12">
                                {% set media = 'imagenes/' + item.multimedia + ".jpg" %}
                                {% set video = 'imagenes/' + item.multimedia + ".mp4" %}
                                <img id="{{item.multimedia}}" data-video="{{url_for('static', filename=video)}}" class="img-responsive clicable video" src="{{url_for('static', filename=media)}}">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <h2>{{item.titol}}</h2>
                        {{item.text|safe}}
                    </div>
                </div>
            </div>
        </div>
        <!--div class="row">
            <div class="col-md-12">
                <div class="piePagina">
                    <strong>UAB - URV</strong> 
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="piePagina">
                    <a href="http://creativecommons.org/licenses/by-nc-nd/3.0/es/deed.ca" target="_blank" title="Tots els drets reservats"><img class="img-responsive center-block" src="{{url_for('static', filename='imagenes/creative_commons.png')}}" /></a>
                </div>
            </div>
        </div-->
    </div>
{% endblock %}