Git Product home page Git Product logo

pinax-theme-bootstrap's Introduction

Pinax Theme Bootstrap

Pinax

Pinax is an open-source platform built on the Django Web Framework. It is an ecosystem of reusable Django apps, themes, and starter project templates. This collection can be found at http://pinaxproject.com.

pinax-theme-bootstrap

pinax-theme-bootstrap is a theme for Pinax based on the open source Bootstrap front-end framework and the Font Awesome icon library.

Getting Started

Include pinax-theme-bootstrap in your requirements file and include pinax_theme_bootstrap and bootstrapform (which is installed alongside this theme) in your INSTALLED APPS.

Add django.core.context_processors.request and pinax_theme_bootstrap.context_processors.theme to your TEMPLATE_CONTEXT_PROCESSORS to ensure the user selector and site name work correctly.

Make sure both template loaders and staticfiles finders includes app directories.

Site name comes from Sites fixture.

Your site_base.html should extend theme_bootstrap/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.

Dependencies

  • Bootstrap
  • Font Awesome
  • jQuery

We previously vendored these packages and had an undocumented build process pre-configured in our starter projects that use this theme. This has gone the way of the 80s hair band and we are now using proper packaging in the starter projects.

The templates in this project are currently tested with the following versions:

  • Bootstrap 3.3.5
  • Font Awesome 4.4.0
  • jQuery 2.1.4

If you are not using one of our starter projects, you will need to go about setting up a build environment to use these libraries. We recommend using webpack and installing these libraries with npm.

Upgrade Notes

Upgrading to 6.0, you should be aware of a few changes:

  • style_base and extra_style blocks have been merged into styles
  • script_base and extra_script blocks have been merged into scripts and the theme.js script is now loaded within a theme_script block after the scripts block. It now expects that you'll load the necessary jQuery library at the project level in the scripts block.
  • No vendored assets ship with the theme anymore. You are responsible for setting up your own static assets at the project level. We have made it easy by just using one of our starter projects.

Documentation

The pinax-theme-bootstrap documentation is currently under construction. If you would like to help us write documentation, please join our Slack channel and let us know! The Pinax documentation is available at http://pinaxproject.com/pinax/.

License

The Pinax Bootstrap theme is released under the MIT license.

Code of Conduct

In order to foster a kind, inclusive, and harassment-free community, the Pinax Project has a code of conduct, which can be found here http://pinaxproject.com/pinax/code_of_conduct/.

Pinax Project Blog and Twitter

For updates and news regarding the Pinax Project, please follow us on Twitter at @pinaxproject and check out our blog http://blog.pinaxproject.com.

pinax-theme-bootstrap's People

Contributors

lukeman avatar paltman avatar jtauber avatar brosner avatar jacobwegner avatar bmihelac avatar mattions avatar iepathos avatar miurahr avatar tswicegood avatar dstufft avatar fay avatar cvrebert avatar joshmarshall avatar simonluijk avatar saz avatar dmoisset avatar nigma avatar jrkerns avatar johansja avatar mgaitan avatar paulcollinsiii avatar geyser avatar gitter-badger avatar thijstriemstra avatar rizumu avatar garnertb avatar slid1amo2n3e4 avatar rw239 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.