Pinax theme based on Zurb's Foundation
Project description
A theme for Pinax 0.9 based on Zurb Foundation. Zurb Foundation is a popular CSS framework that is built on a responsive grid that accommodates devices with a variety of screen sizes. Documentation on Foundation can be found at [here](http://foundation.zurb.com/docs/)
Quickstart
Include “pinax-theme-foundation” in your requirements file and “pinax_theme_foundation” in your INSTALLED APPS.
Make sure both template loaders and staticfiles finders includes app directories.
Site name comes from Sites fixture.
Your “site_base.html” should extend “theme_base.html” and should provide “footer” and “nav” blocks (the latter should just be a ul of li of a links).
Your pages should have blocks “head_title” and “body” and should extend “site_base.html”.
The url name “home” should be defined as the homepage.
Forms
This theme ships with a basic template tag for rendering forms that match the markup expected by foundation
To style forms, add the following to the top of your template
{% load foundation_tags %}
and include your form using the following markup:
<form method="POST" action=""> {% csrf_token %} <fieldset class="form-controls"> {{ form|as_foundation }} </fieldset> <fieldset class="form-actions"> <button type="submit" class="btn primary">Submit</button> </fieldset> </form>
Todo / Issues
build additional templates for other Pinax-related apps
Find a proper solution to the top navigation bar. The Foundation framework does not currently contain a top navigation bar we are currently using the “zurBar” foun on the document site. This bar does no support drop down items
Add responive tags to starter templates to fully support mobile devices
Add templates for all the standard Pinax apps.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Hashes for pinax-theme-foundation-0.1.2.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | dbe73bab26bbd6226fcf61ed8d155469e4350d90ee96da7466f06db322943a92 |
|
MD5 | 90b2b45f08ab2ea75f242bbfa21b41cd |
|
BLAKE2b-256 | 722124c2dc0c1974b6318ef5b2a7a4ae828c2f210845aae6c5d23cdd68700fae |