Skip to main content

A responsive Diazo theme for mobile-friendly websites with Plone 4. As child theme, it extends the responsive plonetheme.onegov and aims for easy development with small or fast changing teams - like at the faculty IMN of the University of Applied Since Leipzig (HTWK), Germany.

Project description


This is a responsive Diazo Plone Theme. It’s build on top of the responsive Diazo plonetheme.onegov product and creates beautiful content representations on desktop and mobile devices.

It was created in a masters thesis about mobile-friendly Plone websites, that could be developed and maintained by small and fast changing dev-teams and was initially used at the faculty FIMN - a part of the largest university of applied sciences in East Germany.

Important this package doesn’t work with python 2.6, it requires at least python 2.7


  • Add htwkimn.theme to your buildout configuration:
eggs +=
  • Install/Activate the generic import profile via extension setup in your site configuration
  • Have a look for the resources/dummy-content folder for some content examples
  • Depending on the version you’ll fetch from plonetheme.onegov, you might need to pin six = 1.5.2

Goals and strategy

The theme aims for an easy maintainable way to develop a responsive, mobile-friendly website with small or fast-changing teams. Therefore it’s build as child-theme, that can’t live without but benefits from the continuing development of its parent-theme plonetheme.onegov.

It has less code than an individual theme. So you can get an overview about its source code faster, which makes it easier for new staff to change the look and feel of the resulting website, especially if they are unfamiliar with Plone or Diazo.

To reach that goal, the child-theme extends the parent-theme, adds some Diazo rules to modifiy the parents HTML-structure on the fly and registers some custom SCSS files, to overwrite the original CSS styles.

As you can see, the child brings its own Diazo rules.xml to adapt the Diazo html-template of the parent-theme. Furthermore it brings its own CSS styles to adapt the parents layout as well as its styling.


  • Fully responsive design for mobile devices like smartphones or tablets and traditional desktops
  • Flexible width, based on a flexible 16-column grid (deco grid) and desktop-first design
  • Slider and tile-navigation on home page
  • Collapsing SimpleLayout columns in content area
  • SCSS based for easy CSS development
  • Less code, faster understanding if you’re unfamiliar with Diazo or Plone themes
  • Includes features of plonetheme.onegov
  • Benefits from fixes and upgrades of plonetheme.onegov but own implementations won’t be overwriten
  • SCSS variables for an easy switch to your own corporate design
  • Based on Plone 4 best practises

Utilizes following add-ons for comfort of content editors

  • ftw.contentpage
  • ftw.contenttemplates
  • ftw.contentmenu
  • ftw.footer
  • ftw.upgrade
  • ftw.mobilenavigation


Live and in action

HTWK faculty FIMN





  • version dependencies updated


  • workaround to remove “relations_library” navi item of Faculty Staff Directory


  • navi css changed
  • header link added
  • header home-button rule fixed
  • doc extended
  • dummy content added


  • requirement constraints updated

1.0 (release)

  • header variants added
  • mobilenavigation as dependency added
  • docs completed, example images added
  • generic setup, ftw.upgrade activation added
  • more expressive comments and filenames

0.1dev (unreleased)

  • Initial release

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for htwkimn.theme, version 1.0.9
Filename, size & hash File type Python version Upload date
htwkimn.theme-1.0.9.tar.gz (9.5 MB) View hashes Source None

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging AWS AWS Cloud computing DataDog DataDog Monitoring Fastly Fastly CDN SignalFx SignalFx Supporter DigiCert DigiCert EV certificate StatusPage StatusPage Status page