Beyondskins HTML5 Theme is an installable Plone Theme developed by Simples Consultoria using the theming and packaging features available in plone.app.theming.
- From the Plone 4.1.x To the Plone 4.3 latest version (https://plone.org/download)
- The
plone.app.themingpackage (will be installed as a dependency of this package)
Layout of the site when viewed in a computer resolution:
- It's an installable Plone Theme package.
- After installation from Add-ons controlpanel, this theme is enabled automatically.
- Also it's a simple Diazo package (Zip file).
- It's have support for clean uninstallation.
If you are an end user, you might enjoy installation via zip file import.
- Download a zip file.
- Import the theme from the Diazo theme control panel.
Select and enable the theme from the Diazo control panel. That's it!
If you are a developer, you might enjoy installing it via buildout.
For install beyondskins.html5 package add it to your buildout section's
eggs parameter e.g.:
[buildout]
...
eggs =
...
beyondskins.html5
and then running bin/buildout.
Or, you can add it as a dependency on your own product setup.py file:
install_requires=[
...
'beyondskins.html5',
],
The Beyondskins HTML5 theme for Plone is a Diazo Theme based on HTML5 for Simples Consultoria Website
This is a very basic and clean Plone theme that uses HTML5 tags in your structure and gives you a Semantic HTML to start your projects.
Instead a lot of div>`tags, this theme uses new HTML5 tags like `header> section> <nav> and <footer>
Beyondskins HTML5 use Normalize.css to reset the styles. Normalize.css
makes browsers render all elements more consistently and in line with modern
standards. It precisely targets only the styles that need normalizing.
Beyondskins HTML5 doesn't use any grid system, mainly because the actual grid systems make a mess in your html, adding a lot of non semantical tags. And because you don't need a grid system to create a website with 2 or 3 columns.
To change columns size, just edit grid.css file included ins this package:
#main {width: 100%;}
#main-content {width: auto;}
#column-one {width: 16%;}
#column-two {width: 30%;}
If you need a grid system, just plug your favorite grid system following their instructions. With a little mess in the HTML file you can make any modern grid system to work here.
Yes
To do
- Issue Tracker: https://github.com/simplesconsultoria/beyondskins.html5/issues
- Source Code: https://github.com/simplesconsultoria/beyondskins.html5
The project is licensed under the GPLv2.
- Andre Nogueira (agnogueira at gmail dot com).
- Leonardo J. Caballero G. aka macagua (leonardocaballero at gmail dot com).
You can find an updated list of package contributors on https://github.com/simplesconsultoria/beyondskins.html5/contributors