beyondskins.responsive 0.4

A responsive design for Plone/Diazo powered sites

Table of Contents

• Overview

• Requirements

• Screenshots

• Installation

  • Getting the theme

  • Enabling the theme

• Credits

• Changelog

  • 0.4 (2012-09-02)

  • 0.3 (2012-03-21)

  • 0.2 (2012-02-23)

  • 0.1 (2011-11-04)

Overview

Responsive Diazo is an installable Plone Theme developed by Simples Consultoria using the theming and packaging features available in plone.app.theming.

You could use this theme as a start for you own Diazo themes – but send us a postcard, ok ;-)

Requirements

• Plone 4.1.x (http://plone.org/products/plone)

• plone.app.theming (will be installed as a dependency of this package)

Screenshots

Layout of the site when viewed in a computer resolution:

Layout of the site when viewed with a tablet resolution:

Installation

Getting the theme

Zip file

If you are an end user, you might enjoy installation via zip file import.

1. Download a zip file

2. Import the theme from the Diazo theme control panel.

Buildout

If you are a developer, you might enjoy installing it via buildout.

Add beyondskins.responsive to your plone.recipe.zope2instance section’s eggs parameter e.g.:

[instance]
eggs =
    Plone
    ...
    beyondskins.responsive

Or, you can add it as a dependency on your own product setup.py:

install_requires=[
    ...
    'beyondskins.responsive',
],

Enabling the theme

Select and enable the theme from the Diazo control panel. That’s it!

Credits

• Thiago Tamosauskas (thiago at simplesconsultoria dot com dot br) - CSS, Accessibility and Q&A.

• Andre Nogueira (andre at simplesconsultoria dot com dot br) - Conception and prototype.

• Davi Lima (davi at simplesconsultoria dot com dot br) - Translation, Fixes.

Changelog

0.4 (2012-09-02)

• Introduce the “plone:static” directive (from plone.resource) before using it [danjacka]

• Add plone.app.toolbar support [ericof]

• New diazo rule for Analytics [tamosauskas]

• New diazo rule for Plone Lingua [tamosauskas]

• A most efficient rule for head elements. Thanks brett-kimball [tamosauskas]

• Fix bug in lists and numbered lists in content [tamosauskas]

0.3 (2012-03-21)

• Explicitly add stuff to Manifest.in , solving issue #1 [ericof]

• Add include MANIFEST.in to MANIFEST.in [ericof]

0.2 (2012-02-23)

• Including customizable touch-favicon [tamosauskas]

• Pixel-Perfect adjustment in navbar [tamosauskas]

• Add ARIA landmark roles [agnogueira]

  • Add a so much better Ipad navigation experience [tamosauskas]

• Mobile search using overlay [tamosauskas]

0.1 (2011-11-04)

• Packaging [erico_andrei]

• Applies Liquid Layout [tamosauskas]

• Proportional use of images and fonts [tamosauskas]

• Media queries for responsive design [tamosauskas]

• Transparent Bacground in the header image [tamosauskas]

• Search Box layout without images [tamosauskas]