{% extends "website/base/base.html" %}
{% load tags_conteudos %}
{% load thumbnail %}


{% block principal %}

            <script>
                $('#menu').find('a#menu_historia').addClass('actual');
            </script>

            <div>
            	<div class="bread"><a href="{% url home-view %}">Arquidiocese de Braga</a> / <a href="{% url historia-view %}">História</a> / Personalidades</div>
              <!--noticia-->
              <div class="titulos">Personalidades</div>
              <div class="espacamento_noticia">
              	
                	<div class="noticia_conteudo">
                    <div>
                    	<!--<p>texto introdutório caso pretendam</p>-->
                    </div>
                         	<div>
                             {% for personalidade in object_list %}
                                <a href="{% url personalidade-view pk=personalidade.id %}">
                                    <div class="left moldura_personalidades">
                                        <div>
                                            {% with x=MEDIA_ROOT|add:personalidade.capa %}
                                                {% thumbnail x "120x180" crop="center" as im %}
                                                    <div class="left">
                                                        <img src="{{ im.url }}" width="120" height="180" />
                                                    </div>
                                                {% endthumbnail %}
                                            {% endwith %}
                                        </div>
                                        <div class="clear"></div>
                                        <div class="nome_personalidade">{{ personalidade.titulo }} </div>
                                    </div>
                                </a>
                             {% endfor %}

                                <div class="clear"></div>
                            </div>

                    </div>
                    <div class="clear"></div>
              </div>
            </div>
            <!--fim das noticias-->
{% endblock principal %}