pixels_for_food / templates / base.html

<html lang="en">
	<title>{% block title %}Pixels for Food{% endblock %}</title>
	<meta name="keywords" content="food, donations, food drive, virtual food drive" />
	<meta name="description" content="Buy food for people who need it." />
	<link href='includes/css/FFOP.css' rel='stylesheet' type='text/css' media='all'>		
	<link rel="icon" href="faviconFFOP.ico" />
	<script type="text/javascript" src="/js/nav.js"></script>

	<script type="text/javascript" src="/js/jquery-1.2.3.pack.js"></script>
	<script type="text/javascript" src=""></script>
  <script language='javascript' type='text/javascript' src='includes/js/jquery-1.2.6.min.js'></script>
  <script language='javascript' type='text/javascript' src='includes/js/jquery-ui-personalized-1.6rc4.min.js'></script>   	

{% block header%}
{% endblock %}
    <div id="toptopBar">
<div id="toptopBar_Content">
  <a href="javascript:void(0)" onClick="goToByScroll('about')">ABOUT</a> | 
  <a href="javascript:void(0)" onClick="goToByScroll('faq')">FAQ</a> | 
  <a href="#contact">CONTACT</a></p>

<div id="topBar">
<div id="topBar_Content">
<a href="/" id="rollover2"><span>Pixels For Food</span></a>
<a href="/" id="rollover1"><span>Directions</span></a>

{% block content %}
{% endblock %}
<div id="bottombottomBar">
<div id="bottombottomBar_Content">

<div id="who">
<a href="" id="rollover4"><span>Community Center of St Bernard</span></a>
<a href="" id="rollover5"><span>Lightning Face</span></a>


<div id="about">
<img style="float:left; margin: 0px 6px 0px 0px;" src="includes/img/about.png" width="141" alt="about">
<p>I work at a <a href="">food pantry outside of New Orleans</a> through a program called the <a href="">Digital Arts Service Corps</a> (basically AmeriCorps for geeks). I wanted to make an easy, fun way to help fund hunger organizations - and this website was the result. If you have any questions, ideas, or criticisms feel free to send me an <a href="">email</a>. Thanks!</p>

<div id="faq">
<img style="float:left; margin: 0px 6px 0px 0px;" src="includes/img/faq.png" width="81" alt="about">
<p><strong>Where does my donation go exactly?</strong></p>
<p style="padding: 0px 0px 5px 0px;">Every month we choose a different hunger charity to donate to and 100% of all donations go towards that charity.</p>
<p><strong>Does the Nonprofit actually buy the food I select?</strong></p>
<p style="padding: 0px 0px 5px 0px;">No, the food on this website is symbolic. The nonprofit itself probably has a better idea of what food is needed at a certain time, so the donation is made as a lump sum.</p>
<p><strong>Where did you get the food prices?</strong></p>
<p style="padding: 0px 0px 5px 0px;">Most hunger organizations buy discounted surplus food from wholesalers, and these prices reflect that.</p>