settings: Add django.contrib.staticfiles to the project

This is needes to serve the admin static files.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
settings: Use the Django debug toolbar

I'd like to see how many requests are done per page to make sure what
I'm doing doesn't result in yet another request.

The toolbar will only be active if DEBUG = True.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
templates: Pull jquery into base.html

Bootstrap needs jquery for its own JS facilities, so include it on every
page.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
htdocs: Add bootstrap

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
template: Add bootstrap to the base template

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
urls: Expose the fonts directory for bootstrap's glyphicons

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
list: Replace the 16-arrow* icons by glyphicons

They look more modern.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
sytle.css: Remove the body selector, letting bootstrap's shine through

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
style.css: Move the global <a> styling at the top

Otherwise we can properly have a generic <a> styling that gets
specialized as needed.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
style.css: Tune <a> styling

The links aren't underlined anymore. If, once visited, they are to
become black, we won't be able to distinguish them from regular text.

Instead let's decide about a color for links so they can be spotted,
even after a visit.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
templates: Redesign the title bar

Let's use HTML5 <nav> and bootstrap navigation facilities for this.

Among the nice things that bootstrap brings to the table, the navigation
bar is now mobile friendly: it will collapse when either, being
displayed on a mobile device or when the screen isn't wide enough, to
show the various items in a togglable menu. This can be tested by
resizing the browser to have a width < 768px.

This commit is just about layout changes, keeping the exact same
information displayed on the page.

This is based on work from Belén Barros Peña, but transposed to
bootstrap.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
templates: Redesign the breadcrumbs bar

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
templates: Move "About" at the bottom of the page

This is part of the steps needed to make the "nav" bar into a pure
breadcrumb trail. It's quite usual these days to have "about" style
links at the bottom of pages.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
Signed-off-by: Belén Barros Peña <belen.barros.pena@intel.com>
templates: Remove extraneous blank line at the end of base.html

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
base: Move the project info into the navigation bar

The goal is still to have a proper breadcrumb bar. One more little step
towards it.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
base: Don't display the breadcrumb bar on the project list page

We already have the information on the main bar, no need to have a
breadcum bar here.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
html: Turn the navbar into a breadcrumb bar

So we can have a somewhat of a hierarchical progression:

  All projects -> $project patches -> patch name

That should also help when we add series, we'll be able to just add the
series in there.

By default, we have:

  All projects -> $project patches

both being links, so we can return to the list of patches from any page
where the project is defined. The '$project patches' link becomes
insensitive in the list page. Finally the patch page adds the patch at
the end.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
Signed-off-by: Belén Barros Peña <belen.barros.pena@intel.com>
style.css: Provide a default <h2> style

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
Signed-off-by: Belén Barros Peña <belen.barros.pena@intel.com>
style.css: Rename the breadcrumb selectors

Bootstrap called what was the header bar "navigation". Let's rename the
nav* selector with 'breadcrumb' so there's no confusion with bootstrap's
nagivation elements and selectors.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
filters: Use the glyphicons for add/remove signs

They give a much better contrast the the one already there.

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>