it/itf/templates/noel/index.html

146 lines
5.9 KiB
HTML
Raw Normal View History

2011-07-15 17:25:00 +00:00
{% extends 'noel/base.html' %}
2011-08-10 11:37:23 +00:00
{% load itftags %}
2011-07-15 17:25:00 +00:00
{% block title %}India Theatre Forum: Home {% endblock %}
{% block extra_head %}
<link rel="stylesheet" type="text/css" href="/static/css/noel/home.css" />
2011-08-01 13:49:19 +00:00
<script type="text/javascript" src="/static/js/frontpage.js"></script>
2011-07-15 17:25:00 +00:00
{% endblock %}
{% block content %}
<div id="center">
<!--<div id="woodPng">
</div>-->
2011-07-15 17:25:00 +00:00
<div id="shadow">
</div>
2011-10-25 10:31:59 +00:00
<div id="centerContent" class="centerContent">
2011-07-15 17:25:00 +00:00
<div id="image">
2011-11-01 02:19:06 +00:00
{% load thumbnail %}
{% for f in front_images %}
2011-12-17 07:32:43 +00:00
{% thumbnail f.image "469x282" crop="center" as im %}
2011-12-17 07:33:59 +00:00
<img src="{{ im.url }}" width="468" height="282" alt="" title="{{ f.caption }}" data-link="{{ f.link }}" class="banner" />
2011-12-17 07:30:15 +00:00
{% endthumbnail %}
2011-11-01 02:19:06 +00:00
{% endfor %}
<!-- <img src="/static/images/noel/banner2.jpg" width="468" height="282" alt="banner-image" id="banner" > -->
2011-10-25 10:31:59 +00:00
<!--<p id="textTop">Welcome to the India Theatre Forum </p>-->
2011-11-01 02:19:06 +00:00
<!-- <p id="textBottom"> A place where you can come and get, give, share, exchange all sorts of information, ideas, resources and more. </p> -->
2011-07-15 17:25:00 +00:00
<div id="buttonBanner">
2011-11-01 02:19:06 +00:00
<div id="button0" class="buttons"></div>
<div id="button1" class="buttons"></div>
<div id="button2" class="buttons"></div>
2011-07-15 17:25:00 +00:00
</div>
</div>
<div id="news" class="tab">
<h3 class="tabHeader">NEWS</h3>
<div id="newsTwitter">
2011-08-09 20:55:46 +00:00
2011-07-15 17:25:00 +00:00
<ul id="selection">
2011-08-03 10:41:19 +00:00
<!--<li class="newsTwitterTab selected">Twitter</li>
<li class="newsTwitterTab selected">Website Updates</li>-->
2011-07-15 17:25:00 +00:00
</ul>
<div id="contentTab">
<ul>
2011-08-01 13:49:19 +00:00
{% for t in tweets %}
2011-10-24 15:37:01 +00:00
<li>{{ t|safe }}</li>
2011-08-01 13:49:19 +00:00
{% endfor %}
2011-10-25 21:50:23 +00:00
2011-08-01 13:49:19 +00:00
<!--
2011-07-15 17:25:00 +00:00
<li>@dootah there's a new play this weekend. <span>bit.ly/xYr3dD</span></li>
<li>@dootah there's a new play this weekend. <span>bit.ly/xYr3dD</span></li>
<li>@dootah there's a new play this weekend. <span>bit.ly/xYr3dD</span></li>
<li>@dootah there's a new play this weekend. <span>bit.ly/xYr3dD</span></li>
<li>@dootah there's a new play this weekend. <span>bit.ly/xYr3dD</span></li>
2011-08-01 13:49:19 +00:00
-->
2011-07-15 17:25:00 +00:00
</ul>
</div>
<div id="triangle">
2011-10-25 10:31:59 +00:00
<div id="triangleNext"><img src="/static/images/noel/previous.jpg"/></div>
<div id="trianglePrevious"><img src="/static/images/noel/next.jpg"/></div>
2011-07-15 17:25:00 +00:00
</div>
</div>
</div>
<div id="events" class="tab">
<h3 class="tabHeader">EVENTS</h3>
2011-12-30 13:26:34 +00:00
<a href="/page/events-coming-soon/" class="buttonTab"> Coming Soon! </a>
2011-07-15 17:25:00 +00:00
</div>
<div id="slider">
<img src="/static/images/noel/arrow-lft.png" width="27" height="39" alt="arrow-left" id="arrowLeft">
<img src="/static/images/noel/arrow-rt.png" width="27" height="39" alt="arrow-right" id="arrowRight">
2011-07-15 17:25:00 +00:00
<ul id="sliderTabs">
2011-08-01 13:49:19 +00:00
{% for b in boxes %}
<li class="tab" style="background-image:url('{{b.image.url}}');background-position:0px {{b.imageTop}}px;">
2011-08-10 11:37:23 +00:00
<h4 class="tabHeader">{% autoescape off %} {{ b.title|format_title }} {% endautoescape %}</h4>
2011-08-01 13:49:19 +00:00
<div class="textTab">
2011-10-25 17:17:11 +00:00
<p><span class="boldText">{{ b.boldText }}</span> {{ b.normalText }} <a href="{{ b.url }}" class="moreTab"> More<img src="/static/images/noel/more-next.jpg" width="16" height="9" class="imageMore" /></a>
2011-10-25 10:31:59 +00:00
</p>
2011-08-01 13:49:19 +00:00
</div>
</li>
{% endfor %}
<!--
2011-07-15 17:25:00 +00:00
<li id="scriptArchive" class="tab">
<h3 class="tabHeader"> SCRIPT <span>ARCHIVE</span> </h3>
<div class="textTab">
<p><span>Browse for scripts and share yours,</span> pick the license that suits you.</p>
</div>
<a href="" class="buttonTab"> Learn more </a>
</li>
<li id="bibliography" class="tab">
<h3 class="tabHeader"> BIBLIOGRAPHY </h3>
<div class="textTab">
<p><span>Reference material,</span> documents and links related to theatre and theatre practice.</p>
</div>
<a href="" class="buttonTab"> Learn more </a>
</li>
<li id="itfProjects" class="tab">
<h3 class="tabHeader"> ITF <span>PROJECTS</span> </h3>
<div class="textTab">
<p><span>What we're about and everything we do.</span> In excruciating detail.</p>
</div>
<a href="" class="buttonTab"> Learn more </a>
</li>
<li id="eRang" class="tab">
<h3 class="tabHeader"> E-<span>RANG</span> </h3>
<div class="textTab">
<p><span>Our fortnightly theatre e-newsletter.</span> Read, subscribe and contribute!</p>
</div>
<a href="" class="buttonTab"> Learn more </a>
</li>
<li id="surveys" class="tab">
<h3 class="tabHeader"> SURVEYS</span> </h3>
<div class="textTab">
<p><span>Fill out our surveys,</span> and help us consolidate theatre data from around India.</p>
</div>
<a href="" class="buttonTab"> Learn more </a>
</li>
<li id="offersNeeds" class="tab">
<h3 class="tabHeader"> OFFERS/<span>NEEDS</span> </h3>
<div class="textTab">
<p><span>Get, give, exchange and share</span> all sorts of information, ideas, resources and more.</p>
</div>
<a href="" class="buttonTab"> Learn more </a>
</li>
<li id="bestPractice" class="tab">
<h3 class="tabHeader"> BEST <span>PRACTICE</span> </h3>
<div class="textTab">
<p><span>Unsure about a situation?</span> Need to know the best way to proceed? Here are some stories & guidelines to help you.</p>
</div>
<a href="" class="buttonTab"> Learn more </a> </li>
2011-08-01 13:49:19 +00:00
-->
2011-07-15 17:25:00 +00:00
</ul>
</div>
</div>
</div>
{% endblock %}