merged

mofca/recipes/views.py

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

mofca/settings.py

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

mofca/static/css/main.css

@@ -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;}

mofca/static/css/reset.css

@@ -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;
+}

mofca/templates/test/index.html

@@ -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>

mofca/urls.py

@@ -1,16 +1,27 @@
 from django.conf.urls.defaults import *
-
+import settings
+from os.path import join
 # Uncomment the next two lines to enable the admin:
 from django.contrib import admin
 admin.autodiscover()
 
+
 urlpatterns = patterns('',
     # Example:
     # (r'^mofca/', include('mofca.foo.urls')),
     (r'^$', 'recipes.views.index'),
+    (r'^test$', 'recipes.views.test'),
     # Uncomment the admin/doc line below to enable admin documentation:
     (r'^admin/doc/', include('django.contrib.admindocs.urls')),
 
     # Uncomment the next line to enable the admin:
     (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")}),
+#
+)