waynr/base.html

## base.html
<!doctype html>
<html class="no-js" lang="en">
  <head>
    {% block head %}
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>SimplePolitix</title>
    <link rel="stylesheet" href="css/foundation.css" />
    <script src="js/modernizer.js"></script>
    {% endblock %}
  </head>
  <body>
    <div class="row" id="header">
      {% block header %}
      <div class="small-10 small-centered column">
        <h1 class="text-center">Simple Politix</h1>
        <h5 class="text-center">Making participating in politics simple.</h5>
      </div>
      {% endblock %}
    </div>
    </br> </br>
    <div id="content"> {% block content %} {% endblock %} </div>
    <div class="row" id="footer">
      {% block footer %}
      <div class="small-6 small-centered column">
      &copy; 2013, SimplePolitix
      </div>
      {% endblock %}
    </div>
  </body>
  {% block tail %}
    <script src="/static/js/jquery.js"></script>
    <script src="/static/js/simplepolitix.js"></script>
    <script>
    $( document ).ready(
        simplepolitix()
        )
    </script>
  {% endblock %}
</html>

## index.html.spt
[---] via jinja2
{% extends "base.html" %}
{% block content %}
<div class="row">
<div class="large-5 small-10 small-centered column">
  <p>SimplePolitics is an upcoming web app that aims to improve access to the political process for normal citizens. </p>

  <p>We aim to provide the following information given your zip code or GPS coordinates: </p>
</div>
</div>

<div class="row">
<div class="large-8 small-6 large-block-grid-4 small-block-grid-1 small-centered column">
  <li> <p>What political offices are going to be on the ballot in the next election cycle. </p> </li>
  <li> <p>Number of people filed to run for each position. </p> </li>
  <li> <p>Jargon-free description of roles and responsibilities of the office. </p> </li>
  <li> <p>Simple step-by-step procedure to get onto the ballot. </p> </li>
</div>
</div>
<div class="row">
<div class="large-3 small-10 small-centered column">
  <p class="text-center">See the <a href="/mockup">mockup</a> of our design!</p>
</div>
</div>

{% endblock %}
	<!doctype html>
	<html class="no-js" lang="en">
	<head>
	{% block head %}
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>SimplePolitix</title>
	<link rel="stylesheet" href="css/foundation.css" />
	<script src="js/modernizer.js"></script>
	{% endblock %}
	</head>
	<body>
	<div class="row" id="header">
	{% block header %}
	<div class="small-10 small-centered column">
	<h1 class="text-center">Simple Politix</h1>
	<h5 class="text-center">Making participating in politics simple.</h5>
	</div>
	{% endblock %}
	</div>
	</br> </br>
	<div id="content"> {% block content %} {% endblock %} </div>
	<div class="row" id="footer">
	{% block footer %}
	<div class="small-6 small-centered column">
	© 2013, SimplePolitix
	</div>
	{% endblock %}
	</div>
	</body>
	{% block tail %}
	<script src="/static/js/jquery.js"></script>
	<script src="/static/js/simplepolitix.js"></script>
	<script>
	$( document ).ready(
	simplepolitix()
	)
	</script>
	{% endblock %}
	</html>
	[---] via jinja2
	{% extends "base.html" %}
	{% block content %}
	<div class="row">
	<div class="large-5 small-10 small-centered column">
	<p>SimplePolitics is an upcoming web app that aims to improve access to the political process for normal citizens. </p>

	<p>We aim to provide the following information given your zip code or GPS coordinates: </p>
	</div>
	</div>

	<div class="row">
	<div class="large-8 small-6 large-block-grid-4 small-block-grid-1 small-centered column">
	<li> <p>What political offices are going to be on the ballot in the next election cycle. </p> </li>
	<li> <p>Number of people filed to run for each position. </p> </li>
	<li> <p>Jargon-free description of roles and responsibilities of the office. </p> </li>
	<li> <p>Simple step-by-step procedure to get onto the ballot. </p> </li>
	</div>
	</div>
	<div class="row">
	<div class="large-3 small-10 small-centered column">
	<p class="text-center">See the <a href="/mockup">mockup</a> of our design!</p>
	</div>
	</div>

	{% endblock %}