{% 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;
}

.imgLinkBlock a {
border: none;
}

.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 "92x92" 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 %}

