Corrected template loading and css.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>OCR</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" language="JavaScript">
function check(form) {
var ext = form.sourcefile;
ext = ext.substring(ext.length-3,ext.length);
ext = ext.toLowerCase();
if(ext != 'txt') {
alert('You selected a .'+ext+
' file; please select a .jpg file instead!');
return false; }
else
return true; }
</script>
</head>
<body>
<div id="header">
<div id="logo">
<h1><a href="#">Spoken Tutorials Competition</a></h1>
<h2><a href="http://fossee.in/">By IITB</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contribute</a></li>
<li><a href="#">About</a></li>
<li class="last"><a href="#">Contact</a></li>
</ul>
</div>
</div>
<!-- start page -->
<div id="page">
<!-- start content -->
<div id="content">
<p class="center">
{% block content %}
{% if value %}
Mind Your Privacy!<br/>
Don't post your confidential data.<br/>
<form class = "center" method="post" action="." enctype="multipart/form-data">
{{form.as_p}}
<input type="submit" value="Upload" id="submit"/>
</form>
{% else %}
You Uploaded:<br/>
<form class = "center" method="post" action="/ocr/download/">
{{form.as_p}}
<input type="submit" value="Download Content" id="submit"/>
</form>
{% endif %}
{% endblock %}
</p>
</div>
<!-- end content -->
<div style="clear: both;"> </div>
</div>
<!-- end page -->
<div id="footer">
<p class="legal">©2008 All Rights Reserved.</p>
<p class="credit">Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p>
</div>
</body>
</html>