{% load markup %}
<link rel="stylesheet" href="/static/css/modules/emailer.css" />
<div id="wrapperEmailer">

	<div id="headerEmailer">

		<img src="/static/images/emailer/logo-erang.jpg" width="151" height="127" alt="logo-erang" id="logoImg"><!-- LOGO IMG -->

		<img src="/static/images/emailer/logoItfSmall.jpg" width="125" height="34" alt="logo-itf-small" id="logoItfSmall"><!-- LOGO ITF SMALL -->		
        <div class="clear"></div>
        <p id="issueNo">Issue No: {{ issue.issue_no }}<span id="issueDate">{{ issue.date|date:"d-M-Y" }}</span></p><!-- ISSUE NO CLOSING -->
		
		<!--<p id="emailerDescription">A fortnightly theatre e-journal from the India Theatre Forum<br>Co-Editors: Vikram Iyengar, Joyoti Roy</p><!-- EMAILER DESCRIPTION CLOSING -->
        
		<div id="navEmailer">
			<li><a href="">Subscribe |</a></li>
			<li><a href="">Feedback </a></li>
			<!--<li><a href="">Bulletin Board |</a></li>
			<li><a href="">Links</a></li>-->
		</div><!--NAV EMAILER CLOSING -->
	
    <div class="clear"></div>
    
    </div><!-- HEADER EMAILER CLOSING -->

	<div id="contentEmailer">

		<div class="contentBoxes">
			<h1>WEB LINKS</h1>
            {% for weblink in weblinks %}
            <p>{{ weblink.title|truncatewords:6 }}</p>
            {% endfor %}
            <p class="contentBoxesMore"><a href="#weblinks">More &#187;</a></p>
		</div><!-- CONTENT BOXES CLOSING -->

		<div class="contentBoxes">
			<h1>BULLETIN BOARD</h1>
            {% for bbitem in bbitems %}
                <p>{{ bbitem.title|truncatewords:6 }}</p>
            {% endfor %}
            <p class="contentBoxesMore"><a href="#bbitems">More &#187;</a></p>
		</div><!-- CONTENT BOXES CLOSING -->

        </div><!-- CONTENT BOXES CLOSING -->

	    <div class="clear"></div>
        
		<div class="articleEmailer">
            {% for article in articles %}
			<div class="articleTitle">{{ article.title }}</div>
            <div class="articleAuthor">by: {{ article.author }}</div><!-- ARTICLE TITLE CLOSING -->

			<div class="clear"></div>
            	
			<div class="articleImg"><img src="logo-erang.jpg" width="151" height="127"></div><!-- ARTICLE IMAGE CLOSING -->
			<div class="articleCaption">{{ article.subtitle }}</div><!-- ARTICLE CAPTION CLOSING -->
			<div class="articleText">{{ article.text|markdown }}</div>
            {% endfor %}
        </div><!-- ARTICLE EMAILER CLOSING -->

		<div class="contentLinks">
        	<a name="weblinks"></a><h1>WEB LINKS</h1>
            {% for weblink in weblinks %}
            <h2><a href="{{weblink.url}}" target="_blank">{{ weblink.title }}</a></h2>
            <p>{{ weblink.text|markdown }}</p>
            {% endfor %}
        </div><!-- WEB LINKS CLOSING -->

		<div class="contentLinks">
        	<a name="bbitems"></a><h1>BULLETIN BOARD</h1>
            {% for bbitem in bbitems %}
            <h2>{{ bbitem.title }}</h2>
            <p>{{ bbitem.text|markdown }}</p>
            {% endfor %}
        </div><!-- WEB LINKS CLOSING -->


	</div><!-- CONTENT EMAILER CLOSING -->

	<div id="footerEmailer">
    	<p>A fortnightly theatre e-journal from the India Theatre Forum<br>
		 Co-Editors: Vikram Iyengar, Joyoti Roy</p>
        <p>Views expressed in the articles in e-Rang are personal.<br>
        e-Rang does not hold copyright of any piece.<br>
		Any enquiry for re-use of articles should be addressed to the authors.</p>
        <p>Contribute your articles to e-Rang and become part of this theatre community! Email us at <a href="">erang@theatreforum.in</a> to know
more about how to contribute..</p>
		<p>The India Theatre Forum (ITF), a Prithvi Theatre initiative, was formed in 2006 as a loose 
association of theatre people coming together in the larger interests of theatre. For more on the ITF, please visit 
<a href="">www.theatreforum.in</a>. The ITF is currently supported by HIVOS.</p>

<p>If you'd prefer not to receive theatre updates and theatre news, simply click here to <a href="">unsubscribe.</a></p>
    
    </div><!-- FOOTER EMAILER CLOSING -->

</div>