updated templates for emailer

This commit is contained in:
Sanj 2011-12-06 18:15:46 +05:30
parent 7c19bf520f
commit 17c3e29bf6
3 changed files with 266 additions and 0 deletions

View File

@ -13,6 +13,20 @@ class EmailerIssue(ItfModel):
class Meta: class Meta:
ordering = ['-issue_no'] ordering = ['-issue_no']
def info_dict(self):
return {
'issue': self,
'weblinks': Weblink.objects.filter(issue=self),
'articles': EmailerArticle.objects.filter(issue=self),
'bbitems': BulletinBoardItem.objects.filter(issue=self)
}
def list_dict(self):
return {
'id': self.id,
'title': self.title
}
class EmailerArticle(models.Model): class EmailerArticle(models.Model):
issue = models.ForeignKey(EmailerIssue) issue = models.ForeignKey(EmailerIssue)

View File

@ -0,0 +1,186 @@
#wrapperEmailer {
width:570px;
padding:20px;
background:#fff;
}
.clear {
clear:both;
}
/* HEADER EMAILER*/
#headerEmailer {
position:relative;
width:570px;
}
#logoItfSmall {
margin-left:10px;
margin-top:16px;
}
#issueNo, #issueDate {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:14px;
margin-left:10px;
}
#emailerDescription {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:14px;
color:#fff;
width:60%;
background-color:#f7bd00;
padding:8px;
margin-top:6px;
}
#logoImg {
position:absolute;
top:10px;
right:0px;
}
#navEmailer {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-weight:bold;
margin-left:20px;
margin-right:20px;
margin-top:20px;
border-bottom:2px solid #f7bd00;
padding-bottom:10px;
}
#navEmailer li {
list-style:none;
text-transform:uppercase;
display:inline;
}
#navEmailer li a {
color:#f7bd00;
text-decoration:none;
}
/* HEADER EMAILER CLOSING */
/* ------------------------------- */
/* CONTENT */
#contentEmailer {
width:570px;
margin:0 auto;
}
.contentBoxes {
background-color:#f7bd00;
color:#fff;
text-align:center;
width:164px; /* fixed, can be changed*/
height:130px; /* fixed, can be changed, character limit accordingly*/
margin-top:10px;
margin-left:5px;
margin-right:5px;
margin-bottom:20px;
padding:8px;
float:left;
position:relative;
}
.contentBoxes h1 {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:16px;
margin-bottom:8px;
text-transform:uppercase;
}
.contentBoxes p {
text-align:justify;
padding:4px;
}
.contentBoxes a {
color:#fff;
text-decoration:none;
}
.contentBoxesMore {
position:absolute;
right:8px;
bottom:8px;
}
.articleTitle {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:24px;
color:#f7bd00;
text-transform:uppercase;
}
.articleImg {
margin-top:10px;
}
.articleImg img {
display:block;
border:1px solid #f7bd00;
max-width:550px; /* SUBJECT TO CHANGE*/
margin:0 auto;
}
.articleCaption {
text-align:center;
margin-top:10px;
margin-bottom:20px;
}
.articleText p {
margin-bottom:8px;
}
/* CONTENT EMAILER CLOSING */
/* ------------------------------- */
/* FOOTER EMAILER*/
#footerEmailer {
margin-top:30px;
margin-left:20px;
margin-right:20px;
text-align:center;
}
#footerEmailer a {
color:#0066ff;
text-decoration:none;
}
#footerEmailer p {
padding:8px;
}
#footerEmailer p:first-child {
border-bottom:2px solid #f7bd00;
}
#footerEmailer p:last-child {
border-top:2px solid #f7bd00;
padding-bottom:30px;
} /* last child don't work with IE8 also, have added JS libraries; will test when site goes live */
/* FOOTER EMAILER CLOSING */
/* ------------------------------- */

View File

@ -0,0 +1,66 @@
<div id="wrapperEmailer">
<div id="headerEmailer">
<img src="logoItfSmall.jpg" width="125" height="34" alt="logo-itf-small" id="logoItfSmall"><!-- LOGO ITF SMALL -->
<p id="issueNo">Issue No: {{ issue_no }}</p><!-- ISSUE NO CLOSING -->
<p id="issueDate">{{ issue_date }}</p><!-- ISSUE DATE 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 -->
<img src="logo-erang.jpg" width="151" height="127" alt="logo-erang" id="logoImg"><!-- LOGO IMG -->
<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><!-- HEADER EMAILER CLOSING -->
<div id="contentEmailer">
<div class="contentBoxes">
<h1>{{ box_title }}</h1>
<p>{{ box_text }}</p>
<p class="contentBoxesMore"><a href="">More &#187;</a></p>
</div><!-- CONTENT BOXES CLOSING -->
<div class="contentBoxes">
<h1>{{ box_title }}</h1>
<p>{{ box_text }}</p>
<p class="contentBoxesMore"><a href="">More &#187;</a></p>
</div><!-- CONTENT BOXES CLOSING -->
<div class="contentBoxes">
<h1>{{ box_title }}</h1>
<p>{{ box_text }}</p>
<p class="contentBoxesMore"><a href="">More &#187; </a></p>
</div><!-- CONTENT BOXES CLOSING -->
<div class="clear"></div>
<div class="articleEmailer">
<div class="articleTitle">{{ article_title }}</div><!-- ARTICLE TITLE CLOSING -->
<div class="articleImg"><img src="logo-erang.jpg" width="151" height="127"></div><!-- ARTICLE IMAGE CLOSING -->
<div class="articleCaption">{{ article_caption }}</div><!-- ARTICLE CAPTION CLOSING -->
<div class="articleText">{{ article_text|markdown }}</div>
</div><!-- ARTICLE EMAILER CLOSING -->
</div><!-- CONTENT EMAILER CLOSING -->
<div id="footerEmailer">
<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>