added new front page html / css
This commit is contained in:
parent
6f4e06c6c8
commit
a680a7b8f2
|
|
@ -1,12 +1,17 @@
|
||||||
# Create your views here.
|
# Create your views here.
|
||||||
from api.actions import actions
|
from api.actions import actions
|
||||||
import ox
|
import ox
|
||||||
|
from django.shortcuts import render_to_response
|
||||||
from ox.django.decorators import login_required_json
|
from ox.django.decorators import login_required_json
|
||||||
from ox.django.shortcuts import render_to_json_response, get_object_or_404_json, json_response
|
from ox.django.shortcuts import render_to_json_response, get_object_or_404_json, json_response
|
||||||
from models import Panel
|
from models import Panel
|
||||||
import json
|
import json
|
||||||
|
|
||||||
|
|
||||||
|
def mainPage(request):
|
||||||
|
d = {'title': 'India Theatre Forum'}
|
||||||
|
return render_to_response("noel/home.html", d)
|
||||||
|
|
||||||
def getPage(request):
|
def getPage(request):
|
||||||
'''
|
'''
|
||||||
returns displayed panels as displayed; hidden panels as hidden.
|
returns displayed panels as displayed; hidden panels as hidden.
|
||||||
|
|
|
||||||
382
itf/static/css/noel/main.css
Normal file
382
itf/static/css/noel/main.css
Normal file
|
|
@ -0,0 +1,382 @@
|
||||||
|
|
||||||
|
html, body
|
||||||
|
{height:100%;
|
||||||
|
width:100%;} /*font-squirrel font to be added*/
|
||||||
|
|
||||||
|
body
|
||||||
|
{font-family:'Century Gothic', Helvetica, Arial, 'DejaVu Sans', sans-serif;}/*helvetica put as second font*/
|
||||||
|
|
||||||
|
#header
|
||||||
|
{width:960px;
|
||||||
|
height:140px;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
position:relative;}
|
||||||
|
|
||||||
|
#logo
|
||||||
|
{position:absolute;
|
||||||
|
top:21px;
|
||||||
|
left:4px;}
|
||||||
|
|
||||||
|
#search
|
||||||
|
{width:114px;
|
||||||
|
position:absolute;
|
||||||
|
right:0px;
|
||||||
|
top:11px;
|
||||||
|
border:1px solid #f8f8f8;
|
||||||
|
background:url(img/search-icon.png) no-repeat right;
|
||||||
|
padding:2px;
|
||||||
|
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
||||||
|
font-size:12px;
|
||||||
|
color:#7d7d7d;-moz-border-radius:8px;
|
||||||
|
-webkit-border-radius:8px;
|
||||||
|
border-radius:8px;
|
||||||
|
-moz-box-shadow:inset 2px 2px 6px #d7d7d7;
|
||||||
|
-webkit-box-shadow:inset 2px 2px 6px #d7d7d7;
|
||||||
|
box-shadow:inset 2px 2px 6px #d7d7d7;} /*webkit browsers giving a border on active need to remove. placeholder input text supported by html5 for FF3.7 and webkit, add a shiv? also, search box is sooper light in IE*/
|
||||||
|
|
||||||
|
#homeIcon
|
||||||
|
{display:block;
|
||||||
|
position:absolute;
|
||||||
|
left:391px;
|
||||||
|
top:69px;
|
||||||
|
cursor:pointer;}
|
||||||
|
|
||||||
|
#navMenu
|
||||||
|
{background-color:#FFF;
|
||||||
|
font-size:17px;
|
||||||
|
position:absolute;
|
||||||
|
top:64px;
|
||||||
|
right:0px;
|
||||||
|
z-index:30;
|
||||||
|
cursor:pointer;}
|
||||||
|
|
||||||
|
#navMenu, #navMenu ul
|
||||||
|
{list-style:none;
|
||||||
|
line-height:30px;
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
float:left;}
|
||||||
|
|
||||||
|
#navMenu a
|
||||||
|
{display:block;
|
||||||
|
color:#737373;
|
||||||
|
text-decoration:none;
|
||||||
|
padding:0px 15px;}
|
||||||
|
|
||||||
|
#navMenu li
|
||||||
|
{padding:0;
|
||||||
|
float:left;}
|
||||||
|
|
||||||
|
#navMenu ul
|
||||||
|
{width:200px;
|
||||||
|
line-height:24px;
|
||||||
|
margin:0;
|
||||||
|
position:absolute;
|
||||||
|
left:-999em;
|
||||||
|
height:auto;}
|
||||||
|
|
||||||
|
#navMenu li li
|
||||||
|
{width:200px;
|
||||||
|
border-bottom:1px solid #e0e0e0;
|
||||||
|
text-align:justify;}
|
||||||
|
|
||||||
|
#navMenu li li a
|
||||||
|
{padding:4px 10px;
|
||||||
|
color:#737373;} /*menu may break in IE, add JS hack and one for navigation by keyboard*/
|
||||||
|
|
||||||
|
#navMenu li li:hover
|
||||||
|
{background-color:#e77400;
|
||||||
|
background:-moz-linear-gradient(top, #e77400 0%, #feb200);
|
||||||
|
background:-webkit-gradient(linear, left top, left bottom, from(#e77400), to(#feb200));} /*w/o prefix not mentioned here for a reason?*/
|
||||||
|
|
||||||
|
#navMenu li ul li:hover a, #navMenu li ul li li:hover a, #navMenu li ul li li li:hover a, #navMenu li ul li li li:hover a
|
||||||
|
{color:#ebe9e9;}
|
||||||
|
|
||||||
|
#navMenu li:hover a, #navMenu li.sfhover a
|
||||||
|
{color:#ebe9e9;}
|
||||||
|
|
||||||
|
#navMenu li:hover li a, #navMenu li li:hover li a, #navMenu li li li:hover li a, #navMenu li li li li:hover li a
|
||||||
|
{color:#737373;}
|
||||||
|
|
||||||
|
#navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li:hover ul ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul, #navMenu li.sfhover ul ul ul ul
|
||||||
|
{left:-999em;}
|
||||||
|
|
||||||
|
#navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul, #navMenu li li li li.sfhover ul
|
||||||
|
{left:auto;
|
||||||
|
background-color:#FFF;}
|
||||||
|
|
||||||
|
#navMenu li:hover, #navMenu li.sfhover
|
||||||
|
{background-color:#e77400;
|
||||||
|
background:-moz-linear-gradient(top, #e77400 0%, #feb200);
|
||||||
|
background:-webkit-gradient(linear, left top, left bottom, from(#e77400), to(#feb200));
|
||||||
|
} /*w/o prefix not mentioned here for a reason???*/
|
||||||
|
|
||||||
|
|
||||||
|
#loginMenu
|
||||||
|
{list-style:none;
|
||||||
|
background-color:#FFF;
|
||||||
|
font-size:13px; /*font list ok?, will break if user increases font size?*/
|
||||||
|
color:#ff8400;
|
||||||
|
font-weight:normal;
|
||||||
|
position:absolute;
|
||||||
|
bottom:5px;
|
||||||
|
right:0px;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:2;
|
||||||
|
clear:both;}
|
||||||
|
|
||||||
|
#loginMenu li
|
||||||
|
{display:inline;
|
||||||
|
background-color:#FFF;
|
||||||
|
padding:2px 4px 2px 4px;
|
||||||
|
border:1px solid #e7e7e7;
|
||||||
|
-moz-border-radius-topright:8px;
|
||||||
|
-webkit-border-top-right-radius:8px;
|
||||||
|
border-top-right-radius:8px;
|
||||||
|
-moz-border-radius-topleft:8px;
|
||||||
|
-webkit-border-top-left-radius:8px;
|
||||||
|
border-top-left-radius:8px;
|
||||||
|
-moz-box-shadow:0px -1px 3px #d4d4d4;
|
||||||
|
-webkit-box-shadow:0px -1px 3px #d4d4d4;
|
||||||
|
box-shadow:0px -1px 3px #d4d4d4;}/*not converted to links*/
|
||||||
|
|
||||||
|
#loginMenu li:hover
|
||||||
|
{font-weight:bold;
|
||||||
|
-moz-box-shadow:-4px -2px 8px #d4d4d4;
|
||||||
|
-webkit-box-shadow:-4px -2px 8px #d4d4d4;
|
||||||
|
box-shadow:-4px -2px 8px #d4d4d4;}
|
||||||
|
|
||||||
|
#center
|
||||||
|
{width:100%;
|
||||||
|
height:680px;
|
||||||
|
background:url(img/wood.jpg) repeat;} /*looks different from the PSD*/
|
||||||
|
|
||||||
|
#shadow
|
||||||
|
{width:960px;
|
||||||
|
height:8px;
|
||||||
|
-moz-box-shadow:10px -20px 40px #cccaca;
|
||||||
|
-webkit-box-shadow:10px -20px 40px #cccaca;
|
||||||
|
box-shadow:10px -20px 40px #cccaca;}/*shadow looks darker in safari and of course, doesn't show in IE*/
|
||||||
|
|
||||||
|
.centerContent
|
||||||
|
{width:960px;
|
||||||
|
height:680px;
|
||||||
|
margin-right:auto;
|
||||||
|
margin-left:auto;
|
||||||
|
position:relative;}
|
||||||
|
|
||||||
|
#image
|
||||||
|
{position:relative;
|
||||||
|
float:left;}
|
||||||
|
|
||||||
|
img#bannerImage
|
||||||
|
{-moz-border-radius:8px;
|
||||||
|
-webkit-border-radius:8px;
|
||||||
|
border-radius:8px;
|
||||||
|
margin-top:16px;
|
||||||
|
margin-left:9px;
|
||||||
|
-moz-box-shadow:2px 3px 20px #252425;
|
||||||
|
-webkit-box-shadow:2px 3px 20px #252425;
|
||||||
|
box-shadow: 2px 3px 20px #252425;}/*FF showing top image borders, because of FF 3.6 bug*/
|
||||||
|
|
||||||
|
#textTop
|
||||||
|
{width:300px;
|
||||||
|
font-size:30px; /*character limit? also break in text to be considered*/
|
||||||
|
color:#FFF;
|
||||||
|
line-height:40px;
|
||||||
|
text-align:left;
|
||||||
|
position:absolute;
|
||||||
|
top:116px;
|
||||||
|
padding-left:30px;
|
||||||
|
z-index:3;} /*z-index required?*/
|
||||||
|
|
||||||
|
#textBottom
|
||||||
|
{width:356px;
|
||||||
|
font-size:16px; /*character limit to be specified in js*/
|
||||||
|
line-height:1.4;
|
||||||
|
color:#000;
|
||||||
|
padding:4px 18px;
|
||||||
|
background-color:rgb(234, 234, 234); /*fallback for old browsers*/
|
||||||
|
background-color:rgba(234, 234, 234, 0.7);
|
||||||
|
position:absolute;
|
||||||
|
bottom:20px;
|
||||||
|
margin-left:9px;
|
||||||
|
z-index:4;} /*z-index required?*/
|
||||||
|
|
||||||
|
#buttonBanner
|
||||||
|
{position:absolute;
|
||||||
|
left:438px;
|
||||||
|
bottom:24px;}
|
||||||
|
|
||||||
|
.buttons
|
||||||
|
{width:12px;
|
||||||
|
height:12px;
|
||||||
|
background-color:transparent !important; /*is this right?*/
|
||||||
|
opacity:0.6;
|
||||||
|
z-index:4;
|
||||||
|
margin-top:8px;
|
||||||
|
border:2px inset #FFF;
|
||||||
|
cursor:pointer;}
|
||||||
|
|
||||||
|
.buttons:hover
|
||||||
|
{opacity:0.9;}
|
||||||
|
|
||||||
|
.buttonsSelected
|
||||||
|
{background-color:#e3e2e0;
|
||||||
|
opacity:0.6;}
|
||||||
|
|
||||||
|
.tab
|
||||||
|
{width:230px;
|
||||||
|
height:282px;
|
||||||
|
background-color:#FFF;
|
||||||
|
position:relative;
|
||||||
|
-moz-border-radius:8px;
|
||||||
|
border-radius:8px; /*ok if i don't use webkit prefix? because it works without it on safari/chrome.*/
|
||||||
|
margin-left:9px;
|
||||||
|
-moz-box-shadow:2px 3px 20px #252425;
|
||||||
|
-webkit-box-shadow:2px 3px 20px #252425;
|
||||||
|
box-shadow:2px 3px 20px #252425;}
|
||||||
|
|
||||||
|
#news, #events
|
||||||
|
{margin-top:16px;
|
||||||
|
float:left;}
|
||||||
|
|
||||||
|
#slider
|
||||||
|
{width:960px;
|
||||||
|
height:296px;
|
||||||
|
clear:both;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
padding-top:37px;
|
||||||
|
overflow:hidden;
|
||||||
|
clear:both;}
|
||||||
|
|
||||||
|
#sliderTabs /*at 800 res, we have different probs in different browsers with the tabs, ok to give position absolute to the ul?*/
|
||||||
|
{width:4000px;}
|
||||||
|
|
||||||
|
ul#sliderTabs li
|
||||||
|
{float:left;}
|
||||||
|
|
||||||
|
.tabHeader
|
||||||
|
{font-size:24px;
|
||||||
|
color:#ffb400;
|
||||||
|
text-align:center;
|
||||||
|
margin-top:10px;
|
||||||
|
position:relative;
|
||||||
|
z-index:1;}
|
||||||
|
|
||||||
|
.tabHeader span
|
||||||
|
{font-weight:bold;}
|
||||||
|
|
||||||
|
.textTab
|
||||||
|
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
||||||
|
font-size:12px;
|
||||||
|
color:#000;
|
||||||
|
text-align:justify;
|
||||||
|
padding-left:20px;
|
||||||
|
padding-right:20px;
|
||||||
|
position:absolute;
|
||||||
|
top:178px;}
|
||||||
|
|
||||||
|
a.buttonTab
|
||||||
|
{width:90px;
|
||||||
|
font-size:14px; /*if someone increases their font size, then what?*/
|
||||||
|
color:#FFF;
|
||||||
|
text-align:center;
|
||||||
|
text-decoration:none;
|
||||||
|
padding:2px 3px 5px 3px;
|
||||||
|
background-color:#feb200; /*fallback for old browsers*/
|
||||||
|
background:-moz-linear-gradient(top, #e77400 0%, #feb200);
|
||||||
|
background:-webkit-gradient(linear, left top, left bottom, from(#e77400), to(#feb200)); /*w/o prefix not mentioned here for a reason???*/
|
||||||
|
-moz-border-radius:10px;
|
||||||
|
-webkit-border-radius:10px;
|
||||||
|
border-radius:10px;
|
||||||
|
-moz-box-shadow:1px 2px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);
|
||||||
|
-webkit-box-shadow:1px 2px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);
|
||||||
|
box-shadow:1px 2px 2px rgba(000,000,000,0.7), inset 0px 0px 1px rgba(255,255,255,0.7);
|
||||||
|
text-shadow:0px 0px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);
|
||||||
|
position:absolute;
|
||||||
|
bottom:20px;
|
||||||
|
right:20px;
|
||||||
|
cursor:pointer;
|
||||||
|
z-index:3;}/*looks poor in IE*/
|
||||||
|
|
||||||
|
a.buttonTab:link, a.buttonTab:visited
|
||||||
|
{text-decoration:none;
|
||||||
|
color:#FFF;}
|
||||||
|
|
||||||
|
a.buttonTab:hover
|
||||||
|
{width:90px;
|
||||||
|
font-size:14px;
|
||||||
|
color:#FFF;
|
||||||
|
text-decoration:none;
|
||||||
|
padding:2px 3px 5px 3px;
|
||||||
|
text-align:center;
|
||||||
|
background-color:#e77400; /*fallback for old browsers*/
|
||||||
|
background:-moz-linear-gradient(top, #feb200 0%, #e77400);
|
||||||
|
background:-webkit-gradient(linear, left top, left bottom, from(#feb200), to(#e77400));
|
||||||
|
-moz-border-radius:10px;
|
||||||
|
-webkit-border-radius:10px;
|
||||||
|
border-radius:10px;
|
||||||
|
-moz-box-shadow:0px 3px 10px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
|
||||||
|
-webkit-box-shadow:0px 3px 10px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
|
||||||
|
box-shadow:0px 3px 10px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
|
||||||
|
text-shadow:0px 0px 0px rgba(000,000,000,0.4),0px 1px 0px rgba(255,255,255,0.3);
|
||||||
|
position:absolute;
|
||||||
|
bottom:20px;
|
||||||
|
right:20px;
|
||||||
|
cursor:pointer;}/*needs to made into a link, looks poor IE*/
|
||||||
|
|
||||||
|
a.buttonTab:active
|
||||||
|
{text-decoration:none;
|
||||||
|
color:#FFF;}
|
||||||
|
|
||||||
|
#scriptArchive
|
||||||
|
{background-image:url(img/script-tab.jpg);}
|
||||||
|
|
||||||
|
#itfProjects
|
||||||
|
{background-image:url(img/itf-tab.png);}
|
||||||
|
|
||||||
|
#eRang
|
||||||
|
{background-image:url(img/erang-tab.jpg) no-repeat;}
|
||||||
|
|
||||||
|
#bestPractice
|
||||||
|
{background-image:url(img/best-tab.jpg) no-repeat;}
|
||||||
|
|
||||||
|
#footer
|
||||||
|
{width:960px;
|
||||||
|
margin-left:auto;
|
||||||
|
margin-right:auto;
|
||||||
|
padding-bottom:8px;}
|
||||||
|
|
||||||
|
.footerList
|
||||||
|
{list-style:none;
|
||||||
|
font-family:Arial, 'Century Gothic', 'DejaVu Sans', sans-serif; /*should test the arial font to see how it looks*/
|
||||||
|
font-size:13px;
|
||||||
|
color:#7b7b7b;
|
||||||
|
line-height:16px;
|
||||||
|
padding:14px 24px 46px 24px;
|
||||||
|
float:left;}
|
||||||
|
|
||||||
|
.footerList li
|
||||||
|
{display:block;}
|
||||||
|
|
||||||
|
.footerList a:link, .footerList a:visited
|
||||||
|
{text-decoration:none;
|
||||||
|
color:#7b7b7b;}
|
||||||
|
|
||||||
|
.footerList a:hover
|
||||||
|
{text-decoration:none;
|
||||||
|
color:#515050;}
|
||||||
|
|
||||||
|
.footerList a:active
|
||||||
|
{text-decoration:none;}
|
||||||
|
|
||||||
|
#copyright
|
||||||
|
{font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif;
|
||||||
|
font-size:12px;
|
||||||
|
color:#ffb400;
|
||||||
|
text-align:left;
|
||||||
|
padding-left:22px;
|
||||||
|
clear:both;}
|
||||||
44
itf/static/css/reset.css
Normal file
44
itf/static/css/reset.css
Normal file
|
|
@ -0,0 +1,44 @@
|
||||||
|
/* http://meyerweb.com/eric/tools/css/reset/
|
||||||
|
v2.0 | 20110126
|
||||||
|
License: none (public domain)
|
||||||
|
*/
|
||||||
|
|
||||||
|
html, body, div, span, applet, object, iframe,
|
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||||
|
a, abbr, acronym, address, big, cite, code,
|
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||||
|
small, strike, sub, sup, tt, var,
|
||||||
|
b, u, i, center,
|
||||||
|
dl, dt, dd, ol, ul, li,
|
||||||
|
fieldset, form, label, legend,
|
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||||
|
article, aside, canvas, details, embed,
|
||||||
|
figure, figcaption, footer, header, hgroup,
|
||||||
|
menu, nav, output, ruby, section, summary,
|
||||||
|
time, mark, audio, video {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
font-size: 100%;
|
||||||
|
font: inherit;
|
||||||
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
/* HTML5 display-role reset for older browsers */
|
||||||
|
article, aside, details, figcaption, figure,
|
||||||
|
footer, header, hgroup, menu, nav, section {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
ol, ul {
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
blockquote, q {
|
||||||
|
quotes: none;
|
||||||
|
}
|
||||||
|
blockquote:before, blockquote:after,
|
||||||
|
q:before, q:after {
|
||||||
|
content: '';
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
BIN
itf/static/images/noel/banner-image.jpg
Normal file
BIN
itf/static/images/noel/banner-image.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
141
itf/templates/noel/home.html
Normal file
141
itf/templates/noel/home.html
Normal file
|
|
@ -0,0 +1,141 @@
|
||||||
|
<!DOCTYPE HTML>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||||
|
<title></title>
|
||||||
|
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
|
||||||
|
<link rel="stylesheet" href="/static/css/noel/main.css" type="text/css" />
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="header"> <img src="/static/images/noel/logo.png" width="237" height="118" alt="itf-logo" id="logo">
|
||||||
|
<form id>
|
||||||
|
<input type="text" placeholder="search" name="field" id="search"/>
|
||||||
|
</form>
|
||||||
|
<a href=""><img src="/static/images/noel/home.png" width="16" height="17" alt="home" id="homeIcon"></a>
|
||||||
|
<ul id="navMenu">
|
||||||
|
<li><a href="">Resources</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="">Script Archive</a></li>
|
||||||
|
<li><a href="">Guidelines for Best Practice</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="">Read</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="">Bibliography</a></li>
|
||||||
|
<li><a href="">eRang</a></li>
|
||||||
|
<li><a href="">Publications</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="">Participate</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="">Surveys</a></li>
|
||||||
|
<li><a href="">Offers/Needs</a></li>
|
||||||
|
<li><a href="">Make a suggestion</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li class><a href="">About ITF</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="">India Theatre Forum</a></li>
|
||||||
|
<li><a href="">Projects</a></li>
|
||||||
|
<li><a href="">Events</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="">Support ITF</a>
|
||||||
|
<ul>
|
||||||
|
<li><a href="">Make a donation</a></li>
|
||||||
|
<li><a href="">Volunteer</a></li>
|
||||||
|
<li><a href="">Contribute to eRang</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul id="loginMenu">
|
||||||
|
<li>Login</li>
|
||||||
|
<li>Register</li>
|
||||||
|
<li>Contact Us</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="center">
|
||||||
|
<div id=centerContent" class="centerContent">
|
||||||
|
<div id="shadow">
|
||||||
|
</div>
|
||||||
|
<div id="image"> <img src="/static/images/noel/banner-image.jpg" width="469" height="282"alt="banner-image" id="bannerImage">
|
||||||
|
<p id="textTop">Welcome to the India Theatre Forum </p>
|
||||||
|
<p id="textBottom"> A place where you can come and get, give, share, exchange all sorts of information, ideas, resources and more. </p>
|
||||||
|
<div id="buttonBanner">
|
||||||
|
<div id="buttonOne" class="buttons buttonsSelected"></div>
|
||||||
|
<div id="buttonTwo" class="buttons buttonsSelected"></div>
|
||||||
|
<div id="buttonThree" class="buttons buttonsSelected"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="news" class="tab">
|
||||||
|
<h3 class="tabHeader">NEWS</h3>
|
||||||
|
</div>
|
||||||
|
<div id="events" class="tab">
|
||||||
|
<h3 class="tabHeader">EVENTS</h3>
|
||||||
|
</div>
|
||||||
|
<div id="slider">
|
||||||
|
<ul id="sliderTabs">
|
||||||
|
<li id="scriptArchive" class="tab">
|
||||||
|
<h3 class="tabHeader"> SCRIPT <span>ARCHIVE</span> </h3>
|
||||||
|
<div class="textTab">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </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>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non massa orci. Nam tincidunt vestibulum leo ac lacinia... </p>
|
||||||
|
</div>
|
||||||
|
<a href="" class="buttonTab"> Learn more </a> </li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="footer">
|
||||||
|
<ul id="resources" class="footerList">
|
||||||
|
<a href="">Resources</a>
|
||||||
|
<li><a href="">- Script Archive</a></li>
|
||||||
|
<li><a href="">- Guidelines for Best Practice</a></li>
|
||||||
|
</ul>
|
||||||
|
<ul id="read" class="footerList">
|
||||||
|
<a href="">Read</a>
|
||||||
|
<li><a href="">- Bibliography</a></li>
|
||||||
|
<li><a href="">- eRang</a></li>
|
||||||
|
<li><a href="">- Publications</a></li>
|
||||||
|
</ul>
|
||||||
|
<ul id="participate" class="footerList">
|
||||||
|
<a href="">Participate</a>
|
||||||
|
<li><a href="">- surveys</a></li>
|
||||||
|
<li><a href="">- offers/needs</a></li>
|
||||||
|
<li><a href="">- make a suggestion</a></li>
|
||||||
|
</ul>
|
||||||
|
<ul id="aboutItf" class="footerList">
|
||||||
|
<a href="">About ITF</a>
|
||||||
|
<li><a href="">- India Theatre Forum</a></li>
|
||||||
|
<li><a href="">- projects</a></li>
|
||||||
|
<li><a href="">- events</a></li>
|
||||||
|
</ul>
|
||||||
|
<ul id="supportItf" class="footerList">
|
||||||
|
<a href="">Support ITF</a>
|
||||||
|
<li><a href="">- make a donation</a></li>
|
||||||
|
<li><a href="">- volunteer</a></li>
|
||||||
|
<li><a href="">- contribute to eRang</a></li>
|
||||||
|
</ul>
|
||||||
|
<p id="copyright">© 2011 India Theatre Forum. All Rights Reserved.</p>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -40,6 +40,7 @@ urlpatterns = patterns('',
|
||||||
# (r'x0resources/', 'itfcore.views.resources'),
|
# (r'x0resources/', 'itfcore.views.resources'),
|
||||||
# (r'x0erang/', 'itfcore.views.erang'),
|
# (r'x0erang/', 'itfcore.views.erang'),
|
||||||
# (r'x0profile/', 'itfcore.views.profile'),
|
# (r'x0profile/', 'itfcore.views.profile'),
|
||||||
|
(r'finalTest/', 'boxes.views.mainPage'),
|
||||||
(r'googlehostedservice.html', 'itfcore.views.googlehosted'),
|
(r'googlehostedservice.html', 'itfcore.views.googlehosted'),
|
||||||
|
|
||||||
(r'emailsignuplist', 'festival.views.email_signups'),
|
(r'emailsignuplist', 'festival.views.email_signups'),
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user