added test template

This commit is contained in:
Karen 2011-08-21 01:03:51 +05:30
parent bb1a94635e
commit 9e00a44597
26 changed files with 542 additions and 1 deletions

View File

@ -1,5 +1,9 @@
# Create your views here. # Create your views here.
from django.http import HttpResponseRedirect from django.http import HttpResponseRedirect
from django.shortcuts import render_to_response
def index(request): def index(request):
return HttpResponseRedirect("http://blog.mofca.in") return HttpResponseRedirect("http://blog.mofca.in")
def test(request):
return render_to_response("test/index.html", {})

View File

@ -2,10 +2,12 @@
import os import os
from os.path import join from os.path import join
PROJECT_ROOT = os.path.dirname(__file__) PROJECT_ROOT = os.path.dirname(__file__)
DEBUG = True DEBUG = True
TEMPLATE_DEBUG = DEBUG TEMPLATE_DEBUG = DEBUG
LOCAL_DEVELOPMENT = False
ADMINS = ( ADMINS = (
# ('Your Name', 'your_email@domain.com'), # ('Your Name', 'your_email@domain.com'),

315
mofca/static/css/main.css Normal file
View File

@ -0,0 +1,315 @@
html, body
{width:100%; /*HTML5 shiv to be added*/
height:100%;}
/*layout breaks at 800px!!!!*/
/*code needs to be validated*/
body
{background-image:url(../img/pattern8.png);
background-attachment:fixed;
font-family:Georgia, "Times New Roman", Times, serif;} /*font squirrel font to be added*/
.wrapper
{min-height:100%;}
#logo
{margin-top:24px;
margin-left:20px;} /*this is taking the top margin of nav. because it's inline? display:block dont work*/
.navMain
{position:absolute;
top:48px;
left:200px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
z-index:150;}
.navMain li
{position:relative;
display:inline;
float:left;}
.navMain li a
{color:#0c4d89;
text-decoration:none;
padding:10px;
margin-right:20px;}
.navMain li a:hover, .navMain ul li a, .navMain li:hover > a
{background:#e3e3e3; /* fallback for old browsers */
background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,209,209,1) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(209,209,209,1))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%); /* Opera11.10+ */
background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%); /* IE10+ */
background:linear-gradient(top, rgba(255,255,255,1) 0%,rgba(209,209,209,1) 100%); /* W3C */}
.navMain li ul
{display:block;
height:0;
width:340px;
overflow:hidden;
opacity:0;
position:absolute;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;}
.navMain li li
{display:list-item;
list-style:none;padding:12px 0; /*was originally 10 0*/
float:none;}
.navMain li:hover ul
{height:auto;
opacity:1;
margin:10px 0;
display:block;
width:340px;}
.navMain ul li a:hover
{color:#e3e3e3;
background:rgb(12,77,137); /* fallback for old browsers */
background:-moz-linear-gradient(top, rgba(12,77,137,1) 0%, rgba(84,117,54,1) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,77,137,1)), color-stop(100%,rgba(84,117,54,1))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, rgba(12,77,137,1) 0%,rgba(84,117,54,1) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, rgba(12,77,137,1) 0%,rgba(84,117,54,1) 100%); /* Opera11.10+ */
background:-ms-linear-gradient(top, rgba(12,77,137,1) 0%,rgba(84,117,54,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(12,77,137,1) 0%,rgba(84,117,54,1) 100%); /* W3C */}
.clear
{clear:both;}
#columns
{width:86%;
margin:0 auto;
color:#547536;
margin-top:28px;
overflow:hidden;
/*overflow-y:auto; i had to do this for sticky footer to fix a damn FF bug that was showing horizontal scrollbar on footer, i hope its ok, i'mnot sure if IE 6 accepts overflow-x hidden, the question is, do we care*/
padding-bottom:120px;}
#col1
{width:65%;
position:relative;
/*background: rgb(12,77,137);*/
margin-right:10px;
float:left;
z-index:130;}
#col1 hgroup
{text-align:left;
margin-left:0px;}
#col1 hgroup h1
{font-size:72px;
background-color:rgba(254, 254, 254, 0.4);
padding-left:10px;
padding-right:10px;
display:inline-block;} /*is this ok*/
#col1 hgroup h2
{font-size:24px;
line-height:28px;
border-left:10px solid rgba(254, 254, 254, 0.4);
} /*why doesn't padding work here? because it's inline?*/
#col1 hgroup h2 span
{background-color:rgba(254, 254, 254, 0.4);}
hgroup h3
{font-size:24px;
background-color:rgba(254, 254, 254, 0.4);
margin-top:24px;
padding:6px;
display:inline-block;}
#basket
{margin-left:0px;
margin-top:20px;
position:relative;}
#basketBottom
{position:absolute;
top:130px;
z-index:50;}
#basketTop
{position:absolute;
top:236px;
left:10px;
z-index:100;}
#basketRecipe
{position:absolute;
top:80px;
left:340px;
z-index:60;
color:#b4131b;
cursor:pointer;} /*COMES FROM THE BACKEND, please change*/
#featuredRecipe
{font-size:12px;
position:absolute;
top:40px;
left:28px;
z-index:60;
padding-bottom:6px;
border-bottom:1px solid #b4131b;
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);
transform: rotate(-6deg);}
#recipeName
{font-size:20px;
position:absolute;
top:68px;
left:64px;
z-index:60;
-webkit-transform: rotate(-6deg);
-moz-transform: rotate(-6deg);}
#vegLeft
{position:absolute;
top:160px;
left:70px;
z-index:80;}
#vegCenter
{position:absolute;
top:150px;
left:200px;
z-index:70;}
#vegRight
{position:absolute;
top:0px;
left:490px;
z-index:80;}
#col2
{width:300px;
float:right;
/*background-color:#C09;*/
z-index:120;
margin-left:10px;}
#meetFarmer
{position:relative;
width:300px;
margin-bottom:14px;}
#meetFarmer figcaption
{position:absolute;
bottom:2px; /*WHY LIKE THIS?*/
right:0px;
font-size:24px;
background-color:rgba(254, 254, 254, 0.6);}
.sectionsRight
{width:280px;
background-color:rgba(254, 254, 254, 0.4);
margin-top:16px;
margin-bottom:16px;
padding:10px;}
.sectionsRight h1
{font-size:24px;
margin-bottom:10px;} /*line-heights need to be more*/
#eventsSection ul li
{font-size:18px;
margin-bottom:10px;}
.eventsTime
{font-size:14px;
color:#343434;}
.sectionsRightLink
{font-size:14px;
margin-top:10px;
cursor:pointer;}
.input
{-moz-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px;
box-shadow: rgba(0,0,0, 0.3) 0px 0px 8px 3px;
background-color:rgba(254, 254, 254, 0.1);
outline:none;}
.submit
{border:none;
background:rgb(12,77,137); /* Old browsers */
background:-moz-linear-gradient(top, rgba(12,77,137,1) 0%, rgba(84,117,54,1) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(12,77,137,1)), color-stop(100%,rgba(84,117,54,1))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, rgba(12,77,137,1) 0%,rgba(84,117,54,1) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, rgba(12,77,137,1) 0%,rgba(84,117,54,1) 100%); /* Opera11.10+ */
background:-ms-linear-gradient(top, rgba(12,77,137,1) 0%,rgba(84,117,54,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(12,77,137,1) 0%,rgba(84,117,54,1) 100%); /* W3C */
color:#e3e3e3;
padding:3px 14px;
margin-left:4px;}
.submit:hover
{-moz-box-shadow: 0px 0px 8px #000;
-webkit-box-shadow:0px 0px 8px #000;
box-shadow: 0px 0px 8px #000;}
#blogSection article
{margin-top:10px;} /*are the time zones in the html accurate???? and the usage of time, datetime, pubdate, only done it for the first article*/
.titleText
{font-size:18px;
cursor:pointer;} /*want cursor pointer over the whole article????*/
.titleText:hover
{border-bottom:1px dotted #547536;}
.postText
{font-size:14px;
color:#343434;}
.postText:after /*SANJ, have used generated content, JS libraries shd take care of it for old IE versions, but it says ::after, so it should take care of the problem?*/
{content: "...";}
#blogSection article time
{font-size:10px;
color:#343434;}
footer
{width:84%;
margin:0 auto;
height:120px; /*change padding bottom in columns if u change this, for it's for the sticky footer*/
font-family:Georgia, "Times New Roman", Times, serif; /*to be changed*/
background-color:rgba(254, 254, 254, 0.4);
color:#0c4d89;
font-size:13px;
padding-top:16px;
padding-bottom:16px;
padding-left:1%;
padding-right:1%;
margin-top:-120px;
position:relative;}
footer h1
{font-size:24px;}
footer h2
{font-size:13px;
padding-bottom:20px;}
footer ul
{width:33%;
float:left;}
footer ul li a /*this will override default colors for active and visited links? appears to be working.*/
{color:#0c4d89;
font-size:13px;
line-height:20px;
text-decoration:none;
outline:none;
cursor:pointer;
border-bottom:1px solid transparent;}
footer ul li a:hover
{border-bottom:1px dotted #0c4d89;}

View 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
mofca/static/img/bhindi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

BIN
mofca/static/img/dudhi.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
mofca/static/img/dudhis.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
mofca/static/img/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

BIN
mofca/static/img/rss.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 527 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 57 KiB

BIN
mofca/static/img/tokri.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

BIN
mofca/static/img/tokri.psd Normal file

Binary file not shown.

View File

@ -0,0 +1,165 @@
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" href="/static/css/reset.css" type="text/css" />
<link rel="stylesheet" href="/static/css/main.css" type="text/css" />
</head>
<body>
<div class="wrapper">
<header>
<img src="/static/img/logo.png" width="171" height="73" alt="logo-mofca" id="logo">
<nav>
<ul class="navMain">
<li><a href="#">Hari Bhari Tokri</a>
<ul class="navSubs">
<li><a href="#">What's HBT?</a></li>
<li><a href="#">Where: Pickup & Delivery</a></li>
<li><a href="#">This season's vegetables</a></li>
<li><a href="#">Meet the farmers</a></li>
</ul>
</li>
<li><a href="#">Recipes</a>
<ul class="navSubs">
<li><a href="#">Find a recipe</a></li>
<li><a href="#">Add a recipe</a></li>
</ul>
</li>
<li><a href="#">Events</a></li>
<li><a href="#">Resources</a>
<ul class="navSubs">
<li><a href="#">Food questions</a></li>
<li><a href="#">Farming questions</a></li>
<li><a href="#">Ask a question</a></li>
<li><a href="#">Our friends/partners</a></li>
</ul>
</li>
</ul>
</nav>
<div class="clear"></div>
</header>
<div id="columns">
<div id="col1">
<hgroup>
<h1>Hari Bhari Tokri</h1>
<h2><span>is a weekly selection of organic vegetables gathered by &nbsp;<br/>Mofca &#150; the Mumbai Organic Farmers & Consumers &nbsp;<br/> Association. Mouse over the vegetables in this week's tokri &nbsp;<br/>for nutrition information, recipes, and more. &nbsp;</span>
</h2>
<h3>Monsoon 2011, Tokri 1</h3>
</hgroup>
<div id="basket">
<div id="basketTop"><img src="/static/img/tokri-tops.png" width="677" height="177" alt="basket-top"></div>
<div id="basketBottom"><img src="/static/img/tokri.png" width="729" height="325" alt ="tokri"></div>
<div id="basketRecipe"><img src="/static/img/recipe-cards.png" width="265" height="182" alt="recipe-card"><!--this is a large png 24 file needs to be reduced in size-->
<p id="featuredRecipe">THIS WEEK'S FEATURED RECIPE</p>
<p id="recipeName">Gongura Pickle</p>
</div>
<div id="vegLeft"><img src="/static/img/brinjal.png" width="187" height="155" alt="brinjal"></div>
<div id="vegCenter"><img src="/static/img/bhindis.png" width="240" height="214" alt="brinjal"></div>
<div id="vegRight"><img src="/static/img/dudhis.png" width="188" height="394" alt="dudhi"></div>
</div>
</div>
<div id="col2">
<figure id="meetFarmer">
<img src="/static/img/farmer-chandrakant-b.jpg" width="300" height="300" alt="chandrakant-bokade" id="farmer">
<figcaption>
<p>Meet the Farmer:</p>
<p>Chandrakant Bokade</p>
</figcaption>
</figure>
<section id="eventsSection" class="sectionsRight">
<h1>Join our upcoming events</h1>
<ul>
<li><span class="titleText">Farm visit </span><span class="eventsTime">Sunday, July 24, Bhiwandi</span></li>
<li><span class="titleText">Tokri distribution </span><span class="eventsTime">Thursday, July 28</span></li>
</ul>
<p class="sectionsRightLink">See all events &rsaquo;</p>
</section>
<section id="newsletterSection" class="sectionsRight">
<h1>Sign up for our newsletter</h1>
<form action="" method="post">
<input type="email" placeholder="you@domain.org" class="input">
<input type="submit" class="submit">
</form>
<p class="sectionsRightLink">Newsletter archives &rsaquo;</p>
</section>
<section id="blogSection" class="sectionsRight">
<h1>Tokri Talk from our blog</h1>
<article><span class="titleText">Ambadi</span> <span class="postText">Unrelated to Cannabis &#150; except in the shape of the leaves</span> <time datetime="2011-07-17T10:30:20+05:30" pubdate>July 17 10:30am</time></article>
<article><span class="titleText">Ambadi</span> <span class="postText">Unrelated to Cannabis &#150; except in the shape of the leaves. Those leaves are pretty</span><time><!--Sanjay do the same in the backend for these for time datetime--> July 12 10:30am</time></article>
<article><span class="titleText">Ambadi</span> <span class="postText">Unrelated to Cannabis &#150; except in the shape of the leaves</span> <time><!--Sanjay do the same in the backend for these for time datetime-->June 10 5:00am</time></article>
<p class="sectionsRightLink">Blog archives &rsaquo;</p>
</section>
</div>
</div>
<div class="clear"></div>
</div>
<footer>
<hgroup>
<h1>Mofca</h1>
<h2>Mumbai Organic Farmers & Consumers Association</h2>
</hgroup>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Get Involved</a></li>
</ul>
<ul>
<li><a href="#">Frequently asked questions</a></li>
<li><a href="#">Food questions</a></li>
<li><a href="#">Farmer questions</a></li>
</ul>
<ul>
<li><a href="#"><img src="/static/img/rss.png" width="12" height="12" alt="rss-icon"> RSS</a> &nbsp; &nbsp;<a href="#"><img src="/static/img/facebook-icon.png" width="14" height="14 alt="facebook-icon"> Facebook</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Newsletter</a></li>
</ul>
</footer>
</div>
</body>
</html>

View File

@ -1,16 +1,27 @@
from django.conf.urls.defaults import * from django.conf.urls.defaults import *
import settings
from os.path import join
# Uncomment the next two lines to enable the admin: # Uncomment the next two lines to enable the admin:
from django.contrib import admin from django.contrib import admin
admin.autodiscover() admin.autodiscover()
urlpatterns = patterns('', urlpatterns = patterns('',
# Example: # Example:
# (r'^mofca/', include('mofca.foo.urls')), # (r'^mofca/', include('mofca.foo.urls')),
(r'^$', 'recipes.views.index'), (r'^$', 'recipes.views.index'),
(r'^test$', 'recipes.views.test'),
# Uncomment the admin/doc line below to enable admin documentation: # Uncomment the admin/doc line below to enable admin documentation:
(r'^admin/doc/', include('django.contrib.admindocs.urls')), (r'^admin/doc/', include('django.contrib.admindocs.urls')),
# Uncomment the next line to enable the admin: # Uncomment the next line to enable the admin:
(r'^admin/', include(admin.site.urls)), (r'^admin/', include(admin.site.urls)),
) )
if settings.LOCAL_DEVELOPMENT:
#
urlpatterns += patterns('',
#
(r'^static/(?P<path>.*)$', 'django.views.static.serve', {'document_root': join(settings.PROJECT_ROOT, "static")}),
#
)