it/itf/templates/emailer/email.html

{% load markup %}
{% load thumbnail %}
<table width="600" border="0" cellspacing="0" cellpadding="0">
  
  <tr>
    	<td style="width:280px; padding:10px;">
    		<img src="/static/images/emailer/logo-erang.jpg" width="151" height="127" alt="erang-logo">
			
    	</td>
        
    	<td style="width:280px; padding:10px;" valign="top">
        	<img src="/static/images/emailer/logoItfSmall.jpg" width="125" height="34" alt="itf-logo" align="right">
        </td>


  </tr>
  
 </table>
  
<table width="600" border="0" cellspacing="0" cellpadding="0">

  <tr>

	<td style="width:290px; padding:0px 10px 0px 10px;border-bottom:2px solid #f8c92d;">
    		<p style="font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:12px; color:#888; padding-bottom:2px; margin-left:8px;">Issue No: {{ issue.issue_no }} <span>&nbsp;&nbsp; {{ issue.date|date:"d-M-Y" }}</span></p>
			
    	</td>
        

    <td style="width:290px; padding:0px 0px 0px 10px; font-size:12px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;border-bottom:2px solid #f8c92d; margin-left:8px">
    	<p style="text-align:right; margin-bottom:4px;"><a href="{{ issue.get_absolute_url }}" style="color:#ffcc00; text-decoration:none;">SUBSCRIBE |</a> <a href="{{ issue.get_absolute_url }}" style="color:#ffcc00; text-decoration:none;">FEEDBACK </a></p> 
   </td>

  </tr>

</table>

<table width="600" border="0" cellspacing="12" cellpadding="1">
  <tr style="vertical-align:top;">
    
     <td style="width:250px; background-color:#f7bd00; color:#fff; padding:10px;">
    	<p style="font-size:16px; text-align:center; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">Web Links</p>
		
    	<p style="font-size:13px; font-family:Arial, Helvetica, sans-serif;  padding-left:6px; padding-right:6px;">Some weblink</p>
        <p style="font-size:13px; font-family:Arial, Helvetica, sans-serif;  padding-left:6px; padding-right:6px;">Some other weblink</p>
    	<p style="text-align:right;"><a href="#weblinks" style="color:#fff; text-decoration:none; font-size:12px;">More &#187;</a></p>
    </td>
    <td style="width:250px; background-color:#f7bd00; color:#fff; padding:10px;">
    	<p style="font-size:16px; text-align:center; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">Bulletin Board</p>
    	<p style="font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-left:6px; padding-right:6px;">Some bb item</p>
        <p style="font-size:13px; font-family:Arial, Helvetica, sans-serif;  padding-left:6px; padding-right:6px;">Some other bb item</p>
    	<p style="text-align:right;"><a href="#bbitems" style="color:#fff; text-decoration:none; font-size:12px;">More &#187;</a></p>
    </td>
        
<!--
    <td style="width:182px; height:142px; background-color:#f7bd00; color:#fff; padding:8px;">
    	<p style="font-size:16px; text-align:center; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">{{ box_title }}</p>
    	<p style="font-size:14px;">{{ box_text }}</p>
    	<p><a href="" style="text-align:right; color:#fff; text-decoration:none; font-size:12px;">More &#187;</a></p>
    </td>

    <td style="width:182px; height:142px; background-color:#f7bd00; color:#fff; padding:8px;">
    	<p style="font-size:16px; text-align:center; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif;">{{ box_title }}</p>
    	<p style="font-size:14px;">{{ box_text }}</p>
    	<p><a href="" style="text-align:right; color:#fff; text-decoration:none; font-size:12px;">More &#187;</a></p>
    </td>
-->
  </tr>
</table>

{% for article in articles %}
<table width="600" border="0" cellspacing="6" cellpadding="1">
  <tr>
    <td style="width:350px;"><p style="font-size:24px; font-weight:normal; color:#ffcc00; text-transform:uppercase; font-family:'Century Gothic', Arial, Helvetica, sans-serif; margin-left:10px;">{{ article.title }}</p></td>
    <td style="width:250px;"><p style="font-size:12px; font-weight:normal; color:#888; font-family:'Century Gothic', Arial, Helvetica, sans-serif; text-align:right;">by: {{ article.author }}</p></td>
  </tr>
</table>

<table>
  <tr>
    <td style="width:600px;">
            {% if article.main_image %}            	

        {% thumbnail article.main_image "570" as im %}
            <img style="display:block;margin:0 auto;border:1px solid #f7c00c;" src="{{ im.url }}" />
        {% endthumbnail %}
        {% endif %}
	    <!-- <img src="/static/images/emailer/logo-erang.jpg" width="151" height="127" alt="theatre-image"  style="display:block; border:1px solid #f7c00c; margin:0 auto;"> -->
   	 	<p style="text-align:center; margin-top:10px; margin-bottom:10px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px;">{{ article.subtitle }}</p>
        
    </td>
  </tr>
  <tr>
    <td style="width:580px; padding:10px 16px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px;">

<p>{{ article.text|markdown }}</p></td>
  </tr>
{% endfor %}  
  
  <tr>
  
  <td style="width:580px; margin:10px 0 10px 0;">
  <p style="padding:8px; margin-left:10px; background-color:#f7bd00; color:#fff; font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;"><a name="weblinks"></a>WEB LINKS</p>
    {% for weblink in weblinks %}
    <h2 style="padding-left:10px;"><a href="{{weblink.url}}" target="_blank" style="color:#ff8400;text-decoration:none;font-size:16px">{{ weblink.title }}</a></h2>
    <div style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left: 10px;">{{ weblink.text|markdown }}</div>
    {% endfor %}    

<!--  <p style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px;">{{ weblinks.text|markdown }}</p> -->
  </td>
  
  </tr>

  <tr>
  <td style="width:580px; margin:10px 0 10px 0;">
  <p style="padding:8px; margin-left:10px; margin-top: 4px;background-color:#f7bd00; color:#fff; font-size:24px; font-family:'Century Gothic', Arial, Helvetica, sans-serif;"><a name="bbitems"></a>BULLETIN BOARD</p>
    {% for bbitem in bbitems %}
    <h2 style="font-family:Arial;font-size:16px;padding-left:10px;color:#888;">{{ bbitem.title }}</h2>
    <div style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-left: 10px;">{{ bbitem.text|markdown }}</div>
    {% endfor %}

<!--  <p style="color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:8px;">{{ bulletinboard.text|markdown }}</p> -->
  </td>
  </tr>
  

  
</table>



<table width="600" border="0" cellspacing="6" cellpadding="1">
  <tr>
    <td style="width:600px; border-bottom:2px solid #f8c92d; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;">
    	<p style="border-bottom:2px solid #f8c92d; border-top:2px solid #f8c92d; padding-top:6px; padding-bottom:6px; padding-top:6px;">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="" style="color:#0066ff; text-decoration:none;">erang@theatreforum.in</a> to know more about how to contribute.</p>
        <p style="padding-bottom:6px;">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="" style="color:#0066ff; text-decoration:none;">www.theatreforum.in</a>. The ITF is currently supported by HIVOS.</p>
	</td>
  </tr>
  <tr>
    <td style="width:600px; color:#888; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;">
    	<p>If you'd prefer not to receive theatre updates and theatre news, simply click here to <a href="" style="color:#0066ff; text-decoration:none;">unsubscribe.</a></p>
    </td>
  </tr>
</table>