it/itf/templates/erang/home.html

169 lines
3.9 KiB
HTML
Raw Normal View History

2010-08-01 21:50:16 +00:00
{% extends 'base.html' %}
{% block head %}
<title>India Theatre Forum - {{ current_issue.title }}</title>
2010-08-01 21:50:16 +00:00
<script type="text/javascript">
$(document).ready(function() {
$('#subscribeForm').submit(function(e) {
e.preventDefault();
var email = $('#email').val();
$('#subscribeBtn').attr("disabled", "disabled").text("Subscribing...");
$.post("/erang/subscribe/", {
'email': email
}, function(response) {
$('#subscribe').slideUp("slow", function() {
$(this).addClass("response").html("<b>" + email + "</b>" + " has been subscribed to eRang. Thanks!");
$(this).slideDown("slow");
});
});
});
$('#commentForm').submit(function(e) {
e.preventDefault();
$('#commentSubmit').attr("disabled", "disabled").text("Submitting...");
$.post("/erang/postfeedback/", {
'name': $('#commentName').val(),
'email': $('#commentEmail').val(),
'comment': $('#commentComment').val(),
'issue': document.title
}, function(response) {
$('#commentWrapper').slideUp("slow", function() {
$(this).addClass("response").html("Your feedback has been emailed to us at erang" + "@" + "theatreforum.in. Thanks!");
$(this).slideDown("slow", function() {
$(document).scrollTop($(document).height());
});
});
});
});
});
</script>
<style type="text/css">
body {
}
#leftMenu {
float: left;
width: 200px;
margin-top: 250px;
}
#wrapper {
width: 1000px;
margin-left: auto;
margin-right: auto;
background: #fff;
}
#newsletterContent {
width: 780px;
float: left;
margin-left: 15px;
}
#commentTable {
width: 100%;
}
.label {
text-align: right;
width: 30%;
}
#commentComment {
width: 400px;
height: 250px;
}
.newsletterList a {
text-decoration: none;
}
.newsletterList li {
margin-bottom: 4px;
2010-08-29 17:30:58 +00:00
list-style-type: none;
}
2010-08-01 21:50:16 +00:00
.response {
font-size: 11px;
text-align: center;
color: #363636;
}
2010-08-01 22:38:56 +00:00
ul {
2010-08-29 17:42:25 +00:00
padding: 0px;
padding-left: 4px;
2010-08-01 22:38:56 +00:00
}
2010-08-01 22:38:56 +00:00
h3 {
padding: 0px;
margin-bottom: 4px;
}
.homeLink a {
text-decoration: none;
}
.date {
color: #808080;
font-style: italic;
font-size: 10px;
}
2010-08-01 21:50:16 +00:00
</style>
{% endblock %}
{% block body %}
<div id="leftMenu">
<div class="homeLink">
2010-08-29 17:39:42 +00:00
<h3><img src="/static/images/favicon.ico" title="India Theatre Forum" alt="" /> <a href="/" title="India Theatre Forum Home">&nbsp;Home</a> </h3>
</div>
2010-08-01 21:50:16 +00:00
<h3>Past Issues:</h3>
<ul class="newsletterList">
{% for p in past_issues %}
<li>
<a href="?issue_id={{p.id}}">{{ p.title }}</a>
<br />
<span class="date">{{ p.date|date:"d M Y" }}</span>
</li>
2010-08-01 21:50:16 +00:00
{% endfor %}
</ul>
<div id="subscribe">
<h3>Subscribe:</h3>
<form id="subscribeForm">
<input id="email" name="email" data-placeholder="E-Mail" /><br />
<button id="subscribeBtn">Subscribe!</button>
</form>
</div>
</div>
<div id="newsletterContent">
{% autoescape off %}
{{ current_issue.html }}
{% endautoescape %}
<div id="commentWrapper">
2010-08-01 22:38:56 +00:00
<h3>Comments and Feedback</h3>
2010-08-01 21:50:16 +00:00
<a name="comments"></a>
<form id="commentForm" action="">
<table id="commentTable">
<tr>
<td class="label">Name:</td>
<td><input name="commentName" id="commentName" /></td>
</tr>
<tr>
<td class="label">Email:</td>
<td><input name="commentEmail" id="commentEmail" /></td>
</tr>
<tr>
2010-08-01 22:38:56 +00:00
<td class="label">Comment:</td>
2010-08-01 21:50:16 +00:00
<td><textarea name="commentComment" id="commentComment"></textarea></td>
</tr>
<tr>
<td class="label"></td>
<td><button id="commentSubmit">Submit</button></td>
</tr>
</table>
</form>
</div>
</div>
{% endblock %}