Back

Template Source: awards/awarded_detail.html

{% extends 'base.html' %} {% block title %}{{ object.title }}{% endblock %} {% block header %} {% include 'includes/top_nav.html' with on="awards" %} {% endblock %} {% block extra_css %} <link rel="stylesheet" href="{{ STATIC_URL }}app/css/galleria.classic.css" /> {% endblock %} {% block content %} <div class="content"> <div class="page sub"> {% include 'awards/includes/menu.html' with on="awarded_projects" %} <div class="banner"><img src="{{ object.get_1920x650_url }}" /></div> <div class="container"> <div class="info"> <h1>{{ object.architect }}</h1> <h2>{{ object.project_name }}</h2> <h3>{{ object.location }}</h3> </div><!--/info--> <div id="tab-container" class="tab-container"> <ul class="etabs"> <li class="tab"><a href="#info" class="tab_info">Info<span></span></a></li> {% if object.video.all %}<li class="tab"><a href="#video" class="tab_video">Video</a></li>{% endif %} {% if object.gallery %}<li class="tab"><a href="#gallery" class="tab_gallery">Photo <span>{{ object.gallery.images.count }}</span></a></li>{% endif %} </ul> {% if object.map_iframe %} <p><a href="{% url 'awarded_detail_map' object.year|date:"Y" object.slug %}">Map <span></span></a></p> {% endif %} <div id="info"> <div class="rich">{{ object.rich_content|safe }}</div> {% if object.pdf %}<p class="pdf"><a href="{{ MEDIA_URL }}{{ object.pdf }}" class="link">Download PDF</a></p>{% endif %} <div class="social"> <div class="tw"><a href="http://twitter.com/share?url=http://4tmrw.co.za/&via=4sa4tmrw&text=The AfriSam-SAIA Award&related=:&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div> <div class="fb"><iframe src="http://www.facebook.com/plugins/like.php?locale=en_US&href=http%3A%2F%2F4tmrw.co.za%2F&amp;layout=standard&amp;show-faces=false&amp;width=300&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:300px; height:30px"></iframe></div> </div><!--/social--> </div> {% if object.video.all %} <div id="video"> {% for v in object.video.all %} {{ v.embed|safe }} {% endfor %} </div> {% endif %} {% if object.gallery %} <div id="gallery"> <div id="galleria"> {% for image in object.gallery.images.permitted %} <a href="{{ image.image.url }}"> <img src="{{ image.image.url }}" data-big="{{ image.image.url }}" /> </a> {% endfor %} </div> </div> {% endif %} </div><!--/tab-container--> </div><!--/container--> <div class="base"> {% if object.previous_project %} <p class="prev"> <a href="{{ object.previous_project.get_absolute_url }}"> Prev &nbsp; <span>{{ object.previous_project.title }}</span> </a> </p> {% endif %} {% if object.next_project %} <p class="next"> <a href="{{ object.next_project.get_absolute_url }}"> <span>{{ object.next_project.title }}</span> &nbsp; Next </a> </p> {% endif %} <a href="{% url 'awarded_projects' object.year|date:"Y" %}" class="list"></a> <div class="clear"></div> </div><!--/base--> </div><!--/page--> </div><!--/content--> {% endblock %} {% block bottom_js %} <script src="{{ STATIC_URL }}app/js/libs/jquery.ba-hashchange.min.js"></script> <script src="{{ STATIC_URL }}app/js/libs/jquery.easytabs.min.js"></script> <script src="{{ STATIC_URL }}app/js/libs/galleria-1.3.5.min.js"></script> <script> $('#tab-container').easytabs({animate: false}); $('.tab_map').click(function () { $('#map>iframe').attr('src', $('#map>iframe').attr('src')); }); </script> {% if object.gallery %} <script> Galleria.loadTheme('{{ STATIC_URL }}app/js/libs/galleria.classic.min.js'); Galleria.run('#galleria', { height: parseInt($('#gallery').css('height')), wait: true }); </script> {% endif %} {% endblock %}