Skip to content

Instantly share code, notes, and snippets.

@waynr

waynr/base.html

Last active December 29, 2015 09:39
Show Gist options
  • Save waynr/7651357 to your computer and use it in GitHub Desktop.
Save waynr/7651357 to your computer and use it in GitHub Desktop.
Download ZIP
aspen
Raw
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>
Raw
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 %}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment