urbstudio/urbstudio/templates/noteworthy.html

106 lines
2.5 KiB
HTML
Executable file

{% extends 'inner.html' %}
{% load thumbnail %}
{% block title %} | Noteworthy {% endblock %}
{% block extra_meta_content %}: Noteworthy {% endblock %}
{% block extra2_head %}
<style type="text/css">
.noteworthy {
padding:30px 0;
overflow:auto;
border-bottom: 1px solid #444;}
.noteworthy:last-child {
padding-bottom:10px;
border-bottom:none;
}
.imgLinkBlock {
float:left;
}
.imgLinks {
padding-right:20px;
/*width:200px;*/
}
.imgLinksExtra {
padding-top: 10px;
}
.imgLinksExtra:nth-of-type(odd) {
padding-right: 20px;
}
.imgNone {
width:200px;
padding-right:20px;
float:left;
background:#000;
}
.noteContentWrapper {
width:360px;
float:right;
}
</style>
{% endblock %}
{% block contentId %}
id="showContent"
{% endblock %}
{% block inner_content %}
{% for n in noteworthy %}
<div class="noteworthy">
<div class="imgLinkBlock">
{% if n.image %}
{% thumbnail n.image "1000" as im_large %}
{% thumbnail n.image "200" as im %}
<a href="{{ im_large.url }}" target="_blank">
<img src="{{ im.url }}" width="200" alt="" class="imgLinks">
</a>
{% endthumbnail %}
{% endthumbnail %}
{% else %}
<div class="imgNone"></div>
{% endif %}
<br />
<div class="imgLinksExtra">
{% for img in n.noteworthyimage_set.all %}
{% thumbnail img.image "1000" as im_large %}
{% thumbnail img.image "80x80" crop="center" as im %}
<a href="{{ im_large.url }}" target="_blank">
<img src="{{ im.url }}" />
</a>
{% endthumbnail %}
{% endthumbnail %}
{% endfor %}
</div>
</div> <!-- imgLinkBlock closing -->
<div class="noteContentWrapper">
<p class="orange"><strong>{% if n.url %} <a href="{{ n.url }}" target="_blank"> {% endif %}{{ n.title }} {% if n.url %}</a> {% endif %}</strong></p>
<br>
<p>{{ n.description|linebreaksbr }}</p>
</div><!-- END NOTE CONTENT WRAPPER -->
<div class="clear"></div>
</div><!--NOTEWORTHY CLOSING -->
{% endfor %}
{% endblock %}